.pointer {
    cursor: pointer;
}

.content-wrapper {
    margin-top: 52px;
}

.main-header {
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 1020;
    width: 100%;
}

.bs-col-no-padding {
    padding-right: 0;
    padding-left: 0;
}

.footer-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent;
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    border-top: solid 1px rgba(255,255,255,.5);
    padding-bottom:10px;
}

.panel-no-margin > .panel-heading, html.dark .panel-no-margin .panel-heading {
    height: 35px;
    position: relative;
    background-color: transparent;
    background: #3180b9;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #bababa;
    border: 1px solid #D5D5D5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-background-clip: padding-box;
}

.panel-no-margin > .panel-heading, html.dark .panel-no-margin .panel-heading {
    color: white;
}

.main-header .navbar, .main-header .logo {
    height: 52px;
    position: relative;
    background-color: transparent;
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    /*text-shadow: 0 1px 0 #fff;*/
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
    border-bottom: 1px solid #bababa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
    border: 1px solid #D5D5D5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-background-clip: padding-box;
}

.main-sidebar {
    background-color: #282d36;
}

html.dark .panel-no-margin .panel-heading {
    height: 30px;
    padding: 0;
}

.panel-no-margin {
    border: 1px solid #CCC;
}

/*table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: none;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}*/

.dataTables_length {
    width: 300px;
    float: left;
}

.dataTables_filter {
    width: 300px;
    float: right;
}

    .dataTables_filter label {
        float: left;
    }

html.dark table.dataTable tbody tr {
    background-color: #262b33;
}

html.dark div.dataTables_wrapper div.dataTables_filter label, html.dark div.dataTables_wrapper div.dataTables_info {
    color: #808697;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: left;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button .next, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    padding: 0;
    margin: 0;
    border: 0;
}

.panel-no-margin .panel-heading {
    /*height: 30px;
    line-height: 100%;
    color: #777;*/
}

.panel-no-margin input:disabled {
    border: none;
    padding-left: 10px;
    line-height: 100%;
    background-color: transparent;
}

.panel-no-margin .clb_name {
    line-height: 100%;
    zoom: 200%;
    color: #0088cc;
}

html.dark .panel-heading select {
    background: #2e353e;
    border-color: #505461;
}

html.dark .bg-dark-light {
    background-color: #282d36;
}

.bg-dark-light {
    background-color: #3b444a;
}

html.dark .panel-featured-dark-light {
    border-color: #ffffff;
}

.panel-featured-dark-light {
    border-color: #3b444a;
}

html.dark .text-dark-light {
    color: #ffffff;
}

.text-dark-light {
    color: #282d36;
}
/* BUTTONS */
.button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    padding: 0 1.0;
    margin: 1px;
    font: Arial, Helvetica;
    text-decoration: none;
    color: #333;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

a.button {
    padding: 0 1.0 !important;
}

.button:hover {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: linear-gradient(top, #fafafa, #ddd);
}

.button:active {
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    /*box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;*/
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .15em 0 0 .15em;
    -webkit-border-radius: .15em 0 0 .15em;
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
}

/* Buttons and inputs */

button.button, input.button {
    cursor: pointer;
    overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */
input::-moz-focus-inner {
    padding: .4em;
}

/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
    background: #eee;
    color: #aaa;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";
}

.delete:before {
    content: "\2718";
}

.save:before {
    content: "\2714";
}

.email:before {
    content: "\2709";
}

.like:before {
    content: "\2764";
}

.next:before {
/*    content: "\279C";
*/}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}


/* Social media buttons */
.tw, .fb,
.tw:hover, .fb:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
}

    .tw, .tw:focus {
        background-color: #88E1E6;
    }

    .fb, .fb:focus {
        background-color: #3C5A98;
        color: #fff;
        /*text-shadow: 0 1px 0 rgba(0,0,0,.4);*/
    }

    .tw:hover {
        background-color: #b1f0f3;
    }

    .fb:hover {
        background-color: #879bc3;
    }

    .tw:before {
        content: "t";
        background: #91cfd3;
        background: rgba(0,0,0,.1);
        color: #fff;
        font-family: verdana;
        /*text-shadow: 0 1px 0 rgba(0,0,0,.4);*/
    }

    .fb:before {
        content: "f";
        background: #4467ac;
        background: rgba(0,0,0,.1);
        color: #fff;
        /*text-shadow: 0 1px 0 rgba(0,0,0,.4);*/
    }

