/* Minification failed. Returning unminified contents.
(1033,28): run-time error CSS1031: Expected selector, found '!important'
(1033,28): run-time error CSS1025: Expected comma or open brace, found '!important'
 */
/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html, body 
    { height: 100%; }

body 
    { /*background-color: #f8f8f8;*/ background-color: #EFEFEF; }

a 
    { color: #265A87; }

#wrapper {
    height: 100%;
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 90%;
    /*min-height: 568px;*/
    background-color: white;
}

    #page-wrapper.transparent {
        background-color: transparent;
        border: none;
    }

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }

        #page-wrapper.nomargin {
            margin: 0 0 0 0;
        }
}

/*
 THE STYLES UNDER THIS @MEDIA WILL APPLY TO CHROME ONLY AND NO OTHER BROWSERS  
CHROME*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

    /*
        KEEPING THIS STYLE TAG INSIDE CHROME ONLY FIXS THE ISSUE AS IT DOENT REAPPLY ON IE..
        SO IF YOU KEEP THIS sbfix STYLE OUTSIDE @MEDIA CHROME TAG IT MESSES THE IE STYLING AND WAS GIVING 
        THE PROBLEM WE SEE BEFORE..
    */
    .sbfix {
        position: sticky;
        top: 0px;
        left: 0;
        width: 250px;
        overflow-y: auto;
        background-color: #e7e7e7;
        z-index: 10;
        padding-right: 20px;
    }
}
/*
 THE STYLES UNDER THIS @MEDIA WILL APPLY TO IE10+ ONLY AND NO OTHER BROWSERS  
INTERNET EXPLOERER*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .belowsbfix {
        padding-top: 220px;
    }

    .sbfix {
        position: fixed;
        margin-top: 55px;
        left: 0;
        width: 250px;
        overflow-y: auto;
        background-color: #e7e7e7;
        z-index: 10;
        padding-right: 20px;
    }

    .sbfix {
        margin-top: 0px;
    }
}

.navbar-top-links 
    { margin-right: 0; }
.navbar-top-links li 
    { display: inline-block; border:1px transparent solid; }
.navbar-top-links li:focus 
    { outline:solid 1px green; }
.navbar-top-links li:last-child 
    { margin-right: 15px; }
.navbar-top-links li a 
    { padding: 15px; min-height: 50px; }
.navbar-top-links .dropdown-menu li 
    { display: block; }
.navbar-top-links .dropdown-menu li:last-child 
    { margin-right: 0; }
.navbar-top-links .dropdown-menu li a 
    { padding: 3px 20px; min-height: 0; }
.navbar-top-links .dropdown-menu li a div 
    { white-space: normal; }

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts 
    { width: 310px; min-width: 0; }
.navbar-top-links .dropdown-messages 
    { margin-left: 5px; }
.navbar-top-links .dropdown-tasks 
    { margin-left: -59px; }
.navbar-top-links .dropdown-alerts 
    { margin-left: -123px; }
.navbar-top-links .dropdown-user 
    { right: 0; left: auto; }

.sidebar .sidebar-nav.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 786px) {
    .sidebar .sidebar-nav {
        position: fixed;
        top: 63px;
        left: 0;
        width: 250px;
        overflow-y: auto;
        height: calc(100vh - 80px);
    }
}

.sidebar .sidebar-search 
    { padding: 15px; }
.sidebar ul li 
    { border-bottom: 1px solid #e7e7e7;  color:#23527B; }
.sidebar ul li a.active 
    { background-color: #eeeeee; }
.sidebar .arrow 
    { float: right; }
.sidebar .fa.arrow:before 
    { content: "\f104"; }
.sidebar .active > a > .fa.arrow:before 
    { content: "\f107"; }
.sidebar .nav-second-level li,
.sidebar .nav-third-level li 
    { border-bottom: none !important; }
.sidebar .nav-second-level li a 
    { padding-left: 37px; }
.sidebar .nav-third-level li a 
    { padding-left: 52px; }

@media (min-width: 768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: white;
    }

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .chat li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #999999;
    }

        .chat li.left .chat-body {
            margin-left: 60px;
        }

        .chat li.right .chat-body {
            margin-right: 60px;
        }

        .chat li .chat-body p {
            margin: 0;
        }

    .panel .slidedown .glyphicon,
    .chat .glyphicon {
        margin-right: 5px;
    }

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

    table.dataTable thead .sorting_asc:after {
        content: "\f0de";       
        float: right;
        font-family: fontawesome;
        color: #000 !important;
        opacity: 1 !important;
    }

    table.dataTable thead .sorting_desc:after {
        content: "\f0dd";
        float: right;
        font-family: fontawesome;
        color: #000 !important;
        opacity: 1 !important;
    }

    table.dataTable thead .sorting:after {
        content: "\f0dc";
        float: right;
        font-family: fontawesome;
        /*color: rgba(50, 50, 50, 0.5);*/
        color: #000 !important;
        opacity: 1 !important;
    }

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        border-radius: 25px;
        font-size: 18px;
        line-height: 1.33;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        border-radius: 35px;
        font-size: 24px;
        line-height: 1.33;
    }

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.large {
    font-size: 26px;
}

