body {
        padding-top: 0 !important;
        font-size: 13px !important;
        font-weight: normal;
        background-color: #E6EBF0 !important;
        padding-left: 27px;
        padding-right: 22px;
    }

    div#loading {
        margin-top: 0!important;
        height: 105%;
    }

    .inner_logo {
        padding: 6px 0;
    }

    .inner_wrapper .gridStyle {
        border: 1px solid rgb(212, 212, 212);
        width: 100%;
        height: auto;
    }

    .export {
        margin: 20px 0px 0px 406px;
        font: -webkit-small-control;
        color: #FFFFFF;
        background: rgba(104, 145, 141, 0.83);
    }

    .cellToolTip {
        overflow: visible;
    }

    .tooltip {
        /*   top: 0 !important; */
        background-color: transparent;
        /* #e55e52;*/
        color: #FFF;
    }

    .inner_wrapper .gridStyleProduct {
        /*border: 1px solid rgb(212,212,212);*/
        width: 100%;
    }

    .saveAttachment {
        margin: 24px;
    }

    .btn-group.open>ul.dropdown-menu {
        display: block
    }

    .customCheeckBox.my-checkbox {
        background: url(../img/orange.png) scroll -3px -2px no-repeat!important;
        border: 0;
        min-width: 21px;
        float: left;
        min-height: 19px;
        outline: 0 none;
    }

    .customCheeckBox.my-checkbox.checked {
        background-position: -50px -2px!important;
    }

    .tanColor {
        background-color: #BE9E91;
        font-weight: bolder;
        font-size: 15px;
        color: white;
    }

    /*.ngFooterPanel {
        margin: -50px 0px -10px -1px !important;
     background:rgb(190, 158, 145); 
     color:black;
    }*/

    /*.ngFooterPanel {
        margin: 0 !important;
        color: black;
        float: left;
        margin-top: 1px !important;
        border: none;
        height: auto !important;
        border: 1px solid #ccc;
        margin-left: -1px !important;
        width: 100.2% !important;
        border-top: 0;
    }*/

    .ngFooterPanel {
        margin: 0 !important;
        color: black;
        float: left;
        margin-top: 0px !important;
        border: none;
        height: auto !important;
        border: 1px solid #ccc;
        margin-left: 0px !important;
        width: 100% !important;
        border-top: 0;
    }

    .ngFooterPanel .ngPagerContainer {
        margin-top: 4px !important;
    }

    .ngFooterPanel .ngPagerCurrent {
        height: 26px;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

    .ngFooterPanel button.ngPagerButton {
        padding: 4px 6px;
    }

    .ngFooterPanel .ngPagerContainer.ngNoMultiSelect select {
        width: auto !important;
    }

    .ngTopPanel, .ngHeaderContainer, .ngViewport {
        width: 100% !important;
    }

    .inner_wrapper .ngViewport {
        min-height: 93px;
        overflow-x: hidden;
        min-height: 90.3% !important;
        /*min-height: 90.3% !important;*/
    }

    .scrollEvent {
        height: 213px;
        margin-bottom: 26px;
    }

    .scrollEvent1 {
        height: 350px;
        margin-bottom: 26px;
    }

    .scrollEvent2 {
        height: 200px;
        margin-bottom: 26px;
    }

    .inner_wrapper .gridStyleList {
        border: 1px solid rgb(212, 212, 212);
        width: 1200px;
        height: auto;
    }

    input.ng-invalid {
        border: 1px solid #B62626;
    }

    form .CustomValidationError {
        position: relative;
        font-size: 11px!important;
        color: rgb(249, 0, 29);
    }

    .inner_wrapper .pagination {
        margin: 8px 0 0 0 !important;
    }

    .inner_wrapper .hierarchypagination {
        margin: -33px 0 0 127px !important;
    }

    .inner_wrapper .navigation-bar.light {
        background-color: #EEEEEE;
        color: #FFF;
        border: 1px solid #dcdcdc;
        border-left: 1px solid #E35257;
    }

    .inner_wrapper .ngHeaderContainer {
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        color: #333;
        border-bottom: 1px solid #dcdcdc;
    }

    nav.navigation-bar .element {
        font-size: 13px !important;
    }

    .nav-tabs>li.active {
        cursor: pointer;
    }

    .nav-tabs>li.active>a {
        color: #fff;
        background-color: #6E6059;
        border-radius: 0;
        border: none;
    }

    ul.nav.nav-tabs {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .nav-tabs>li>a {
        background-color: #E0E0E0;
        color: #666666;
        border: none;
        border-radius: 0;
    }

    .nav-tabs>li>a:hover {
        border: none;
    }

    .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        border: none;
        border-radius: 0;
        background: #938178;
        color: #fff;
    }

    ul.nav-tabs>li {
        cursor: pointer;
        font-size: 13px;
    }

    .navigation-bar-content a:hover {
        text-decoration: none !important;
    }

    form[name="productDetailsForm"] label, form[name="enumerationCategory"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 246px;
        font-weight: normal;
        color: #000;
    }

    form[name="productDetailsForm"] label span input[type="text"], form[name="productDetailsForm"] label span select, form[name="productDetailsForm"] label span textarea, form[name="enumerationCategory"] label span input[type="text"], form[name="enumerationCategory"] label span select, form[name="enumerationCategory"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="productDetailsForm"] label input[type=checkbox], form[name="enumerationCategory"] label input[type="checkbox"] {
        margin-top: 0 !important;
    }

    form[name="productDetailsForm"] label span textarea, form[name="enumerationCategory"] label span textarea {
        resize: none;
    }

    form[name="ratingRegionForm"] label {
        float: left;
        margin-right: 25px;
        width: 204px;
        font-weight: normal;
        color: #000;
        padding: 4px 6px 7px 0;
    }

    form[name="ratingRegionForm"] label span input[type="text"], form[name="ratingRegionForm"] label span select, form[name="ratingRegionForm"] label span textarea {
        display: block;
        min-width: 100%;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="ratingRegionForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="ratingRegionForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="tierForm"] label {
        float: left;
        margin-right: 25px;
        width: 204px;
        font-weight: normal;
        color: #000;
        padding: 4px 6px 7px 0;
    }

    form[name="tierForm"] label span input[type="text"], form[name="tierForm"] label span select, form[name="tierForm"] label span textarea {
        display: block;
        min-width: 100%;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="tierForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="tierForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="attributeDetailsForm"] label {
        float: left;
        margin-right: 25px;
        min-width: 205px;
        font-weight: normal;
        color: #000;
        padding: 4px 6px 7px 16px;
    }

    form[name="attributeDetailsForm"] label span input[type="text"], form[name="attributeDetailsForm"] label span select, form[name="attributeDetailsForm"] label span textarea {
        display: block;
        min-width: 100%;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="attributeDetailsForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="attributeDetailsForm"] label span textarea {
        resize: none;
    }

    form[name="attributeValueForm"] label {
        float: left;
        margin-right: 25px;
        min-width: 205px;
        font-weight: normal;
        color: #000;
        padding: 4px 6px 7px 16px;
    }

    form[name="attributeValueForm"] label span input[type="text"], form[name="attributeValueForm"] label span select, form[name="attributeValueForm"] label span textarea {
        display: block;
        min-width: 100%;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="attributeValueForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="attributeValueForm"] label span textarea {
        resize: none;
        height: 75px;
    }

    .customCheeckBoxGrid {
        border: 1px solid transparent;
        height: 16px;
        width: 17px;
        background-image: url("./images/tick.png");
        background-position: -1px -2px;
        margin: 1!important;
        display: inline-block;
    }

    .ng-scope>table td {
        vertical-align: top;
    }

    .ng-scope .navigation-bar.light {
        margin-top: 9px;
    }

    .ng-scope .navigation-bar.topMargin {
        margin-top: 34px;
        background: #BE9E91;
    }

    .gridStyle1 {
        height: 308px !important;
    }

    .gridStyle6 {
        height: 212px !important;
    }

    .ng-scope .metro form {
        margin: 0 0 4pt !important;
    }

    div#footer .container {
        height: auto !important;
        min-height: 50px;
    }

    .gridStyle3 {
        min-height: 92px!important;
    }

    form[name="productDetailsForm"] .ng-scope table, form[name="ratingRegionForm"] .ng-scope table, form[name="tierForm"] .ng-scope table, form[name="enumerationCategory"] .ng-scope table {
        background: #FFFFFF;
    }

    form[name="productDetailsForm"] .ng-scope table td:first-child, form[name="ratingRegionForm"] .ng-scope table td:first-child, form[name="tierForm"] .ng-scope table td:first-child, form[name="enumerationCategory"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    .smart-forms span.state-error {
        display: block !important;
        margin-top: 6px;
        padding: 0 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        line-height: normal;
        font-size: 0.85em;
        color: #DE888A;
    }

    .app_wrapper {
        background: #fff;
        padding: 0 8px;
    }

    .navigation-bar.light .navigation-bar-content a.element:hover {
        background: #b69385 !important;
    }

    .navigation-bar.light .navigation-bar-content span.element:hover {
        background: #EEEEEE !important;
        /*#9c7a6c*/
    }

    .inner_wrapper .ngHeaderContainer .ngSortButtonDown, .inner_wrapper .ngHeaderContainer .ngSortButtonUp {
        top: 13px !important;
        left: auto !important;
        right: 6px !important;
        border-color: white transparent !important;
    }

    .navigation-bar .ng-isolate-scope button {
        padding: 1px 12px !important;
        background: none !important;
    }

    .navigation-bar .gearactions {
        max-height: 160px;
        transition: .8s;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        margin-top: 28px;
        margin-left: -98px !important;
        z-index: 1000;
        background: #fff;
        min-width: 155px !important;
        width: auto;
        border: 1px solid #dcddde;
    }

    .navigation-bar .gearactions ul {
        margin-left: 5px !important;
        padding-left: 10px !important;
    }

    .navigation-bar .gearactions ul a {
        display: block;
        color: #000;
        font-size: 13px;
        padding-bottom: 5px;
    }

    form[name="productDetailsForm"] .form-control, form[name="tierForm"] .form-control, form[name="enumerationCategory"] .form-control {
        display: block;
        width: 100%;
        height: 23px;
        padding: 4px 12px;
        padding: 2px 12px\0 !important;
        font-size: 12px !important;
        line-height: 1.42857143;
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 1px solid #a9a9a9;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="productDetailsForm"] button[type="button"], form[name="tierForm"] button[type="button"], form[name="enumerationCategory"] button[type="button"] {
        line-height: 12px !important;
        padding: 4px 6px !important;
    }

    .footer {
        clear: both;
        bottom: 0;
        left: 0;
        margin: 0 0px 0px 72px;
        text-align: center;
        padding: 20px 0 13px 0;
        color: #838383;
    }

    .metro .dropdown-menu {
        background: #945B41;
        min-width: 160px;
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin-left: -122px;
        color: #000;
    }

    .metro .dropdown-menu li:hover {
        border: none !important;
        background: #754630 !important;
    }

    .metro .dropdown-menu li a {
        padding: 8px 17px !important;
        font-size: 14px !important;
        line-height: 14px !important;
        cursor: pointer;
        color: #fff;
    }

    .metro .dropdown-menu li a:hover {
        background-color: #8e7a6f;
        border: 1px solid #8e7a6f;
    }

    .footer span {
        display: inline-block;
        padding-left: 8px;
        vertical-align: middle;
    }

    nav.navigation-bar.light input[type="text"] {
        width: 540px;
        color: #000;
        font-size: 13px !important;
    }

    nav.navigation-bar.light input[type="searchText"] {
        width: 182px !important;
        color: #000;
        font-size: 13px !important;
    }

    .cust-gear-action .ngCell {
        overflow: visible!important;
        border-bottom: 1px solid #dcdcdc;
    }

    /*.cust-gear-action ul.dropdown-menu {
        font-size: 11px;
        left: 0px!important;
        margin-left: 0!important;
    }*/

    .cust-gear-action ul.dropdown-menu {
        font-size: 11px;
        left: 24px!important;
        margin-left: 0!important;
        margin-top: -19px;
    }

    .buttonBackground {
        background: #6f5549 !important;
        color: white !important;
    }

    .cust-gear-action ul.dropdown-menu li {
        padding: 0px!important;
        margin: 0px!important;
        border-bottom: 1px solid #794933!important;
        border-top: 1px solid #A76D52!important;
    }

    .cust-gear-action ul.dropdown-menu li a {
        padding: 4px!important;
        font-weight: normal;
    }

    button.gearActionButton {
        padding: 0 0 0 0!important;
        max-width: 25px;
        box-shadow: 0 0 0!important;
        background-image: none!important;
        overflow: hidden;
        width: 25px!important;
        background-position: top left;
    }

    .metro .dropdown-toggle:after {
        content: "";
    }

    .metro .dropdown-toggle {
        padding-right: 0 !important;
        font-size: 13px;
    }

    form[name="productDetailsForm"] button.btn.btn-primary, form[name="enumerationCategory"] button.btn.btn-primary {
        background: #E35257 !important;
        border: 1px solid #E35257 !important;
        color: #fff !important;
        text-shadow: 0 0 0 !important;
    }

    form[name="attributeDetailsForm"] button.btn.btn-primary {
        background: #6f5549 !important;
        border: 1px solid #62493d !important;
        color: #fff !important;
    }

    ul.ng-valid-date, ul.ng-valid-date-disabled {
        background-color: #DBDBDB !important;
        font-size: 13px !important;
        margin-left: -49px !important;
    }

    ul.ng-valid-date:hover, ul.ng-valid-date table:hover {
        border: 1px solid transparent;
    }

    form[name="productDetailsForm"] br, form[name="enumerationCategory"] br {
        display: none;
    }

    form[name="productDetailsForm"]>div:first-child, form[name="enumerationCategory"]>div:first-child {
        padding: 0px 17px;
        margin-bottom: 5px;
    }

    form[name="productDetailsForm"]>div:first-child button, form[name="enumerationCategory"]>div:first-child button {
        opacity: 1 !important;
        font-size: 13px;
    }

    .inner_wrapper .gridStyleList {
        border: 1px solid rgb(212, 212, 212);
        width: auto !important;
        height: auto;
    }

    form[name="productDetailsForm"]>div:first-child span, form[name="enumerationCategory"]>div:first-child span {
        color: #FA0A53;
        font-size: 14px;
        vertical-align: middle;
        text-shadow: 0 0 0;
    }

    form[name="productDetailsForm"]>div:first-child span .ng-binding, form[name="enumerationCategory"]>div:first-child span .ng-binding {
        float: right;
        padding-top: 4px;
    }

    form[name="attributeDetailsForm"] br {
        display: none;
    }

    form[name="attributeDetailsForm"]>div:first-child {
        padding: 0px 17px;
        margin-bottom: 10px;
    }

    form[name="attributeDetailsForm"]>div:first-child button {
        opacity: 1 !important;
        font-size: 13px;
    }

    form[name="attributeDetailsForm"]>div:first-child span {
        color: #FA0A53;
        /*#808080*/
        font-size: 14px;
        vertical-align: middle;
        text-shadow: 0 0 0;
    }

    form[name="attributeDetailsForm"] input {
        color: #000;
    }

    form[name="attributeDetailsForm"]>div:first-child span .ng-binding {
        float: right;
        padding-top: 4px;
    }

    .ngRow.selected .ngCellText .ng-binding {
        color: #fff;
    }

    .ngRow.selected span.icon-cog {
        color: #fff;
    }

    .ng-scope.ngRow:hover {
        background: rgb(224, 231, 255)!important;
    }

    .ngRow.selected, .ngRow.selected:hover {
        background-color: #888!important;
        color: #fff;
    }

    .ngRow.odd {
        background-color: #fdfdfd;
        border-bottom: 1px solid #dcdcdc!important
    }

    .ngRow {
        border-bottom: 1px solid #dcdcdc!important
    }

    a.link_new {
        color: #fff;
        background: #e35257!important;
        top: 13px;
        padding: 4px 14px 6px 14px;
        position: relative;
        left: 0px;
        cursor: pointer;
        margin: 0 0px 0 0px;
        background: transparent;
        font-size: 13px;
        border: 1px solid transparent;
        text-shadow: 0 0 0 !important;
    }

    .navigation-bar-content a.link_new {
        float: left;
        top: 9px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .successMessage {
        color: rgb(227, 101, 0);
        font-size: initial;
    }

    a.link_newhierarchy {
        color: #fff;
        top: 14px;
        padding: 4px 14px 6px 8px;
        position: relative;
        left: 20px;
        cursor: pointer;
        margin: 0 11px 0 -11px;
        background: #009f8e;
        font-size: 13px;
    }

    .splash {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .splash img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 100px;
        width: 100px;
    }

    .mybar {
        background: #29d;
        height: 2px;
    }

    .progress {
        height: 2px;
    }

    .spinner-icon {
        position: absolute;
        right: 20px;
    }

    a.link_newhierarchy :hover {
        cursor: pointer;
    }

    a.link_new:hover {
        color: #FFFFFF;
    }

    .gridStyle2 {
        height: auto !important;
    }

    @media (min-width: 768px) {
        .modal-dialog {
            width: 1000px !important;
            margin: 0 auto !important;
        }
    }

    .modal-content {
        border-radius: 0 !important;
    }

    .modal-content .modal-header {
        padding: 10px 15px;
        border-bottom: 1px solid #e5e5e5;
        margin-right: 11px;
        background: #FFFFFF;
        margin: -1px;
        color: #fff;
        font-weight: bold;
    }

    .modal-content .modal-header table h4 {
        color: #000000 !important;
        font-weight: normal !important;
        font-size: 15.5px;
    }

    .modal-header h3 {
        color: #fff;
        font-weight: bold;
    }

    .modal-content .modal-header table {
        background: none !important;
    }

    .modal-content .modal-body table td {
        border: 1px solid #ccc;
        border-collapse: collapse;
        padding: 8px 10px 8px 10px;
    }

    .modal-content .modal-body table {
        width: 100% !important;
    }

    .modal-content .modal-body table td input[type=checkbox] {
        margin-top: 0 !important;
    }

    .modal-content .modal-footer button, .modal-content .modal-footer button:hover {
        background: #e35257 !important;
        border: 1px solid #e35257 !important;
        color: #fff !important;
    }

    .modal-content .modal-footer {
        padding: 15px 15 15px 15px !important;
        text-align: right !important;
        border-top: 0 !important;
    }

    .modal-content .modal-header table td:nth-child(2) {
        text-align: right !important;
        font-size: 15px;
    }

    .error_msg {
        width: 229px;
        position: absolute;
        margin: 0 auto;
        text-align: left;
        top: 66%;
        left: 39%;
        color: #F6FF6E;
        z-index: 1;
    }

    .import_header {
        padding: 7px 15px;
        border-bottom: 1px solid #e5e5e5;
        background: #FFFFFF;
        margin: -1px;
        color: #E35257;
        margin-bottom: 6px;
        margin-right: 0px;
        margin-left: -1px;
    }

    .import_header h3 {
        color: #E35257 !important;
        font-size: 18px;
        font-weight: bold !important;
        font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
    }

    .import_form {
        padding: 15px;
    }

    .search_form {
        padding: 15px;
    }

    .gridStylehierarchy {
        height: 213px !important;
    }

    /*.import_form table {
        width: 63% !important;
    }*/

    .import_form table td {
        text-align: left;
        padding: 6px 0;
        vertical-align: top;
    }

    .import_form table td input[type="radio"], .import_form table td input[type="checkbox"] {
        margin-top: 0 !important;
    }

    .import_form table td input[type="text"] {
        border-radius: 0;
        height: 26px !important;
        padding: 6px 11px !important;
    }

    .col-md-6.sh_time table td {
        padding: 0 2px 0 2px !important;
        vertical-align: middle !important;
    }

    .import_wizard button[type="submit"] {
        background: #6f5549 !important;
        border: 1px solid #62493d !important;
        color: #fff !important;
    }

    .import_wizard .date {
        width: 103px !important;
    }

    .import_wizard .colt0 {
        width: 90px !important;
    }

    .import_wizard .col1 {
        left: 94px !important;
    }

    .import_wizard .colt1 {
        width: 170px !important;
    }

    .import_wizard .col2 {
        left: 269px !important;
    }

    .import_wizard .colt2 {
        width: 103px !important;
    }

    .import_wizard .colt3 {
        width: 103px !important;
    }

    .import_wizard .col3 {
        left: 378px !important;
    }

    .import_wizard .colt4 {
        width: 113px !important;
    }

    .import_wizard .col4 {
        left: 487px !important;
    }

    .import_wizard .colt5 {
        width: 110px !important;
    }

    .import_wizard .col5 {
        left: 606px !important;
    }

    .import_wizard .colt6 {
        width: 107px !important;
    }

    .import_wizard .col6 {
        left: 721px !important;
    }

    .import_wizard .colt7 {
        width: 133px !important;
    }

    .import_wizard .col7 {
        left: 832px !important;
    }

    .import_wizard .gridStyle4 {
        min-height: 85px !important;
        height: 100% !important;
    }

    .fileimport-wrapper {
        width: 1000px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px;
    }

    .pagination>.active>a {
        background: #6f5549 !important;
        border: 1px solid #62493d !important;
    }

    .import_form input[type="file"] {
        border: 1px solid #DADADA !important;
        padding: 4px !important;
    }

    .import_form .glyphicon-chevron-up:before, .import_form .glyphicon-chevron-down:before {
        color: #009f8e !important;
    }

    td.dn_temp {
        width: 123px;
    }

    td.dn_temp a {
        color: #915108;
    }

    .btn-sm.active {
        background: #009f8e !important;
        border: 1px solid #048C7E !important;
    }

    button.gearActionButton.btn-danger.dropdown-toggle:focus, button.gearActionButton.btn-danger.dropdown-toggle:hover {
        background: transparent !important;
    }

    nav.navigation-bar.top_nav a, nav.navigation-bar.top_nav button {
        font-size: 12.3px !important;
        font-weight: bold;
    }

    nav.navigation-bar.top_nav a {
        padding: 15px 5px !important;
    }

    .navigation-bar-content>span.element {
        font-size: 14px !important;
        font-weight: normal;
        font-family: Segoe UI!important;
        color: #484848!important;
    }

    .formStyle {
        padding: 10px 0 10px 10px !important;
        width: 100% !important;
    }

    .attributeValueForm .ng-scope table, .attributeDetailsForm .ng-scope table {
        background: #FFFFFF !important;
        width: 100% !important;
    }

    .attributeValueForm .form-controlm, .attributeDetailsForm .form-control {
        display: block;
        width: 100%;
        height: 23px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 1px solid #a9a9a9;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .attributeValueForm button[type="button"], .attributeDetailsForm button[type="button"] {
        line-height: 12px !important;
        padding: 4px 6px !important;
    }

    .tab_margin {
        margin-top: 15px !important;
    }

    .attribute_nav select {
        color: #252525;
        border: 1px solid #ccc;
        height: 28px;
        margin-top: -6px;
        width: 250px;
    }

    nav.navigation-bar.light.attribute_nav input[type="text"] {
        width: 320px !important;
        color: #000;
        font-size: 13px !important;
    }

    .attribute_versionwrap {
        min-height: 180px !important;
        height: auto !important;
    }

    /*Document Management Module */

    .recentDocs {
        margin: -10px 0px 0px 374px;
    }

    .documentProperty {
        margin: -494px 0px 5px 1073px;
    }

    .transactionProperty {
        margin: -157px 0px 0px 1073px;
    }

    div[data-angular-treeview] {
        /* prevent user selection */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* default */
        font-family: Tahoma;
        font-size: 13px;
        color: #555;
        text-decoration: none;
    }

    div[data-tree-model] ul {
        margin: 5px 0 0 0;
        padding: 0;
        list-style: none;
        border: none;
        /*overflow: hidden;*/
    }

    div[data-tree-model] li {
        position: relative;
        padding: 0 0 0 10px;
        line-height: 20px;
    }

    div[data-tree-model] li .expanded {
        padding: 1px 10px;
        background-image: url("images/arrow-folder.png");
        background-repeat: no-repeat;
        background-position: -2px 2px;
    }

    div[data-tree-model] li .collapsed {
        padding: 1px 10px;
        background-image: url("images/arrow-folder.png");
        background-repeat: no-repeat;
        background-position: -2px -35px;
        margin-right: 3px;
    }

    div[data-tree-model] li .normal {
        padding: 1px 10px;
        /* Removing file icon and placing folder icon */
        /* background-image: url("http://cfile23.uf.tistory.com/image/165B663A50C13F4B196CCA"); */
        background-image: url("images/arrow-folder.png");
        background-repeat: no-repeat;
        background-position: -2px -36px;
        margin-right: 3px;
    }

    div[data-tree-model] li i, div[data-tree-model] li span {
        cursor: pointer;
    }

    div[data-tree-model] li .selected {
        background-color: #D7BDA4;
        font-weight: bold;
        /*display: inline-block;*/
        padding: 1px 5px 1px 5px!important;
        text-shadow: rgba(0, 0, 0, 0) 0 0;
        width: 85%;
    }

    div[data-tree-model] li i {
        padding: 1px 13px!important;
    }

    .select_theme {
        float: right;
        margin: 10px 0 0 0;
    }

    .select_theme>span {
        display: block;
        padding-bottom: 19px;
        text-align: right;
        margin-top: -6px;
    }

    .select_theme select {
        color: #000;
        min-width: 50px;
    }

    .select_theme .userlogo_wrapper {
        float: right;
        margin-bottom: -5px;
    }

    .enumaration .gridStyle1 .ngViewport {
        min-height: 93px;
        overflow-x: hidden !important;
        height: auto !important;
        overflow-y: auto !important;
    }

    .enumaration a.link_new2 {
        color: #fff;
        top: 14px !important;
        padding: 4px 14px 6px 14px;
        position: relative;
        left: -2px;
        cursor: pointer;
        margin: 0 11px 0 13px;
        background: #6f5549;
        font-size: 13px;
        border: 1px solid #62493d;
        text-shadow: 0 0 0 !important;
    }

    .enumaration .gridStyle1 {
        overflow: auto !important;
        height: 152px !important;
    }

    .enumaration .long_grid .ngCanvas {
        height: auto !important;
        min-height: 180px !important;
    }

    .formStyle_btm table td {
        padding: 0 0 10px 0;
        margin: 0;
    }

    .formStyle_btm table td br {
        display: none;
    }

    .formStyle_btm table td:first-child {
        width: 310px;
    }

    .formStyle_btm {
        margin-top: 10px
    }

    .enumaration button.btn.btn-primary {
        background: #6f5549;
        border: 1px solid #62493d;
        color: #fff;
    }

    .enum .formStyle {
        margin-left: 0 !important;
    }

    .enum table td {
        padding-right: 20px;
    }

    .enum table td br {
        display: none !important;
    }

    .enumbtnwrap {
        margin-left: 22px;
    }

    .enum_btns {
        margin-left: 11px;
    }

    .ngPagerContainer .ngPagerFirstBar, .ngPagerContainer .ngPagerLastBar {
        display: none !important;
    }

    div.ng-scope>table {
        width: 100%;
    }

    div.ng-scope>table>tbody td:first-child {
        width: 41%;
    }

    div.ng-scope>table>tbody td:first-child table {
        width: 100%;
    }

    div.ng-scope.colspan2>table>tbody td:first-child {
        width: 100% !important;
    }

    div.ng-scope.colspan3>table>tbody td:last-child {
        width: 100% !important;
    }

    div.ng-scope>table>tbody td:first-child div.gridStyle1 {
        width: 100%;
        min-height: 338px;
    }

    div.ng-scope>table>tbody td:first-child>div {
        width: 100%;
    }

    .inner_wrapper .ngViewport {
        min-height: 350px;
        overflow: auto;
        /*max-height: 350px;*/
    }

    .ng-scope .scrollEvent {
        /*max-height: 215px;*/
        margin-bottom: 10px;
        height: 100%;
    }

    .ng-scope .scrollEvent .ngViewport {
        min-height: 146px!important;
        max-height: 319px!important;
        /*max-height: 146px!important;*/
    }

    .main_grid .main_grid_first {
        float: left !important;
    }

    a {
        outline: none !important;
    }

    .ngHeaderText {
        padding: 4px 5px 3px 5px !important;
        font-size: 13px !important;
        line-height: 9pt !important;
    }

    form[name="hierarchyDetailsForm"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 246px;
        font-weight: normal;
        color: #000;
    }

    form[name="hierarchyDetailsForm"] label span input[type="text"], form[name="hierarchyDetailsForm"] label span select, form[name="hierarchyDetailsForm"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="hierarchyDetailsForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="hierarchyDetailsForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="hierarchyDetailsForm"] .ng-scope table {
        background: #F5F5F5;
    }

    form[name="hierarchyDetailsForm"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    form[name="hierarchyDetailsForm"] br {
        display: none;
    }

    form[name="variableDetailsForm"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 237px;
        font-weight: normal;
        color: #000;
    }

    form[name="variableDetailsForm"] label span input[type="text"], form[name="variableDetailsForm"] label span select, form[name="variableDetailsForm"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="variableDetailsForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="variableDetailsForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="variableDetailsForm"] .ng-scope table {
        background: #F5F5F5;
    }

    form[name="variableDetailsForm"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    form[name="variableDetailsForm"] br {
        display: none;
    }

    form[name="enumerationCategory"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 246px;
        font-weight: normal;
        color: #000;
    }

    form[name="enumerationCategory"] label span input[type="text"], form[name="enumerationCategory"] label span select, form[name="enumerationCategory"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="enumerationCategory"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="enumerationCategory"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="enumerationCategory"] .ng-scope table {
        background: #FFFFFF;
    }

    form[name="enumerationCategory"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    form[name="enumerationCategory"] br {
        display: none;
    }

    form[name="dataStructureCategory"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 237px;
        font-weight: normal;
        color: #000;
    }

    form[name="dataStructureCategory"] label span input[type="text"], form[name="dataStructureCategory"] label span select, form[name="dataStructureCategory"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="dataStructureCategory"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="dataStructureCategory"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="dataStructureCategory"] .ng-scope table {
        background: #F5F5F5;
    }

    form[name="dataStructureCategory"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    form[name="dataStructureCategory"] br {
        display: none;
    }

    form[name="uiTemplateForm"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 237px;
        font-weight: normal;
        color: #000;
    }

    form[name="uiTemplateForm"] label span input[type="text"], form[name="uiTemplateForm"] label span select, form[name="uiTemplateForm"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="uiTemplateForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="uiTemplateForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="uiTemplateForm"] .ng-scope table {
        background: #F5F5F5;
    }

    form[name="uiTemplateForm"] .ng-scope table td:first-child {
        padding-left: 18px;
    }

    form[name="uiTemplateForm"] br {
        display: none;
    }

    .multiSelect {
        overflow: auto;
    }

    .multiSelect .select {
        margin-left: 20px;
        margin-right: 20px;
        float: left;
    }

    .multiSelect .text {
        clear: both;
        font-size: 11px;
    }

    .multiSelect label::after {
        content: ":";
    }

    .btn.mover {
        display: block;
        margin-top: 25px;
        vertical-align: top;
    }

    .btn.mover.left {
        padding: 3px 8px 2px 6px;
    }

    .btn.mover.right {
        margin-top: 24px;
        padding: 3px 7px 2px;
    }

    .btn.mover i {
        margin: 0;
    }

    a.link_new_doc {
        color: #fff!important;
        padding: 4px 14px 6px 14px;
        position: relative;
        cursor: pointer;
        margin: 4px 11px 0 13px;
        background: #E35257;
        font-size: 13px;
        border: 1px solid #E35257;
        text-shadow: 0 0 0 !important;
        float: right;
    }

    .categories {
        height: 490px !important;
        float: left;
        width: 25%;
        overflow-x: auto;
        overflow-y: auto;
        margin-right: 10px;
    }

    /**/

    .categories .doc_contents {
        width: 100%;
        float: left;
        overflow: visible;
        position: relative!important;
    }

    .categories .doc_contents>div>ul {
        /* min-width: 369px; */
        overflow: visible!important;
        width: 100%!important;
        float: left;
        position: relative!important;
        float: left;
    }

    .categories .doc_contents>div>ul>li {
        float: left;
        width: 100%;
        overflow: visible;
    }

    .categories .doc_contents>div>ul li li {
        float: left;
        width: 100%;
        overflow: visible;
        min-width: 200px;
    }

    .categories .doc_contents>div>ul ul {
        float: left;
        width: 100%;
        overflow: visible;
    }

    .categories .doc_contents>div>ul div {
        float: left;
        width: 100%;
        overflow: visible;
    }

    /**/

    .doc_right {
        float: right;
        width: 25%;
        margin-left: 10px;
    }

    .doc_middle {
        width: 48.3%;
        float: left;
        margin-right: -5px;
    }

    .doc_contents {
        padding: 0px;
    }

    .categories, .advanced_search, .recent_documents, .file_upload_doc, .doc_property, .trans_property {
        border: 1px solid #B6B6B6;
        margin-bottom: 12px;
    }

    .getdoc_wrapper .navigation-bar.light {
        margin-top: 0 !important;
    }

    .getdoc_wrapper.ng-scope {
        margin-top: 10px;
    }

    .getdoc_wrapper .formStyle {
        margin: 0 !important;
        padding: 0 !important;
    }

    .getdoc_wrapper br {
        display: none !important;
    }

    .getdoc_wrapper label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px 0px;
        width: 165px;
        font-weight: normal;
        color: #000;
    }

    .getdoc_wrapper select {
        width: 100%
    }

    .getdoc_wrapper td:first-child {
        width: auto !important;
    }

    .file_upload_doc label, .file_upload_doc select, .file_upload_doc input[type="text"], .file_upload_doc textarea {
        width: 100% !important;
    }

    .file_upload_doc textarea {
        resize: none
    }

    .getdoc_wrapper .navigation-bar.light {
        background-color: #EEEEEE !important;
        border: 0;
    }

    .getdoc_wrapper .navigation-bar.light .element {
        height: 33px;
        padding: 8px 0 6px 15px !important;
    }

    /* demo css */

    li {
        list-style-type: disc;
    }

    .textAreaAttr {
        width: 652px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .import_form tr td:nth-child(2) {
        width: 150px;
    }

    .search_form.period {
        padding: 0 15px;
    }

    .search_form.period span, .search_form.period select {
        margin-right: 14px;
    }

    .fileimport-wrapper.fileimportwizard_table {
        padding: 0 15px 0px 15px;
    }

    .fileimportwizard_table .gridStyle4 {
        width: 100% !important;
    }

    div[data-tree-model] li {
        list-style: none !important;
        line-height: 18pt;
        font-size: 13px;
        color: #000 !important;
    }

    .file_upload_doc table {
        width: 100%;
    }

    .file_upload_doc button[type="submit"] {
        float: right !important;
        margin: 15px 6px 0 0;
    }

    .file_upload_doc input[type="file"] {
        margin-right: 0;
        padding-right: 0;
        margin-left: 17px;
        padding-top: 10px;
    }

    .categories ul li ul li {
        margin-left: -10px!important;
        /*0*/
        padding-left: 0;
        font-size: 12.7px;
    }

    .widget_information {
        width: 300px;
        float: left;
        clear: both;
    }

    .widget_information h1 {
        border-left: 7px solid #907571;
        background: #be9e91;
        background: -moz-linear-gradient(top, #be9e91 27%, #aa9183 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #be9e91), color-stop(100%, #aa9183));
        background: -webkit-linear-gradient(top, #be9e91 27%, #aa9183 100%);
        background: -o-linear-gradient(top, #be9e91 27%, #aa9183 100%);
        background: -ms-linear-gradient(top, #be9e91 27%, #aa9183 100%);
        background: linear-gradient(to bottom, #be9e91 27%, #aa9183 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9e91', endColorstr='#aa9183', GradientType=0);
        copy color: #000;
        text-shadow: 0px -1px rgba(0, 0, 0, .6);
        padding: 10px 30px 10px 17px;
        min-height: 25px;
        float: left;
        font-size: 17px;
        text-transform: uppercase;
        margin: 0;
        font-weight: bold;
        line-height: normal;
        width: 100%;
        clear: both;
    }

    .widget_information p {
        background: #D3BCB3;
        display: block;
        padding: 10px 22px;
        float: left;
        line-height: 22px;
        font-size: 14px;
        color: #000 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    a.link_newfolder {
        color: #fff;
        top: 14px;
        padding: 4px 14px 6px 8px;
        position: relative;
        left: 20px;
        cursor: pointer;
        margin: 0 11px 0 -11px;
        background: #009f8e;
        font-size: 12px;
    }

    .crumb_wrapper {
        background: #fff5eb;
        float: left;
        width: 100%;
        margin-top: -9px;
    }

    .crumb_wrapper .crumbs {
        display: inline-block;
        float: left;
        clear: both;
    }

    .crumb_wrapper .crumbs ul li {
        list-style: none;
        display: inline-block;
        padding: 10px 10px;
        font-size: 14px;
        color: #6a574f;
    }

    .crumb_wrapper .crumbs ul li a {
        color: #6a574f;
        text-decoration: none;
    }

    .crumb_wrapper .crumbs ul {
        margin: 0;
        padding: 0;
    }

    .crumb_wrapper li.sep_arrow {
        background: url(images/crumb_arrow.png) no-repeat bottom center !important;
        padding: 6px 4px !important;
    }

    .message_wrapper {
        width: 100%;
        display: block;
        background-color: #FFFFFF;
        float: left;
        margin-top: -4px;
    }

    .message_wrapper span {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 0px 0 8px 4px;
        font-size: 15px;
        color: #029887;
    }

    .selectedline {
        float: right;
        width: 40%;
        text-align: right;
        padding: 0px 5px 0 0;
        font-size: 13px;
        font-weight: normal;
        margin-top: -3px;
        text-shadow: 0 0 0;
    }

    .selectedline label {
        display: inline-block;
        font-weight: normal;
        color: #E35257;
        width: auto;
        max-width: 381px;
    }

    .datepicker.dropdown-menu {
        width: 250px !important;
        height: 250px !important;
    }

    .datepicker.dropdown-menu button {
        outline: none !important;
        border: 0px !important;
    }

    .datepicker.dropdown-menu tbody {
        height: 180px !important;
    }

    .datepicker.dropdown-menu tbody button {
        padding: 6px !important;
    }

    .datepicker.dropdown-menu.datepicker-mode-1 tbody button, .datepicker.dropdown-menu.datepicker-mode-2 tbody button {
        height: 65px !important;
    }

    .timepicker.dropdown-menu {
        padding: 0 4px !important;
    }

    .timepicker.dropdown-menu button {
        outline: none !important;
        border: 0px !important;
    }

    .timepicker.dropdown-menu tbody button {
        padding: 6px !important;
    }

    .nestedform {
        float: left;
        width: 100%;
        margin: 15px 0px 5px;
    }

    .nestedform form {
        padding: 0 !important;
        border: 1px solid #ccc;
    }

    .nestedform form label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px -21px;
        width: 246px;
        font-weight: normal;
        color: #000;
    }

    .nestedform form label span input[type="text"], .nestedform form label span select, .nestedform form label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .nestedform form label input[type=checkbox] {
        margin-top: 0 !important;
    }

    .nestedform form label span textarea {
        resize: none;
        height: 21px;
    }

    .nestedform form .ng-scope table {
        background: #F5F5F5;
    }

    .nestedform form .ng-scope table td:first-child {
        padding-left: 18px;
        width: auto !important;
    }

    .nestedform form br {
        display: none !important;
    }

    .overView .overviewgridStyle1 .ngViewport {
        min-height: 93px;
        overflow-x: hidden !important;
        height: auto !important;
        overflow-y: auto !important;
    }

    .ui.buttons>.ui.button {
        font-size: 14px;
        width: 171px;
        height: 29px;
        background-color: #808080;
        color: #fff;
    }

    .ui.buttons>.ui.button.cancel {
        border-top-left-radius: .2857rem;
        border-bottom-left-radius: .2857rem;
    }

    .ui.buttons>.ui.positive.button {
        background-color: #5bbd72!important;
        color: #fff;
        text-shadow: none;
        background-image: none;
        border-top-right-radius: .2857rem;
        border-bottom-right-radius: .2857rem;
    }

    .ui.buttons>.or {
        position: relative;
        width: .3em;
        height: 2.57142em;
        z-index: 3;
    }

    .ui.buttons .or:before {
        position: absolute;
        text-align: center;
        border-radius: 500rem;
        content: 'or';
        top: 50%;
        left: 50%;
        background-color: #fff;
        text-shadow: none;
        margin-top: -.892855em;
        margin-left: -.892855em;
        width: 1.78571em;
        height: 1.78571em;
        line-height: 1.78571em;
        color: rgba(0, 0, 0, .4);
        font-style: normal;
        font-weight: 700;
        box-shadow: 0 0 0 1px transparent inset;
    }

    .overViewNavigation {
        margin: 0px 0px 0px 280px;
        width: 836px !important;
    }

    .overViewgrid {
        margin: 0px 0px 1px 279px;
        width: 838px !important;
    }

    .ui.buttons>div {
        display: inline-block;
        vertical-align: middle;
    }

    .buttonsWizard {
        position: absolute;
        /* padding: 30px 0px 36px 0px; */
        top: 24%;
        margin-left: 280px;
    }

    .wizardTable {
        margin-top: 69px;
    }

    .createProductLineFormStyle {
        padding: 16px 0 10px 283px !important;
        width: 84% !important;
    }

    hr.fancy-line {
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(215, 215, 215, 0.75), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(215, 215, 215, 0.75), rgba(0, 0, 0, 0));
        background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(215, 215, 215, 0.75), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(215, 215, 215, 0.75), rgba(0, 0, 0, 0));
        box-shadow: 0px -2px 4px rgba(136, 136, 136, 0.75);
    }

    .recent_documents_section {
        width: 100%;
        margin-bottom: 5px;
    }

    .recent_documents_section .recent_documents_search {
        width: 35%;
        float: left;
    }

    .recent_documents_section .recent_documents_search input[type="text"] {
        /* width: 199px !important; */
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .recent_documents_nav {
        float: right;
        margin: 11px 14px 0 0 !important;
    }

    .recent_documents_nav ul.pagination {
        margin: -6px 0 0 0 !important;
    }

    .recent_document_select {
        float: left;
        margin: -76px;
        width: 25%;
        margin-left: 11px;
        position: relative;
    }

    .recent_document_select label {
        display: inline-block;
        float: left;
        width: 89px;
        margin: -2px 0 0 0;
        color: #fff;
    }

    .options_color {
        background-color: #F7F7F7;
        color: black;
    }

    .recent_document_select select {
        width: 92%;
        float: left;
        margin: 71px 10px 10px 148px;
        height: 30px;
        border: 1px #d9d9d9 solid;
        max-width: 92%;
    }

    .document_checkbox {
        float: left;
        width: 29%;
        margin: 1px 0px 0px 19px;
    }

    .document_checkbox span {
        display: inline-block;
        padding: 2px 5px 0 2px;
        color: #333;
    }

    .document_gear {
        margin: -2px 1% 0 0 !important;
        float: right;
        position: relative;
        z-index: 1;
    }

    form[name="rateScheduleDetailsForm"] .ng-scope table {
        background: #FFFFFF;
    }

    form[name="rateScheduleDetailsForm"] label {
        padding: 4px 6px 7px 16px;
        float: left;
        margin: 2px 0px 0px 0px;
        width: 232px;
        font-weight: normal;
        color: #000;
    }

    form[name="rateScheduleDetailsForm"] label span input[type="text"], form[name="rateScheduleDetailsForm"] label span select, form[name="rateScheduleDetailsForm"] label span textarea {
        display: block;
        min-width: 100%;
        color: black;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    form[name="rateScheduleDetailsForm"] label input[type=checkbox] {
        margin-top: 0 !important;
    }

    form[name="rateScheduleDetailsForm"] label span textarea {
        resize: none;
        height: 21px;
    }

    form[name="rateScheduleDetailsForm"] .form-control[disabled], form[name="rateScheduleDetailsForm"] .form-control[readonly] {
        height: 24px;
        border-radius: 0;
        box-shadow: none !important;
    }

    form[name="rateScheduleDetailsForm"] button[type="button"] {
        line-height: 14px !important;
        padding: 4px 6px !important;
    }

    form[name="rateScheduleDetailsForm"] br {
        display: none;
    }

    form[name="rateScheduleDetailsForm"]>div:first-child {
        margin-bottom: 10px
    }

    form[name="rateScheduleDetailsForm"]>div:first-child span .ng-binding {
        float: right;
        padding-top: 3px;
        padding-right: 5px;
    }

    form[name="rateScheduleDetailsForm"]>div:first-child span {
        color: #FA0A53;
        font-size: 14px;
        vertical-align: middle;
        text-shadow: 0 0 0;
    }

    .rateschedule_version .ngViewport.ng-scope {
        max-height: 189px !important;
        min-height: 189px !important;
    }

    .rateschedule_version .gridStyle1 {
        min-height: 221px !important;
        height: auto !important;
    }

    td.rateschedule_version table {
        margin-bottom: 11px;
    }

    form[name="rateScheduleDetailsForm"]>div:first-child button {
        background: #6f5549 !important;
        border: 1px solid #62493d !important;
        color: #fff !important;
        text-shadow: 0 0 0 !important;
        opacity: 1
    }

    .doc_property input[type="text"] {
        border: 1px #d9d9d9 solid;
    }

    .doc_right .ngCellText {
        overflow: visible;
    }

    .recent_documents .ngViewport {
        min-height: 302px;
    }

    .button-add {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 5px 6px;
        border: currentcolor;
        cursor: pointer;
        height: 21px;
        padding-left: 0px;
        vertical-align: middle;
    }

    /***** srch product attrib******/

    .navigation-bar.light.attribute_nav .navigation-bar-content .src-sml input[type="text"] {
        width: 186px!important;
        max-width: 145px;
        min-width: 100px;
    }

    .ng-isolate-scope ul.nav.nav-tabs {
        margin-top: 4px;
    }

    .doc_middle .ng-isolate-scope ul.nav.nav-tabs {
        margin-top: 0;
    }

    .recentDocumentHideShow_checkbox {
        background: url(images/arrow-dn.png) no-repeat;
        float: right;
        width: 28px;
        margin-top: 10px;
        background-size: 100% 61%;
        margin-right: 7px;
    }

    .recentDocumentHideShow_checkbox_up {
        background: url(images/arrow-up.png) no-repeat;
        float: right;
        width: 28px;
        margin-top: 10px;
        background-size: 100% 61%;
        margin-right: 7px;
    }

    .recentDocumentHideShow_checkbox_up input {
        opacity: 0;
    }

    .recentDocumentHideShow_checkbox input {
        opacity: 0;
    }

    .recentDocumentHideShow_checkbox_up.ng-scope {
        float: right;
    }

    .in-header {
        display: block;
        width: 100%;
        min-height: 35px;
        border-bottom: 1px solid #FFF;
        float: left;
    }

    .in-header span {
        background-color: #E35257;
        padding: 10px;
        margin: 0;
        float: left;
    }

    .recentDocumentHideShow_checkbox.ng-scope {
        float: right;
    }

    .in-footer {
        float: left;
        width: 100%;
        padding-top: 3px;
    }

    .message_wrapper span[ng-if="isInfoMessage"] {
        width: auto;
        margin-bottom: -1px;
        padding-bottom: 0;
        margin-right: 4px;
        margin-top: -2px;
    }

    .message_wrapper.ng-scope>.ng-binding {
        padding-top: 2px;
    }

    .message_wrapper span[ng-if="isInfoMessage"] img {
        height: 21px;
    }

    .recent_documents>.doc_contents {
        margin-left: -1px;
        margin-right: -1px;
    }

    .recent_documents .ngFooterPanel {
        min-width: 581px;
    }

    .doc_property>.doc_contents {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -1px;
    }

    .trans_property>.doc_contents {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -1px;
    }

    .modal {
        background-color: transparent!important;
    }

    .modal-content .modal-header {
        width: 99.8%!important;
        margin-left: 0;
    }

    .modal-content .modal-body {
        width: 99.3%!important;
        /*min-height: 461px;*/
    }

    /**************/

    /**
    .rl_shell {
        overflow: auto;
         background gray;   
    }
    
    ::-webkit-scrollbar{
        width: 5px;
        height:10px;
        padding-top: 10px;
    }
    
    ::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
        border: 1px solid transparent;  
        border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb{
        border-radius:0.5px;
        height: 20px;
        width: 8px;
        border: 1px solid transparent;
        background: rgb(111,111,111);
        -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
        background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
    }
    
    ::-webkit-scrollbar-track-piece {
        height: 10px;
    }
    
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: rgb(203,171,158); 
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }
    
    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgb(203,171,158); 
    }
    
    ::-webkit-scrollbar-thumb:horizontal{
    background-color: rgba(220,172,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    height: 10px;
    }
    
    ::-webkit-scrollbar-thumb:vertical{
    background-color: rgba(220,172,0,.2);
    }**/

    table.import-table {
        width: 100%;
        margin-bottom: -16px;
        margin-top: -14px;
    }

    table.import-table td {
        min-width: 36px;
        padding-left: 16px;
    }

    table.import-table td input[type="text"] {
        min-width: 102px;
        float: left;
        padding: 8px 4px!important;
        min-height: 31px!important;
        box-shadow: 0 0 0;
        border: 1px solid #dcdcdc;
    }

    table.import-table td select {
        min-width: 249px;
        padding: 4px;
        border: 1px solid #dcdcdc;
    }

    table.import-table span.input-group-btn {
        float: right;
        min-width: 41px;
        margin-top: -30px;
        position: relative;
        z-index: 3;
        margin-right: -13px;
    }

    table.import-table p.input-group {
        float: left;
    }

    .fileimport-wrapper.fileimportwizard_table .scrollEvent2 {
        margin-bottom: 0;
    }

    table.import-table td span {
        float: left;
        margin-top: 4px;
    }

    table.import-table td span.input-group {
        float: left;
        margin-top: -4px;
    }

    table.import-table td ul.dropdown-menu {
        float: left;
        width: 338px;
        border: 1px solid #ddd!important;
        padding: 0!important;
    }

    table.import-table td ul.dropdown-menu table.ng-scope {
        width: auto;
    }

    table.import-table td ul.dropdown-menu table.ng-scope td {
        padding: 0;
    }

    table.import-table td ul.dropdown-menu table.ng-scope:hover {
        border: 0;
    }

    table.import-table td ul.dropdown-menu table.ng-scope th {
        border: 0!important;
    }

    table.import-table td ul.dropdown-menu table.ng-scope td {
        border: 0!important;
    }

    table.import-table td ul.dropdown-menu table.ng-scope input {
        border: 0!important;
    }

    table.import-table td ul.dropdown-menu li.ng-scope {
        border: 0!important;
        padding: 0!important;
    }

    table.import-table td ul.dropdown-menu li {
        border: 0px solid #ddd!important;
    }

    table.import-table td ul.dropdown-menu li.ng-scope[ng-if="showButtonBar"]>button {
        margin-top: 3px;
    }

    table.import-table span.input-group-btn button {
        min-height: 29px;
    }

    .modal {
        top: 2%!important;
        border: 0;
        box-shadow: 0 0 0;
    }

    .search_form.period>form {
        background-color: #FFFFFF;
        margin-bottom: -8px!important;
        border: 1px solid #dcdcdc;
    }

    .search_form.period>form>table {
        background-color: #FFFFFF;
    }

    .search_form.period>form>table td {
        padding: 2px 3px;
    }

    .search_form.period>form>table td span {
        color: #626262;
        line-height: 21px;
    }

    a.link_new.top-link {
        float: left;
        margin-top: -5px;
    }

    .modal.pop-large {
        width: 90%!important;
        left: 25%;
    }

    .modal.pop-large .modal-dialog {
        width: 100%!important;
    }

    .modal.pop-large .modal-content {
        width: 100.3%!important;
    }

    .pop-large .fileimport-wrapper.fileimportwizard_table {
        width: 100%;
    }

    .modal.pop-medium {
        width: 67%!important;
        left: 38%;
    }

    .modal.pop-medium .modal-dialog {
        width: 100%!important;
    }

    .modal.pop-medium .modal-content {
        width: 100.3%!important;
    }

    .pop-medium .fileimport-wrapper.fileimportwizard_table {
        width: 100%;
    }

    .modal.pop-small {
        width: 44%;
        left: 49%;
    }

    .modal.pop-small .modal-dialog {
        width: 100%!important;
    }

    .modal.pop-small .modal-content {
        width: 100.3%!important;
    }

    .pop-small .fileimport-wrapper.fileimportwizard_table {
        width: 100%;
    }

    div#ProductLine .modal-body {
        min-height: 549px;
        padding: 1px 9px 0;
    }

    img[ng-click="search()"] {
        width: auto!important;
        margin-top: -7px!important;
    }

    .widget_information p {
        background: #D3BCB3;
        display: block;
        padding: 10px 22px;
        float: left;
        line-height: 22px;
        font-size: 14px;
        color: #000 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .checked {
        /* background-color:red; */
        background-image: url("./images/tick.png");
        background-position: -23px -2px!important;
        background-repeat: no-repeat;
    }

    .customCheeckBox {
        border: 1px solid transparent;
        height: 19px;
        width: 20px;
        background-image: url("./images/tick.png");
        background-position: -1px -2px;
        margin: 0!important;
    }

    .logoutBar {
        float: right;
        margin-top: -8px;
    }

    ;
    .logoutImage {
        height: 22px;
    }

    .ngCellText .ng-binding {
        color: #464646;
    }

    .ngCellText .ng-binding:hover {
        color: #828282;
    }

    .ngCellText .tooltip a:hover {
        color: #FFF !important;
    }

    .vertical-top {
        vertical-align: top;
    }

    .pred-version {
        min-height: 388px!important;
    }

    .pred-version .ngViewport {
        min-height: 356px;
        max-height: 356px;
    }

    table.full-width {
        width: 100%;
    }

    table.full-width .gridStyle2.cust-gear-action {
        width: 100%;
    }

    button.new-link-search {
        color: #fff;
        top: 9px;
        padding: 4px 14px 6px 14px;
        position: relative;
        left: 0px;
        cursor: pointer;
        margin: 0 11px 0 13px;
        background: #E35257;
        font-size: 13px;
        border: 1px solid #E35257;
        text-shadow: 0 0 0 !important;
    }

    div.ng-scope.colspan2>table>tbody td:first-child label {
        width: 100%;
    }

    div.ng-scope.colspan3>table>tbody td:last-child label {
        width: 100%;
    }

    div.ng-scope.colspan3>table>tbody td:first-child {
        width: auto!important;
    }

    .clear-full {
        clear: both;
        width: 100%;
        float: left;
    }

    a[ng-controller="LogoutController"] {
        padding: 0!important;
        margin: 14px 9px 0 0;
    }

    .ng-scope td {
        vertical-align: top;
    }

    form[name="productDetailsForm"]>div {
        padding: 0!important;
    }

    .main_grid_first form[name="productDetailsForm"] div button[disabled="disabled"] {
        background-color: #F3F2F2 !important;
        color: #bebebe !important;
        border-color: #EAEAE9!important;
    }

    .main_grid_classification form[name="productDetailsForm"] div button[disabled="disabled"] {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        border-color: #eaeae9!important;
    }

    .main_grid_basepackage form[name="productDetailsForm"] div button[disabled="disabled"] {
        background-color: #eaeaea !important;
        color: #bebebe !important;
        border-color: #eaeae9!important;
    }

    .main_grid_attributes form[name="attributeDetailsForm"] div button[disabled="disabled"] {
        background-color: #F3F2F2 !important;
        color: #bebebe !important;
        border-color: #eaeae9!important;
    }

    form[name="attributeDetailsForm"]>div {
        padding: 0!important;
    }

    .tierRegionClass {
        margin-bottom: 0!important;
    }

    form.mgn-bottom>div {
        margin-bottom: 0!important;
    }

    button.gearActionButton[type="gearbutton"]:disabled {
        opacity: .2;
    }

    h3.pop-sub-head {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: normal;
        font-family: arial;
    }

    ul.pop-list {
        float: left;
        width: 98.0%;
        margin: 0 7px;
        padding: 2px;
        margin-bottom: 10px;
        /* background-color: #efefef; */
        padding-bottom: 5px;
    }

    ul.pop-list li {
        float: left;
        margin: 2px 10px 1px 2px;
        padding: 0;
        width: 31%;
        border-bottom: 1px solid #ddd;
        list-style-type: decimal;
        list-style-position: inside;
    }

    ul.pop-list li input {
        float: left;
        width: 100%;
        margin: 0;
        padding: 2px 0 2px 4px;
        border: 1px solid #ccc;
        cursor: default;
    }

    .clear {
        clear: both;
    }

    ul.dropdown-menu {
        border: 0!important;
        padding: 0!important;
    }

    ul.dropdown-menu li {
        border: 0!important;
        padding: 0!important;
        margin: 0!important;
        border-bottom: 1px solid #794933!important;
        border-top: 1px solid #A76D52!important;
    }

    ul.dropdown-menu li div {
        border: 0!important;
        padding: 0!important;
    }

    ul.dropdown-menu li div table {
        border: 0!important;
        padding: 0!important;
        border-collapse: collapse;
    }

    ul.dropdown-menu li div table td {
        border: 0!important;
        padding: 0!important;
        border-collapse: collapse;
    }

    ul.dropdown-menu li[ng-if="showButtonBar"] {
        background-color: #BE9E91!important;
        padding: 0!important;
        margin: 0!important;
        min-height: 29px;
        padding-left: 4px!important;
        padding-right: 4px!important;
    }

    ul.dropdown-menu li[ng-if="showButtonBar"] button {
        background-color: #6F5549;
        color: #fff;
        font-weight: normal!important;
        margin-top: 4px;
        margin-right: 5px;
        float: left;
    }

    ul.dropdown-menu li div table td[ng-show="showWeeks"] {
        background-color: #fff;
    }

    ul.dropdown-menu li div table th {
        background-color: #fff;
    }

    table[ng-switch-when="day"] th button.btn-sm[aria-live="assertive"] {
        width: 100%;
        min-width: 196px;
        margin-left: -1px;
        margin-right: -2px;
        margin-top: -1px;
        min-height: 23px;
        border-color: transparent;
    }

    table[ng-switch-when="month"] th button.btn-sm[aria-live="assertive"] {
        width: 100%;
        min-width: 197px;
        margin-left: -37px;
        margin-right: -55px;
        margin-top: -1px;
        min-height: 23px;
    }

    table[ng-switch-when="year"] th button.btn-sm[aria-live="assertive"] {
        width: 100%;
        min-width: 196px;
        margin-left: -15px;
        margin-right: -2px;
        margin-top: -1px;
        min-height: 24px;
    }

    .errorMessage {
        font-size: inherit !important;
        color: red !important;
    }

    li, ol {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .form-group.form_wrapper .error_msg {
        width: 302px;
        position: relative;
        margin: 0 auto;
        text-align: left;
        top: 66%;
        left: 0%;
        color: #F6FF6E;
        z-index: 1;
        padding-left: 0;
        margin-bottom: 14px;
        margin-top: -11px;
        background: transparent;
    }

    .reset-password a {
        color: #009F8E;
        text-decoration: underline;
        cursor: pointer;
    }

    .reset-password {
        padding-right: 0;
        margin-right: 0;
    }

    .forgot-password {
        padding-right: 0;
        margin-right: 0;
        border-left: 1px solid #fff;
    }

    .forgot-password a {
        color: #009F8E;
        text-decoration: underline;
        cursor: pointer;
    }

    .form-signin .checkbox {
        float: left!important;
        color: #fff;
        margin-left: 10px;
        padding-top: 0;
        font-size: 15px;
    }

    .container.forgot {
        width: 51%!important;
        min-height: 536px;
    }

    .dash_logo {
        /* margin: 95px 0 45px 0; */
        margin: 34px 0 30px 0;
        text-align: center;
    }

    .reset-cont {
        background-color: #f3f5f7;
        border: 1px solid #dcdcdc;
        width: 367px;
        padding-left: 23px;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .reset-cont table {
        background-color: transparent;
        color: #333;
        font-weight: bold;
    }

    .reset-cont table label {
        font: 400 13px/17px "Roboto"!important;
    }

    .reset-cont .form-control {
        height: auto !important;
        height: 100%\0 !important;
    }

    .reset-cont input[type="text"], .reset-cont input[type="password"], .reset-cont table select {
        border-radius: 0 !important;
        border: 1px solid #d2d1d1!important;
        padding: 6px 6px !important;
        font-size: 15px;
        width: 299px;
        color: #333;
        height: auto\0 !important;
    }

    .reset-cont button {
        background: #009f8e !important;
        color: #fff;
    }

    .reset-cont table br {
        display: none;
    }

    .reset-cont table td {
        padding-bottom: 12px;
    }

    .reset-cont .button-wrap.spacer-right-btn {
        margin-right: 37px;
        margin-top: -20px;
        margin-bottom: 13px;
    }

    .reset-cont table td label em {
        color: rgb(227, 101, 0);
    }

    .reset-cont input[type="password"] {
        border: 0px solid transparent;
    }

    .reset-cont table td {
        width: 100%!important;
        float: left;
    }

    .reset-cont table td br {
        display: none;
    }

    .reset-cont {
        position: relative;
    }

    .reset-cont .error_msg {
        left: -1px;
        bottom: 23px;
        float: left;
        position: relative;
        color: #E08326;
    }

    .reset-cont.forget table td {
        padding-bottom: 0;
    }

    p[ng-controller="DatePickerController"] input {
        padding-left: 2px!important;
    }

    button.ngPagerButton .ngPagerNextTriangle {
        margin-right: -1px;
        float: left;
        color: #fff;
        border-color: transparent transparent transparent #fff;
    }

    button.ngPagerButton .ngPagerPrevTriangle {
        margin-left: -1px;
        float: right;
    }

    .ngFooterPanel .ngPagerCurrent {
        padding: 0px!important;
        /* min-height: 27px; */
        vertical-align: top!important;
    }

    .ngFooterPanel button.ngPagerButton[disabled="disabled"] div {
        border-color: transparent #AFABAB transparent transparent;
    }

    .ngFooterPanel button.ngPagerButton[disabled="disabled"] div.ngPagerLastTriangle {
        border-color: transparent transparent transparent #AFABAB;
    }

    nav.navigation-bar.top_nav button.gearActionButton {
        margin-top: -6px;
    }

    .doc_property .navigation-bar.light button.gearActionButton {
        margin-top: -6px;
        margin-right: 3px;
    }

    .categories .navigation-bar.light button.gearActionButton {
        margin-top: -3px;
        margin-right: 3px;
    }

    .rate-form {}

    .rate-form table td {
        border: 0px!important;
    }

    .rate-form table {
        width: 100%;
        margin-bottom: -16px;
        margin-top: -14px;
    }

    .rate-form table td, .rate-form table td:first-child {
        min-width: 317px;
        padding-left: 17px!important;
        width: auto!important;
        padding-right: 17px!important;
        text-shadow: 0px 0px 0 #fff!important;
    }

    .rate-form table td input[type="text"] {
        min-width: 234px;
        float: left;
        padding: 3px 3px!important;
        min-height: 31px!important;
        width: 100%;
    }

    .rate-form table td select {
        min-width: 272px;
        padding: 5px;
        min-height: 31px;
        width: 100%;
    }

    .rate-form table span.input-group-btn {
        float: right;
        min-width: 41px;
        margin-top: -30px;
        position: relative;
        z-index: 3;
        margin-right: -1px;
    }

    .rate-form table p.input-group {
        float: left;
    }

    .rate-form table td label span {
        float: left;
        width: 100%;
    }

    .rate-form table td br, .rate-form table td:first-child br {
        display: none;
    }

    .rate-form table td span, .rate-form table td:first-child span {
        width: 100%;
    }

    .rate-form>div {
        margin: 4px 0px 0px -12px;
    }

    nav.navigation-bar.top_nav ul.dropdown-menu a {
        padding: 10px 10px !important;
        border-bottom: 0;
        border-top: 0;
    }

    .metro .dropdown-menu li a:hover {
        background-color: #754630;
        border-bottom: 0px solid #ad2f33;
        border-top: 0;
    }

    .modal .fileList {
        float: left;
        width: 100%;
        clear: both;
        margin: 5px 0 0;
        padding: 0;
        font-size: 13px;
    }

    .modal .fileList li {
        float: left;
        margin: 0 3px 1px 0;
        padding: 4px 7px;
        background-color: #F5F5F5;
        border-radius: 2px;
        border-bottom: 1px solid #E6E5E5;
    }

    table.addn-pop-table {
        padding: 0;
        margin: 0;
    }

    table.addn-pop-table table {
        margin: -1px;
        padding: 0;
        margin-bottom: -1px;
    }

    table.addn-pop-table td {
        margin: 0;
        padding: 0!important;
        vertical-align: top;
    }

    table.addn-pop-table table td {
        margin: 0;
        padding: 0!important;
        border: 0!important;
    }

    table.addn-pop-table table td nav.navigation-bar.light {
        margin-top: 0;
    }

    table.addn-pop-table .rate-form>div {
        margin-top: 0;
        padding-top: 0!important;
    }

    .enumbtnwrap button {
        margin-right: 3px!important;
        margin-left: 0!important;
        float: left;
    }

    .doc_sideover .ngViewport {
        overflow: hidden;
    }

    .doc_sideover .ngViewport .ngCellText.ng-scope.col1.colt1 {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .doc_sideover .ngViewport .ngCellText.ng-scope.col1.colt1 .tooltip.top {
        left: 0px!important;
        color: #fff;
    }

    .doc_sideover .ngViewport .ngCellText.ng-scope.col1.colt1 .tooltip.top .tooltip-inner {
        color: #fff;
    }

    .no-record {
        text-align: center;
        font-size: 14px!important;
        color: #615F5E!important;
        padding-top: 4px;
        display: block;
    }

    textarea.full-width {
        width: 100%;
    }

    .pleaseWait {
        position: absolute;
        width: 200px;
        z-index: 2000000000;
        left: 47.4%;
        top: 54%;
        font-size: 14px;
    }

    .ovh {
        overflow: hidden;
    }

    .doc_property>.doc_contents .ngCellText {
        -moz-user-select: all;
        -khtml-user-select: all;
        -webkit-user-select: all;
        -o-user-select: all;
        user-select: all;
    }

    .trans_property .ngCellText {
        -moz-user-select: all;
        -khtml-user-select: all;
        -webkit-user-select: all;
        -o-user-select: all;
        user-select: all;
    }

    .doc_sideover .ngViewport>.ngCanvas {
        width: 100%!important;
    }

    .doc_sideover .ngViewport>.ngCanvas>.ngRow {}

    .doc_sideover .ngViewport>.ngCanvas>.ngRow .col1.colt1 {
        width: auto;
        overflow: visible;
        text-overflow: clip;
    }

    .doc_contents .ngViewport {
        overflow: auto;
        background-color: #F3F3F3;
    }

    .trans_property .ngViewport {
        overflow: auto;
        background-color: #F3F3F3;
    }

    .modal-content ul.dropdown-menu li[ng-if="showButtonBar"] {
        min-height: 31px;
    }

    ul.dropdown-menu li[ng-if="showButtonBar"]>span {
        margin-top: 0;
        margin-left: 3px;
    }

    ul.dropdown-menu li[ng-if="showButtonBar"]>span>button {
        margin-top: 3px;
        padding: 4px 8px;
    }

    ul.dropdown-menu li[ng-if="showButtonBar"] button {
        border: 1px solid #755C50;
    }

    .search_form.period span, .search_form.period select {
        min-height: 25px;
    }

    .main_grid_first button.btn-search {
        background: #6F5549;
        border: 1px solid #62493D;
        color: #fff;
    }

    .inner_wrapper .gridStyleProduct>.ngViewport {
        border: 1px solid rgb(212, 212, 212);
    }

    .navigation-bar-content .image-button.image-left img {
        display: none;
    }

    .navigation-bar-content .image-button.image-left {
        padding-left: 7px!important;
        font-size: 13px!important;
    }

    p[ng-controller="DatePickerController"] input.form-control {
        border-radius: 0;
        padding: 1px;
        height: auto;
        min-height: 24px;
    }

    .gridStyle1.cust-gear-action[ng-grid="variableSummaryGridOptions"] .ngViewport {
        height: 90%!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="enumerationSummaryGridOptions"] .ngViewport {
        height: 90%!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="hierarchySummaryGridOptions"] .ngViewport {
        height: 90%!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="dataStructureSummaryGridOptions"] .ngViewport {
        height: 90%!important;
    }

    .cust-gear-action[ng-grid="dataStructureListGridOptions"] .ngViewport {
        /* height: 90%!important; */
    }

    .gridStyle1.cust-gear-action[ng-grid="uiTemplateSummaryGridOptions"] .ngViewport {
        height: 90%!important;
    }

    div[versiondata="enumerationSelections"] form>div:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    button.btn.btn-primary {
        background: #6F5549;
        color: #fff;
        border: 1px solid #6F5549;
    }

    a.link_new:hover, a.link_new:focus {
        color: #fff;
        text-decoration: none;
    }

    p[ng-controller="DatePickerController"] {
        margin-bottom: 0;
    }

    p.help-block.errorMessage {
        margin-bottom: 0;
        float: left!important;
        font-weight: 500;
        font-size: 11px!important;
        text-shadow: 0 0 0;
        width: 100%;
    }

    form[name="attributeDetailsForm"].formStyle table td:first-child {
        /*width: 60%!important;*/
    }

    form[name="attributeDetailsForm"].formStyle table td label {
        white-space: nowrap;
    }

    .navigation-bar-content>button.btn-primary {
        margin: 8px;
        float: left;
        padding: 6px 8px;
        margin-bottom: 0;
        font-size: 12px;
    }

    .gridStyle1.cust-gear-action[ng-grid="attributeValueGridOptions"] .ngViewport {
        min-height: 215px!important;
    }

    button.btn.btn-primary[disabled="disabled"] {
        border-color: #DACFCA;
    }

    li.tabMargin[heading="Rating Regions"] a {
        margin-top: 13px;
    }

    .versions_div {
        display: block;
        margin-bottom: 45px !important;
    }

    .rate_region_div {
        display: block;
        margin-top: 0px;
        min-height: 276px;
    }

    .tier_div {
        display: block;
        margin-top: 0px;
    }

    .attrrib_div {
        display: block;
        margin-top: 127px;
        /* border-top: 15px solid #BE9E91; */
        /*1px solid #dcdcdc;*/
    }

    .rate_region_div .ngViewport.ng-scope {
        min-height: 200px !important;
    }

    input[disabled="disabled"] {
        background-color: #F3F2F2 !important;
        border: 1px solid #EAEAE9 !important;
        min-height: 25.5px;
    }

    input[readonly="readonly"] {
        background-color: #F3F2F2;
        border: 1px solid #eaeae9 !important;
        min-height: 25.5px;
    }

    select[disabled="disabled"] {
        background-color: #F3F2F2;
        border: 1px solid #EAEAE9 !important;
    }

    select[readonly="readonly"] {
        background-color: #dcdcdc;
        border: 1px solid #BEBEBE !important;
    }

    textarea[disabled="disabled"] {
        background-color: #dcdcdc;
        border: 1px solid #BEBEBE !important;
    }

    textarea[readonly="readonly"] {
        background-color: #F3F2F2;
        border: 1px solid #EAEAE9 !important;
    }

    select {
        min-height: 25.5px;
    }

    input[type="text"] {
        min-height: 25.5px!important;
    }

    button {
        min-height: 25.5px!important;
    }

    form[name="attributeDetailsForm"] table {
        width: 100%!important;
    }

    form[name="attributeDetailsForm"] td {
        width: 50%!important;
    }

    form[name="attributeDetailsForm"] td input {
        width: 100%!important;
    }

    form[name="attributeDetailsForm"] label {
        width: 100%;
        padding-right: 19px;
    }

    form[name="attributeDetailsForm"] td textarea {
        width: 100%!important;
        min-height: 57px;
    }

    form[name="attributeDetailsForm"] td:first-child {
        width: 50%!important;
    }

    form[name="attributeDetailsForm"] td:nth-child(2) {
        width: 50%!important;
    }

    input.button-add[disabled="disabled"] {
        background-color: transparent!important;
        border-color: transparent!important;
    }

    span.input-group-btn button {
        min-height: 24px;
    }

    input.button-add {
        margin-top: -8px;
    }

    form[name="productDetailsForm"]>div.rate_region_div {
        border: 1px solid #dcdcdc;
        padding-top: 8px!important;
    }

    form[name="productDetailsForm"]>div.tier_div {
        margin-top: 14px;
    }

    form[name="attributeDetailsForm"]>div.attrrib_div {
        padding-top: 10px!important;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 50px white inset;
        -webkit-text-fill-color: #333;
    }

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px white inset;
        -webkit-text-fill-color: #333;
    }

    form[name="productDetailsForm"]>div:first-child span, form[name="enumerationCategory"]>div:first-child span {
        color: #000017;
    }

    ul.dropdown-menu.ng-valid-date th {
        text-align: center!important;
    }

    ul.dropdown-menu.ng-valid-date th button {
        text-align: center!important;
    }

    ul.dropdown-menu.ng-valid-date th button strong {
        float: none!important;
    }

    input {
        font-family: segoe UI;
        font-size: 13px;
    }

    select {
        font-family: segoe UI;
        font-size: 13px;
    }

    button {
        font-family: segoe UI;
        font-size: 13px;
    }

    .gridStyle2.cust-gear-action[ng-grid="ratingRegionGridOptions"] .ngViewport {
        max-height: 200px;
    }

    .gridStyle3.cust-gear-action[ng-grid="tierGridOptions"] .ngViewport {
        max-height: 106px;
    }

    .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {
        max-height: 281px!important;
    }

    .gridStyle2.cust-gear-action[ng-grid="attributeSummaryGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="collectionSummaryGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="packageAttributeGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="attributeGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="tierGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="rateInfoGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle2.cust-gear-action[ng-grid="productComponentGridOptions"] .ngViewport {
        max-height: 300px;
    }

    .gridStyle1.cust-gear-action[ng-grid="attributeValueGridOptions"] .ngViewport {
        max-height: 345px;
    }

    .navigation-bar.light .dropdown-menu li button {
        background-color: #6E6059;
        width: 100%;
        color: #fff
    }

    .navigation-bar.light .dropdown-menu li button[disabled="disabled"] {
        background-color: #6E6059;
        width: 100%;
        color: #fff
    }

    .subcontsection ul.dropdown-menu li[ng-if="showButtonBar"] {
        min-height: 40px;
    }

    .subcontsection ul.dropdown-menu li[ng-if="showButtonBar"] button {
        border: 1px solid #C13136!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="attributeValueGridOptions"] .ngViewport {
        max-height: 345px;
    }

    li.tabMargin[heading="Attributes"] a {
        display: none;
    }

    .inner_wrapper .ngHeaderContainer .ngHeaderCell .ngHeaderText {
        vertical-align: top;
        line-height: 14px!important;
    }

    .inner_wrapper .ngHeaderContainer .ngHeaderCell .ngHeaderText div.customCheeckBoxGrid {
        float: left;
        margin-right: 5px;
    }

    .inner_wrapper .ngViewport.ng-scope div .ngSelectionCell {
        margin-top: 2px;
    }

    .inner_wrapper .ngViewport.ng-scope div .ngCellText input[type="checkbox"] {
        margin-top: 3px;
    }

    .recent_documents .gridStyleRecentDocs .ngCanvas {
        min-height: 321px;
    }

    .versions_div td span button, .tier_div td span button {
        padding: 0px;
        margin: 0;
    }

    .versions_div td span button button.my-checkbox, .tier_div td span button.my-checkbox {
        border: 0!important;
        min-height: 11px!important;
    }

    .rate_region_div .btn-group ul.dropdown-menu li button {
        background-color: #945B41;
        color: #fff;
    }

    div#testQuoteImportGrid {
        margin-bottom: 5%;
    }

    @media(min-width: 1370px) {
        .main_grid .main_grid_first form[name="productDetailsForm"] .versions_div table {
            width: 771px;
        }
        .main_grid .main_grid_first form[name="productDetailsForm"] .rate_region_div table {
            width: 771px;
        }
        .main_grid .main_grid_first form[name="productDetailsForm"] .tier_div table {
            width: 771px;
        }
        table.main_grid_basepackage form[name="productDetailsForm"] table {
            width: 771px;
        }
        table.main_grid_classification form[name="productDetailsForm"] table {
            width: 771px;
        }
        .main_grid_first form[name="enumerationCategory"] table {
            width: 771px;
        }
    }

    .main_grid .versions_div>div {
        background-color: #FFFFFF;
    }

    .main_grid .versions_div>div:first-child {
        background: transparent;
    }

    .rate_region_div {
        background-color: #F5F5F5;
    }

    .tier_div {
        background-color: #F5F5F5;
    }

    table.main_grid_basepackage form[name="productDetailsForm"] table {}

    table.main_grid_basepackage form[name="productDetailsForm"]>div {
        background-color: #F5F5F5;
    }

    form[name="attributeDetailsForm"] .versions_div {
        margin-bottom: 0!important;
        min-height: 357px;
    }

    form[name="attributeDetailsForm"]>div.attrrib_div {
        margin-top: 42px;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div {
        background-color: #F5F5F5;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div:first-child {
        background-color: #ffffff;
    }

    table.main_grid_classification form[name="productDetailsForm"] table {
        min-height: 82px;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div>table {
        min-height: 11px;
    }

    table.main_grid_classification form[name="productDetailsForm"] {
        min-height: 367px;
        background-color: #F5F5F5;
    }

    .main_grid .versions_div>div {
        background-color: #FFFFFF;
    }

    .main_grid .versions_div>div:first-child {
        background: #EEEEEE;
        padding: 9px 12px 5px;
        border-bottom: 1px solid #dcdcdc;
        min-height: 47px;
        width: 100%;
    }

    .rate_region_div {
        background-color: #FFFFFF;
        border: 0px solid #dcdcdc;
    }

    .tier_div {
        background-color: #F5F5F5;
    }

    table.main_grid_basepackage form[name="productDetailsForm"]>table {
        min-height: 111px;
    }

    table.main_grid_basepackage form[name="productDetailsForm"]>div {
        background-color: #FFFFFF;
        margin-bottom: 0;
        width: 100%;
    }

    form[name="attributeDetailsForm"] .versions_div {
        margin-bottom: 0!important;
        min-height: 283px;
    }

    form[name="attributeDetailsForm"]>div.attrrib_div {
        margin-top: 11px;
        border: 1px solid #dcdcdc;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div {
        background-color: #F5F5F5;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div:first-child {
        background-color: #EEEEEE;
        width: 100%;
        padding: 10px 9px!important;
        margin-bottom: 0;
        min-height: 44px;
    }

    table.main_grid_classification form[name="productDetailsForm"] table {
        min-height: 82px;
    }

    table.main_grid_classification form[name="productDetailsForm"]>div>table {
        min-height: 11px;
    }

    table.main_grid_classification form[name="productDetailsForm"] {
        min-height: 287px;
        background-color: #FFFFFF;
        padding: 0!important;
        border: 1px solid #dcdcdc!important;
        border-bottom: 0;
        border-right: 5px;
        margin: 9px 6px 3px!important;
        width: 99.3%!important;
    }

    .versions_div {
        margin-bottom: 10px !important;
        background-color: #F5F5F5;
        border: 1px solid #dcdcdc;
    }

    form[name="productDetailsForm"]>div.tier_div {
        margin-top: 11px;
        border: 1px solid #dcdcdc;
    }

    table.main_grid_basepackage form[name="productDetailsForm"] {
        min-height: 235px;
        background-color: #FFFFFF;
        padding: 0!important;
        border: 1px solid #dcdcdc!important;
        border-bottom: 0;
        border-right: 5px;
        margin-bottom: 0!important;
        margin: 9px 6px!important;
        width: 99%!important;
    }

    .main_grid_first form[name="enumerationCategory"] {
        border-bottom: 0;
        border-right: 5px;
        border: 1px solid #dcdcdc;
        background: #fff;
        padding: 0!important;
        margin: 9px!important;
        width: 99%!important;
    }

    .main_grid_first form[name="enumerationCategory"]>div:first-child {
        background-color: #EEEEEE;
        width: 100%;
        padding: 10px 9px!important;
        margin-bottom: 0;
        min-height: 44px;
    }

    form[name="attributeDetailsForm"] .versions_div {
        background: #FFFFFF;
    }

    form[name="attributeDetailsForm"] .versions_div div:first-child {
        padding: 4px 10px 3px;
    }

    table.main_grid_attributes form[name="attributeDetailsForm"] .versions_div div:first-child {
        background-color: #EEEEEE;
        width: 100%;
        padding: 10px 9px!important;
        margin-bottom: 0;
        min-height: 44px;
    }

    form[name="attributeDetailsForm"]>div:first-child span {
        color: #484746
    }

    form[name="attributeDetailsForm"].formStyle table td label {
        width: 100%!important;
    }

    .main_grid_first form[name="productDetailsForm"] {}

    .main_grid_first form[name="productDetailsForm"]>div:first-child {
        padding-right: 0px!important;
    }

    .main_grid_first form[name="rateScheduleDetailsForm"] {
        background: #FFFFFF;
        min-height: 275px;
        border-bottom: 0;
        border-right: 5px;
        border: 1px solid #dcdcdc;
        padding: 0!important;
        margin: 9px!important;
        width: 99%!important;
    }

    form[name="rateScheduleDetailsForm"]>div:first-child {
        padding-right: 5px!important;
    }

    table.main_grid_first form[name="rateScheduleDetailsForm"]>div:first-child {
        background-color: #EEEEEE;
        width: 100%;
        padding: 10px 9px!important;
        margin-bottom: 0;
        min-height: 44px;
    }

    form[name="rateScheduleDetailsForm"]>div:first-child span {
        color: #484746
    }

    /******* CSS for UI-GRID Start ********/

    .ui-grid-contents-wrapper .ui-grid-pinned-container.ng-scope.ng-isolate-scope.ui-grid-pinned-container-left {
        display: none;
    }

    .main_grid .ui-grid-render-container.ui-grid-render-container-body {
        margin-left: 0!important;
    }

    .gridStyleProduct.scrollEvent .ui-grid-render-container.ui-grid-render-container-body {
        margin-left: 0!important;
    }

    .main_grid_attributes .ui-grid-render-container.ui-grid-render-container-body {
        margin-left: 0!important;
    }

    table .ui-grid-render-container.ui-grid-render-container-body {
        margin-left: 0!important;
    }

    .doc_middle .ui-grid-render-container.ui-grid-render-container-body {
        margin-left: 0!important;
    }

    .ui-grid-contents-wrapper {}

    .grid.cust-gear-action {
        width: 99.85%!important;
    }

    .grid.cust-gear-action .ui-grid-viewport.ng-isolate-scope {
        width: 100%;
        min-height: 317px!important;
    }

    .ui-grid-canvas .ui-grid-row .ui-grid-cell:first-child {
        overflow: visible;
    }

    button.gearActionButton.btn-danger.dropdown-toggle:focus span.icon-cog, button.gearActionButton.btn-danger.dropdown-toggle:hover span.icon-cog {
        color: #333!important;
    }

    .ui-grid.gridStyle1.cust-gear-action .ui-grid-render-container {}

    .ui-grid.gridStyle1.cust-gear-action .ui-grid-contents-wrapper {}

    .ui-grid.gridStyle1 {
        width: 99.6%!important;
    }

    .ui-grid.gridStyle1 .ui-grid-viewport {
        width: 100%!important;
        min-height: 200px!important;
    }

    .ui-grid.gridStyle2 {
        width: 99.7%!important;
    }

    .ui-grid.gridStyle2 .ui-grid-viewport {
        min-height: 200px!important;
        min-width: 1201px;
    }

    .ui-grid.gridStyle2 .ui-grid-filter-container {
        padding: 1px 5px 5px;
    }

    .ui-grid.gridStyle2.filter .ui-grid-header-viewport .ui-grid-header-canvas {
        min-height: 59px;
    }

    /******* CSS for UI-GRID End ********/

    .modal-body .ngViewport .ngCanvas {
        min-height: 109px;
    }

    /*******************/

    .email_pop_div table td {
        width: 50%;
    }

    .email_pop_div table td:first-child {
        width: 50%!important;
    }

    .email_pop_div {
        padding: 2% 3%;
    }

    .email_pop_div input {
        width: 95%;
        min-height: 33px!important;
        border: 1px solid #dcdcdc;
    }

    .email_pop_div {
        min-height: 323px;
    }

    .gridStyle1.cust-gear-action.attribute_versionwrap .ngViewport {
        min-height: 299px;
    }

    .gridStyle1.cust-gear-action.pred-version[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 404px!important;
    }

    .main_grid_first .gridStyle1.cust-gear-action.pred-version[ng-grid="versionGridOptions"] {
        min-height: 467px!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 301px!important;
    }

    .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] {
        min-height: 240px!important;
        margin-bottom: 13px;
        max-height: 240px;
    }

    .gridStyle3.cust-gear-action[ng-grid="tierGridOptions"] {
        min-height: 103px!important;
    }

    .gridStyle3.cust-gear-action[ng-grid="tierGridOptions"] .ngViewport {}

    .main_grid_first .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] {
        min-height: 333px!important;
        margin-bottom: 0;
    }

    .main_grid_first .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {}

    .main_grid_attributes .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 208px!important;
    }

    .main_grid_classification .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 208px!important;
    }

    .main_grid_first .gridStyle1.cust-gear-action.pred-version[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 435px!important;
    }

    .ui-grid .ui-grid-viewport {
        min-width: 100%!important;
    }

    .grid.gridStyleProduct#attributeGrid {
        max-height: 420px;
        min-height: 419px;
    }

    .main_grid_attributes .grid.gridStyleProduct#attributeGrid {
        max-height: 290px;
        min-height: 100px;
    }

    .grid.gridStyleProduct#productGrid {
        min-height: 415px;
    }

    .main_grid_attributes .grid.gridStyleProduct#productGrid {
        min-height: auto;
    }

    .grid.gridStyleProduct#attributeGrid .ui-grid-viewport {
        max-height: 318px;
    }

    .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"] {
        min-height: 106px!important;
        max-height: 179px;
    }

    .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"] .ui-grid-viewport {
        max-height: 150px;
        min-height: 150px!important;
    }

    div.ng-scope.colspan2>table>tbody td[colspan="1"]:nth-child(2):last-child input[name="productLine"] {
        width: 324px;
    }

    .main_grid_classification div.ng-scope.colspan2>table>tbody td[colspan="1"]:nth-child(2):last-child input[name="productLine"] {
        width: 203px;
    }

    .main_grid_classification div.ng-scope.colspan2>table>tbody td[colspan="1"]:nth-child(1):first-child {
        width: 50%!important;
    }

    table.main_grid_basepackage div.ng-scope.colspan2>table>tbody td[colspan="1"]:nth-child(2):last-child input[name="productLine"] {
        width: 204px;
    }

    @media(min-width: 1660px) {
        div.ng-scope.colspan2>table>tbody td[colspan="1"]:nth-child(2):last-child input[name="productLine"] {
            width: 366px;
        }
    }

    table.main_grid_attributes .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"] .ui-grid-viewport {
        /* width: auto!important; */
        /* min-width: 551px!important; */
        /* max-width: 551px!important; */
        min-height: 207px!important;
    }

    table.main_grid_attributes .grid.cust-gear-action .ui-grid-viewport.ng-isolate-scope {
        width: 100%!important;
        /* min-width: 551px!important; */
        max-width: 551px!important;
        min-height: 259px!important;
    }

    table.main_grid_attributes .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"] {
        min-height: 236px!important;
        margin-bottom: 1px;
    }

    p.page_list_order {
        float: right;
        width: auto;
        margin-top: -37px;
        margin-right: 119px;
        border-right: 1px solid #B9B9B9;
        padding-right: 6px;
        color: #505050;
        font-size: 13px;
    }

    .ui-grid-render-container-body .ui-grid-viewport .ui-grid-canvas>div {
        /*width: 100%!important;*/
        background: #FDFDFD;
    }

    .ui-grid-render-container-body .ui-grid-viewport .ui-grid-canvas {
        min-width: 551px!important;
        background: #FDFDFD;
    }

    .ui-grid-render-container-body .ui-grid-viewport .ui-grid-canvas>div>div {
        width: 100%!important;
        background: #C9DDE1;
    }

    .ui-grid-render-container-body .ui-grid-viewport .ui-grid-canvas>div.ui-grid-row.ui-grid-row-selected {
        background: #C9DDE1;
    }

    .ui-grid-top-panel .ui-grid-header-viewport .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell:nth-child(2) .customCheeckBoxGrid {
        float: left;
        margin-right: 3px;
        margin-top: -2px;
    }

    .ui-grid-top-panel .ui-grid-header-viewport .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell:nth-child(2) .ngHeaderSortColumn {
        padding-top: 4px;
    }

    .ui-grid-filter-container {
        padding: 4px 4px 4px 4px;
    }

    .ui-grid-viewport .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: #fafafb!important;
        color: #333;
    }

    .ui-grid-viewport .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: #fff!important;
        color: #333;
    }

    .ui-grid-viewport .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
        background: #888!important;
        color: #fff;
    }

    .main_grid_first .grid1.gridStyleProduct .ui-grid-render-container .ui-grid-viewport {
        min-height: 402px;
    }

    .main_grid_first .grid1.gridStyleProduct {
        min-height: 433px;
        width: 99.6%;
    }

    .ui-grid .ui-grid-viewport .ui-grid-cell:nth-child(2) input[type="checkbox"] {}

    .ui-grid .ui-grid-viewport .ui-grid-cell:last-child input[type="checkbox"] {}

    .ui-grid.gridStyleProduct[ui-grid="attributeGridOptions"] .ui-grid-viewport .ui-grid-cell:nth-child(2) input[type="checkbox"] {}

    .ui-grid.gridStyleProduct[ui-grid="packageAttributeGridOptions"] .ui-grid-viewport .ui-grid-cell:nth-child(2) input[type="checkbox"] {}

    .ui-grid.gridStyleProduct[ui-grid="predefinedPackageGridOptions"] .ui-grid-viewport .ui-grid-cell:last-child input[type="checkbox"] {}

    .ui-grid.gridStyleProduct[ui-grid="productComponentGridOptions"] .ui-grid-viewport .ui-grid-cell:last-child input[type="checkbox"] {}

    div.ng-scope>table>tbody td:first-child>div {
        width: 99.7%;
    }

    .ui-grid-viewport .ui-grid-canvas {
        min-width: 100%!important;
    }

    .ui-grid-viewport .ui-grid-canvas .ui-grid-row:nth-child(odd) {
        background: #FAFAFB!important;
        border-bottom: 1px solid #dcdcdc;
    }

    .ui-grid-viewport .ui-grid-canvas .ui-grid-row.ui-grid-row-selected {
        background: #888!important;
    }

    .main_grid_first .gridStyle1.gridStyleProduct[ui-grid="versionGridOptions"] {
        min-height: 331px;
        margin-bottom: 0px;
    }

    .main_grid_first .gridStyle1.gridStyleProduct[ui-grid="versionGridOptions"] .ui-grid-viewport {
        min-height: 301px!important;
    }

    .main_grid_first .gridStyle2.gridStyleProduct[ui-grid="ratingRegionGridOptions"] {
        margin-bottom: 1px;
    }

    .grid[ui-grid="productGridOptions"] .ui-grid-viewport .ui-grid-canvas {
        min-width: 100%!important;
    }

    .ui-grid-viewport {
        min-height: 200px!important;
    }

    .gridStyle4.gridStyleProduct[ui-grid="tierGridOptions"] .ui-grid-viewport {
        height: auto;
    }

    .gridStyle4.gridStyleProduct {
        height: auto!important;
    }

    .gridStyle5.gridStyleProduct {
        height: auto!important;
    }

    .gridStyle5.gridStyleProduct[ui-grid="attributeGridOptions"] .ui-grid-viewport {
        height: auto;
    }

    .ui-grid .ui-grid-viewport .ui-grid-cell input[type="checkbox"] {
        line-height: 1px;
        float: left;
        margin: 0;
        height: auto;
        min-height: 1px;
    }

    .ui-grid-viewport .ui-grid-row [ui-grid-row]>.ui-grid-cell>input[type="checkbox"] {
        margin-top: 5px;
        margin-left: 6px;
    }

    .gridStyle2.gridStyleProduct[ui-grid="productComponentGridOptions"] {
        max-height: 240px!important;
        min-height: 262px!important;
        width: 99.81%!important;
    }

    .gridStyle5.gridStyleProduct[ui-grid="attributeGridOptions"] {
        max-height: 313px!important;
        min-height: 313px!important;
        width: 99.81%;
    }

    .ui-grid-canvas {
        height: auto!important;
    }

    .main_grid_first .grid1.gridStyleProduct[ui-grid="versionGridOptions"] .ui-grid-viewport {
        min-height: 423px!important;
    }

    .gridStyle5.gridStyleProduct[ui-grid="attributeGridOptions"] .ui-grid-viewport.ng-isolate-scope {
        min-height: 245px!important;
        max-height: 245px!important;
    }

    .ui-grid#attributeGrid[ui-grid="packageAttributeGridOptions"] {
        margin-bottom: 9px;
    }

    .ui-grid-viewport .ui-grid-cell {
        border-bottom: 1px solid #dcdcdc!important;
    }

    .navigation-bar .link_new.pad_btn span.icon-lines {
        font-size: 36px !important;
        line-height: 27px;
    }

    a.link_new.pad_btn {
        padding: 1px!important;
        height: 45px!important;
        line-height: 9px!important;
        border: 1px solid #dcdcdc;
        border-bottom: 0;
        border-right: 0;
        background: transparent!important;
        top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .grid.gridStyle1[ui-grid="versionGridOptions"] .ui-grid-render-container .ui-grid-viewport .ui-grid-canvas {
        /*max-width: 459px;*/
    }

    .grid.gridStyle1[ui-grid="versionGridOptions"] {
        /*width: 484px!important;*/
    }

    .grid.gridStyleProduct[ui-grid="rateFactorConditionGridOptions"] .ui-grid-viewport {
        margin-bottom: 33px;
    }

    .grid.gridStyle1[ui-grid="versionGridOptions"] .ui-grid-viewport {
        min-height: 187px!important;
    }

    .gridStyle3[ui-grid="tierGridOptions"] .ui-grid-viewport {
        min-height: 61px!important;
    }

    div[data-tree-model] ul ul {
        margin-top: 0;
        margin-left: 0;
        padding-left: 21px;
    }

    nav.navigation-bar.top_nav>div a.selected {
        background: #E35257!important;
        color: #fff!important;
        text-shadow: 1px 1px 0 #A02E32;
    }

    nav.navigation-bar.top_nav>div a.selected:after, nav.navigation-bar.top_nav>div a.selected:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    nav.navigation-bar.top_nav>div a.selected:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #E35257;
        border-width: 8px;
        margin-left: -11%;
    }

    nav.navigation-bar.top_nav>div a.selected:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #E35257;
        border-width: 8px;
        margin-left: -11%;
        `
    }

    .metro .navigation-bar .navigation-bar-content .element:hover, .metro .navbar .navigation-bar-content .element:hover, .metro .navigation-bar .navbar-content .element:hover, .metro .navbar .navbar-content .element:hover {
        background: #ad2f33;
        color: #fff;
    }

    .metro .navigation-bar .navigation-bar-content .element:hover button.gearActionButton.btn-danger.dropdown-toggle span.icon-cog, .metro .navigation-bar .navigation-bar-content .element:hover button.gearActionButton.btn-danger.dropdown-toggle span.icon-cog {
        color: #fff!important;
    }

    nav.navigation-bar.light .navigation-bar-content .element.place-right button.gearActionButton {
        margin-top: -4px;
    }

    nav.navigation-bar.top_nav {
        background: #FFFFFF;
        color: #333;
        border: 1px solid #dcdcdc;
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    }

    .ab-nav.breadcrumb {
        margin: -1px -8px 10px -8px;
        background: #F2F2F2;
        border-radius: 0;
        border: 1px dashed #dcdcdc;
        width: 101.2%;
        border-left: 0;
        border-right: 0;
        min-height: 38px;
    }

    .breadcrumb li {
        font-size: 15px;
    }

    .breadcrumb>.active span {
        color: #8c3108!important;
        margin-left: -2px;
    }

    .breadcrumb li a {
        color: #807E7E!important;
        margin: 0;
    }

    .breadcrumb>li+li:before {
        font-size: 14px;
        padding: 0;
        content: "/";
        color: #847C7C;
        margin-right: 3px;
    }

    .ab-nav.breadcrumb li {
        padding: 0 3px 0 0;
        margin: 0;
    }

    .inner_wrapper .navigation-bar.light .navigation-bar-content>.element, .inner_wrapper .navigation-bar.light .navigation-bar-content>.link_new {
        border-top: 1px solid #dcdcdc!important;
        padding-left: 10px;
        padding-right: 10px
    }

    a.link_new.pad_btn span {
        margin-top: 8px!important;
        background: #e35257;
        margin-left: 5px;
        margin-right: 6px;
    }

    .metro .navigation-bar .navigation-bar-content .element-divider {
        border-left: 1px solid #989595;
    }

    .navigation-bar.top_nav .navigation-bar-content .element-divider {
        border-left: 1px solid #DCDCDC!important;
        opacity: 1;
        border-right: 1px solid #FFFFFF!important;
    }

    .ui-grid-viewport .ui-grid-canvas .ui-grid-row:hover, .ui-grid-viewport .ui-grid-canvas .ui-grid-row:hover div.ui-grid-cell, .ui-grid-viewport .ui-grid-canvas .ui-grid-row:hover div.ui-grid-cell div {
        background: rgb(224, 231, 255)!important;
        min-height: 29px;
        color: #333!important;
        width: 100%;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .navigation-bar-content>.element {
        background: #E35257!important;
        color: #fff!important;
        border-top: 0!important;
        border-bottom: 0!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .navigation-bar-content>.element.place-right {
        background: #EEE!important;
        border: 0!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .navigation-bar-content>.element.place-right:hover {
        background: #ad2f33!important;
    }

    table.full-width .navigation-bar.light .navigation-bar-content>.element {
        background: #E35257!important;
        color: #fff!important;
    }

    table.full-width .navigation-bar.light .navigation-bar-content>.element.place-right {
        background: #EEE!important;
        border: 0!important;
    }

    table.full-width .navigation-bar.light .navigation-bar-content>.element.place-right:hover {
        background: #ad2f33!important;
    }

    /*******************/

    /* @-webkit-keyframes fadeIn {
    from {
    opacity:0;
    }
    to {
        opacity:1;
    }
    }
    @-moz-keyframes fadeIn {
    from {
    opacity:0;
    }
    to {
        opacity:1;
    }
    }
    @keyframes fadeIn {
    from {
    opacity:0;
    }
    to {
        opacity:1;
    }
    } */

    /* .fade-in {
        opacity:0;  make things invisible upon start
        -webkit-animation:fadeIn ease-in 1;  call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time
        -moz-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;  this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        animation-duration:1s;
    } */

    /* .box.animate-box.fade-in{
    -webkit-animation-delay: .0s;
    -moz-animation-delay: .0s;
    animation-delay: .0s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    animation-delay: .9s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    animation-delay: 2.1s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-delay: 2.4s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
    animation-delay: 2.7s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 3.0s;
    -moz-animation-delay: 3.0s;
    animation-delay: 3.0s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
    }
    
    .box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in+.box.animate-box.fade-in{
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    animation-delay: 3.6s;
    } */

    .navigation-bar.light .navigation-bar-content span.element:first-child, .navigation-bar.light .navigation-bar-content span.element:hover:first-child {
        background: #E35257!important;
        color: #fff!important;
        border: 0!important;
        padding-right: 13px!important;
    }

    .ui-grid.gridStyle1[ui-grid="versionGridOptions"] .ui-grid-viewport {
        min-height: 197px!important;
        max-height: 197px!important;
    }

    .ui-grid.gridStyle1[ui-grid="versionGridOptions"] .ui-grid-render-container {
        min-height: 226px;
        max-height: 226px;
    }

    .ui-grid.gridStyle1[ui-grid="versionGridOptions"] {
        min-height: 402px!important;
    }

    .ui-grid-viewport .ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell .btn-group button {
        color: #fff;
    }

    .ui-grid-viewport .ui-grid-row.ui-grid-row-selected:hover, .ui-grid-viewport .ui-grid-row.ui-grid-row-selected:hover>[ui-grid-row]>.ui-grid-cell, .ui-grid-viewport .ui-grid-row.ui-grid-row-selected:hover>[ui-grid-row]>.ui-grid-cell div {
        background: #888!important;
        color: #fff!important;
    }

    button.customCheeckBox.my-checkbox.ng-isolate-scope.ng-valid.ng-not-empty.checked {
        background-color: transparent!important;
        border: 0 none;
        outline: 0 none;
    }

    button.customCheeckBox.my-checkbox.ng-isolate-scope.ng-valid.ng-not-empty {
        background-color: transparent!important;
        border: 0 none;
        outline: 0 none;
    }

    .rate_region_div .btn-group ul.dropdown-menu li button:hover {
        background-color: #754630;
    }

    .metro .dropdown-menu li button {
        width: 100%;
        text-align: left;
    }

    .main_grid_classification p[ng-controller="DatePickerController"] span.input-group-btn button {
        background: #E35257;
        color: #fff;
    }

    table.main_grid_basepackage form[name="productDetailsForm"]>div:first-child {
        background: #EEEEEE;
        padding: 10px 8px!important;
    }

    .gridStyle3.gridStyleProduct[ui-grid="rateInfoGridOptions"], .gridStyle4.gridStyleProduct[ui-grid="tierGridOptions"] {
        width: 99.81%;
    }

    form[name="attributeDetailsForm"].formStyle.attributeDetailsForm .ng-scope table label {
        margin-bottom: 1px;
    }

    .grid.gridStyleProduct[id="attributeGrid"] {
        width: 99.70%!important;
    }

    .grid.gridStyleProduct[id="attributeGrid"][ui-grid="attributeGridOptions"] {
        width: 99.81%!important;
    }

    .rateschedule_version .grid.gridStyle1[ui-grid="versionGridOptions"] {
        min-height: 226px!important;
        margin-bottom: 0px;
    }

    .main_grid_first td.rateschedule_version table {
        margin-bottom: 0px;
    }

    .main_grid_first form[name="productDetailsForm"].ratescehdule_div.formStyle {
        border: 1px solid #dcdcdc;
        margin: 9px!important;
        width: 99%!important;
        padding: 0!important;
    }

    .main_grid_first form[name="productDetailsForm"].ratescehdule_div.formStyle>div:first-child {
        background-color: #EEEEEE;
        width: 100%;
        padding: 10px 9px!important;
        margin-bottom: 0;
        min-height: 44px;
    }

    .main_grid_first form[name="productDetailsForm"].ratescehdule_div.formStyle>div.errorRestrict {
        padding: 1px 12px!important;
        width: 100%;
    }

    .main_grid_first .ui-grid.gridStyle1[id="versionGrid"][ui-grid="versionGridOptions"] {
        min-height: 353px!important;
    }

    .main_grid_first .ui-grid.gridStyle1[id="versionGrid"][ui-grid="versionGridOptions"] .ui-grid-render-container {
        min-height: 353px!important;
        max-height: 353px!important;
    }

    .main_grid_first .ui-grid.gridStyle1[id="versionGrid"][ui-grid="versionGridOptions"] .ui-grid-render-container .ui-grid-viewport.ng-isolate-scope {
        min-height: 324px!important;
        max-height: 324px!important;
    }

    div.ng-scope>table>tbody td:first-child>div.rate_region_div {
        width: 100.4%;
    }

    .grid.gridStyleProduct[id="attributeGrid"][ui-grid="packageGridOptions"] {
        width: 99.81%!important;
    }

    .gridStyle2[id="attributeGrid"][ui-grid="collectionSummaryGridOptions"] {
        width: 99.81%!important;
        min-height: 261px!important;
    }

    .ui-grid-viewport .ui-grid-canvas .ui-grid-row:nth-child(even) {
        border-bottom: 1px solid #dcdcdc;
    }

    .grid#rateFactorGrid[ui-grid="rateFactorGridOptions"] .ui-grid-viewport .ui-grid-canvas {
        width: 100%;
    }

    .grid.gridStyleProduct[ui-grid="rateFactorConditionGridOptions"] .ui-grid-viewport .ui-grid-canvas {
        width: 100%;
    }

    .main_grid_first .rateschedule_version .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] .ngViewport {
        min-height: 139px!important;
    }

    .main_grid_first .rateschedule_version .gridStyle1.cust-gear-action[ng-grid="versionGridOptions"] {
        min-height: 100px!important;
    }

    .grid.gridStyleProduct[id="attributeGrid"][ui-grid="attributeGridOptions"] .ui-grid-viewport .ui-grid-canvas {
        width: 100%;
    }

    .inner_wrapper .navigation-bar.light .navigation-bar-content>.element.place-right {
        border: 0!important;
    }

    .modal button {
        background: #e35257;
        color: #fff;
        padding: 4px 6px;
    }

    nav.navigation-bar.top_nav a {
        font-size: 13.5px!important;
        font-weight: bold;
        text-shadow: 0px 0px 0 #E8E4E4;
    }

    .modal textarea {
        width: 100%;
        min-height: 71px;
        line-height: 13px;
        border: 1px solid #dcdcdc;
    }

    .modal .formStyle[form-name="notesForm"] {
        margin-top: 3%!important;
        margin-left: -9px!important;
        padding-left: 0!important;
    }

    .modal-content .modal-body .formStyle[form-name="notesForm"] table td {
        border-width: 1px 0 0;
        padding: 0;
        margin: 0!important;
        padding-top: 10px;
    }

    .modal-content .modal-body .gridStyleRecentDocs+.formStyle[form-name="notesForm"] {
        margin-top: 37px!important;
    }

    .modal-content .modal-body .gridStyleRecentDocs+.formStyle[form-name="notesForm"] br {
        display: none;
    }

    ul.nav.nav-tabs.pc-tabs li.active a {
        background: #FFF;
        font-weight: normal;
        border: 1px solid #dcdcdc;
        border-bottom-color: #fff;
        color: #333;
        margin-bottom: -1px;
        padding: 9px 14px;
    }

    .tab-content.pc-tab-content form.formStyle {
        padding: 0!important;
    }

    .ui-grid-header-cell-label {
        font-size: 13px!important;
        color: #333!important;
    }

    .ui-grid-cell-contents.ui-grid-header-cell-primary-focus span[aria-label="Sort Ascending"] {
        position: absolute;
        right: 3px;
        margin-top: 6px;
    }

    .ui-grid-header-cell .ui-grid-column-menu-button {
        margin-right: 0;
    }

    .Sub_grey_header_section {
        background: #EEEEEE;
        padding: 9px 12px 5px;
        border: 1px solid #dcdcdc;
        min-height: 47px;
        width: 98%;
        margin: 9px 9px 0;
    }

    .pc-tab-content table.full-table {
        width: 100%;
    }

    .pc-tab-content table.full-table .rate_region_div>table {
        width: 100%;
    }

    .pc-tab-content table.full-table .rate_region_div>table td {
        width: 50%!important;
    }

    .pc-tab-content table.full-table .rate_region_div>table td:first-child {}

    .navigation-bar-content input[type="text"] {
        width: 100%!important;
        min-width: 300px;
    }

    .pc-tab-content table.full-table div.gridStyle2 {}

    .pc-tab-content table.full-table .rate_region_div>table td nav.navigation-bar.light {
        width: 100%;
    }

    .tab-content.pc-tab-content form.formStyle>.formStyle {
        margin: 0px 0 0 9px;
        border: 1px solid #dcdcdc;
        width: 98%!important;
    }

    ul.nav.nav-tabs.pc-tabs li:hover a {
        background: #fff;
        border: 1px solid #dcdcdc;
        border-bottom-color: #fff;
        color: #333;
        margin-bottom: -1px;
        padding: 9px 14px;
    }

    .pc-tab-content table.full-table .rate_region_div>table td>div.formStyle {
        margin: 0 9px;
        border: 1px solid #dcdcdc;
        width: 98%!important;
        min-height: 235px;
    }

    .pc-tab-content table.full-table .rate_region_div>table td>div.formStyle .formStyle {
        margin: 0;
        padding: 0;
    }

    .pc-tab-content table.full-table .rate_region_div>table td>div.formStyle .formStyle td label {
        width: 100%!important;
    }

    .btn-group.pull-right button.btn-primary {
        margin-right: 3%;
    }

    .btn-group.pull-right {
        min-width: 120px;
    }

    .ngTopPanel.ng-scope {
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
    }

    .grid.gridStyleProduct#predefinedPackageGrid {
        min-height: 413px;
    }

    .main_grid_first .grid.gridStyleProduct#predefinedPackageGrid {
        min-height: 213px;
    }

    .grid.gridStyleProduct#attributeGrid[ui-grid="packageGridOptions"] {
        max-height: 412px;
        min-height: 412px;
    }

    .grid.gridStyleProduct#rateFactorGrid[ui-grid="rateFactorGridOptions"] .ui-grid-viewport {
        max-height: 250px!important;
        min-height: 250px!important;
    }

    .gridStyle2.cust-gear-action[ng-grid="rateTierGridOptions"] {
        width: 100%;
    }

    .ui-grid-pager-container[role="navigation"] button {
        border-radius: 2px;
        padding: 8px 9px;
    }

    .ui-grid-pager-container[role="navigation"] select, .ui-grid-pager-container[role="navigation"] input {
        border-radius: 2px;
    }

    .ui-grid-pager-container[role="navigation"] span.ui-grid-pager-max-pages-number {
        background: #F3F3F3;
        min-height: 22px;
        display: inline-block;
        padding: 2px 4px;
        border: 1px solid #CCCCCC;
        border-radius: 0 2px 2px 0;
        margin-left: -5px;
        font-size: 13px;
        color: #333;
    }

    .ui-grid-pager-container[role="navigation"] span.ui-grid-pager-max-pages-number abbr {
        margin-right: 3px;
        top: -2px;
        position: relative;
        border-bottom: 0;
    }

    table.import-table span.input-group-btn button {
        min-height: 29px!important;
    }

    .search_form.period+.gridStyleProduct {
        margin-left: 16px;
        width: 97%;
    }

    .formStyle.new-issuer {
        margin: 0;
    }

    .formStyle.new-issuer td {
        width: 31%!important;
    }

    .formStyle.new-issuer td input[type="text"] {
        width: 100%;
    }

    .formStyle.new-issuer td label {
        width: 93%!important;
    }

    .btn-group.pull-right.mgn-rt-5 {
        margin-right: 5%;
    }

    .btn-group.pull-right button {
        margin-left: 6px!important;
    }

    .metro .navigation-bar .navigation-bar-content .element.input-element.recent_documents_section .document_gear button.gearActionButton.btn-danger span.icon-cog {
        color: #333!important;
    }

    .metro .navigation-bar .navigation-bar-content .element.input-element.recent_documents_section .document_gear button.gearActionButton.btn-danger span.icon-cog {
        color: #333!important;
    }

    .ui-grid-pager-row-count-picker select {
        width: auto;
    }

    .trans_property {
        margin-top: 3%;
    }

    .recent_documents_search div {
        width: 100%!important;
    }

    .recent_documents_search div {
        width: 100%!important;
    }

    .doc_middle .recent_documents .gridStyle1 {
        min-height: 401px!important;
    }

    .doc_middle .recent_documents .gridStyle1 .ui-grid-viewport {
        min-height: 335px!important;
    }

    .doc_property.doc_sideover .doc_contents .ngViewport {
        max-height: 174px;
    }

    .trans_property .doc_contents .ngViewport {
        max-height: 174px;
    }

    .getdoc_wrapper .recent_documents .ui-grid.gridStyle1.cust-gear-action .ui-grid-render-container .ui-grid-header-viewport {
        min-width: 100%;
    }

    .grid.gridStyleProduct#attributeGrid.benefit-summary {
        width: 99.82%!important;
    }

    table.main_grid_attributes .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"].benefit-summary-version {
        min-height: 256px!important;
    }

    table.main_grid_attributes .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"].benefit-summary-version .ui-grid-render-container {
        min-height: 256px;
        max-height: 256px;
    }

    table.main_grid_attributes .gridStyle1.cust-gear-action#attributeGrid[ui-grid="versionGridOptions"].benefit-summary-version .ui-grid-render-container .ui-grid-viewport {
        min-height: 227px!important;
    }

    .head_grey {
        background: #eee;
        width: 100%;
        margin: -10px 0 0 0;
        padding: 13px 9px!important;
        height: 45px;
    }

    .attrrib_div.benefit-summary {
        margin-top: -1px;
        border: 1px solid #dcdcdc;
        width: 100%!important;
        padding: 9px 17px;
        min-height: 246px;
    }

    .attrrib_div.benefit-summary label {
        width: 100%;
        font-weight: normal;
    }

    .attrrib_div.benefit-summary td {
        width: 50%;
    }

    .attrrib_div.benefit-summary td input {
        width: 93%;
    }

    .forgot .truecoverage-logo {
        text-align: center;
        padding: 7% 7% 3%;
    }

    .forgot .adheya-logo {
        text-align: center;
        padding: 5% 5% 4%;
    }

    /* Customized alert box */

    .customoverlay.pc {
        background-color: rgba(0, 0, 0, 0.46);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 11;
        top: 0px;
        left: 0;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable {
        position: fixed;
        top: 244px;
        z-index: 22;
        width: 24%;
        background-color: #fff;
        left: 39%;
        border: 1px solid #b6b6b6;
        border-radius: 3px;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable div span {
        color: #615D5D;
        font-size: 15px;
        padding-top: 0px;
        float: left;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable button.close {
        top: -21px;
        color: #ffffff;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable button.close {
        border: 2px solid #ffffff;
        width: 31px;
        height: 31px;
        border-radius: 30px;
        font-size: 19px;
        margin-right: 0px;
        margin-top: -7px !important;
        background-color: #ffffff;
        opacity: 1 !important;
        outline: 0 none;
        padding: 0;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable button.close span {
        color: #333;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable .heading {
        background-color: #fff;
        color: #e35257 !important;
        padding: 11px 13px 12px !important;
        margin: -15px;
        width: 118%;
        border-radius: 2px 2px 0 0;
        float: left;
        font-size: 1.4em;
        font-weight: 500;
        border-bottom: 1px solid #e5e5e5;
    }

    .customoverlay.pc .alert.alert-warning.alert-dismissable>div {
        float: left;
        margin-top: 11px;
        max-height: 300px;
        overflow: auto;
    }

    div.reset-cont button.btn.btn-primary.green.pull-right {
        min-height: 30px!important;
        border: 0;
        margin-left: 2px;
    }

    .container.forgot .customoverlay {
        background-color: rgba(0, 0, 0, 0.46);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 13;
        top: 0px;
        left: 0;
        right: 0;
    }

    .container.forgot .customoverlay .alert.alert-warning.alert-dismissable {
        background: #fff;
        border-color: #fff;
        border-radius: 0;
        margin: 22% auto 0;
        position: relative;
        width: 48%;
    }

    .container.forgot .customoverlay .alert.alert-warning.alert-dismissable .heading {
        font-size: 21px;
        font-family: Roboto;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 7px;
        padding-bottom: 7px;
    }

    .container.forgot .customoverlay .alert.alert-warning.alert-dismissable button.close {
        font-size: 23px;
        position: absolute;
        top: -16%;
        right: -2%;
        background: #e8e8e8!important;
        border-radius: 21px;
        min-width: 32px;
        height: 32px;
        opacity: 1!important;
    }

    .container.forgot .customoverlay .alert.alert-warning.alert-dismissable button.close span[aria-hidden="true"] {
        top: -2px;
        position: relative;
    }

    .container.forgot .customoverlay .alert.alert-warning.alert-dismissable div>span {
        font-size: 15px;
        color: #0877D4;
    }

    .full-table .rate_region_div.general_info {}

    .full-table .rate_region_div.general_info .formStyle {
        margin: 0!important;
        min-width: 100%!important;
    }

    .full-table .rate_region_div.general_info table td.ng-scope {
        min-width: 32%!important;
        width: 32%!important;
    }

    body>.angular-bootstrap-contextmenu.dropdown.clearfix {
        left: 6%!important;
        width: auto!important;
        margin-top: 9px;
    }

    .grid.cust-gear-action.grid5row-pc {
        min-height: 280px!important;
    }

    .grid.cust-gear-action.grid5row-pc .ui-grid-viewport.ng-isolate-scope {
        min-height: 185px!important;
        /* height: 100%; */
    }

    div.more_drop {
        float: left;
        position: relative;
        border-right: 1px solid #dcdcdc;
        padding-right: 3px;
    }

    div.more_drop>div {
        display: none;
        position: absolute;
        top: 44px;
        z-index: 8;
        border: 1px solid #dcdcdc;
        border-top: 0;
    }

    div.more_drop>a.more {
        text-align: left;
    }

    div.more_drop a.more {
        width: 56px;
        overflow: visible;
        position: relative;
        font-size: 13px!important;
        font-weight: normal;
        color: #333;
        float: left;
        padding: 14px 12px 12px 4px!important;
    }

    div.more_drop:hover>div {
        display: block;
    }

    div.more_drop:hover div div:hover a {
        color: #fff!important;
    }

    div.more_drop a.more:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    div.more_drop a.more:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #4285f4;
        border-width: 5px;
        margin-left: 17px;
        margin-top: -24px;
    }

    div.more_drop a.more a {
        padding-left: 10px;
        text-align: left;
    }

    div.more_drop>div div {
        position: relative;
        width: 100%;
        float: left;
        min-width: 200px;
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    }

    div.more_drop>div div a {
        width: 100%;
        float: left;
        color: #333!important;
    }

    div.more_drop>div div span.element-divider {
        display: none!important;
    }

    div.more_drop>div div a {
        border-bottom: 1px solid #dcdcdc;
    }

    .navigation-bar.top_nav .navigation-bar-content a.element {
        font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 13px!important;
    }

    .navigation-bar.top_nav .navigation-bar-content button.element {
        font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 13px!important;
    }

    .main_grid .main_grid_first.split-50 td:first-child {
        width: 40%!important;
        min-width: 514px;
        max-width: 514px;
    }

    .main_grid .main_grid_first.split-50 td:last-child {
        width: 60%!important;
        min-width: 770px;
        max-width: 770px;
    }

    .expression.navigation-bar-content.mgn-btm-10+.expression {
        border-top: 1px solid #dcdcdc;
        margin-top: 1px;
        padding-top: 6px;
    }

    .mgn-btm-10 {
        margin-bottom: 10px;
    }

    .table-form {}

    .table-form>div {
        width: 100%;
        margin: 0!important;
    }

    .table-form>div td {
        width: 30%!important;
        padding-left: 0!important;
    }

    .table-form>div td label {
        width: 100%;
    }

    .table-form>div td input[type="text"] {
        border: 1px solid #dcdcdc;
        min-height: 32px;
        padding: 4px;
    }

    .table-form>div td select {
        border: 1px solid #dcdcdc;
        min-height: 32px;
        padding: 4px;
    }

    .table-form>div td label span {
        width: 100%!important;
        display: inline-block;
    }

    .table-form>div td label span[ng-switch-when="datepicker"]>input {
        width: 100%;
        border: 1px solid #dcdcdc;
        min-height: 32px;
        padding: 4px;
    }

    .table-form>div .formStyle {
        margin-top: 0!important;
        padding-top: 0px!important;
    }

    .grid.cust-gear-action.grid8row-pc {
        min-height: 280px!important;
    }

    .grid.cust-gear-action.grid8row-pc .ui-grid-viewport.ng-isolate-scope {
        min-height: 200px!important;
        /* height: 100%; */
    }

    .table-form .expression.navigation-bar-content.mgn-btm-10 td:first-child, .table-form .expression.navigation-bar-content.mgn-btm-10 td {
        width: 11%!important;
        min-width: 11%!important;
    }

    .table-form .expression.navigation-bar-content.mgn-btm-10 td input[type="text"], .table-form .expression.navigation-bar-content.mgn-btm-10 td select {
        width: 10%!important;
    }

    .table-form .expression.navigation-bar-content.mgn-btm-10 td:last-child {
        min-width: 58px!important;
    }

    .table-form .expression.navigation-bar-content.mgn-btm-10 td:last-child span[ng-switch-when="AddRemove"] {
        width: 100%!important;
        min-width: 56px;
    }

    .table-form .expression.navigation-bar-content.mgn-btm-10 td:last-child span[ng-switch-when="AddRemove"] i {
        color: #2c80bd;
        display: inline-block;
        margin-right: 3px;
        cursour: pointer;
        margin-top: 20px;
    }

    .ui-grid-pager-control input[type="number"] {
        width: auto!important;
        min-height: 25px!important;
    }

    .more_drop a.element.selected:before, .more_drop a.element.selected:after {
        display: none;
    }

    .custom-alert-main {
        position: fixed;
        top: 0%;
        padding-top: 19%;
        background: rgba(43, 42, 42, 0.38);
        width: 100%;
        left: 0;
        height: 100%;
        z-index: 11
    }

    .custom-alert-main .alert {
        width: 400px;
        margin: 0 auto;
        display: block!important;
    }

    .custom-alert-main .alert .close {
        color: #163e05;
        margin-top: -3px;
    }

    .expression-cont {
        color: #333;
        width: 100%;
        font-size: 13px;
        padding-bottom: 14px!important;
        display: block;
        float: left!important;
    }

    .expression-cont b {
        display: inline-block;
        font-weight: normal;
    }

    .expression-cont div {
        display: inline-block;
        position: relative;
        top: 2px;
    }

    .expression-cont span {
        display: inline-block;
    }

    .expression-cont select {
        min-width: 100px;
        width: auto;
        min-height: 29px;
    }

    .expression-cont div span {
        background: #f9f9f9;
        border: 1px solid #dcdcdc;
        padding: 1px 2px;
        margin-right: -1px;
        line-height: 23px;
    }

    .expression-cont div span span {
        border: 0;
    }

    .rules_legend {
        background: #eeeeee;
        padding: 5px 8px!important;
        font-size: 15px!important;
        font-weight: normal;
        color: #000017!important;
        font-family: Open Sans!important;
    }

    .rules_legend span {
        color: #e35257;
    }

    a.link_new.pull-right.glyphicon {
        padding: 7.5px!important;
        font-size: 13px!important;
        border: transparent;
        margin-top: 15px!important;
    }

    .modal-content .modal-footer button.btn {
        min-height: 30px!important;
        margin-left: 3px;
    }

    .newrulepop div[form-name="newruleForm"] td, .newrulepop div[form-name="editruleForm"] td {
        width: 30%!important;
    }

    .newrulepop div[form-name="newruleForm"] td label, .newrulepop div[form-name="editruleForm"] td label {
        width: 97%;
    }

    .newrulepop div[form-name="newruleForm"] td label span, .newrulepop div[form-name="editruleForm"] td label span {
        width: 100%;
        display: block;
    }

    .newrulepop div[form-name="newruleForm"] td label span input, .newrulepop div[form-name="editruleForm"] td label span input {
        width: 100%;
        border: 1px solid #dcdcdc;
        padding: 6px!important;
        min-height: 34px!important;
    }

    .modal-header button.close {
        background: transparent;
        color: #333;
        font-size: 18px;
        text-transform: lowercase;
    }

    .expression-cont div.cont-scroll {
        width: 100%;
        overflow: auto;
        height: auto;
        margin-top: 0px;
        max-height: 64px;
        border: 1px solid #dcdcdc;
        padding: 1px 4px;
        min-height: 29px;
        background: #fff
    }

    .expression-cont div.cont-scroll span {
        margin-right: -4px;
        padding-right: 4px;
        background: transparent;
        border: 0;
        margin-top: -2px;
    }

    .pad-lt {
        padding-left: 0;
    }

    .pad-rt {
        padding-right: 0;
    }

    .expression-cont div label {
        font-weight: normal;
    }

    nav.navigation-bar.light .expression-cont div input[type="text"] {
        width: 100%!important;
        padding: 4px!important;
    }

    nav.navigation-bar.light .expression-cont div select {
        width: 100%!important;
        padding: 4px!important;
    }

    .table-form>div.expression-wrapper {
        margin: 01px 0!important;
        padding-left: 12px;
        width: 100%!important;
        padding-right: 12px;
    }

    .expression-wrapper+.expression-wrapper {
        border-top: 3px solid #dcdcdc;
    }

    .resp-div {
        float: left;
        width: 100%;
        display: table;
    }

    .left-section {
        vertical-align: top;
        padding-bottom: 42px;
    }

    .right-section {
        width: 307px;
        height: auto;
        z-index: 1;
        background: #fff;
        position: absolute;
        right: -327px;
        display: none;
        opacity: 0;
        padding-top: 0;
        margin-top: 0;
        vertical-align: top;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3 {
        width: 93%!important;
        margin: 0px 10px 0px 10px;
        float: left!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3 input[type="text"] {
        width: 53%!important;
        min-width: 10%!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3 select {
        width: 53%!important;
        min-width: 10%!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3.heading {
        background: #f9f9f9!important;
        margin: 0;
        width: 100%!important;
        color: #333!important;
        font-size: 15px!important;
        padding: 7px 13px 6px 13px;
        min-height: 13px!important;
        border-bottom: 1px solid #dcdcdc!important;
        margin-bottom: 10px;
        height: auto;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3.footer {
        background: #fdfdfd!important;
        margin: 0;
        width: 100%!important;
        color: #333!important;
        font-size: 15px!important;
        padding: 6px;
        min-height: 18px!important;
        border-top: 1px solid #dcdcdc!important;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3.footer button {
        margin-right: 5px;
    }

    .main_grid.ng-scope table.main_grid_first .navigation-bar.light .right-section form .navigation-bar-content .element.c3 label {
        width: 40%!important;
        float: left;
        margin-top: 2px;
        text-align: right;
        margin-right: 13px;
    }

    .expression-wrapper {
        position: relative;
    }

    .right-section .heading button.close {
        background: transparent;
        color: #333;
        font-size: 16px;
        float: right;
        top: 0px;
        right: 5px!important;
        position: absolute;
        margin-right: 0px!important;
        width: 13px;
        height: 13px;
    }

    .right-section .heading button.close span {
        padding: 0!important;
        margin: 0!important;
    }

    .expression-wrapper.additional-prop {}

    .expression-wrapper.additional-prop .right-section {
        right: 0px;
        opacity: 1;
        display: block;
    }

    .expression-wrapper.additional-prop .expression-cont {
        opacity: .5;
    }

    .expression-wrapper.additional-prop .resp-div {
        opacity: .5;
    }

    .modal-content input[type="text"], .modal-content select {
        border: 1px solid #dcdcdc;
        padding: 5px;
    }

    .modal-content form.formStyle.new-issuer>div[form-name="productDetailsForm"] {
        padding: 0!important;
        margin: 1px;
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] {
        position: relative
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] div.input-group-btn {
        position: static;
        right: 0;
        top: 0;
        width: 30px;
        min-height: 34px;
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] div.input-group-btn button {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: 30px;
        border-left: 1px solid #dcdcdc;
        height: 34px;
        text-align: center;
        background: transparent!important;
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] div.input-group-btn button span.caret {
        width: 9px!important;
        text-align: center;
        display: inline-block;
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] div.input-group-btn ul.dropdown-menu {
        position: absolute;
        left: 0;
        margin-left: 0;
        border-radius: 0;
        background: #fff;
        border: 1px solid #dcdcdc!important;
    }

    .modal-content .newrulepop span[ng-switch-when="editableCombobox"] div.input-group-btn ul.dropdown-menu li {
        padding: 3px!important;
        margin: 0;
        background: transparent!important;
        height: auto;
        font-weight: normal!important;
        font-size: 13px;
        border: 0!important;
        border-radius: 0!important;
    }

    .navigation-bar.light .navigation-bar-content.table-form div.expression-wrapper:nth-child(odd) {
        background: #f7f7f9;
        margin: -21px 0px -1px!important;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%!important;
        border-bottom: 1px solid #dcdcdc;
    }

    .expression-wrapper h1 {
        padding: 0 0 8px 0;
        margin: 0;
        font-size: 19px!important;
        line-height: 19px;
        border-bottom: 1px dashed #dcdcdc;
    }

    nav.navigation-bar.light.attribute_nav .ui-grid-header-cell input[type="text"] {
        width: 100%!important;
    }

    .grid.grid5row-pc[ui-grid="ruleGridOptions"] .ui-grid-contents-wrapper {
        min-height: 291px;
    }

    .grid.grid5row-pc[ui-grid="ruleGridOptions"] .ui-grid-pager-panel {
        color: #000;
    }

    table.main_grid_first.second-row .element.bg-transparent.pad-rt-10 {
        padding-right: 11px!important;
    }

    table.main_grid_first.second-row .element.bg-transparent.pad-rt-10 button {
        margin-left: 3px;
    }

    .customoverlay.custom-alert-main.alertpc .alert .close {
        top: -32px;
        font-size: 21px;
        position: relative;
        right: 0px;
    }

    .customoverlay.custom-alert-main.alertpc .heading {
        font-size: 17px;
        border-bottom: 1px solid #dcdcdc;
        padding: 9px 15px;
    }

    .customoverlay.custom-alert-main.alertpc .alert {
        padding: 0;
    }

    .customoverlay.custom-alert-main.alertpc .alert>div>span {
        padding: 14px;
        display: block;
        background: #fff;
    }

    .expression-wrapper+.c3.pull-right.bg-transparent.pad-rt-10 {
        margin-top: 2px;
    }

    table.main_grid_first.second-row.split-50.db-tool {}

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] td {
        padding: 0 13px;
    }

    table.main_grid_first.second-row.split-50.db-tool td br {
        display: none;
    }

    table.main_grid_first.second-row.split-50.db-tool label {
        font-weight: normal;
        font-size: 15px;
        text-align: left;
    }

    table.main_grid_first.second-row.split-50.db-tool input[type="text"] {}

    table.main_grid_first.second-row.split-50.db-tool label span {
        display: inline-block;
        width: 73%;
        padding-left: 4px;
        text-align: left;
    }

    table.main_grid_first.second-row.split-50.db-tool label span span {
        width: auto;
    }

    table.main_grid_first.second-row.split-50.db-tool label span span select {
        width: auto;
        min-width: 350px;
        border: 1px solid #dcdcdc;
        padding: 5px;
        color: #333;
        font-size: 14px;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(2) label span span textarea {
        width: 100%;
        min-width: 300px;
        border: 1px solid #dcdcdc;
        padding: 5px;
        color: #333;
        font-size: 14px;
        margin-left: 20px;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(3) label span span textarea {
        width: 100%;
        min-width: 300px;
        border: 1px solid #dcdcdc;
        padding: 5px;
        color: #333;
        font-size: 14px;
        margin-left: 55px;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"]+span {
        display: inline-block;
        margin-left: 116px;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"]+span+span.element.c3 {
        display: block;
        margin-left: 116px;
        margin-bottom: 26px;
        margin-top: 11px;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(2) label span {
        width: 90%;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(3) label span {
        width: 90%;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(2) label span span {
        width: 100%;
    }

    table.main_grid_first.second-row.split-50.db-tool div[field-tuples="dbToolFormFileds"] div:nth-child(3) label span span {
        width: 100%;
    }

    table.main_grid_first.second-row.split-50.db-tool span.element.c3 button.btn-primary+button.btn-primary {
        margin-left: 3px;
    }

    div#loading .pleaseWait b {
        font-weight: normal;
        font-size: 15px;
        color: #545353;
    }

    div#loading .pleaseWait b u {
        font-weight: 500;
        font-size: 16px;
        color: #333;
        text-decoration: none
    }

    div#loading .pleaseWait {
        margin-top: 71px;
        margin-left: 0%;
        top: 45%!important;
        width: 100%;
        left: 0;
        text-align: center;
    }

    .ngHeaderCell .ngHeaderText {
        white-space: nowrap;
    }

    table .grid.gridStyleProduct[ui-grid="rateFactorConditionGridOptions"] .ui-grid-viewport {
        margin-bottom: 33px;
        min-height: 252px!important;
    }

    .footer span.build-version {
        background: none transparent;
        width: auto!important;
        font: 400 12.2px/23px "Roboto"!important;
        color: #838383;
        padding-right: 12px;
        height: auto!important;
        margin-top: -2px;
    }

    .footer span.build-version b {
        font-weight: normal;
        font: 400 12.2px/23px "Roboto"!important;
        display: inline-block;
    }

    .footer span.build-version u {
        font-weight: normal;
        font: 400 12.2px/23px "Roboto"!important;
        text-decoration: none;
        padding-left: 3px;
        display: inline-block;
    }

    /* Tooltip styles */

    .tooltip {
        position: sticky;
        display: block;
        width: auto;
        height: auto;
        padding: 5px;
        color: white;
        background: black;
        z-index: 5000;
        opacity: 0.65;
        border: 1px solid white;
        border-radius: 7px;
    }

    /* Ends Tooltip styles */