.reportContainer {
    max-width: 90%;
    margin: auto;
    margin-top: 2%;
    margin-bottom: 2%;
    border: 1px solid #d6d6d6;
    padding: 2%;
}




.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    overflow-x: hidden;
    transition: 0.5s;
    border: 1px solid #d0d0d0;
}



/*.sidenav .btnFilter {
        position: absolute;
        top: 20px;
        right: 15px;
        margin-left: 50px;
    }*/

.btnFilter {
    cursor: pointer;
    font-size: 15px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.sidenavWidth {
    width: 300px;
}

.sidenavMain {
    margin-left: 300px;
}

.sidenavContainer {
    margin: 5px;
    border: 1px solid #d4cccc;
    padding: 10px;
    overflow-y: auto;
    height: 79%;
}

.sidenavHeader {
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d2d2;
    background: #eaeaea;
    padding-top: 10px;
}

.sidenavFooter {
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d2d2;
    padding: 8px;
    text-align: right;
}

.sidenavHeader div:first-child {
    width: 83%;
    float: left;
    text-align: left;
    padding-left: 2%;
}

    .sidenavHeader div:first-child p {
        font-size: 15px;
        font-weight: bold;
    }

.sidenavHeader div:nth-child(2) {
    width: 14%;
    float: left;
    text-align: right;
}

.col-sm-6 {
    width: 50%;
    float: left;
}

.col-sm-3 {
    width: 25%;
    float: left;
}

.reportInnerHeader {
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 1%;
}

.reportInnerContainer {
}

.btnRibbon {
    padding-top: 30px;
}

.reportLabel {
    width: 100%;
    display: block;
    color: #676767;
}

.daterangepicker {
    position: fixed !important;
    padding-right: 23px !important;
}

.drp-calendar {
    margin-left: 25px !important;
}

.tile2 {
    width: 185px;
    padding: 10px;
    border: 1px solid #d0d0d0;
    float: left;
    margin: 7px;
    background: #ececec36;
    box-shadow: 1px 1px 7px #d0d0d0;
}

.tileBtnRibbon {
    text-align: right;
    margin: 0px;
    padding-right: 15px;
    width: 12px;
    position: absolute;
    top: 7%;
    right: 8px;
}

.new {
    margin-bottom: 5px;
}

    .new span {
        font-size: 9px;
        font-weight: normal;
        background-color: #f5110a !important;
    }

.tileBtnRibbon button {
    margin-bottom: 5px;
    width: 25px;
    height: 25px;
}

    .tileBtnRibbon button span {
        font-size: 11px;
    }

.tileTitle {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
}

    .tileTitle p {
        margin: 0px;
    }

.tileDesc {
    font-size: 10px;
    padding-left: 5px;
    color: white;
}


.tileFooter {
    position: absolute;
    bottom: 6%;
    width: 85%;
    background: #99999975;
    border-radius: 0px 45px 0px 0px;
    margin-left: 4px;
}

.folder .tileBody {
}

.tileBody {
    cursor: pointer;
    text-align: center;
}



.tagNote {
    font-size: 9px;
    font-weight: bold;
    color: #868686;
    margin-left: 38px;
}

.btnDAM {
    float: left;
    font-size: 10px;
    margin-right: 8px;
}

.checkbox label {
    cursor: pointer;
}

.noRecords {
    text-align: center;
    color: gray;
    width: 100%;
    position: relative;
    float: right;
    padding-top: 25px;
    border-top: 1px solid #d4d4d4;
    margin-top: 15px;
}

.splitForm .form-group {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

    .splitForm .form-group label {
        display: block !important;
    }

    .splitForm .form-group input {
        margin-bottom: 0px;
    }

.breadcrumb {
    font-size: 11px !important;
    padding: 1px 8px !important;
}

.errorSpan {
    width: 100%;
    display: block;
}

.errorSpanForIconControl {
    display: block;
    text-align: left;
    padding-left: 18px;
    color: #F44336;
    font-size: 10px;
}

.login-panel .has-icon {
    width: 270px;
    margin: auto;
    text-align: left;
}

.has-icon {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .has-icon .icon {
        right: initial;
        left: 25px;
        color: #9e9d9d;
        top: 2px;
    }

    .has-icon .form-control {
        padding-right: 8px;
        padding-left: 25px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 0px;
    }

.stickyFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: white;
    padding-top: 6px;
}

.copyright, .copyright a {
    font-size: 11px;
    color: #525252 !important;
}

.rememberMe {
    color: gray;
    margin-left: 15px;
}

.forgotPwd {
    font-family: 'ABeeZee', sans-serif;
    color: #5c2f7e;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
}

.loginBtn {
    /*background-image: url(../Images/Button.png);*/
    width: 149px !important;
    height: 42px !important;
    background-size: contain;
    border: none;
    background-repeat: no-repeat;
    color: white;
    font-family: 'ABeeZee', sans-serif;
    margin-top: 25px;
    box-shadow: 0px 5px 7px grey;
    border-radius: 7px;
    font-size: 13px;
    background: #66288b;
}

    .loginBtn:hover {
        box-shadow: 0px 8px 7px grey;
    }


/*Checkbox*/
/* The container */
.chk-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chk-container_dam {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-left: 5%;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 20px;
}
/* Hide the browser's default checkbox */
.chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #dadada;
}

.checkmark_dam {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #dadada;
    border: 1px solid gray;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked ~ .checkmark {
    background-color: #a23a8e;
}

.chk-container_dam input:checked ~ .checkmark_dam {
    background-color: #efefef !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chk-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chk-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chk-container_dam .checkmark_dam:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 9px;
    border: solid #020202;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*checkboxEnd*/

.innerLogo img {
    width: 110px;
    float: right;
}

.passwordcheck #passwordcheckResult {
    font-size: 10px;
    float: left;
    margin-right: 9px;
    display: block;
    margin-left: 20px;
    height: 2px;
}

.passwordcheck .short {
    font-weight: bold;
    color: red;
    width: 22.25%;
    background: red;
}

.passwordcheck .weak {
    font-weight: bold;
    color: orange;
    width: 44.50%;
    background: orange;
}

.passwordcheck .good {
    font-weight: bold;
    color: #2D98F3;
    width: 66.75%;
    background: #2D98F3;
}

.passwordcheck .strong {
    font-weight: bold;
    color: limegreen;
    width: 89%;
    background: limegreen;
}


.navbar {
    /*background-image: url('../../Images/CTRLM_background_bar.png');*/
    background-size: 100% 100%;
    background-repeat: repeat-x;
    border-bottom: 7px solid #5a278b;
}

    .navbar .brand:hover {
        text-decoration: none;
    }

    .navbar .brand {
        color: #bbbfc2;
        display: block;
        float: left;
        font-size: 20px;
        font-weight: 200;
        line-height: 1;
        margin-left: -20px;
        /*padding: 8px 20px 12px;*/
    }

.label-primary {
    background-color: #771e77;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.modal-ex-sm {
    width: 40%;
    margin-left: -15%;
}

.li-striped li {
    border-bottom: 1px solid #d8d8d8;
    padding: 8px;
}

.gridicon {
    color: #ababab;
}

.newFlag {
    text-align: right;
    position: absolute;
    padding: 6px;
    width: inherit;
}

    .newFlag span {
        font-weight: normal;
        font-size: 8.998px !important;
        margin-right: 20px;
    }

.starratings {
    cursor: pointer;
    font-size: 25px;
    color: #c5c5c5;
}

.starratings-select {
    color: #ecd412;
}

.right {
    text-align: right;
}

#btnViewMode {
    font-size: 18px;
    cursor: pointer;
}

    #btnViewMode:hover {
        font-size: 20px;
    }

