body * {
    font-size: 1.0em !important;
    font-family: 'Nunito Sans', sans-serif !important;
		text-transform: uppercase;
}

input[type=checkbox] {
    position: absolute;
    left: -9999px;
}

.inputNotSlide {
    position: relative !important;
    left: 0 !important;
}

    .inputNotSlide input[type=checkbox] {
        position: relative;
        left: 0px;
    }

table tr td {
    vertical-align: middle !important;
}

.marginTop20 {
    margin-top: 20px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.gridview tbody tbody tr:nth-child(even) {
    background-color: transparent;
}

.ui-autocomplete {
    max-width: 400px;
}

.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .file-upload input.file-input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.callout {
    position: inherit !important;
}

ul {
    list-style-type: none !important;
}

body {
    font-size: 0.7em;
    color: #666;
    background-color: #fff;
    color: black;
}

/*.topbaritem {
    line-height: 10 !important;
}*/

h5 {
    text-align: left;
    width: 100%;
    font-size: 2.0em !important;
    color: #333;
    font-weight: bold;
    padding-left: 15px !important;
    background-color: #CB5656;
    color: #ddd !important;
    line-height: 1.8em !important;
}

h6 {
    text-align: left;
    width: 100%;
    font-size: 1.5em !important;
    background-color: #eee;
    color: #333;
    font-weight: normal;
    border-left: solid 10px #CB5656;
    padding-left: 10px !important;
}

iframe {
    min-width: 70vw !important;
    min-height: 70vh !important;
    margin: auto;
    overflow: scroll;
}

.columns {
    margin-top: 5px;
}

.tabs-title a {
    border: none;
    background-color: white !important;
    color: #333333 !important;
    font-size: 1.4em !important;
}

.tabs-title.is-active {
    /*border-top: 3px solid #2ba6cb !important;                
        border-bottom: 3px solid #2ba6cb !important;*/
}

    .tabs-title.is-active a {
        color: white !important;
        background-color: #2ba6cb !important;
    }

.accordion-item {
    background-color: #333;
}

    .accordion-item.is-active {
        background-color: #8c0000 !important;
    }

    .accordion-item a {
        color: #ccc;
    }

        .accordion-item a:hover {
            color: #333;
        }

.bpopupHolder {
    display: none;
    width: 80vw !important;
}

#bpopupHolder {
    background-color: #fff;
    border-radius: 15px;
    color: #000;
    display: none;
    padding: 20px;
    min-width: 80vw;
    min-height: 80vh;
    text-align: center;
    overflow: scroll;
}

.dataTables_length {
    font-size: 1.0em;
    width: 200px !important;
}

    .dataTables_length label select {
        width: 50px !important;
    }

.tabs-content table tr td {
    vertical-align: middle !important;
}

.shoutout {
    font-weight: bold;
    color: maroon;
}

.divBorder {
    border-bottom: dotted 2px #ccc;
}

.bigText {
    font-size: 1.4em;
    color: maroon;
    font-weight: bold;
}


/*LOADING IDEA*/
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #7DAC2F;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

tr th {
    background-color: #ccc;
    color: #333 !important;
    text-align: left;
    font-weight: bold !important;
    font-size: 1.0em;
}

.yellowHolder {
    background-color: #fff;
    color: #7DAC2F;
    font-size: 1.2em !important;
}

tr {
    border: solid 1px white;
}

table tbody tr:nth-child(even):hover {
    /*background-color: #ccc !important;*/
    /*color: red !important;*/
}

.trGreen {
    background-color: #DFFFBF !important;
    color: black;
}

.trRed {
    background-color: #FFE1E1 !important;
    color: black !important;
}

.trBlue {
    background-color: #DDF4FF;
}

.trOrange {
    background-color: #FEE4B4 !important;
}

.trDHL {
    background-color: #FFCC00;
    color: #990000;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.trSKYNET {
    background-color: White;
    color: #F80000;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.trGOBI {
    background-color: White;
    color: #80AD35;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.trMSES {
    background-color: White;
    color: #0073A4;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.trRAM {
    background-color: #E63011;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}

.progress-meter {
    background-color: #7DAB2F !important;
}

.font1_8 {
    font-size: 1.8em !important;
}

.dataTables_filter {
    min-width: 300px !important;
}

    .dataTables_filter input {
        max-width: 200px !important;
        height: 20px !important;
        float: right;
        color: #00468C !important;
        font-weight: bold;
    }

.overviewHeading {
    font-size: 1.4em;
    font-weight: bold;
}

.overviewValue {
    font-size: 1.4em;
    font-weight: bold;
    color: red;
}

table {
    border-collapse: collapse;
}

td {
    border-bottom: solid 1px #ccc !important;
}

tr:hover td:first-child {
    border-left: 3px solid #2ba6cb !important;
}

.taskButton {
    max-width: 100px !important;
    border: solid 1px red;
    float: left;
}


.headingCounter {
    color: red !important;
}


.tabsEParcel a {
    color: #FDB712 !important;
}

.performanceGood {
    color: black;
    font-size: 1.2em !important;
}

.performanceBad {
    color: Red;
    font-size: 1.2em !important;
}

.performanceRed {
    background-color: #FF7373;
    font-size: 1.2em !important;
}

.performanceBlack {
    background-color: #ccc;
    font-size: 1.2em !important;
}

.performanceGreen {
    background-color: #CCFF99;
    font-size: 1.2em !important;
}

.smallDate {
    font-size: 0.6em !important;
    color: #ccc !important;
}


.jconfirm {
    font-size: 1.4em !important;
}

.jconfirm-title {
    font-size: 1.8em !important;
    color: #CB5656 !important;
}

.topbaritem {
    line-height: 10 !important;
}
.input-group {
    padding-top: 10px !important;
}
.input-group-field {
    height: 32px !important;
}

.strong {
		font-size: 1.2em !important;
		font-weight: bold;
}

.trackingHolder {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 800px !important;
		min-width: 700px !important;
		text-align: left;
}

.dataTables_filter input[type=search] {
		min-width: 400px !important;
		height: 40px !important;
		font-size: 1.5em !important;
}