/*
<h2 > Actions</h2 >
<a href="" class="btn btn-default" > Button</a >
<a href="" class="btn btn-default add" > Add</a >
<a href="" class="btn btn-default edit" > Edit</a >
<a href="" class="btn btn-default delete" > Delete</a >
<a href="" class="btn btn-default save" > Save</a >
<a href="" class="btn btn-default email" > Send email</a >

<h2 > Miscellaneous</h2 >
<a href="" class="btn btn-default like" > Like</a >
<a href="" class="btn btn-default next" > Next</a >
<a href="" class="btn btn-default star" > Favourite</a >
<a href="" class="btn btn-default spark" > Spark</a >
<a href="" class="btn btn-default play" > Play</a >

<h2 > Social media buttons</h2 >

<a href="https://twitter.com/catalinred" class="btn btn-default tw" > Follow me</a >
<a href="https://www.facebook.com/RedTeamDesign" class="btn btn-default fb" > Become a fan</a >

<h2 > Buttons and inputs</h2 >

<button class="btn btn-default" > Clean button</button >
<button class="btn btn-default save" > Button with icon</button >
<button class="btn btn-default" disabled > Disabled button</button >
<button class="btn btn-default save" disabled > Another disabled button</button >

<br >
<input class="btn btn-default" type="submit" value="Input submit" >
<input class="btn btn-default" type="button" value="Input button" >
<input class="btn btn-default" type="submit" value="Input submit disabled" disabled >
<input class="btn btn-default" type="button" value="Input button disabled" disabled >
*/
.switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 36px;
}

    .switch input {
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .switch .check,
    .switch .caption {
        display: block;
        line-height: 38px;
        font-size: 14px;
        margin: 0 4px;
        position: relative;
    }

    .switch .check {
        position: relative;
        height: 1.25rem;
        width: 2.8125rem;
        border: 2px #1d1d1d solid;
        cursor: pointer;
        background: transparent;
        z-index: 1;
        display: inline-block;
        vertical-align: middle;
        border-radius: 0.5625rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .switch .check::after {
            position: absolute;
            left: 3px;
            display: block;
            content: "";
            height: 0.75rem;
            width: 0.75rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border: 2px #333 solid;
            cursor: pointer;
            background: #333;
            z-index: 2;
            border-radius: 50%;
        }

    .switch input[type="checkbox"]:checked ~ .check {
        background: #1d1d1d;
        border-color: #1d1d1d;
    }

        .switch input[type="checkbox"]:checked ~ .check::after {
            background-color: #ffffff;
            border-color: #ffffff;
            left: auto;
            -webkit-transform: translateX(1.625rem) translateY(-50%);
            -ms-transform: translateX(1.625rem) translateY(-50%);
            transform: translateX(1.625rem) translateY(-50%);
        }

    .switch input[type="checkbox"]:disabled ~ .check {
        background-color: #e9e9e9;
        border-color: #e9e9e9;
    }

        .switch input[type="checkbox"]:disabled ~ .check::after {
            background-color: #d0d0d0;
            border-color: #d0d0d0;
        }

    .switch .check {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .switch .caption {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .switch.caption-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }

    .switch.required,
    .switch.invalid,
    .switch.valid {
        border: none !important;
    }

        .switch.invalid::after {
            display: none;
        }

    .switch.transition-on .check {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .switch.transition-on .check::after {
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .switch.transition-on input[type="checkbox"]:checked ~ .check::after {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.switch-material {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 36px;
    margin: 0;
}

    .switch-material input {
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .switch-material .check,
    .switch-material .caption {
        display: inline-block;
        vertical-align: middle;
        line-height: 18px;
        font-size: 14px;
        margin: 0 4px;
    }

    .switch-material .check {
        width: 36px;
        height: 16px;
        background-color: #929292;
        border-radius: 8px;
        overflow: visible;
        position: relative;
        margin: 0 4px;
    }

        .switch-material .check::before {
            position: absolute;
            display: block;
            content: "";
            width: 22px;
            height: 22px;
            z-index: 2;
            margin-top: -3px;
            margin-left: -3px;
            border-radius: 50%;
            background-color: #00aba9;
            -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        }

    .switch-material input:checked ~ .check {
        background-color: rgba(0, 150, 136, 0.5);
    }

    .switch-material input:not(:checked) ~ .check::before {
        background-color: #ffffff;
    }

    .switch-material input:checked ~ .check {
        background-color: rgba(0, 150, 136, 0.5);
    }

        .switch-material input:checked ~ .check::before {
            -webkit-transform: translateX(22px);
            -ms-transform: translateX(22px);
            transform: translateX(22px);
        }

    .switch-material input:disabled ~ .check {
        background-color: #D5D5D5;
    }

        .switch-material input:disabled ~ .check:before {
            background-color: #BDBDBD;
        }

    .switch-material .check {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .switch-material .caption {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .switch-material.caption-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }

    .switch-material.transition-on {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .switch-material.transition-on input:not(:checked) ~ .check::before {
            -webkit-transition: linear all 0.2s;
            -o-transition: linear all 0.2s;
            transition: linear all 0.2s;
        }

        .switch-material.transition-on input:checked ~ .check::before {
            -webkit-transition: linear all 0.2s;
            -o-transition: linear all 0.2s;
            transition: linear all 0.2s;
        }

.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    /*height: 36px;*/
}

    .checkbox input {
        width: 1px;
        height: 1px;
        position: absolute;
        opacity: 0;
    }

    .checkbox .check,
    .checkbox .caption {
        display: block;
        line-height: 1;
        font-size: 14px;
        margin: 0 4px;
        position: relative;
    }

    .checkbox .check {
        border: 1px #d9d9d9 solid;
        width: 14px;
        height: 14px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 150%;
        margin-top: 4px;
    }

        .checkbox .check::before {
            position: absolute;
            vertical-align: middle;
            font-size: 0;
            content: "";
            height: 5px;
            width: 10px;
            background-color: transparent;
            color: transparent;
            border-left: 2px solid;
            border-bottom: 2px solid;
            border-color: #ffffff;
            left: 50%;
            top: 50%;
            display: none;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .checkbox input[type=checkbox]:checked ~ .check {
        border-color: #1d1d1d;
        background-color: #1d1d1d;
    }

        .checkbox input[type=checkbox]:checked ~ .check::before {
            display: block;
        }

    .checkbox input[type=checkbox]:disabled ~ .check {
        border-color: #e9e9e9;
        background-color: #e9e9e9;
    }

    .checkbox input[data-indeterminate=true] ~ .check {
        border-color: #1d1d1d;
        background-color: #1d1d1d;
    }

        .checkbox input[data-indeterminate=true] ~ .check::before {
            display: block !important;
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            border: 2px solid #ffffff;
            left: 50%;
            top: 50%;
            margin-left: -3px;
            margin-top: -3px;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }

    .checkbox .check {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .checkbox .caption {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .checkbox.caption-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }

    .checkbox.required,
    .checkbox.invalid,
    .checkbox.valid {
        border: none !important;
    }

        .checkbox.invalid::after {
            display: none;
        }

    .checkbox:focus input[type=checkbox]:not(:disabled) ~ .check::after,
    .checkbox:active input[type=checkbox]:not(:disabled) ~ .check::after {
        display: block;
        content: "";
        position: absolute;
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 50%;
        background-color: rgba(187, 187, 187, 0.5);
        opacity: 0.3;
        top: 50%;
        left: 50%;
        margin-top: -1.5625rem;
        margin-left: -1.5625rem;
    }

    .checkbox.style2 input[type=checkbox]:checked ~ .check {
        border-color: #1d1d1d;
        background-color: #ffffff;
    }

    .checkbox.style2 .check {
        border-color: #989898;
    }

        .checkbox.style2 .check::before {
            border-color: #1d1d1d;
        }

    .checkbox.style2 input[type=checkbox]:disabled ~ .check {
        border-color: #e9e9e9;
        background-color: #ffffff;
    }

        .checkbox.style2 input[type=checkbox]:disabled ~ .check::before {
            border-color: #e9e9e9;
        }

    .checkbox.style2 input[data-indeterminate=true] ~ .check {
        border-color: #1d1d1d;
        background-color: #ffffff;
    }

        .checkbox.style2 input[data-indeterminate=true] ~ .check::before {
            background-color: #1d1d1d;
            border: 2px solid #1d1d1d;
            width: 8px;
            height: 8px;
            margin-left: -4px;
            margin-top: -4px;
        }

    .checkbox.transition-on .check {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .checkbox.transition-on input[type=checkbox]:checked ~ .check {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .checkbox.transition-on input[data-indeterminate=true] ~ .check {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

/* Stats Colors */
/*
#totals .Pending, #UserStats .Pending {
    border-left: solid 5px #c5deb8;
}

#totals thead .Pending, #UserStats thead .Pending {
    border-top: solid 5px #c5deb8;
}

#totals .Courtesy, #UserStats .Courtesy {
    border-left: solid 5px #9dc5c7;
}

#totals thead .Courtesy, #UserStats thead .Courtesy {
    border-top: solid 5px #9dc5c7;
}

#totals .General, #UserStats .General {
    border-left: solid 5px #e092cb;
}

#totals thead .General, #UserStats thead .General {
    border-top: solid 5px #e092cb;
}

.Badge {
    float: right;
    margin-top: -8px;
    margin-right: -10px;
}

.UserCell:hover {
    background-color: white;
}
*/

.main-header .navbar, .main-header .logo {
    height: 52px;
    position: relative;
    background-color: transparent;
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
    /*text-shadow: 0 1px 0 #fff;*/
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
    border-bottom: 1px solid #bababa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
    border: 1px solid #D5D5D5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-background-clip: padding-box;
}

.main-header {
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 1020;
    width: 100%;
}


.StatsDashboardTable th {
    border-bottom:none !important;
}

.StatsDashboardTable {
    border-bottom: none !important;
}