.btnViewModeRow {
    margin-bottom: 2%;
    margin-top: 1%;
}

.flashPreview {
    position: absolute;
    border: 1px solid gray;
    background: gray;
    padding: 1px;
    display: none;
    color: #fff;
}

    .flashPreview img {
        height: 250px;
    }


.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.customGridScroll {
    width: 100%;
    overflow: auto;
}

.popupGrid {
    font-size: 13px;
}

    .popupGrid th {
        color: #b3259a !important;
    }

iframe {
    border-style: none;
}

.modal-ex-lg {
    width: 75% !important;
    top: 46% !important;
    left: 30% !important;
}

.modal-2ex-lg {
    width: 95% !important;
    left: 25% !important;
}


.smallPanel {
    border: 1px solid #e6dede;
    padding: 25px;
    border-radius: 10px;
    border-collapse: unset;
    margin: 10px;
    margin: auto;
    width: 97%;
    background: #f3f3f3;
}

    .smallPanel td {
        padding: 6px;
    }

.supplierRow a {
    margin: 11px;
}

#supplierRowsLink {
    margin: 15px;
}

.supplierRow {
    /*width: 50%;*/
}

.openPanel {
    background: #90346d;
    padding: 5px;
    padding-left: 20px;
    border: 1px solid gray;
    color: white;
    margin-top: 10px;
    cursor: pointer;
}

