#main_header {
    display: none;
}

#order_confirmation {
    margin-top: 115px;
}

.header {
    padding-top: 10px;
    margin-bottom: 75px;
}

#large_header_row {
    display: block;
}

.top_hidden {
    top: -250px;
}

.top_show {
    top: 0px;
}

.margin-top {
    margin: 75px 0px 15px 0px;
}

body {
}

.fulljustify {
    text-align: justify;
}

    .fulljustify:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

#tagline {
    height: 80px;
    overflow: hidden;
    line-height: 80px; /* vert-center */
}

<p id="tagline" cl

#wrapper {
    background-color: white;
    padding: 3px;
    min-height: 100vh;
}


.content #wrapper .login_name {
    margin: 15px;
    text-align: center;
}

.content #wrapper .welcome_message {
    margin: 15px;
    text-align: center;
}


.body_container {
}

.content_container {
}

.top-bar i {
    font-size: 18px;
    margin-top: 10px;
}

i {
    padding-right: 5px;
    color: rgb(0,140,186);
}

#Grid_container #_ctl0_ContentPlaceHolder1_GRD_ORDERS {
    margin-top: 100px;
}

    #Grid_container #_ctl0_ContentPlaceHolder1_GRD_ORDERS .grid-header {
        font-weight: bold;
    }


.arrow_date_box i, .arrow_down_box i, .arrow_up_box i {
    font-size: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    background-color: white;
    border: 1px solid rgb(216,216,216);
    border-top: 0px;
    border-left: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}


.menu_container {
    padding-top: 100px;
}

.menu {
}

    .menu table {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        border: 4px solid rgb(242,242,242);
        padding: 0px;
    }

        .menu table tr {
            background-color: white;
        }

            .menu table tr td {
                padding: 0px;
            }



                .menu table tr td a {
                    display: block;
                    cursor: pointer;
                    padding: 10px;
                }


                    .menu table tr td a:hover, .RO_ROW:hover, .help_Guides:hover {
                        background: -moz-linear-gradient(top, rgba(0,144,255,0.1) 0%, rgba(0,144,255,0.1) 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,144,255,0.1)), color-stop(100%,rgba(0,144,255,0.1)));
                        background: -webkit-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
                        background: -o-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
                        background: -ms-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
                        background: linear-gradient(to bottom, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0090ff', endColorstr='#1a0090ff',GradientType=0 );
                    }


#options_container {
    margin: 15px 0px 15px 0px;
}

.calender {
    max-width: 40px;
    border-left: 0px;
}

    .calender img:hover {
        border: 1px solid grey;
        -webkit-box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
        box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
    }

.arrow_box {
    position: relative;
    background: rgb(255,136,136);
    border: 0px solid rgb(255,136,136);
    padding: 2px 8px 2px 8px;
    color: #fff;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1000;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 136, 136, 0);
        border-top-color: rgb(255,136,136);
        border-width: 6px;
        margin-left: -6px;
    }