#dataTable_processing {
    z-index: 2;
}

.panel
    {}
.panel > a:hover, .panel > a:focus 
    { filter: brightness(85%); color: #3F559D; font-weight: bold; }

.panel-blue 
    { border-color: #337ab7; }
.panel-blue > .panel-heading 
    { color: #fff; background-color: #337ab7; border-color: #337ab7; }
.panel-blue > a 
    { color: #24557F; }
.panel-blue > a:hover, .panel-blue > a:focus
    { color: #1A3956; font-weight:bold; }

.panel-green 
    { border-color: #5cb85c; }
.panel-green > .panel-heading 
    { border-color: #5cb85c; color: white; background-color: #5cb85c; }
.panel-green > a 
    { color: #5cb85c; }
.panel-green > a:hover, .panel-green > a:focus
    { color: #3d8b3d; font-weight:bold; }

.panel-silver 
    { border-color: silver; }
.panel-silver:hover 
    { border-color: gray; }
.panel-silver > .panel-heading 
    { border-color: silver; color: white; background-color: silver; }
.panel-silver > a > .panel-footer:hover 
    { background-color: gray !important; }
.panel-silver > a 
    { color: gray; }
.panel-silver > a:hover, .panel-silver > a:focus
    { color: white; font-weight:bold; }

.panel-red 
    { border-color: #d9534f; }
.panel-red > .panel-heading 
    { border-color: #d9534f; color: white; background-color: #d9534f; }
.panel-red > a 
    { color: #d9534f; }
.panel-red > a:hover, .panel-red > a:focus 
    { color: #b52b27; font-weight:bold; }

.panel-yellow 
    { border-color: #f0ad4e; }
.panel-yellow > .panel-heading 
    { border-color: #f0ad4e; color: white; background-color: #f0ad4e; }
.panel-yellow > a 
    { color: #f0ad4e; }
.panel-yellow > a:hover, .panel-yellow > a:focus 
    { color: #df8a13; font-weight:bold; }

.panel-orange 
    { border-color: #C75300; }
.panel-orange > .panel-heading 
    { border-color: #C75300; color: white; background-color: #C75300; }
.panel-orange > a 
    { color: #B84D00; }
.panel-orange > a:hover 
    { color: #ae7e0c; }
    .panel-orange > a:hover, .panel-orange > a:focus {
        color: #B84D00;
        font-weight: bold;
    }

.panel-aqua 
    { border-color: #1D6262; }
.panel-aqua > .panel-heading 
    { border-color: #1D6262; color: white; background-color: #1D6262; }
.panel-aqua > a 
    { color: #1D6262; }
.panel-aqua > a:hover, .panel-aqua > a:focus 
    { color: #1a8a8a; font-weight:bold; }

.panel-bluebell 
    { border-color: #9b99ca; }
.panel-bluebell > .panel-heading 
    { border-color: #9b99ca; color: white; background-color: #9b99ca; }
.panel-bluebell > a 
    { color: #9b99ca; }
.panel-bluebell > a:hover, .panel-bluebell > a:focus 
    { color: #847ff7; font-weight:bold; }

.panel-matrix 
    { border-color: #B05D54; }
.panel-matrix > .panel-heading 
    { border-color: #B05D54; color: white; background-color: #B05D54; }
.panel-matrix > a 
    { color: #B05D54; }
.panel-matrix > a:hover, .panel-matrix > a:focus 
    { color: #f26b5d; font-weight:bold; }

.panel-apple 
    { border-color: #275D27; }
.panel-apple > .panel-heading 
    { border-color: #275D27; color: white; background-color: #275D27; }
.panel-apple > a 
    { color: #275D27; }
.panel-apple > a:hover, .panel-apple > a:focus 
    { color: #266d23; font-weight:bold; }

.panel-quicksand 
    { border-color: #794949; }
.panel-quicksand > .panel-heading 
    { border-color: #794949; color: white; background-color: #794949; }
.panel-quicksand > a 
    { color: #794949; }
.panel-quicksand > a:hover, .panel-quicksand > a:focus 
    { color: #826161; font-weight:bold; }

.panel-almondfrost 
    { border-color: #64564F; }
.panel-almondfrost > .panel-heading 
    { border-color: #64564F; color: white; background-color: #64564F; }
.panel-almondfrost > a 
    { color: #64564F; }
.panel-almondfrost > a:hover, .panel-almondfrost > a:focus 
    { color: #64564F; font-weight:bold; }

.panel-aquaforest 
    { border-color: #47805A; }
.panel-aquaforest > .panel-heading 
    { border-color: #47805A; color: white; background-color: #47805A; }
.panel-aquaforest > a 
    { color: #437A55; }
.panel-aquaforest > a:hover, .panel-aquaforest > a:focus 
    { color: #47805A; font-weight:bold; }

.panel-amazon 
    { border-color: #5FA777; }
.panel-amazon > .panel-heading 
    { border-color: #3B7A57; color: white; background-color: #3B7A57; }
.panel-amazon > a 
    { color: #3B7A57; }
.panel-amazon > a:hover, .panel-amazon > a:focus 
    { color: #3B7A57; font-weight:bold; }

.panel-burntumber 
    { border-color: #8A3324; }
.panel-burntumber > .panel-heading 
    { border-color: #8A3324; color: white; background-color: #8A3324; }
.panel-burntumber > a 
    { color: #8A3324; }
.panel-burntumber > a:hover, .panel-burntumber > a:focus  
    { color: #8A3324; font-weight:bold; }

.panel-wistful 
    { border-color: #A4A6D3; }
.panel-wistful > .panel-heading 
    { border-color: #A4A6D3; color: white; background-color: #A4A6D3; }
.panel-wistful > a 
    { color: #A4A6D3; }
.panel-wistful > a:hover, .panel-wistful > a:hover
    { color: #A4A6D3; font-weight:bold; }

.panel-wildblueyonder 
    { border-color: #6375AB; }
.panel-wildblueyonder > .panel-heading 
    { border-color: #6375AB; color: white; background-color: #6375AB; }
.panel-wildblueyonder > a 
    { color: #5D6EA8; }
.panel-wildblueyonder > a:hover, .panel-wildblueyonder > a:focus 
    { color: #3F559D; font-weight:bold; }

.panel-balihai 
    { border-color: #445C69; }
/*.panel-balihai:hover, .panel-balihai:focus
    { border: 1px solid silver; }*/
.panel-balihai > .panel-heading 
    { border-color: #445C69; color: white; background-color: #445C69; }
.panel-balihai > a 
    { color: #445C69; }
    .panel-balihai > a:hover, .panel-balihai > a:focus {
        color: #445C69;
        font-weight: bold;
    }

.panel-akaroa 
    { border-color: #D4C4A8; }
.panel-akaroa > .panel-heading 
    { border-color: #D4C4A8; color: white; background-color: #D4C4A8; }
.panel-akaroa > a 
    { color: #D4C4A8; }
.panel-akaroa > a:hover, .panel-akaroa > a:focus 
    { color: #A3895C; font-weight:bold; }

.panel-astral 
    { border-color: #337ab7; }
.panel-astral > .panel-heading 
    { border-color: #337ab7; color: white; background-color: #337ab7; }
.panel-astral > a 
    { color: #265A87; }
.panel-astral > a:hover, .panel-astral > a:focus 
    { color: #265A87; font-weight:bold; }

.panel-cra {
    border-color: #b20020;
}
    /*.panel-balihai:hover, .panel-balihai:focus
    { border: 1px solid silver; }*/
    .panel-cra > .panel-heading {
        border-color: #b20020;
        color: white;
        background-color: #b20020;
    }

    .panel-cra > a {
        color: #b20020;
    }

        .panel-cra > a:hover, .panel-cra > a:focus {
            color: #b20020;
            font-weight: bold;
        }


.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #eeeeee;
    }

    .timeline > li {
        position: relative;
        margin-bottom: 20px;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -15px;
                border-top: 15px solid transparent;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                border-left: 15px solid #ccc;
            }

            .timeline > li > .timeline-panel:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -14px;
                border-top: 14px solid transparent;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                border-left: 14px solid #fff;
            }

        .timeline > li > .timeline-badge {
            z-index: 100;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50% 50% 50% 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: #fff;
            background-color: #999999;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -15px;
                border-right-width: 15px;
                border-left-width: 0;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -14px;
                border-right-width: 14px;
                border-left-width: 0;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(10%);
        width: -moz-calc(10%);
        width: -webkit-calc(10%);
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            right: auto;
            left: -15px;
            border-right-width: 15px;
            border-left-width: 0;
        }

        ul.timeline > li > .timeline-panel:after {
            right: auto;
            left: -14px;
            border-right-width: 14px;
            border-left-width: 0;
        }
}

.login-panel {
    opacity: .9;
    box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.4);
    background-color: #fff;
    -webkit-box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 7px 24px 1px rgba(0,0,0,0.4);
}

.validation-summary-errors {
    display: inline-block;
}

    .validation-summary-errors ul {
        list-style: none;
        padding-left: 0;
        padding-bottom: 0;
    }

button.nostyle {
    border: none;
    background: transparent;
}


textarea {
    resize: none !important;
}
.nowrap
    { white-space: nowrap; }
.clearBoth
    { clear: both; }

.fit-to-width
    { width : 100%; }
.fit-to-height
    { height: 100%; }

.h2-nostyle
    { display:inline-block; margin:0; padding:0; font:inhert; }

.on-focus-bold:focus
    { font-weight:bold; border: 2px solid #5f98c8 !important; }
.on-hover-bold:hover
    { font-weight:bold; border: 2px solid #5f98c8 !important; }
.on-hoverfocus-bold:hover, .on-hoverfocus-bold:focus
    { font-weight:bold; border: 2px solid #5f98c8 !important; /*background-color:yellow !important;*/ }

.margin-bottom-none
    { margin-bottom: 0px; }
.margin-bottom-_1
    { margin-top: .1em; }
.margin-bottom-_15
    { margin-top: .15em; }
.margin-bottom-_2
    { margin-top: .2em; }
.margin-bottom-_25
    { margin-top: .25em; }
.margin-bottom-_3
    { margin-top: .3em; }
.margin-bottom-_35
    { margin-top: .35em; }
.margin-bottom-1u
    { margin-bottom: 1em; }
.margin-bottoms-2u
    { margin-bottom: 2em; }
.margin-top-none
    { margin-top: 0px; }
.margin-top-_1
    { margin-top: .1em; }
.margin-top-_15
    { margin-top: .15em; }
.margin-top-_2
    { margin-top: .2em; }
.margin-top-_25
    { margin-top: .25em; }
.margin-top-_3
    { margin-top: .3em; }
.margin-top-_35
    { margin-top: .35em; }
.margin-top-1u
    { margin-top: 1em; }
.margin-top-2u
    { margin-top: 2em; }
.margin-vertical-none
    { margin-top:0px; margin-bottom: 0px; }
.margin-left-none
    { margin-left:0px; }
.margin-left-1u
    { margin-left: 1em; }
.margin-left-2u
    { margin-left: 2em; }
.margin-right-none
    { margin-right: 0px; }
.margin-right-1u
    { margin-right: 1em; }
.margin-right-2u
    { margin-right: 2em; }
.margin-horizontal-none
    { margin-right: 0px; margin-left: 0px;}

.padding-none
    { padding: 0px; }

.padding-bottom-none
    { padding-bottom: 0px; }
.padding-bottom-_1
    { padding-bottom: .1em; }
.padding-bottom-_15
    { padding-bottom: .15em; }
.padding-bottom-_2
    { padding-bottom: .2em; }
.padding-bottom-_25
    { padding-bottom: .25em; }
.padding-bottom-_3
    { padding-bottom: .3em; }
.padding-bottom-_35
    { padding-bottom: .35em; }

.padding-top-none
    { padding-top: 0px;}
.padding-top-_1
    { padding-top: .1em; }
.padding-top-_15
    { padding-top: .15em; }
.padding-top-_2
    { padding-top: .2em; }
.padding-top-_25
    { padding-top: .25em; }
.padding-top-_3
    { padding-top: .3em; }
.padding-top-_35
    { padding-top: .35em; }


.padding-vertical-none
    { padding-top: 0px; padding-bottom: 0px; }

.padding-left-none
    { padding-left: 0px; }
.padding-left-1u
    { padding-left: 1em; }
.padding-left-2u
    { padding-left: 2em; }
.padding-left-3u
    { padding-left: 3em; }

.padding-right-none
    { padding-right: 0px; }
.padding-right-1u
    { padding-right: 1em; }
.padding-horizontal-none
    { padding-left: 0px; padding-right: 0px; }

.offset-right-1u
    { margin-right: 1em; }
.offset-right-2u
    { margin-right: 2em; }
.offset-right-3u
    { margin-right: 3em; }
.offset-right-4u
    { margin-right: 4em; }
.offset-right-5u
    { margin-right: 5em; }

.float-right
    { float:right; }
.float-left
    { float: left; }
.float-none
    { float:none; }


.font-weight-bold
    { font-weight: bold; }
.font-size-10
    { font-size:10px; }
.font-size-15
    { font-size:15px; }
.font-size-20
    { font-size:20px; }
.font-size-25
    { font-size:25px; }
.font-size-30
    { font-size:30px; }
.font-size-35
    { font-size:35px; }

.text-align-left
    { text-align: left; }
.text-align-right
    { text-align: right; }
.text-align-center
    { text-align: center; }

.container-listgroupitem:hover, .container-listgroupitem:focus
    { opacity: 0.80; filter: alpha(opacity=80); -moz-opacity: 0.80; font-weight:bold; }


i.TableRow
    { padding: 6px 6px; display: inline-block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; color: #337ab7; }
i.TableRow:hover
    { color: #23527c; }

a.TableRowButton, a.TableRowButton:hover
    { text-decoration: none; }
a.TableRowButton i
    { padding: 6px 6px; display: inline-block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
        -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; color: #337ab7; }
a.TableRowButton i:hover
    { color: #23527c; }

button.TableRowButton
    { padding: 3px 6px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888; color: #337ab7; }
button.TableRowButton
    { text-decoration: none; }

.TableIcon {
    padding: 4px 6px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    color: #337ab7;
    text-align: center;
}
a.GridTextLink {
    color: #337ab7;
    font-size: 11px;
    border-radius: 11px;
    border: 2px solid #337ab7;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    min-width: 40px;
}
    a.GridTextLink:hover {
        color: #73AD21;
        border: 2px solid #73AD21;
        text-decoration: none;
    }
    a.GridTextLink:visited {
        color: #808080;
        border: 2px solid #808080;
        text-decoration: none;
    }

/****************

    Buttons

*****************/
.button-h2
    { cursor: pointer; display:inline-block; padding:4px; border:solid 2px transparent; }
.button-h2:hover, .button-h2:focus
    { border:solid 2px silver; border-radius: 8px; text-decoration:none;}
.buttom-h2:hover ~ .button-h2-label
    { text-decoration:none;}
.button-h2 i
    { font-size: large; color: #fff; margin-top: .5em }
.button-h2 label ,
.button-h2 span
    { font-size: large; color: #fff; margin-top: .5em; cursor: pointer; display: inline-block; margin-bottom: 5px; font-weight: bold; }
.button-h2 label:hover
    { text-decoration:none;}
.button-h2 h2
    { font-size: large; color: #fff; margin: .5em 0 .25em 0; cursor: pointer; display:inline-block; font-weight:bold; }
.button-h2 h2:hover
    { text-decoration:none;}

.button-h2 span {
    font-size: large;
    color: #fff;
    margin-top: .5em;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.btn-clear {
    border:none;
    background-color: transparent;
}

.btn-primary > a {
    color: #fff;
    text-decoration: none;
}

    .btn-primary > a:hover !important
    .btn-primary > a:focus !important {
        color: green;
        text-decoration: underline;
    }

.stamp {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}
.stamp-info {
    color: #0057AD;
    background-color: #fff;
    border-color: #0057AD;
}

.stamp-danger {
    color: #d9534f;
    background-color: #fff;
    border-color: #d43f3a;
}

.stamp-warning {
    color: #eea236;
    background-color: #fff;
    border-color: #eea236;
}

.stamp-success {
    color: #4cae4c;
    background-color: #fff;
    border-color: #4cae4c;
}

.stamp-primary {
    color: #2e6da4;
    background-color: #fff;
    border-color: #2e6da4;
}

.stamp-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.input-group-addon-primary {
    color: #fff;
    background-color: #0057ad;
    border-color: #2e6da4;
}
    .input-group-addon-primary:hover {
        background-color: #134C5D;
    }
    .input-group-addon-primary a,
    .input-group-addon-primary button {
        color: #fff;
    }

/****************

    Modal Window

*****************/
#modal_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}
#modal_overlay div
    { position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%); }

.table_caption {
    background-color: #337ab7;
    text-align: center;
    color: #FFF;
    font-weight: bold
}

/*for table highlighting*/
.selected {
    background-color: #026ADF !important;
}

table.dataTable.display tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #026ADF !important;
}

.modal_header_button {
    padding: 0;
    background: transparent;
    border: 0;
    appearance: none;
    color: #000;
    text-decoration: none;
    opacity: 0.5;
    float: right;
    margin-right: 3px;
    margin-left: 3px;
}

    .modal_header_button:hover {
        opacity: 0.75;
    }


/****************

    Media

*****************/
.media-list
{
    word-break: break-word;
}
.media
    { }
.media-body
    { }
.media-body em
    { font-size:.75em; }


/******************

    Bootstrap 3 Extensions

*******************/
.input-xs {
    height: 22px !important;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}


/*******************

    CUSTOM FILTERS

********************/
.query-editor .filters fieldset .clauses .logical {
    width: 100px;
    min-width: 100px
}

.query-editor .filters fieldset .clauses .field {
    width: 400px;
    min-width: 400px
}

.query-editor .filters fieldset .clauses .operator {
    width: 200px;
    min-width: 200px
}

.query-editor .filters fieldset .clauses .value {
    min-width: 250px
}


/*
    TOOLBOX COLOURS
    =====================================
    .fa-glow-red            #ff0000     rgba(255,0 , 0, 0.7);
    .fa-glow-darkblue       #3b5998     rgba(59, 89, 152, 0.7);
    .fa-glow-yellow         #ffee10     rgba(255, 238, 16, 0.7);
    .fa-glow-pink           #ff61be     rgba(255, 97, 190, 0.7);
    .fa-glow-purple         #560a86     rgba(86, 10, 134, 0.7);
    .fa-glow-salmon         #ff9472     rgba(255, 148, 114, 0.7);
    .fa-glow-green          #13ca91     rgba(19, 202, 145, 0.7);
    .fa-glow-orange         #f85125     rgba(248, 81, 37, 0.7);
    .fa-glow-blue           #0310ea     rgba(3, 16, 234, 0.7);

    .fa-glow2-red            #ff0000     rgba(255,0 , 0, 0.7);
    .fa-glow2-darkblue       #3b5998     rgba(59, 89, 152, 0.7);
    .fa-glow2-yellow         #ffee10     rgba(255, 238, 16, 0.7);
    .fa-glow2-pink           #ff61be     rgba(255, 97, 190, 0.7);
    .fa-glow2-purple         #560a86     rgba(86, 10, 134, 0.7);
    .fa-glow2-salmon         #ff9472     rgba(255, 148, 114, 0.7);
    .fa-glow2-green          #13ca91     rgba(19, 202, 145, 0.7);
    .fa-glow2-orange         #f85125     rgba(248, 81, 37, 0.7);
    .fa-glow2-blue           #0310ea     rgba(3, 16, 234, 0.7);
*/

.toolboxItem {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    text-align:center;
}
    .toolboxItem > i {
        font-size: 3.25em;
        padding:.2em;
        min-width:1.75em;
    }

    .toolboxItem .subtext {
        text-decoration: none;
        display: block;
        width: 100%;
        text-align: center;
        color: #808080;
        word-wrap: break-word;
        text-wrap: normal;
        overflow-wrap: break-word;
    }

        .toolboxItem .subtext:hover {
            text-decoration: none;
            color: #808080
        }

.fa-glow-stack-sm {
    font-size: 2em !important;
}

.fa-glow-sm {
    font-size: 50px !important;
    margin: 0px !important;
}

.fa-glow2-sm {
    font-size: 2.25em !important;
    margin: 0px !important;
}

.fa-glow-stack {
    font-size: 3em;
    color: inherit;
    opacity: 0.5;
    left: 25px;
    top: 36px;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-glow-red {
    color: #FFF;
    box-shadow: 0 0 15px 3px red;
    font-size: 70px;
    background-color: rgba(255,0,0,0.7);
    margin: 8px;
}

    .fa-glow-red:hover {
        box-shadow: 0 0 15px #808080;
        transition: all 0.5s ease;
    }

.fa-glow-darkblue {
    color: #FFF;
    box-shadow: 0 0 20px 3px #3b5998;
    font-size: 70px;
    background-color: rgba(59, 89, 152, 0.7);
    margin: 8px;
}

    .fa-glow-darkblue:hover {
        box-shadow: 0 0 15px #3b5998;
        transition: all 0.5s ease;
    }

.fa-glow-yellow {
    color: #ffee10;
    box-shadow: 0 0 20px 3px #ffee10;
    font-size: 70px;
    background-color: rgba(255, 238, 16, .07);
    margin: 8px;
}

    .fa-glow-yellow:hover {
        box-shadow: 0 0 15px #ffee10;
        transition: all 0.5s ease;
    }

.fa-glow-pink {
    color: #FFF;
    box-shadow: 0 0 20px 3px #ff61be;
    font-size: 70px;
    background-color: rgba(255, 97, 190, 0.7);
    margin: 8px;
}

    .fa-glow-pink:hover {
        box-shadow: 0 0 15px #ff61be;
        transition: all 0.5s ease;
    }

.fa-glow-purple {
    color: #FFF;
    box-shadow: 0 0 20px 3px #560a86;
    font-size: 70px;
    background-color: rgba(86, 10, 134, 0.7);
    margin: 8px;
}

    .fa-glow-purple:hover {
        box-shadow: 0 0 15px #560a86;
        transition: all 0.5s ease;
    }

.fa-glow-salmon {
    color: #FFF;
    box-shadow: 0 0 20px 3px #ff9472;
    font-size: 70px;
    background-color: rgba(255, 148, 114, 0.7);
    margin: 8px;
}

    .fa-glow-salmon:hover {
        box-shadow: 0 0 15px #ff9472;
        transition: all 0.5s ease;
    }

.fa-glow-green {
    color: #FFF;
    box-shadow: 0 0 20px 3px #13ca91;
    font-size: 70px;
    background-color: rgba(19, 202, 145, 0.7);
    margin: 8px;
}

    .fa-glow-green:hover {
        box-shadow: 0 0 15px #13ca91;
        transition: all 0.5s ease;
    }

.fa-glow-orange {
    color: #FFF;
    box-shadow: 0 0 20px 3px #f85125;
    font-size: 70px;
    background-color: rgba(248, 81, 37, 0.7);
    margin: 8px;
}

    .fa-glow-orange:hover {
        box-shadow: 0 0 15px #f85125;
        transition: all 0.5s ease;
    }

.fa-glow-blue {
    color: #FFF;
    box-shadow: 0 0 20px 3px #0310ea;
    font-size: 70px;
    background-color: rgba(3, 16, 234, 0.7);
    margin: 8px;
}

    .fa-glow-blue:hover {
        box-shadow: 0 0 15px #0310ea;
        transition: all 0.5s ease;
    }

.fa-glow2-red {
    margin: 8px;
    color: #ff0000;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #ff0000;
    box-shadow: 0 0 15px #ff0000;
    transition: all 0.5s ease;
}

    .fa-glow2-red:hover {
        color: #ff0000;
        text-shadow: 0 0 15px #ff0000;
        transition: all 0.5s ease;
    }

.fa-glow2-darkblue {
    margin: 8px;
    color: #3b5998;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #3b5998;
    box-shadow: 0 0 15px #3b5998;
    transition: all 0.5s ease;
}

    .fa-glow2-darkblue:hover {
        color: #3b5998;
        text-shadow: 0 0 15px #3b5998;
        transition: all 0.5s ease;
    }

.fa-glow2-yellow {
    margin: 8px;
    color: #ffee10;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #ffee10;
    box-shadow: 0 0 15px #ffee10;
    transition: all 0.5s ease;
}

    .fa-glow2-yellow:hover {
        color: #ffee10;
        text-shadow: 0 0 15px #ffee10;
        transition: all 0.5s ease;
    }

.fa-glow2-pink {
    margin: 8px;
    color: #ff61be;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #ff61be;
    box-shadow: 0 0 15px #ff61be;
    transition: all 0.5s ease;
}

    .fa-glow2-pink:hover {
        color: #ff61be;
        text-shadow: 0 0 15px #ff61be;
        transition: all 0.5s ease;
    }

.fa-glow2-purple {
    margin: 8px;
    color: #560a86;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #560a86;
    box-shadow: 0 0 15px #560a86;
    transition: all 0.5s ease;
}

    .fa-glow2-purple:hover {
        color: #560a86;
        text-shadow: 0 0 15px #560a86;
        transition: all 0.5s ease;
    }

.fa-glow2-salmon {
    margin: 8px;
    color: #ff9472;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #ff9472;
    box-shadow: 0 0 15px #ff9472;
    transition: all 0.5s ease;
}

    .fa-glow2-salmon:hover {
        color: #ff9472;
        text-shadow: 0 0 15px #ff9472;
        transition: all 0.5s ease;
    }

.fa-glow2-green {
    margin: 8px;
    color: #13ca91;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #13ca91;
    box-shadow: 0 0 15px #13ca91;
    transition: all 0.5s ease;
}

    .fa-glow2-green:hover {
        color: #13ca91;
        text-shadow: 0 0 15px #13ca91;
        transition: all 0.5s ease;
    }

.fa-glow2-orange {
    margin: 8px;
    color: #f85125;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #f85125;
    box-shadow: 0 0 15px #f85125;
    transition: all 0.5s ease;
}

    .fa-glow2-orange:hover {
        color: #f85125;
        text-shadow: 0 0 15px #f85125;
        transition: all 0.5s ease;
    }

.fa-glow2-blue {
    margin: 8px;
    color: #0310ea;
    font-size: 66px;
    border-radius: 30%;
    transition: all 0.5s ease;
    border: 4px solid #0310ea;
    box-shadow: 0 0 15px #0310ea;
    transition: all 0.5s ease;
}

    .fa-glow2-blue:hover {
        color: #0310ea;
        text-shadow: 0 0 15px #0310ea;
        transition: all 0.5s ease;
    }

.nav-mainbar-bg {
    background-color: #337ab7;
}