.listbox {
    width: 70% !important;
}

.ControlNote {
    text-align: right;
    padding-right: 39px;
    font-size: 12px;
    color: #9a9797;
}

.damLoader {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    /*background: #c3c3c370;*/
    width: 100%;
    font-size: 15px;
    color: #030303 !important;
    height: 100%;
    padding-top: 26%;
    padding-left: 43%;
    z-index: 9999999;
}


#grid-container {
    margin: auto;
    overflow: hidden;
}

.grid-item {
    opacity: 0;
    float: left;
    padding: 6px;
    box-sizing: border-box;
}

    .grid-item img {
        width: 100%;
        height: 100%;
        box-shadow: 0px 0px 6px #a7a4a4;
        border: 4px solid #ffffff;
    }

    .grid-item.loaded {
        opacity: 1;
        transition: opacity .5s;
        position: relative;
    }

.newFlag span {
    background-color: #99999975 !important;
}


/***********************dashboards css**************************/
.dash-col-2 {
    width: 20%;
    float: left;
}

.dash-col-4 {
    width: 38%;
    float: left;
}

.dash-col-5 {
    width: 50%;
    float: left;
}

.dash-col-8 {
    width: 80%;
    float: left;
}

.dash-col-12 {
    width: 100%;
    float: left;
}

.dash-container {
    background: #f1f1f1;
    color: #636363;
    padding-bottom: 35px;
    height: 600px;
}

.dash-left-title {
    text-align: center;
    background: #e7e7e7;
    font-weight: bold;
    padding: 5px;
    font-size: 11px;
}

.dash-left-usericon {
    width: 100%;
    height: 180px;
}

    .dash-left-usericon img {
        height: 160px;
        width: 160px;
        border-radius: 100px;
        margin: 32px;
        margin-top: 12px;
    }

.dash-left-username {
    text-align: center;
    font-weight: bold;
}

.dash-left-alert {
    background: white;
    width: 95%;
    margin: auto;
}

.dash-alert-title {
    background: #2f3491;
    color: white;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    margin-top: 20px;
    font-size: 11px;
}

.dash-alert-item {
    padding: 10px;
}

.dash-alert-item div:first-child {
    width: 50%;
    float: left;
}

.dash-alert-item div:last-child {
    text-align: right;
    padding-right: 9px;
}

.dash-left-username {
    text-align: center;
    font-weight: bold;
}

.dash-left-scores {
    background: white;
    width: 95%;
    margin: auto;
}

.dash-scores-title {
    background: #2f3491;
    color: white;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    margin-top: 20px;
    font-size: 11px;
}

.dash-scores-item {
    padding: 10px;
}

.dash-scores-item div:first-child {
    width: 50%;
    float: left;
}

.dash-scores-item div:last-child {
    text-align: right;
    padding-right: 9px;
}

.dash-header {
    background: white;
    height: 60px;
}

.dash-container-right {
    margin-left: 20px;
}

    .dash-container-right select {
        width: 130px;
        font-size: 11px;
        height: 25px;
    }

.dash-header-left {
    width: 50%;
    float: left;
}

.dash-item {
    height: 231px;
    width: 100% !important;
    float: left !important;
}

