body,html {
    height:100vh;
    width:100vw;
}
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.animate-repeat {
    opacity: 1;
}

    .animate-repeat.ng-move {
        -webkit-transition: 1s;
        transition: 1s;
        opacity: 0;
    }

    .animate-repeat.ng-move-active {
        opacity: 1;
    }

.animate-show-hide.ng-hide {
    opacity: 0;
}

.animate-show-hide.ng-hide-remove,
.animate-show-hide.ng-hide-add {
    display: inline-block !important; /* or inline-block, as appropriate */
}

.animate-show-hide.ng-hide-remove {
    transition: all linear 500ms;
}

.animate-show-hide.ng-hide-add {
    transition: all linear 0ms;
}

.underline {
    color: blue;
}

    .underline:hover {
        text-decoration: underline;
    }

.input-dropdown {
    position: absolute;
    z-index: 7000;
    width: auto;
    max-height: 250px;
    border: 1px #ccc solid;
    overflow: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -5px;
    background-color: white;
}

    .input-dropdown > div {
        padding: 5px;
        border-bottom: 1px #fafafb solid;
        cursor: pointer;
    }

        .input-dropdown > div:hover {
            background-color: rgb(0, 123, 255);
            color: white;
        }

.grid-tab {
    border-radius: 5px 5px 0 0;
    padding: 10px;
    padding-bottom: 3px;
    border: 1px #d4d4d4 solid;
    border-bottom: none;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    position: relative;
    overflow: hidden;
    font-weight: bold;
    background: #f3f3f3;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    -webkit-border-top-right-radius: -1px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: -1px;
    -moz-border-radius-topright: -1px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: -1px;
    border-top-right-radius: -1px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: -1px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .grid-tab:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.btn-fat {
    width: 300px;
}

.fa-view-form-inactive {
    font-size: 24px;
    color: #ccc;
    margin-top: 5px;
    margin-left: 5px;
}

.fa-view-form {
    font-size: 18px;
    color: #333;
    margin-top: 5px;
    margin-left: 5px;
}

    .fa-view-form:hover {
        color: rgb(51, 122, 183);
    }

.multi-dropdown {
    cursor: pointer;
}

    .multi-dropdown:hover {
        background-color: #5ab7e3 !important;
        color: white;
    }

.maxwidth {
    max-width: 1140px;
    width: 100%;
    min-width: 800px;
    display: table;
    margin: 0 auto;
}

.inline {
    display: inline-block;
    vertical-align: bottom;
}

.header-row { /* Menu Header*/
    border: 1px #ccc solid;
    margin-bottom: 5px;
    padding: 5px;
    min-height: 50px;
}

    .header-row .separator {
        width: 1px; /* Width instead of height */
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 20px;
        color: #ccc;
        vertical-align: middle;
    }

        .header-row .separator::before {
            content: "|";
        }

.boxshadow {
    box-shadow: 0px 1px 0px rgba(12,13,14,0.15), 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px transparent;
    background-color: #fafafb;
}

.form-unselected {
    border: 1px solid #ccc;
}

.header { /* Page Header */
    height: 60px;
    padding-top: 10px;
    box-shadow: 0px 1px 0px rgba(12,13,14,0.15), 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px transparent;
    background-color: #fafafb;
    border-bottom: 1px #dbdbdb solid;
    color: black;
    margin-bottom: 10px;
}

.left_column {
    float: left;
    width: 30%;
    white-space: nowrap;
}

.middle_column {
    float: left;
    width: 40%;
    min-width: 40%;
    white-space: nowrap;
}

.right_column {
    float: right;
    width: 30%;
    white-space: nowrap;
}

.hide_ul {
    list-style: none;
    margin-left: 20px;
    padding: 0;
}

.pointer {
    cursor: pointer;
}

.glyphicon-label {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: small;
}

.vendor_category_selected {
    background-color: #aac8ff;
}

.vendor_category1 {
    margin-bottom: 5px;
    cursor: pointer;
    padding: 2px;
}

.vendor_category {
    margin-bottom: 5px;
    cursor: pointer;
    padding: 2px;
}

    .vendor_category:hover {
        border-radius: 5px;
        background-color: #aac8ff;
    }

.user_list {
    background-color: #f8f8f8;
    cursor: pointer;
}

.user_selected {
    background-color: #317fd4 !important;
    color: white;
}

input[type="search"] {
    border-radius: 4px;
    border: 1px #ccc solid;
    line-height: 1.4285;
    height: 25px;
}

    input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: gray;
    }

    input[type="search"]::-moz-placeholder { /* Firefox 19+ */
        color: gray;
    }

    input[type="search"]:-ms-input-placeholder { /* IE 10+ */
        color: gray;
    }

    input[type="search"]:-moz-placeholder { /* Firefox 18- */
        color: gray;
    }

