/* Add here all your CSS customizations */
.card-padding-10 {
    padding: 10px !important;
}

.iframe-container {
    overflow: hidden;
    /* 16:9 aspect ratio */
    padding-top: 50%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.select2-selection--multiple{
    overflow: auto !important;
    height: auto !important;
    padding-bottom: 5px !important;
}

.CodeMirror {
    height: 70vh;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .userbox .name,
    .userbox .role {
        max-width: 100% !important;
    }
}

@media (min-height: 800px) and (min-width: 992px) {
    .action-buttons-fixed {
        padding-bottom: 0px;
    }

    .action-buttons-fixed .action-buttons {
        padding: 15px 35px;
    }
}

html.modern.fixed .page-header {
    top: 63px;
}

.ui-datepicker {
    z-index: 20000;
}

.ecommerce-status.st-magenta:before ,.highlight.st-magenta {
	background-color: magenta !important;
}
.ecommerce-status.st-green:before ,.highlight.st-green {
	background-color: #81d742 !important;
    color: black;
}
.ecommerce-status.st-purple:before ,.highlight.st-purple {
	background-color: purple !important;
}
.ecommerce-status.st-darkblue:before ,.highlight.st-darkblue {
	background-color: #4A5D7A !important;
}
.ecommerce-status.st-lightblue:before ,.highlight.st-lightblue {
	background-color: #28e6ff !important;
    color: black;
}
.ecommerce-status.st-lightgrey:before ,.highlight.st-lightgrey {
	background-color: lightgray !important;
    color: black;
}
.ecommerce-status.st-red:before ,.highlight.st-red {
	background-color: red !important;
}
.ecommerce-status.st-orange:before ,.highlight.st-orange {
	background-color: orange !important;
}
.ecommerce-status.st-brown:before ,.highlight.st-brown {
	background-color: #5e3515 !important;
}
.ecommerce-status.st-darkgrey:before ,.highlight.st-darkgrey {
	background-color: darkgray !important;
}
.highlight.on-hold {
	background-color: #f8dda7 !important;
    color: black;
}

.highlight.pending {
	background-color: #b2b9ff !important;
}

.highlight.processing, .hightlight.active {
	background-color: #c6e1c6 !important;
    color: black;
}

.highlight.completed {
	background-color: #5fbe5f !important;
}

.highlight.cancelled, .ecommerce-status.no-active {
	background-color: #d76969 !important;
}

.highlight.refunded {
	background-color: #7ac0ca !important;
    color: black;
}

.highlight.failed {
	background-color: #ce4545 !important;
}