.dash-item-small {
    width: 29% !important;
    padding-left: 11px;
}

.dash-panel {
    width: 95% !important;
    background: white;
    padding-bottom: 20px;
    margin-left: 7px;
    margin-top: 8px;
}

.dash-panel-title {
    width: 100% !important;
    background: #2f3491;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 11px;
}

.dash-panel-container {
    width: inherit !important;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dash-panel-item {
    width: 96% !important;
    background: #f1f1f1;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: 15px;
    float: left !important;
}

    .dash-panel-item div:first-child {
        width: 40%;
        float: left;
        padding-left: 7px;
    }

.grid-item {
    opacity: 0;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.dash-panel-item div:last-child {
    width: 52%;
    float: left;
    text-align: right;
}

.dashboard {
    font-size: 10px !important;
}

.dash-savings {
    border-top: 1px solid #dfd7d7;
    text-align: center;
    margin: auto;
    padding-top: 12px;
}

    .dash-savings img {
        height: 50px;
        width: 50px;
    }

.dash-chart-title {
    font-size: 12px;
    padding: 6px;
    margin: 0px;
    text-align: center;
}

.dash-saving-value {
    font-size: 14px;
    margin: 0px;
}

.dash-padding-Top-20 {
    padding-top: 20px;
    padding-left: 20px;
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }

#lockOverlay {
    padding-top: 10%;
    background: #dedede5e;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

.lockOverlayParent {
    position: relative
}

.dataTables_wrapper {
    padding: 10px;
}

.SecondMenuSubMenuExpand {
    width: 360px;
}

.SecondMenuSubMenuItemExpand {
    min-width: 180px;
    float: left;
    background: url(../Images/Menu/grb.jpg) top left repeat;
}

.tableContainer {
    overflow-x: scroll;
    display: block;
}

.fieldError {
    border: 1px solid red !important;
    padding: 3px;
}
/*studio*/

.studiFormField input {
    margin-bottom: 0px !important;
}

.studiFormField label {
    display: block;
    margin-top: 5px;
    color: #6f5e5e;
    font-size: 11px;
}

.studioContainer {
    max-width: 95%;
    margin: auto;
    margin-top: 1%;
    margin-bottom: 2%;
    border: 1px solid #d6d6d6;
    padding: 14px;
}



    .studioContainer .col-1 {
        width: 8.33333333%;
        float: left;
    }

    .studioContainer .col-4 {
        width: 33.33333333%;
        float: left;
    }

    .studioContainer .col-6 {
        width: 50%;
        float: left;
    }

    .studioContainer .col-8 {
        width: 8.33333333%;
        float: left;
    }

    .studioContainer .leftPanel {
        border-right: 1px solid #e2e2e2;
        margin-top: 10px;
        width: 45% !important;
    }

    .studioContainer .rightPanel {
        margin-top: 10px;
        width: 53% !important;
        padding-left: 12px !important;
    }

    .studioContainer .ui-accordion-content input {
        width: 130px;
    }


    .studioContainer .reportInnerHeader {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .studioContainer .ui-accordion-header {
        background: #e6e7e9 !important;
        padding: 3px !important;
        font-size: 11px !important;
        padding-left: 30px !important;
        margin-top: 5px !important;
        border: none !important;
    }

        .studioContainer .ui-accordion-header:focus {
            outline: none;
        }

.pull-right {
    float: right;
}

.studioFooter {
    border-top: 1px solid gray;
    margin-top: 12px;
    padding-top: 12px;
    padding-right: 12px;
}

.studioContainer #accordion {
    height: 370px;
    overflow-y: scroll;
}

.studioContainer .field-validation-error {
    color: red;
    font-size: 10px;
    padding-top: 5px;
}

.ui-accordion-content:last-child {
    padding-bottom: 7%;
}

.studioContainer .deleteAccordion {
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    color: #7b7b7b;
}

.studioContainer .cloneAccordion {
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    color: #7b7b7b;
}
.studioContainer .cloneStudioEnquiry {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
    color: #7b7b7b;
    cursor:pointer;
}

.invalidAccordion {
    background: #f9e0d1 !important;
}

.overflowOff {
    overflow: unset !important;
    height: 205px !important;
}

.studioContainer .dataTable {
    table-layout: fixed;
    background: #ffffff !important;
    font-size: 12px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.studioContainer #DocumentPathContainer {
    width: 100%;
    float: left;
    cursor: pointer;
    display: none;
}

.margin-left-right-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.thead-light th {
    background: white;
}



.tableFixHead {
    overflow-y: auto;
    height: 270px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}

    .tableFixHead thead th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .tableFixHead th:first-child {
        left: 0px;
        z-index: 2;
    }

    .tableFixHead td:first-child {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        left: 0;
        z-index: 1;
        background: white;
    }

    .tableFixHead th:last-child {
        right: 0px;
        z-index: 2;
    }

    .tableFixHead td:last-child {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        right: 0;
        z-index: 1;
        background: white;
    }

.designerActions {
    width: 160px;
}

    .designerActions span {
        cursor: pointer;
        font-size: 16px;
    }


        .designerActions span img {
            width: 25px;
        }

.color-media-buttons {
    color: #808482
}

.color-hold {
    color: orangered
}

.color-completed {
    color: green
}

.studioContainer .listContainer .listItem div {
    float: left;
}

.studioContainer .listContainer .listItem .key {
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #696969;
}

.studioContainer .listContainer .listItem .value {
    width: 25%;
    text-align: center;
}

    .studioContainer .listContainer .listItem .value .badge {
        background: #771e77
    }

.studioContainer .listContainer .listItem {
    height: 17px;
    padding: 5px;
    background: #f1f1f1;
    margin: 5px;
    cursor: pointer;
}

.studioContainer .listContainer .listHeader {
    color: white;
    background: #771e77;
    text-align: center;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
}

    .studioContainer .listContainer .listHeader p {
        padding: 5px;
    }

.studioContainer .listContainer {
    border: 1px solid #eaeaea;
    margin-right: 20px;
}

    .studioContainer .listContainer .listBody {
        height: 165px;
        overflow-y: auto;
    }

.listDesignerLoadHeader {
    background: #ddd9ef;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

    .listDesignerLoadHeader div:first-child {
        width: 19.5%;
        float: left;
        border-right: 1px solid #c1c1c1;
    }

    .listDesignerLoadHeader div:last-child {
        width: 80%;
        float: left;
    }

        .listDesignerLoadHeader div:last-child div {
            float: left;
            width: 19.67%;
            border-right: 1px solid #bfbfbf;
        }

.designerName {
    width: 20%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.designerTimeLine {
    width: 80%;
    float: left;
}

    .designerTimeLine div {
        float: left;
        width: 30%;
        background: #7a9dff;
        height: 20px;
        margin-left: 1px;
    }

.listDesignerLoadItem {
    background: #efefef;
    height: 20px;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.btn-standard {
    background-color: #5a278b;
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a278b), to(#5a278b));
    background-image: -webkit-linear-gradient(top, #5a278b, #5a278b);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #5a278b #5a278b #5a278b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: white;
    text-shadow: none;
    margin-right: 6px;
}

    .btn-standard:hover, .btn-standard:active, .btn-standard.active, .btn-standard.disabled, .btn-standard[disabled] {
        background-color: #5a278b;
        color: white;
        text-shadow: none;
    }

.studioInvoicePanel {
    width: 92%;
    float: left;
    border: 1px solid #d6d6d6;
    padding: 8px;
    border-radius: 5px;
    margin-top: 15px;
    display: none;
}

.StudioEnquiryNumber {
    font-weight: bold;
    cursor: pointer;
}

.innerTable {
    padding-left: 50px;
    margin-left: 20%;
    border: 1px solid #dadada;
    width: 65%;
}

    .innerTable td {
        background: #e0f2ff !important;
    }

    .innerTable th {
        background: #cce3f5 !important;
    }

.hidden {
    display: none !important;
}

button {
    cursor: pointer !important;
}

.rowAccordian {
    cursor: pointer !important;
}

.tblJustify td{
    text-align: justify;
}

.wrap {
    word-break: break-word;
}

.table-fixed {
    table-layout: fixed;
}