.btn-exit {
    position: absolute;
    right: -5px;
    top: -5px;
    color: red;
}

.moveable {
    cursor: move;
}

.round-panel {
    position: absolute;
    overflow: hidden;
    box-shadow: 0px 1px 0px rgba(12,13,14,0.15), 0px 0px 0px transparent, 0px 0px 0px transparent, 0px 0px 0px transparent;
    border-radius: 5px 5px 5px 5px;
    background-color: #fafafb;
    color: black;
    padding: 10px;
}

#LoadingScreen {
    height: 100vh;
    width: 100vw;
    background-color: black;
    opacity: .4;
    z-index: 9999;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    padding: 40vw;
}

#admin_container {
    position: relative;
    height: 100vh;
    max-width: 1600px;
    background-color: white;
}

#split_left {
    position: relative;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #eee;
    padding-top: 7px;
}

.font-blue {
    color: #4485cb;
}

.red {
    color: red;
}

.fc_offset {
    margin-bottom: 5px;
}

.drag_obj_selected {
    opacity: .5;
    background-color: #317fd4;
}

.drag_obj_dragging:hover {
    border-top: 3px #317fd4 outset !important;
}

#split_left .btn {
    margin-left: 10px;
    position: relative;
    display: inline-block;
    width: 90%;
    max-width: 300px;
    white-space: normal !important;
}

#split_right {
    position: relative;
    height: 100vh;
    background-color: white;
    border-left: 1px #5e5e5e solid;
}

    #split_right .admin_container {
        padding: 10px;
    }

#split_top {
    position: relative;
    background-color: #eee;
    min-height: 35px;
}

#split_top_container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 7px;
}

    #split_top_container span {
        border-radius: 5px 5px 0 0 !important;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: 0;
        position: relative;
    }

        #split_top_container span.btn-primary {
            z-index: 500;
        }

        #split_top_container span.btn-default {
            z-index: 400;
        }

#split_bottom {
    background-color: white;
    padding: 10px;
}

.split p, .split-flex p {
    padding: 20px;
}

.split, .split-flex {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
}

    .gutter.gutter-horizontal {
        background-image: url('../Images/grips/vertical.png');
        cursor: ew-resize;
    }

    .gutter.gutter-vertical {
        background-image: url('../Images/grips/horizontal.png');
        border-bottom: 1px #5e5e5e solid;
        cursor: ns-resize;
        border-top: 1px #5e5e5e solid;
    }

    .split.split-horizontal, .gutter.gutter-horizontal {
        height: 100%;
        float: left;
    }

.strong {
    font-weight: bold;
}

