/* Nupicker Dropdown width fix */

.umb-el-wrap select {
    min-width: 66.6%;
}

/* TripList Dashboard */
.tripListDashboard h5
{
    text-transform: uppercase;
}
.tripListDashboard a {
    text-transform: uppercase;
}

.import-control .checkbox {
    margin-left: 10px;
}

/* Nupicker Fix */
.list-picker .button {
    margin: 0;
    padding: 0;
}

.list-picker .blue {
    color: #00aea2 !important;
}

.list-picker .red {
    color: #f44336 !important;
}

.list-picker [class*=" icon-"]:before, .list-picker [class^=icon-]:before {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.list-picker .selectable .button, .list-picker .selected .button {
    margin:0;
    padding: 3px 0 0 0;
}

.list-picker .button:hover {
    background-color: #f0f0f0 !important;
}

.list-picker .selected .option-label {
    margin-left: 11% !important;
}

#tab202 .controls {
    margin-left: 0 !important;    
}

/* Height of RTE and Text Areas */

.form-horizontal textarea {
    max-height:80px;
}

.mce-tinymce {
    overflow:auto;
}

.importController {
    margin-left: 20px;
    margin-right: 20px;
}

    .importController .controlPanel {
        margin-top: -40px;
        margin-bottom: 60px;
    }

    .importController .title {
        margin-top: 20px;
    }

    .importController .title {
        margin-top: 20px;
    }

    .importController tr:nth-child(even) {
        background: rgb(250, 250, 250);
    }

    .importController .col-small {
        width: 80px;
    }

    .importController .page-indent {
        padding-left: 20px;
    }

    .importController .page-padding {
        padding-bottom: 20px;
    }

.import-control {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .import-control label {
        margin: 5px 10px 5px 0;
    }

    .import-control select {
        vertical-align: middle;
        margin: 5px 10px 5px 0;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .import-control a {
        background-color: dodgerblue;
        border: 1px solid #ddd;
        color: white;
    }

    .import-control button:hover {
        background-color: royalblue;
    }

.importController .progress-container {
    background: grey;
    margin-bottom: 5px;
    height: 20px !important;
}

.importController .progress-bar {
    height: 20px;
    background: #35c786;
}

.importController .progress-container label {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    z-index: 100;
    margin-top: 1px;
}

.importController .inner-results-pane {
    overflow-y: scroll;
    height: 700px;
}

.results {
    height: 100%;
}

.results-table-container {
    flex: 1 1 auto;
    overflow-y: scroll;
    width: 100%;
}

.import-page {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.results-table-container table {
    width: 100%;
    margin-bottom: 6px;
}

.sub-table table {
    margin-bottom: 1px !important;
}

.result-table {
    margin-left: 5px;
    margin-right: 5px;
}

.import-control-panel {
    flex: 0 1 40px;
    padding: 15px;
}

.results-table table th {
    text-align: left;
    background: lightgrey;
}

.results-table th, td {
    padding: 5px;
    text-align: left;
}

.header {
    background: lightgrey;
}

tr:nth-child(even) {
    background: lightgrey
}

tr:nth-child(odd) {
    background: #FFF
}

.typeColumn {
    width: 120px;
}

.propertyColumn {
    width: 140px;
}

.fromColumn {
    width: 400px;
}

.statistics div {
    float: left;
    margin-right: 20px;
}

.statistics-panel {
    width: 100%;
    height: 50px;
    padding-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 10px;
}

.statistics-section {
    float: left;
    background: #f3f3f5;
    padding-left: 9px;
    border-radius: 9px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border: 1px solid lightgray;
}

.statistics-section label {
    text-align: center;
}

.product {
    background: lightcoral !important;
}

.product-border {
    border: lightcoral 6px solid !important;
}

.variation {
    background: #4F7AC6 !important;
    color: white;
}

.variation-border {
    border: #4F7AC6 6px solid !important;
}

.hotel {
    background: aquamarine;
    color: #303033
}

.hotel-border {
    border: aquamarine 6px solid !important;
}

.location {
    background: pink;
    color: #303033
}

.location-border {
    border: pink 6px solid !important;
}

.season {
    background: lightseagreen;
    color: white;
}

.season-border {
    border: lightseagreen 6px solid !important;
}

.individualDay {
    background: lightslategrey;
    color: white;
}

.individualDay-border {
    border: lightslategrey 6px solid !important;
}

.highlight {
    background: #AFC3D2;
    color: white;
}

.highlight-border {
    border: #AFC3D2 6px solid !important;
}

.optional {
    background: #4F7AC6 !important;
    color: white;
}

.optional-border {
    border: #4F7AC6 6px solid !important;
}

.tripTargetedContent {
    background: #CD5E77;
    color: white;
}

.tripTargetedContent-border {
    border: #CD5E77 6px solid !important;
}

.brochure {
    background: forestgreen;
    color: white;
}

.brochure-border {
    border: forestgreen 6px solid !important;
}

.dictionaryitems {
    background: lightseagreen;
    color: white;
}

.dictionaryitems-border {
    border: lightseagreen 6px solid !important;
}

.departureDates {
    background: #4F7AC6 !important;
    color: white;
}

.departureDates-border {
    border: #4F7AC6 6px solid !important;
}

table td {
    vertical-align: top;
}

.no-changes-msg {
    text-align: center;
    padding-top: 50px;
}

.error-msg {
    border-radius: 3px;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
    background: red;
    color: white;
    border: white 1px solid;
}

    .error-msg span {
        color: yellow;
    }

.info-msg {
    border-radius: 3px;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
    background: lightblue;
    color: white;
    border: white 1px solid;
}

    .info-msg span {
        color: lightblue;
    }

.node-id {
    color: white !important;
    float: left;
    margin-left: 5px;
    margin-right: 20px;
}

.sub-table {
    padding: 0px !important;
}

.status-icon {
    font-size: 25px !important;
    float: left;
    margin-right: 5px;
    color: black;
}

.status-icon-result {
    color: white;
}

.meter {
    height: 20px;
    position: relative;
    /*margin: 60px 0 20px 0;*/
    background: #555;
}

    .meter > span {
        display: block;
        height: 100%;
        background-color: rgb(43, 194, 83);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43, 194, 83)), color-stop(1, rgb(84, 240, 84)));
        background-image: -moz-linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
        position: relative;
        overflow: hidden;
    }

.animeter > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.umb-nested-content__heading .umb-nested-content__item-name {
    white-space: normal !important;
    max-height: none !important;
}

/* Notes Property Editor Preview */
.note-label {
    font-weight: bold;
    padding-left: 20px;
}

.note-value {
    text-indent: 0;
    margin-left: 35px;
}

.note-panel {
    max-width: 66.6%;
    margin: 15px 0;
}

.umb-property-file-upload {
    max-width: 100% !important;
}

.dropdown-menu-size {   
    width: max-content !important;
    overflow: auto !important;
    max-height: 500px !important;
}