.calender img {
    margin-top: 4px;
    width: 27px;
    border: 1px solid rgb(242,242,242);
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.large_qty_lbl {
    background-color: rgb(242,242,242);
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding: 3px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.large_qty_txt {
    background-color: white;
    border-bottom: 1px solid lightgray;
    padding: 3px;
}

.large_total_lbl {
    background-color: rgb(242,242,242);
    border-right: 1px solid lightgray;
    padding: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.large_total_txt {
    background-color: white;
    padding: 3px;
}


.SSO_msg {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 1;
    display: block;
}

.SSO_msg_hide {
    opacity: 0;
    display: none;
}


/*======================================================================*/
th {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    text-shadow: 0px 1px 2px #fff;
    border: 1px solid lightgrey;
    user-select: none;
    -webkit-user-select: none
}


td {
    border: 1px solid rgb(238,238,238);
}


table {
    border: 1px solid lightgrey;
}

.accountSummary table tr td {
    padding: 10px;
    background-color: white;
}

#Grid_container {
}

.grid {
    -webkit-animation: fadein .3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .3; /* Firefox < 16 */
    -ms-animation: fadein .3s; /* Internet Explorer */
    -o-animation: fadein .3s; /* Opera < 12.1 */
    animation: fadein .3s;
}

.grid-header {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    text-shadow: 0px 1px 2px #fff;
}



    .grid-header th {
        text-align: center;
    }


.prefix {
    -moz-box-shadow: inset 0 0 5px white;
    -webkit-box-shadow: inset 0 0 5px white;
    box-shadow: inset 0 0 5px White;
}

.grid-row {
}

.grid td {
}

.grid-row td {
}

.grid-alt-row tr {
}

.grid-pager {
    text-align: center;
}

    .grid-pager span {
        padding: 5px;
        border: 1px solid rgb(0,140,186);
        background-color: rgb(0,140,186);
        color: white;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .grid-pager a {
        padding: 5px;
        cursor: pointer;
        border: 1px solid rgb(249,249,249);
    }

        .grid-pager a:hover {
            cursor: pointer;
            border: 1px solid grey;
            background-color: grey;
            color: white;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

.grid_li_qty, .colWidth {
    width: 1px;
    text-align: right;
}

.grid input[readonly="readonly"] {
    background-color: transparent !important;
    border: 0px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.grid input[disabled="disabled"]:hover {
    cursor: help;
}


.grid .grid_li_total {
    text-align: right;
}

.grid .grid_li_price {
    text-align: right;
}

.grid .grid_li_qty {
    text-align: right;
}

.grid .grid_li_total {
}

.grid .grid_li_price {
}


.grid input[type="text"] {
    margin: 0px;
    width: 84px;
}

.standingOrders input[type="text"] {
    margin: 0px;
    width: 50px;
}

.standingOrders {
    margin-bottom: 85px;
}

.grid input[type="button"] {
}

.grid tr.grid-alt-row:hover, .grid tr.grid-row:hover {
    background: -moz-linear-gradient(top, rgba(0,144,255,0.1) 0%, rgba(0,144,255,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,144,255,0.1)), color-stop(100%,rgba(0,144,255,0.1)));
    background: -webkit-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
    background: -o-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
    background: -ms-linear-gradient(top, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,144,255,0.1) 0%,rgba(0,144,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0090ff', endColorstr='#1a0090ff',GradientType=0 );
}

.button_list {
    margin-top: 200px;
    user-select: none;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*=============*/

@keyframes fadeinAlt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadeinAlt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinAlt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadeinAlt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadeinAlt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*=====================================*/

@keyframes slideup {
    from {
        bottom: -100px;
    }

    to {
        bottom: 0px;
    }
}

/* Firefox < 16 */
@-moz-keyframes slideup {
    from {
        bottom: -100px;
    }

    to {
        bottom: 0px;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slideup {
    from {
        bottom: -100px;
    }

    to {
        bottom: 0px;
    }
}

/* Internet Explorer */
@-ms-keyframes slideup {
    from {
        bottom: -100px;
    }

    to {
        bottom: 0px;
    }
}

/* Opera < 12.1 */
@-o-keyframes slideup {
    from {
        bottom: -100px;
    }

    to {
        bottom: 0px;
    }
}


/*=====================================================*/

.footer-hidden {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    visibility: hidden;
    border-top: 2px solid grey;
    background: rgb(238,238,238); /* Old browsers */
}

.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1001;
    width: 100%;
    visibility: visible;
    border-top: 2px solid grey;
    background: rgb(238,238,238); /* Old browsers */
    -webkit-animation: slideup .8s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: slideup .8; /* Firefox < 16 */
    -ms-animation: slideup .8s; /* Internet Explorer */
    -o-animation: slideup .8s; /* Opera < 12.1 */
    animation: slideup .8s;
}

    .footer input[type="text"] {
        margin: 0px;
    }

.test_box {
    position: relative;
    display: block;
    width: 980px;
    height: 55px;
    max-height: 55px;
    margin: 3px auto 4px auto;
    padding: 5px 0px 0px 0px;
}

.totals {
    padding: 5px 0px 5px 10px;
    overflow: hidden;
    margin: -3px -7px 0px -10px;
    border: 0px solid rgb(211,211,211);
    -webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.75);
    background-color: rgb(238,238,238)
}

.top-bar {
    margin-bottom: 20px;
}

#order_totals {
}









.main_menu a {
    border-top: 1px solid white;
    border-bottom: 1px solid lightgrey;
    user-select: none;
    -webkit-user-drag: none;
}


.panel {
}


.arrow_down_box {
    position: relative;
    background: #FFFFF4;
    border: 1px solid #cfd2d4;
    z-index: 2;
    padding: 15px;
    margin-bottom: -16px;
    margin: 0px -5px -16px -6px;
    text-align: center;
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

    .arrow_down_box:after, .arrow_down_box:before {
        top: 100%;
        right: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_down_box:after {
        border-color: rgba(242, 247, 200, 0);
        border-top-color: #FFFFF4;
        border-width: 15px;
        margin-left: -15px;
    }

    .arrow_down_box:before {
        border-color: rgba(207, 210, 212, 0);
        border-top-color: #cfd2d4;
        border-width: 16px;
        margin-left: -16px;
    }


#timeoutWarning {
    display: none;
}

.arrow_up_box {
    position: relative;
    background: #FFCCCC;
    border: 1px solid red;
    padding: 5px;
    z-index: 2;
    text-align: center;
    z-index: 4;
    margin-bottom: -1px;
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

    .arrow_up_box:after, .arrow_up_box:before {
        top: 100%;
        left: 55%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_up_box:after {
        border-color: rgba(242, 247, 200, 0);
        border-top-color: #FFCCCC;
        border-width: 6px;
        margin-left: -6px;
    }

    .arrow_up_box:before {
        border-color: rgba(207, 210, 212, 0);
        border-top-color: red;
        border-width: 7px;
        margin-left: -7px;
    }



.accountSummary table, .menu table {
    width: 100%;
    border: 1px solid lightgrey;
}


.arrow_date_box {
    position: relative;
    background: #FFFFF4;
    border: 1px solid #cfd2d4;
    z-index: 2;
    padding: 15px;
    margin: 0px -5px -10px -6px;
    text-align: center;
}

    .arrow_date_box:after, .arrow_date_box:before {
        top: 100%;
        Right: 26%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_date_box:after {
        border-color: rgba(242, 247, 200, 0);
        border-top-color: #FFFFF4;
        border-width: 15px;
        margin-left: -15px;
    }

    .arrow_date_box:before {
        border-color: rgba(207, 210, 212, 0);
        border-top-color: #cfd2d4;
        border-width: 16px;
        margin-left: -16px;
    }



.arrow_up_box_2 {
    position: relative;
    background: #FFFACD;
    border: 1px solid #FFD700;
    padding: 5px;
    z-index: 2;
    text-align: center;
    z-index: 4;
    margin-bottom: -1px;
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}



.button {
    user-select: none;
    -webkit-user-drag: none;
    margin: 0px;
}

.SSOTotals div {
    padding: 5px;
    margin: 0px;
}

.Roll_Closed {
    visibility: collapse;
    display: none;
}

/* ROLL CLOSED*/
/* Firefox < 16 */
@-moz-keyframes rollClosed {
    from {
        height: 100%;
    }

    to {
        height: 0%;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes rollClosed {
    from {
        height: 100%;
    }

    to {
        height: 0%;
    }
}

/* Internet Explorer */
@-ms-keyframes rollClosed {
    from {
        height: 100%;
    }

    to {
        height: 0%;
    }
}

/* Opera < 12.1 */
@-o-keyframes rollClosed {
    from {
        height: 100%;
    }

    to {
        height: 0%;
    }
}


.Roll_Open {
    visibility: visible;
    display: table-row;
}



/* ROLL Open*/
/* Firefox < 16 */
@-moz-keyframes rollOpen {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes rollOpen {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

/* Internet Explorer */
@-ms-keyframes rollOpen {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

/* Opera < 12.1 */
@-o-keyframes rollOpen {
    from {
        height: 0%;
    }

    to {
        height: 100%;
    }
}

.hidden {
    display: none;
}

#_ctl0_ContentPlaceHolder1_reviewBtn, #_ctl0_ContentPlaceHolder1_PB_SAVE3, #_ctl0_ContentPlaceHolder1_reviewBtn_mbl, #_ctl0_ContentPlaceHolder1_PB_SAVE3_mbl {
    background-color: green;
}

    #_ctl0_ContentPlaceHolder1_reviewBtn:hover, #_ctl0_ContentPlaceHolder1_PB_SAVE3:hover, #_ctl0_ContentPlaceHolder1_reviewBtn_mbl:hover, #_ctl0_ContentPlaceHolder1_PB_SAVE3_mbl:hover {
        background-color: Darkgreen;
    }

#_ctl0_ContentPlaceHolder1_reviewBtnDisabled, #_ctl0_ContentPlaceHolder1_reviewBtnDisabled_mbl {
    background-color: lightgrey;
    cursor: not-allowed;
}

.grey, .grey:hover {
    background-color: lightgrey;
    cursor: not-allowed;
}

.btn-spc {
    margin-top: 7px;
}

.fadebutton {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

.fade {
    -webkit-animation: fadein .7s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein .7s; /* Firefox < 16 */
    -ms-animation: fadein .7s; /* Internet Explorer */
    -o-animation: fadein .7s; /* Opera < 12.1 */
    animation: fadein .7s;
    -webkit-animation-timing-function: ease; /* Chrome, Safari, Opera */
    animation-timing-function: ease;
}

.fadeAlt {
    -webkit-animation: fadeinAlt .7s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinAlt .7s; /* Firefox < 16 */
    -ms-animation: fadeinAlt .7s; /* Internet Explorer */
    -o-animation: fadeinAlt .7s; /* Opera < 12.1 */
    animation: fadeinAlt .7s;
    -webkit-animation-timing-function: ease; /* Chrome, Safari, Opera */
    animation-timing-function: ease;
}

.green {
    background-color: green;
}

    .green:hover {
        background-color: Darkgreen;
    }


.footer i {
    color: white;
}

.colWidth input[type="text"].CatFilter, .colWidth input[type="text"].H_Prod_Code, .colWidth input[type="text"].H_Prod_Desc, .colWidth input[type="text"].SubCatFilter, .colWidth input[type="text"].PrevFilter {
    display: none;
    background-color: lightblue;
}


.help_Guides {
    width: 50%;
    display: block;
    float: left;
    padding: 7px 0px 7px 0px;
}

    .help_Guides i {
        padding-left: 5px;
        color: black;
    }

    .help_Guides a {
        display: block
    }


/*======================= Button Action indicator=====================*/


.uil-cube-css {
    position: relative;
}

@-webkit-keyframes uil-cube-css {
    0% {
        -ms-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes uil-cube-css {
    0% {
        -ms-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes uil-cube-css {
    0% {
        -ms-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes uil-cube-css {
    0% {
        -ms-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.uil-cube-css > div {
    position: absolute;
    width: 8px;
    height: 8px;
    -ms-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
    -moz-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
    -webkit-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
    -o-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
    animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .uil-cube-css > div:nth-of-type(1) {
        top: 14px;
        left: 20px;
        background: #ffffff;
        opacity: 0.9;
        -ms-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
    }

    .uil-cube-css > div:nth-of-type(2) {
        top: 14px;
        left: 32px;
        background: #ffffff;
        opacity: 0.8;
        -ms-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        -webkit-animation-delay: 0.1s;
        -o-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .uil-cube-css > div:nth-of-type(3) {
        top: 25px;
        left: 20px;
        background: #ffffff;
        opacity: 0.7;
        -ms-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .uil-cube-css > div:nth-of-type(4) {
        top: 25px;
        left: 32px;
        background: #ffffff;
        opacity: 0.6;
        -ms-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }


.yellow {
    background-color: rgb(255,136,136);
}

    .yellow:hover {
        background-color: rgb(252, 80, 80)
    }


.updateList li {
    margin: 10px 0px 10px 0px;
    position: relative;
    color: grey;
}

    .updateList li:before {
        content: "\2713 ";
        position: absolute;
        left: -30px;
        font-weight: bold;
        color: rgb(0,140,186);
    }

.updateList span {
    padding-top: 20px;
}

#_ctl0_ContentPlaceHolder1_CHK_VIEW_ALL {
    opacity: 0;
}

#_ctl0_ContentPlaceHolder1_ROW_VIEW_ALL label, #SSO_ROW_VIEW_ALL label {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 3px;
    display: inline-block;
    background-color: darkorchid;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
    padding-top: 0.675rem;
    padding-right: .5rem;
    padding-bottom: 0.6375rem;
    padding-left: .5rem;
    font-size: 0.8125rem;
    float: right;
    margin-top: -2rem;
}

#_ctl0_ContentPlaceHolder1_CHK_VIEW_ALL:checked + label {
    color: greenyellow;
}

#_ctl0_ContentPlaceHolder1_ROW_VIEW_ALL label:hover, #SSO_ROW_VIEW_ALL label:hover {
    background-color: rebeccapurple;
}


.fb-warning, .fb-success, .fb-error, .fb-info {
    position: relative;
    border: 0px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 10px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 2px 3px 0px rgba(199,199,199,1);
    box-shadow: 0px 2px 3px 0px rgba(199,199,199,1);
    font-size: .9em;
}

.fb-error {
    color: black;
    background-color: #ffedee;
}

.fb-success {
    color: Black;
    background-color: #f3f9f4;
}

.fb-head {
    color: hsl(0deg 0% 20%) !important;
}

.button.small, .button.small {
    left: 0px !important;
}


@media only screen and (max-width: 600px) {
    .panel {
        border-style: initial !important;
        border-width: initial !important;
        border-color: initial !important;
        margin-bottom: initial !important;
        padding: initial !important;
        background: initial !important;
        color: initial !important;
    }

        .panel > :last-child {
            margin-bottom: 15px !important;
        }

    ._ctl0_ContentPlaceHolder1_RB_VIEW {
        margin-bottom: 15px !important;
    }
}

/* CSS for tablesort*/
th[role=columnheader]:not(.no-sort) {
    cursor: pointer;
}

    th[role=columnheader]:not(.no-sort):after {
        content: '';
        float: right;
        margin-top: 7px;
        border-width: 0 4px 4px;
        border-style: solid;
        border-color: #404040 transparent;
        visibility: hidden;
        opacity: 0;
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

th[aria-sort=ascending]:not(.no-sort):after {
    border-bottom: none;
    border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 1;
}

/* Balloon.css from https://github.com/kazzkiq/balloon.css */
:root {
    --balloon-border-radius: 2px;
    --balloon-color: rgba(16, 16, 16, 0.95);
    --balloon-text-color: #fff;
    --balloon-font-size: 12px;
    --balloon-move: 4px;
}

button[aria-label][data-balloon-pos] {
    overflow: visible;
}

[aria-label][data-balloon-pos] {
    position: relative;
    cursor: pointer;
}

    [aria-label][data-balloon-pos]:after {
        opacity: 0;
        pointer-events: none;
        transition: all 0.18s ease-out 0.18s;
        text-indent: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        font-weight: normal;
        font-style: normal;
        text-shadow: none;
        font-size: var(--balloon-font-size);
        background: var(--balloon-color);
        border-radius: 2px;
        color: var(--balloon-text-color);
        border-radius: var(--balloon-border-radius);
        content: attr(aria-label);
        padding: .5em 1em;
        position: absolute;
        white-space: nowrap;
        z-index: 10;
    }

    [aria-label][data-balloon-pos]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: var(--balloon-color);
        opacity: 0;
        pointer-events: none;
        transition: all 0.18s ease-out 0.18s;
        content: "";
        position: absolute;
        z-index: 10;
    }

    [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
        opacity: 1;
        pointer-events: none;
    }

    [aria-label][data-balloon-pos].font-awesome:after {
        font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }

    [aria-label][data-balloon-pos][data-balloon-break]:after {
        white-space: pre;
    }

    [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
        white-space: pre-line;
        word-break: break-word;
    }

    [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
        transition: none;
    }

    [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
        transform: translate(-50%, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
        transform: translate(-50%, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
        left: 0;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
        left: 5px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
        right: 0;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
        right: 5px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
        transform: translate(0, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
        transform: translate(0, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
        bottom: 100%;
        transform-origin: top;
        transform: translate(0, var(--balloon-move));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
        margin-bottom: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
        left: 50%;
        transform: translate(-50%, var(--balloon-move));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
        top: 100%;
        transform: translate(0, calc(var(--balloon-move) * -1));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
        margin-top: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
        left: 50%;
        transform: translate(-50%, calc(var(--balloon-move) * -1));
    }

    [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
        transform: translate(0, -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
        transform: translate(0, -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
        right: 100%;
        top: 50%;
        transform: translate(var(--balloon-move), -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
        margin-right: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
        left: 100%;
        top: 50%;
        transform: translate(calc(var(--balloon-move) * -1), -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
        margin-left: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-right-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-length]:after {
        white-space: normal;
    }

    [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
        width: 80px;
    }

    [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
        width: 150px;
    }

    [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
        width: 260px;
    }

    [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 380px;
    }

@media screen and (max-width: 768px) {
    [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw;
    }
}

[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%;
}

.default table {
    margin: 0px;
    border: 0px;
    table-layout: auto;
}

.order_wrapper {
    padding-bottom: 100px;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[data-date-format] {
    position: relative;
}

    input[data-date-format]:before {
        position: absolute;
        content: attr(data-date);
        display: inline-block;
        color: black;
    }

    input[data-date-format]::-webkit-datetime-edit, 
    input[data-date-format]::-webkit-inner-spin-button, 
    input[data-date-format]::-webkit-clear-button {
        display: none;
    }

    input[data-date-format]::-webkit-calendar-picker-indicator {
        position: absolute;
        right: 0;
        color: black;
        opacity: 1;
    }