input::-ms-clear {
    width: 0;
    height: 0;
}
.ui-grid-menu .ui-grid-menu-inner {
    max-width:80vw;
    overflow-y:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.fb {
    display:flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    align-content:flex-start;
    width:100%;
}
.fb-between {
    justify-content:space-between;
}
.fb-around {
    justify-content:space-around;
}
.fb-nowrap {
    flex-flow: row nowrap;
}
.wauto { width:auto;}
.w0 { width: 0%}
.w5 { width: 5%}
.w10 { width: 10%}
.w15 { width: 15%}
.w20 { width: 20%}
.w25 { width: 25%}
.w30 { width: 30%}
.w35 { width: 35%}
.w40 { width: 40%}
.w45 { width: 45%}
.w50 { width: 50%}
.w55 { width: 55%}
.w60 { width: 60%}
.w65 { width: 65%}
.w70 { width: 70%}
.w75 { width: 75%}
.w80 { width: 80%}
.w85 { width: 85%}
.w90 { width: 90%}
.w95 { width: 95%}
.w100 { width: 100%}
.maxw0 { max-width: 0px}
.maxw5 { max-width: 5px}
.maxw10 { max-width: 10px}
.maxw15 { max-width: 15px}
.maxw20 { max-width: 20px}
.maxw25 { max-width: 25px}
.maxw30 { max-width: 30px}
.maxw35 { max-width: 35px}
.maxw40 { max-width: 40px}
.maxw45 { max-width: 45px}
.maxw50 { max-width: 50px}
.maxw55 { max-width: 55px}
.maxw60 { max-width: 60px}
.maxw65 { max-width: 65px}
.maxw70 { max-width: 70px}
.maxw75 { max-width: 75px}
.maxw80 { max-width: 80px}
.maxw85 { max-width: 85px}
.maxw90 { max-width: 90px}
.maxw95 { max-width: 95px}
.maxw100 { max-width: 100px}
.maxw150 { max-width: 150px}
.maxw200 { max-width: 200px}
.maxw250 { max-width: 250px}
.maxw300 { max-width: 300px}
.maxw350 { max-width: 350px}
.maxw400 { max-width: 400px}
.maxw450 { max-width: 450px}
.maxw500 { max-width: 500px}
.maxw550 { max-width: 550px}
.maxw600 { max-width: 600px}
.maxw650 { max-width: 650px}
.maxw700 { max-width: 700px}
.maxw750 { max-width: 750px}
.maxw800 { max-width: 800px}
.maxw850 { max-width: 850px}
.maxw900 { max-width: 900px}
.maxw950 { max-width: 950px}
.maxw1000 { max-width: 1000px}
.maxw1050 { max-width: 1050px}
.maxw1100 { max-width: 1100px}
.minw0 { min-width: 0px}
.minw5 { min-width: 5px}
.minw10 { min-width: 10px}
.minw15 { min-width: 15px}
.minw20 { min-width: 20px}
.minw25 { min-width: 25px}
.minw30 { min-width: 30px}
.minw35 { min-width: 35px}
.minw40 { min-width: 40px}
.minw45 { min-width: 45px}
.minw50 { min-width: 50px}
.minw55 { min-width: 55px}
.minw60 { min-width: 60px}
.minw65 { min-width: 65px}
.minw70 { min-width: 70px}
.minw75 { min-width: 75px}
.minw80 { min-width: 80px}
.minw85 { min-width: 85px}
.minw90 { min-width: 90px}
.minw95 { min-width: 95px}
.minw100 { min-width: 100px}
.minw150 { min-width: 150px}
.minw200 { min-width: 200px}
.minw250 { min-width: 250px}
.minw300 { min-width: 300px}
.minw350 { min-width: 350px}
.minw400 { min-width: 400px}
.minw450 { min-width: 450px}
.minw500 { min-width: 500px}
.minw550 { min-width: 550px}
.minw600 { min-width: 600px}
.minw650 { min-width: 650px}
.minw700 { min-width: 700px}
.minw750 { min-width: 750px}
.minw800 { min-width: 800px}
.minw850 { min-width: 850px}
.minw900 { min-width: 900px}
.minw950 { min-width: 950px}
.minw1000 { min-width: 1000px}
.minw1050 { min-width: 1050px}
.minw1100 { min-width: 1100px}
.p0 { padding: 0px}
.p5 { padding: 5px}
.p10 { padding: 10px}
.p15 { padding: 15px}
.p20 { padding: 20px}
.p25 { padding: 25px}
.p30 { padding: 30px}
.p35 { padding: 35px}
.p40 { padding: 40px}
.p45 { padding: 45px}
.p50 { padding: 50px}
.p55 { padding: 55px}
.p60 { padding: 60px}
.p65 { padding: 65px}
.p70 { padding: 70px}
.p75 { padding: 75px}
.p80 { padding: 80px}
.p85 { padding: 85px}
.p90 { padding: 90px}
.p95 { padding: 95px}
.p100 { padding: 100px}
.p150 { padding: 150px}
.p200 { padding: 200px}
.p250 { padding: 250px}
.p300 { padding: 300px}
.p350 { padding: 350px}
.p400 { padding: 400px}
.p450 { padding: 450px}
.p500 { padding: 500px}
.p550 { padding: 550px}
.p600 { padding: 600px}
.p650 { padding: 650px}
.p700 { padding: 700px}
.p750 { padding: 750px}
.p800 { padding: 800px}
.p850 { padding: 850px}
.p900 { padding: 900px}
.p950 { padding: 950px}
.p1000 { padding: 1000px}
.p1050 { padding: 1050px}
.p1100 { padding: 1100px}
.pl0 { padding-left: 0px}
.pl5 { padding-left: 5px}
.pl10 { padding-left: 10px}
.pl15 { padding-left: 15px}
.pl20 { padding-left: 20px}
.pl25 { padding-left: 25px}
.pl30 { padding-left: 30px}
.pl35 { padding-left: 35px}
.pl40 { padding-left: 40px}
.pl45 { padding-left: 45px}
.pl50 { padding-left: 50px}
.pl55 { padding-left: 55px}
.pl60 { padding-left: 60px}
.pl65 { padding-left: 65px}
.pl70 { padding-left: 70px}
.pl75 { padding-left: 75px}
.pl80 { padding-left: 80px}
.pl85 { padding-left: 85px}
.pl90 { padding-left: 90px}
.pl95 { padding-left: 95px}
.pl100 { padding-left: 100px}
.pl150 { padding-left: 150px}
.pl200 { padding-left: 200px}
.pl250 { padding-left: 250px}
.pl300 { padding-left: 300px}
.pl350 { padding-left: 350px}
.pl400 { padding-left: 400px}
.pl450 { padding-left: 450px}
.pl500 { padding-left: 500px}
.pl550 { padding-left: 550px}
.pl600 { padding-left: 600px}
.pl650 { padding-left: 650px}
.pl700 { padding-left: 700px}
.pl750 { padding-left: 750px}
.pl800 { padding-left: 800px}
.pl850 { padding-left: 850px}
.pl900 { padding-left: 900px}
.pl950 { padding-left: 950px}
.pl1000 { padding-left: 1000px}
.pl1050 { padding-left: 1050px}
.pl1100 { padding-left: 1100px}
.pt0 { padding-top: 0px}
.pt5 { padding-top: 5px}
.pt10 { padding-top: 10px}
.pt15 { padding-top: 15px}
.pt20 { padding-top: 20px}
.pt25 { padding-top: 25px}
.pt30 { padding-top: 30px}
.pt35 { padding-top: 35px}
.pt40 { padding-top: 40px}
.pt45 { padding-top: 45px}
.pt50 { padding-top: 50px}
.pt55 { padding-top: 55px}
.pt60 { padding-top: 60px}
.pt65 { padding-top: 65px}
.pt70 { padding-top: 70px}
.pt75 { padding-top: 75px}
.pt80 { padding-top: 80px}
.pt85 { padding-top: 85px}
.pt90 { padding-top: 90px}
.pt95 { padding-top: 95px}
.pt100 { padding-top: 100px}
.pt150 { padding-top: 150px}
.pt200 { padding-top: 200px}
.pt250 { padding-top: 250px}
.pt300 { padding-top: 300px}
.pt350 { padding-top: 350px}
.pt400 { padding-top: 400px}
.pt450 { padding-top: 450px}
.pt500 { padding-top: 500px}
.pt550 { padding-top: 550px}
.pt600 { padding-top: 600px}
.pt650 { padding-top: 650px}
.pt700 { padding-top: 700px}
.pt750 { padding-top: 750px}
.pt800 { padding-top: 800px}
.pt850 { padding-top: 850px}
.pt900 { padding-top: 900px}
.pt950 { padding-top: 950px}
.pt1000 { padding-top: 1000px}
.pt1050 { padding-top: 1050px}
.pt1100 { padding-top: 1100px}
.m0 { margin: 0px}
.m5 { margin: 5px}
.m10 { margin: 10px}
.m15 { margin: 15px}
.m20 { margin: 20px}
.m25 { margin: 25px}
.m30 { margin: 30px}
.m35 { margin: 35px}
.m40 { margin: 40px}
.m45 { margin: 45px}
.m50 { margin: 50px}
.m55 { margin: 55px}
.m60 { margin: 60px}
.m65 { margin: 65px}
.m70 { margin: 70px}
.m75 { margin: 75px}
.m80 { margin: 80px}
.m85 { margin: 85px}
.m90 { margin: 90px}
.m95 { margin: 95px}
.m100 { margin: 100px}
.m150 { margin: 150px}
.m200 { margin: 200px}
.m250 { margin: 250px}
.m300 { margin: 300px}
.m350 { margin: 350px}
.m400 { margin: 400px}
.m450 { margin: 450px}
.m500 { margin: 500px}
.m550 { margin: 550px}
.m600 { margin: 600px}
.m650 { margin: 650px}
.m700 { margin: 700px}
.m750 { margin: 750px}
.m800 { margin: 800px}
.m850 { margin: 850px}
.m900 { margin: 900px}
.m950 { margin: 950px}
.m1000 { margin: 1000px}
.m1050 { margin: 1050px}
.m1100 { margin: 1100px}

.md-datepicker-calendar-pane {
    z-index: 5001
}
.md-button-sm {
    min-width:1%;
}
.md-bordered {
    border: 1px rgba(0,0,0,.1) solid;
    border-radius:5px;
}
.md-select-menu-container {
    z-index: 4000;
}
.gray { color: gray; }