/*{
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}*/

body
{
    background-color: #fff;
    /*border-top: solid 10px #000;*/
    color: #333;
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
    height: 100%;
}
/*do not change the position of the style*/

.nopadd
{
    padding: 0px !important;
}


/*customized styles*/

.m-auto
{
    margin: auto;
}

.m-0
{
    margin: 0 !important;
}

.m-5
{
    margin: 5px !important;
}

.m-10
{
    margin: 10px !important;
}

.m-20
{
    margin: 20px !important;
}

/****  Margin Top  ****/
.m-t-0
{
    margin-top: 0px !important;
}

.m-t-5
{
    margin-top: 5px !important;
}

.m-t-10
{
    margin-top: 10px !important;
}

.m-t-15
{
    margin-top: 15px !important;
}

.m-t-20
{
    margin-top: 20px !important;
}

.m-t-30
{
    margin-top: 30px !important;
}

.m-t-40
{
    margin-top: 40px !important;
}

.m-t-60
{
    margin-top: 60px !important;
}

/****  Margin Bottom  ****/
.m-b-0
{
    margin-bottom: 0px !important;
}

.m-b-5
{
    margin-bottom: 5px !important;
}

.m-b-6
{
    margin-bottom: 6px !important;
}

.m-b-10
{
    margin-bottom: 10px !important;
}

.m-b-12
{
    margin-bottom: 12px !important;
}

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

.m-b-20
{
    margin-bottom: 20px !important;
}

.m-b-30
{
    margin-bottom: 30px !important;
}

.m-b-40
{
    margin-bottom: 40px !important;
}

.m-b-60
{
    margin-bottom: 60px !important;
}

.m-b-80
{
    margin-bottom: 80px !important;
}

.m-b-140
{
    margin-bottom: 140px !important;
}

.m-b-80
{
    margin-bottom: 80px !important;
}

.m-b-245
{
    margin-bottom: 245px !important;
}

.m-b-245
{
    margin-bottom: 245px !important;
}

.m-b-m30
{
    margin-bottom: -30px !important;
}

.m-b-m50
{
    margin-bottom: -50px !important;
}

/****  Margin Left  ****/
.m-l-5
{
    margin-left: 5px !important;
}

.m-l-10
{
    margin-left: 10px !important;
}

.m-l-20
{
    margin-left: 20px !important;
}

.m-l-30
{
    margin-left: 30px !important;
}

.m-l-60
{
    margin-left: 60px !important;
}

/****  Margin Right  ****/
.m-r-5
{
    margin-right: 5px !important;
}

.m-r-10
{
    margin-right: 10px !important;
}

.m-r-20
{
    margin-right: 20px !important;
}

.m-r-30
{
    margin-right: 30px !important;
}

.m-r-40
{
    margin-right: 40px !important;
}

.m-r-50
{
    margin-right: 50px !important;
}

.m-r-60
{
    margin-right: 60px !important;
}

/****  Padding  ****/
.p-0
{
    padding: 0 !important;
}

.p-5
{
    padding: 5px !important;
}

.p-10
{
    padding: 10px !important;
}

.p-15
{
    padding: 15px !important;
}

.p-20
{
    padding: 20px !important;
}

.p-30
{
    padding: 30px !important;
}

.p-40
{
    padding: 40px !important;
}

/****  Padding Top  ****/
.p-t-0
{
    padding-top: 0 !important;
}

.p-t-10
{
    padding-top: 10px !important;
}

.p-t-20
{
    padding-top: 20px !important;
}

/****  Padding Bottom  ****/
.p-b-0
{
    padding-bottom: 0 !important;
}

.p-b-10
{
    padding-bottom: 10px !important;
}

.p-b-20
{
    padding-bottom: 10px !important;
}

.p-b-30
{
    padding-bottom: 30px !important;
}

/****  Padding Left  ****/
.p-l-5
{
    padding-left: 5px !important;
}

.p-l-10
{
    padding-left: 10px !important;
}

.p-l-20
{
    padding-left: 20px !important;
}

.p-l-30
{
    padding-left: 30px !important;
}

.p-l-40
{
    padding-left: 40px !important;
}
/* Padding Right  ****/
.p-r-5
{
    padding-right: 5px !important;
}

.p-r-10
{
    padding-right: 10px !important;
}

.p-r-20
{
    padding-right: 20px !important;
}

.p-r-30
{
    padding-right: 30px !important;
}

/****  Top  ****/
.t-0
{
    top: 0;
}

.t-5
{
    top: 5px;
}

.t-10
{
    top: 10px;
}

.t-15
{
    top: 15px;
}

/****  Bottom  ****/
.b-0
{
    bottom: 0;
}

.b-5
{
    bottom: 5px;
}

.b-10
{
    bottom: 10px;
}

.b-15
{
    bottom: 15px;
}

/****  Left  ****/
.l-0
{
    left: 0;
}

.l-5
{
    left: 5px;
}

.l-10
{
    left: 10px;
}

.l-15
{
    left: 15px;
}

/****  Right  ****/
.r-0
{
    right: 0;
}

.r-5
{
    right: 5px;
}

.r-10
{
    right: 10px;
}

.r-15
{
    right: 15px;
}

/****  Border Radius  ****/
.bd-0
{
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.bd-3
{
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.bd-6
{
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}

.bd-9
{
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important;
}

.bd-50p
{
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

/****  Border Radius  ****/
.no-bd
{
    border: none !important;
    box-shadow: none;
}

.border-bottom
{
    border-bottom: 1px solid #EFEFEF !important;
}

.border-top
{
    border-top: 1px solid #EFEFEF !important;
}

.bd-white
{
    border-color: #fff !important;
}

.bd-green
{
    border-left: 3px solid #5CB85C;
    padding-left: 20px;
}

.bd-red
{
    border-left: 3px solid #C9625F;
    padding-left: 20px;
}

.bd-blue
{
    border-left: 3px solid #3598DB;
    padding-left: 20px;
}

.bd-t-red
{
    border-top: 4px solid #C9625F;
}

.bd-t-green
{
    border-top: 4px solid #5CB85C;
}

.bd-t-blue
{
    border-top: 4px solid #0090D9;
}

.bd-t-dark
{
    border-top: 4px solid #2B2E33;
}

.bd-t-purple
{
    border-top: 4px solid #B57EE0;
}

.bd-l-red
{
    border-left: 4px solid #C9625F;
}

.bd-l-green
{
    border-left: 4px solid #5CB85C;
}

.bd-l-blue
{
    border-left: 4px solid #0090D9;
}

.bd-l-dark
{
    border-left: 4px solid #2B2E33;
}

.bd-l-purple
{
    border-left: 4px solid #B57EE0;
}

.bd-b-red
{
    border-bottom: 4px solid #C9625F;
}

.bd-b-green
{
    border-bottom: 4px solid #5CB85C;
}

.bd-b-blue
{
    border-bottom: 4px solid #0090D9;
}

.bd-b-dark
{
    border-bottom: 4px solid #2B2E33;
}

.bd-b-purple
{
    border-bottom: 4px solid #B57EE0;
}

/****  Background Colors  ****/
.bg-gray
{
    background-color: #b6b6b6 !important;
    color: #000 !important;
}

.bg-gray-light
{
    background-color: #ECECEC !important;
    color: #000 !important;
}

.bg-red
{
    background-color: #C75757 !important;
    color: #fff !important;
}

.bg-white
{
    background-color: #fff !important;
    color: black !important;
}

.bg-green
{
    background-color: #18a689 !important;
    color: #fff !important;
}

.bg-blue
{
    background-color: #0090D9 !important;
    color: #fff !important;
}

.bg-orange
{
    background-color: #f27835 !important;
    color: #fff !important;
}

.bg-purple
{
    background-color: #B57EE0 !important;
    color: #fff !important;
}

.bg-dark
{
    background-color: #2B2E33 !important;
    color: #fff !important;
}

.bg-purple-gradient
{
    background: #bf9bdd;
    background: -moz-radial-gradient(center, ellipse cover, #bf9bdd 27%, #9e52dd 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(27%,#bf9bdd), color-stop(100%,#9e52dd));
    background: -webkit-radial-gradient(center, ellipse cover, #bf9bdd 27%,#9e52dd 100%);
    background: -o-radial-gradient(center, ellipse cover, #bf9bdd 27%,#9e52dd 100%);
    background: -ms-radial-gradient(center, ellipse cover, #bf9bdd 27%,#9e52dd 100%);
    background: radial-gradient(ellipse at center, #bf9bdd 27%,#9e52dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9bdd', endColorstr='#9e52dd',GradientType=1 );
}

.bg-opacity-20
{
    background-color: rgba(0, 0, 0, 0.2);
}

/****  Opacity  ****/
.opacity-0
{
    opacity: 0;
}

.opacity-20
{
    opacity: .2;
}

.opacity-50
{
    opacity: .5;
}

.opacity-70
{
    opacity: .7;
}

.opacity-90
{
    opacity: .9;
}


/****  Width  ****/
.width-0
{
    width: 0 !important;
}

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

.min-width-40
{
    min-width: 40px;
}

.width-100p
{
    width: 100% !important;
}

/****  Height  ****/
.h-0
{
    height: 0 !important;
    overflow: hidden !important;
}

.h-20
{
    height: 20px !important;
    overflow: hidden !important;
}

.h-30
{
    height: 30px !important;
    overflow: hidden !important;
}

.h-40
{
    height: 40px !important;
    overflow: hidden !important;
}

.h-100
{
    height: 100px !important;
    overflow: hidden !important;
}

.h-150
{
    height: 150px !important;
    overflow: hidden !important;
}

.h-220
{
    height: 220px !important;
    overflow: hidden !important;
}

.h-250
{
    height: 250px !important;
    overflow: hidden !important;
}

.h-280
{
    height: 280px !important;
    overflow: hidden !important;
}

.h-300
{
    height: 300px !important;
    overflow: hidden !important;
}

.pos-rel
{
    position: relative;
}

.pos-abs
{
    position: absolute;
}

.dis-inline
{
    display: inline;
}

.dis-inline-b
{
    display: inline-block;
}

.dis-block
{
    display: block !important;
}

.f-left
{
    float: left;
}

.f-right
{
    float: right;
}

.cursor-pointer
{
    cursor: pointer;
}

code
{
    padding: 2px 8px 2px 4px;
    font-size: 90%;
    color: #2A465C;
    background-color: #D5E9FF;
    white-space: nowrap;
    border-radius: 4px;
}

.line-separator
{
    border-right: 1px solid #DBE2E7;
}

img.img-left
{
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

img.img-right
{
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

.hide
{
    opacity: 0;
}

/****  Custom Scrollbar Browser  ****/
/*::-webkit-scrollbar {width:10px;}  
::-webkit-scrollbar-track {background-color: #eaeaea;border-left: 1px solid #c1c1c1;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}  
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }  
::-webkit-scrollbar-track {border-radius: 0;box-shadow: none;border: 0;}
::-webkit-scrollbar-thumb {border-radius: 0;box-shadow: none;border: 0;}*/

@media print
{
    body
    {
        margin-top: 0;
    }

    #main-content
    {
        padding: 0;
        background-color: transparent;
    }

    .no-print, .no-print *, .navbar, #sidebar
    {
        display: none !important;
    }

    .invoice
    {
        max-width: 100%;
        max-height: 100%;
        padding: 0 !important;
        border: none;
    }
}

/*------------------------------------------------------------------------------------*/
/*-------------------------------  GENERAL TYPOGRAPHY  -------------------------------*/
@font-face
{
    font-family: 'Carrois Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Carrois Gothic'), local('CarroisGothic-Regular'), url(../fonts/carrois.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans-light.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans-semibold.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans-bold.woff) format('woff');
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Carrois Gothic', verdana, arial;
    font-weight: 300 !important;
    color: inherit;
}

h3
{
    color: #534E4E;
}

a
{
    color: #0090D9;
    transition: color 0.2s linear 0s,background-color 0.2s linear 0s !important;
}

    a.active
    {
        color: #00A2D9 !important;
        text-decoration: underline;
    }

.carrois
{
    font-family: 'Carrois Gothic', sans-serif;
}

.uppercase
{
    text-transform: uppercase;
}

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

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

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

a, a:focus, a:hover, a:active
{
    outline: 0;
}

/****  Font Size  ****/
.f-12
{
    font-size: 12px !important;
}

.f-14
{
    font-size: 14px !important;
}

.f-15
{
    font-size: 15px !important;
}

.f-16
{
    font-size: 16px !important;
}

.f-18
{
    font-size: 18px !important;
}

.f-20
{
    font-size: 20px !important;
}

.f-24
{
    font-size: 24px !important;
}

.f-28
{
    font-size: 28px !important;
}

.f-32
{
    font-size: 32px !important;
}

.f-40
{
    font-size: 40px !important;
}

.f-60
{
    font-size: 60px !important;
}

.f-65
{
    font-size: 65px !important;
}

.f-80
{
    font-size: 80px !important;
}

.f-150
{
    font-size: 150px !important;
}

/****  Font Weight  ****/
.w-300
{
    font-weight: 300 !important;
}

.w-500
{
    font-weight: 500 !important;
}

.w-600
{
    font-weight: 600 !important;
}

.w-700
{
    font-weight: 700 !important;
}

/****  Font Color  ****/
.c-red
{
    color: #E13A3E !important;
}

.c-blue
{
    color: #00A2D9 !important;
}

.c-purple
{
    color: #B57EE0 !important;
}

.c-brown
{
    color: #9E7B2E !important;
}

.c-orange
{
    color: #ec8521 !important;
}

.c-green
{
    color: #18A689 !important;
}

.c-gray-light
{
    color: #dadada !important;
}

.c-gray
{
    color: #8F8F8F !important;
}

.c-dark
{
    color: #343434 !important;
}

.c-white
{
    color: #fff !important;
}

.transparent-color
{
    color: rgba(0, 0, 0, 0.2);
}

.line-through
{
    text-decoration: line-through;
}

.t-ellipsis
{
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.asterisk
{
    color: #D9534F;
}

.help-block
{
    color: #AFAAAA;
    font-weight: 500;
    font-size: 12px;
}


a
{
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #333;
    }

/*a:hover {
        background-color: #c7d1d6;
    }*/

header, footer, hgroup,
nav, section
{
    display: block;
}

mark
{
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6
{
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width: 960px;
}

#body
{
    /*background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;*/
    float: left;
}

.main-content
{
    background: url("../Images/accent.png") no-repeat;
    padding-left: 10px;
    padding-top: 30px;
}

.featured + .main-content
{
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper
{
    padding-top: 20px;
}

footer
{
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
}


/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login
{
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a
    {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username
        {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a
        {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
    background-color: #fff;
}

    .featured .content-wrapper
    {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2
    {
        color: #fff;
    }

    .featured p
    {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title
{
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2
    {
        display: inline;
    }

    hgroup.title h2
    {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li
    {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero
        {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one
        {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two
        {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three
        {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four
        {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five
        {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six
        {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven
        {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight
        {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine
        {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label
{
    font-weight: 700;
}

/* login page */
#loginForm
{
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error
    {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul
    {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li
    {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input
    {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button
        {
            width: auto;
        }

#socialLoginForm
{
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2
    {
        margin-bottom: 5px;
    }

#socialLoginList button
{
    margin-bottom: 12px;
}

#logoutForm
{
    display: inline;
}

/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox
    {
        display: inline;
    }

input, textarea
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 2px 0px 2px 5px;
    width: 300px;
}

textarea
{
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
}

/*input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }*/

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e13a3e;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

/*input.input-validation-error {
    border: 1px solid #e80c4d;
}*/

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}


/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    /*margin-top: 0.75em;*/
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #fff !important; /*#333*/
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px)
{

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right
    {
        float: none;
    }

    /* logo */
    header .site-title
    {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login
    {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul
        {
            margin: 5px 0;
            padding: 0;
        }

        #login li
        {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a
        {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover
            {
                color: #333;
            }

    /* menu */
    nav
    {
        margin-bottom: 5px;
    }

    ul#menu
    {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li
        {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content
    {
        background-position: 10px 0;
    }

    .content-wrapper
    {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper
    {
        padding: 10px;
    }

    /* page content */
    article, aside
    {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round
    {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li
        {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine
            {
                background: none;
            }

    /* features */
    section.feature
    {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img
        {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input
    {
        width: 90%;
    }

    /* login page */
    #loginForm
    {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error
        {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm
    {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right
    {
        float: none;
    }

    footer
    {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p
        {
            margin: 0;
        }
}

.header
{
    background-color: #00539F;
    min-height: 55px; /*93px; *60px*/
    /*width:100%;*/
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
    z-index: 1001;
    float: left;
}

.headerinner
{
    background-color: #00539F;
    height: 55px; /*93px;*/
    width: 100%;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
    z-index: 10001;
    float: left;
}

.btnrefresh
{
    background: #79A8D6;
    background-image: -webkit-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -moz-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -ms-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -o-linear-gradient(top, #79A8D6, #266EB1);
    background-image: linear-gradient(to bottom, #79A8D6, #266EB1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 9px; /*8px 20px 8px 20px*/
    border: solid #00539F 1px;
    text-decoration: none;
}

    .btnrefresh:hover
    {
        background: #20619E;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 14px;
        padding: 6px 9px; /*8px 20px 8px 20px*/
        border: solid #00539F 1px;
        text-decoration: none;
    }

.button
{
    width: auto;
    height: auto;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-size: 11px;
}

    .button:hover
    {
        width: auto;
        height: auto;
        color: #fff;
        border: 1px solid #fff;
        font-size: 11px;
    }

.lbl
{
    color: #00539F;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.list
{
    width: 78px;
    height: 36px;
    background: url('/Images/list.png') no-repeat 0 0;
    border: none;
    display: block;
}

    .list:hover
    {
        width: 78px;
        height: 36px;
        background: url('/Images/listhover.png') no-repeat 0 0;
        border: none;
        display: block;
    }

.map
{
    width: 77px;
    height: 36px;
    background: url('/Images/map.png') no-repeat 0 0;
    border: none;
    display: block;
}

    .map:hover
    {
        width: 77px;
        height: 36px;
        background: url('/Images/maphover.png') no-repeat 0 0;
        border: none;
        display: block;
    }

.btn-active
{
    color: #fff;
    background-color: #E13A3E;
    border: 2px solid #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 16px 7px 16px;
    border-radius: 18px !important;
    margin-right: 8px;
}

    .btn-active:hover
    {
        color: #fff;
        background-color: #E13A3E;
        border-color: #E13A3E;
        border: 2px solid #E13A3E !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 16px 7px 16px;
        border-radius: 18px !important;
        margin-right: 8px;
    }

.btn-inactive
{
    color: #85B4E0;
    background-color: transparent;
    border-color: #ccc;
    border: 2px solid #85B4E0 !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 16px 7px 16px;
    border-radius: 18px !important;
    margin-right: 8px;
}

    .btn-inactive:hover
    {
        color: #85B4E0;
        background-color: transparent;
        border-color: #ccc;
        border: 2px solid #85B4E0 !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 16px 7px 16px;
        border-radius: 18px !important;
        margin-right: 8px;
    }

.btn-rounded
{
    border-radius: 18px !important;
}

.bg-color
{
    background-color: #EEEEEE !important;
}

.btnlist
{
    background-color: #fff;
    /*border-radius:3px;*/
    margin-left: -4px;
    text-align: right;
    float: right;
    margin-right: 0px !important;
    padding: 6px 8px !important;
    color: #9b9b9b;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
}

    .btnlist:hover
    {
        background-color: #00539F;
        color: #fff;
        /*border-radius:3px;*/
        text-align: right;
        float: right;
        margin-right: 0px !important;
        padding: 6px 8px !important;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
    }

.btnlistselected
{
    background-color: #00539F;
    color: #fff;
    /*border-radius:3px;*/
    text-align: right;
    float: right;
    margin-right: 0px !important;
    padding: 6px 8px !important;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
}

.lblbold
{
    color: #FFFFFF;
    font-weight: bold;
    /*text-align: right;*/
    font-size: 14px;
}

.lbldata
{
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
}

.noleftpadd
{
    padding-left: 0px !important;
}

.norightpadd
{
    padding-right: 0px !important;
}

.lbldate
{
    margin-top: 0px !important;
    font-weight: bold;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 17px;
}

.lblroute
{
    color: #00539F;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 0px;
}

.lblUnselectedItem
{
    font-weight: bold;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 19px;
}

.lblpercent
{
    font-weight: normal;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 19px;
}

.lblvalues
{
    font-size: 13px;
    color: #4A4A4A;
    font-weight: normal;
}

.lblheadings
{
    font-size: 13px;
    color: #4A4A4A;
    font-weight: bold !important;
}

table.grid-table
{
    width: 100% !important;
    /*display:block !important;*/
}

@media (min-width: 768px)
{
    .m-r
    {
        margin-right: 7px !important;
    }

    .routeid
    {
        padding: 15px 0px 0px 8px !important;
    }

    .summary
    {
        padding: 15px 0px 15px 0px !important;
    }
}

@media (min-width: 992px)
{
    .m-r
    {
        margin-right: 7px !important;
    }

    .routeid
    {
        padding: 15px 0px 0px 8px !important;
    }

    .summary
    {
        padding: 15px 0px 15px 15px !important;
    }
}

@media (min-width: 1200px)
{
    .m-r
    {
        margin-right: 7px !important;
    }

    .routeid
    {
        padding: 15px 0px 0px 15px !important;
    }

    .summary
    {
        padding: 15px 0px 15px 25px !important;
    }
}

@media (min-width: 1600px)
{
    .routeid
    {
        padding: 15px 0px 0px 15px !important;
    }
    /*.summary
    {
         padding:15px 0px 15px 35px !important;
    }*/
}

@media (min-width: 768px)
{

    /*.txtsize
    {
        width:70px !important;
        border:1px solid #707070; 
        height:26px;
    }*/
    .logintxtsize
    {
        width: 218px !important;
        border: 1px solid #707070;
        height: 24px;
        /*padding:3px 5px;*/
    }

    .textellipsis
    {
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80px !important;
    }
}

@media (min-width: 992px)
{
    /*.txtsize
    {
        width:75px !important;
        border:1px solid #707070; 
        height:26px;
    }*/
    .textellipsis
    {
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 80px !important;
    }
}

@media (min-width: 1200px)
{
    /*.txtsize
    {
         width:100px !important;
         border:1px solid #707070; 
         height:26px;
    }*/
    .textellipsis
    {
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 130px !important;
    }
}
/*new styles to fix to pixels*/

.logo
{
    font-size: 22px; /*24px*/
    color: #fff;
}

.logout
{
    margin-right: 53px;
    margin-top: 5px;
    float: right !important;
}

.txtsize
{
    width: 100px !important;
    border: 1px solid #707070;
    height: 26px;
}

.trucktxtsize
{
    border: 1px solid #707070;
    height: 26px;
    width: 95px !important;
}


.form-control
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus
    {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .form-control::-moz-placeholder
    {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder
    {
        color: #999;
    }

    .form-control::-webkit-input-placeholder
    {
        color: #999;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control
    {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control
    {
        cursor: not-allowed;
    }

textarea.form-control
{
    height: auto;
}

@media (min-width: 768px)
{
    .col-sm-1, .col-sm-1plus, .col-sm-2, .col-sm-2plus, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-9plus, .col-sm-10, .col-sm-11, .col-sm-11plus, .col-sm-12
    {
        float: left;
    }

    .col-sm-12
    {
        width: 100%;
    }

    .col-sm-11plus
    {
        width: 95.83333335%;
    }

    .col-sm-11
    {
        width: 91.66666667%;
    }

    .col-sm-10
    {
        width: 83.33333333%;
    }

    .col-sm-9plus
    {
        width: 79.16666665%;
    }

    .col-sm-9
    {
        width: 75%;
    }

    .col-sm-8
    {
        width: 66.66666667%;
    }

    .col-sm-7
    {
        width: 58.33333333%;
    }

    .col-sm-6
    {
        width: 50%;
    }

    .col-sm-5
    {
        width: 41.66666667%;
    }

    .col-sm-4
    {
        width: 33.33333333%;
    }

    .col-sm-3
    {
        width: 25%;
    }

    .col-sm-2plus
    {
        width: 20.833333333%;
    }

    .col-sm-2
    {
        width: 16.66666667%;
    }

    .col-md-1plus
    {
        width: 12%;
    }

    .col-sm-1
    {
        width: 8.33333333%;
    }

    .col-sm-pull-12
    {
        right: 100%;
    }

    .col-sm-pull-11
    {
        right: 91.66666667%;
    }

    .col-sm-pull-10
    {
        right: 83.33333333%;
    }

    .col-sm-pull-9
    {
        right: 75%;
    }

    .col-sm-pull-8
    {
        right: 66.66666667%;
    }

    .col-sm-pull-7
    {
        right: 58.33333333%;
    }

    .col-sm-pull-6
    {
        right: 50%;
    }

    .col-sm-pull-5
    {
        right: 41.66666667%;
    }

    .col-sm-pull-4
    {
        right: 33.33333333%;
    }

    .col-sm-pull-3
    {
        right: 25%;
    }

    .col-sm-pull-2
    {
        right: 16.66666667%;
    }

    .col-sm-pull-1
    {
        right: 8.33333333%;
    }

    .col-sm-pull-0
    {
        right: auto;
    }

    .col-sm-push-12
    {
        left: 100%;
    }

    .col-sm-push-11
    {
        left: 91.66666667%;
    }

    .col-sm-push-10
    {
        left: 83.33333333%;
    }

    .col-sm-push-9
    {
        left: 75%;
    }

    .col-sm-push-8
    {
        left: 66.66666667%;
    }

    .col-sm-push-7
    {
        left: 58.33333333%;
    }

    .col-sm-push-6
    {
        left: 50%;
    }

    .col-sm-push-5
    {
        left: 41.66666667%;
    }

    .col-sm-push-4
    {
        left: 33.33333333%;
    }

    .col-sm-push-3
    {
        left: 25%;
    }

    .col-sm-push-2
    {
        left: 16.66666667%;
    }

    .col-sm-push-1
    {
        left: 8.33333333%;
    }

    .col-sm-push-0
    {
        left: auto;
    }

    .col-sm-offset-12
    {
        margin-left: 100%;
    }

    .col-sm-offset-11
    {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10
    {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9
    {
        margin-left: 75%;
    }

    .col-sm-offset-8
    {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7
    {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6
    {
        margin-left: 50%;
    }

    .col-sm-offset-5
    {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4
    {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3
    {
        margin-left: 25%;
    }

    .col-sm-offset-2
    {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1
    {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0
    {
        margin-left: 0;
    }
}

@media (min-width: 992px)
{
    .col-md-1, .col-md-1plus, .col-md-2, .col-md-2plus, .col-md-3, .col-md-3plus .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-10plus, .col-md-11, .col-md-11plus .col-md-12
    {
        float: left;
    }

    .col-md-12
    {
        width: 100%;
    }

    .col-md-11plus
    {
        width: 95.3333335%;
    }

    .col-md-11
    {
        width: 91.66666667%;
    }

    .col-md-10
    {
        width: 83.33333333%;
    }

    .col-md-9
    {
        width: 75%;
    }

    .col-md-8
    {
        width: 66.66666667%;
    }

    .col-md-7
    {
        width: 58.33333333%;
    }

    .col-md-6
    {
        width: 50%;
    }

    .col-md-5
    {
        width: 41.66666667%;
    }

    .col-md-4
    {
        width: 33.33333333%;
    }

    .col-md-3plus
    {
        width: 29.166666665%;
    }

    .col-md-3
    {
        width: 25%;
    }

    .col-md-2plus
    {
        width: 20.83333334%;
    }

    .col-md-2
    {
        width: 16.66666667%;
    }

    .col-md-1plus
    {
        width: 12%;
    }

    .col-md-1
    {
        width: 8.33333333%;
    }

    .col-md-pull-12
    {
        right: 100%;
    }

    .col-md-pull-11
    {
        right: 91.66666667%;
    }

    .col-md-pull-10
    {
        right: 83.33333333%;
    }

    .col-md-pull-9
    {
        right: 75%;
    }

    .col-md-pull-8
    {
        right: 66.66666667%;
    }

    .col-md-pull-7
    {
        right: 58.33333333%;
    }

    .col-md-pull-6
    {
        right: 50%;
    }

    .col-md-pull-5
    {
        right: 41.66666667%;
    }

    .col-md-pull-4
    {
        right: 33.33333333%;
    }

    .col-md-pull-3
    {
        right: 25%;
    }

    .col-md-pull-2
    {
        right: 16.66666667%;
    }

    .col-md-pull-1
    {
        right: 8.33333333%;
    }

    .col-md-pull-0
    {
        right: auto;
    }

    .col-md-push-12
    {
        left: 100%;
    }

    .col-md-push-11
    {
        left: 91.66666667%;
    }

    .col-md-push-10
    {
        left: 83.33333333%;
    }

    .col-md-push-9
    {
        left: 75%;
    }

    .col-md-push-8
    {
        left: 66.66666667%;
    }

    .col-md-push-7
    {
        left: 58.33333333%;
    }

    .col-md-push-6
    {
        left: 50%;
    }

    .col-md-push-5
    {
        left: 41.66666667%;
    }

    .col-md-push-4
    {
        left: 33.33333333%;
    }

    .col-md-push-3
    {
        left: 25%;
    }

    .col-md-push-2
    {
        left: 16.66666667%;
    }

    .col-md-push-1
    {
        left: 8.33333333%;
    }

    .col-md-push-0
    {
        left: auto;
    }

    .col-md-offset-12
    {
        margin-left: 100%;
    }

    .col-md-offset-11
    {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10
    {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9
    {
        margin-left: 75%;
    }

    .col-md-offset-8
    {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7
    {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6
    {
        margin-left: 50%;
    }

    .col-md-offset-5
    {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4
    {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3
    {
        margin-left: 25%;
    }

    .col-md-offset-2
    {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1
    {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0
    {
        margin-left: 0;
    }

    .districtseperator
    {
        margin-right: 15px;
        float: left;
    }

    .truckseperator
    {
        margin-right: 8px;
        float: left;
    }
}

@media (min-width: 1200px)
{
    .col-lg-1, .col-lg-1plus, .col-lg-2, .col-lg-2plus, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-9plus, .col-lg-10, .col-lg-11, .col-lg-11plus, .col-lg-12
    {
        float: left;
    }

    .col-lg-12
    {
        width: 100%;
    }

    .col-lg-11plus
    {
        width: 95.83333335%;
    }

    .col-lg-11
    {
        width: 91.66666667%;
    }

    .col-lg-10
    {
        width: 83.33333333%;
    }

    .col-lg-9plus
    {
        width: 79.16666665%;
    }

    .col-lg-9
    {
        width: 75%;
    }

    .col-lg-8
    {
        width: 66.66666667%;
    }

    .col-lg-7
    {
        width: 58.33333333%;
    }

    .col-lg-6
    {
        width: 50%;
    }

    .col-lg-5
    {
        width: 41.66666667%;
    }

    .col-lg-4
    {
        width: 33.33333333%;
    }

    .col-lg-3
    {
        width: 25%;
    }

    .col-lg-2plus
    {
        width: 20.833333333%;
    }

    .col-lg-2
    {
        width: 16.66666667%;
    }

    .col-lg-1plus
    {
        width: 12.5%;
    }

    .col-lg-1
    {
        width: 8.33333333%;
    }

    .col-lg-pull-12
    {
        right: 100%;
    }

    .col-lg-pull-11
    {
        right: 91.66666667%;
    }

    .col-lg-pull-10
    {
        right: 83.33333333%;
    }

    .col-lg-pull-9
    {
        right: 75%;
    }

    .col-lg-pull-8
    {
        right: 66.66666667%;
    }

    .col-lg-pull-7
    {
        right: 58.33333333%;
    }

    .col-lg-pull-6
    {
        right: 50%;
    }

    .col-lg-pull-5
    {
        right: 41.66666667%;
    }

    .col-lg-pull-4
    {
        right: 33.33333333%;
    }

    .col-lg-pull-3
    {
        right: 25%;
    }

    .col-lg-pull-2
    {
        right: 16.66666667%;
    }

    .col-lg-pull-1
    {
        right: 8.33333333%;
    }

    .col-lg-pull-0
    {
        right: auto;
    }

    .col-lg-push-12
    {
        left: 100%;
    }

    .col-lg-push-11
    {
        left: 91.66666667%;
    }

    .col-lg-push-10
    {
        left: 83.33333333%;
    }

    .col-lg-push-9
    {
        left: 75%;
    }

    .col-lg-push-8
    {
        left: 66.66666667%;
    }

    .col-lg-push-7
    {
        left: 58.33333333%;
    }

    .col-lg-push-6
    {
        left: 50%;
    }

    .col-lg-push-5
    {
        left: 41.66666667%;
    }

    .col-lg-push-4
    {
        left: 33.33333333%;
    }

    .col-lg-push-3
    {
        left: 25%;
    }

    .col-lg-push-2
    {
        left: 16.66666667%;
    }

    .col-lg-push-1
    {
        left: 8.33333333%;
    }

    .col-lg-push-0
    {
        left: auto;
    }

    .col-lg-offset-12
    {
        margin-left: 100%;
    }

    .col-lg-offset-11
    {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10
    {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9
    {
        margin-left: 75%;
    }

    .col-lg-offset-8
    {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7
    {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6
    {
        margin-left: 50%;
    }

    .col-lg-offset-5
    {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4
    {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3
    {
        margin-left: 25%;
    }

    .col-lg-offset-2
    {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1
    {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0
    {
        margin-left: 0;
    }
}

@media (min-width: 1600px)
{

    .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12
    {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .col-xlg-1, .col-xlg-1plus, .col-xlg-2, .col-xlg-2plus, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12
    {
        float: left;
    }

    .col-xlg-12
    {
        width: 100%;
    }

    .col-xlg-11
    {
        width: 91.66666667%;
    }

    .col-xlg-10
    {
        width: 83.33333333%;
    }

    .col-xlg-9
    {
        width: 75%;
    }

    .col-xlg-8
    {
        width: 66.66666667%;
    }

    .col-xlg-7
    {
        width: 58.33333333%;
    }

    .col-xlg-6
    {
        width: 50%;
    }

    .col-xlg-5
    {
        width: 41.66666667%;
    }

    .col-xlg-4
    {
        width: 33.33333333%;
    }

    .col-xlg-3
    {
        width: 25%;
    }

    .col-xlg-2plus
    {
        width: 20.83333%;
    }

    .col-xlg-2
    {
        width: 16.66666667%;
    }

    .col-xlg-1plus
    {
        width: 12.5%;
    }

    .col-xlg-1
    {
        width: 8.33333333%;
    }

    .col-xlg-pull-12
    {
        right: 100%;
    }

    .col-xlg-pull-11
    {
        right: 91.66666667%;
    }

    .col-xlg-pull-10
    {
        right: 83.33333333%;
    }

    .col-xlg-pull-9
    {
        right: 75%;
    }

    .col-xlg-pull-8
    {
        right: 66.66666667%;
    }

    .col-xlg-pull-7
    {
        right: 58.33333333%;
    }

    .col-xlg-pull-6
    {
        right: 50%;
    }

    .col-xlg-pull-5
    {
        right: 41.66666667%;
    }

    .col-xlg-pull-4
    {
        right: 33.33333333%;
    }

    .col-xlg-pull-3
    {
        right: 25%;
    }

    .col-xlg-pull-2
    {
        right: 16.66666667%;
    }

    .col-xlg-pull-1
    {
        right: 8.33333333%;
    }

    .col-xlg-pull-0
    {
        right: auto;
    }

    .col-xlg-push-12
    {
        left: 100%;
    }

    .col-xlg-push-11
    {
        left: 91.66666667%;
    }

    .col-xlg-push-10
    {
        left: 83.33333333%;
    }

    .col-xlg-push-9
    {
        left: 75%;
    }

    .col-xlg-push-8
    {
        left: 66.66666667%;
    }

    .col-xlg-push-7
    {
        left: 58.33333333%;
    }

    .col-xlg-push-6
    {
        left: 50%;
    }

    .col-xlg-push-5
    {
        left: 41.66666667%;
    }

    .col-xlg-push-4
    {
        left: 33.33333333%;
    }

    .col-xlg-push-3
    {
        left: 25%;
    }

    .col-xlg-push-2
    {
        left: 16.66666667%;
    }

    .col-xlg-push-1
    {
        left: 8.33333333%;
    }

    .col-xlg-push-0
    {
        left: auto;
    }

    .col-xlg-offset-12
    {
        margin-left: 100%;
    }

    .col-xlg-offset-11
    {
        margin-left: 91.66666667%;
    }

    .col-xlg-offset-10
    {
        margin-left: 83.33333333%;
    }

    .col-xlg-offset-9
    {
        margin-left: 75%;
    }

    .col-xlg-offset-8
    {
        margin-left: 66.66666667%;
    }

    .col-xlg-offset-7
    {
        margin-left: 58.33333333%;
    }

    .col-xlg-offset-6
    {
        margin-left: 50%;
    }

    .col-xlg-offset-5
    {
        margin-left: 41.66666667%;
    }

    .col-xlg-offset-4
    {
        margin-left: 33.33333333%;
    }

    .col-xlg-offset-3
    {
        margin-left: 25%;
    }

    .col-xlg-offset-2
    {
        margin-left: 16.66666667%;
    }

    .col-xlg-offset-1
    {
        margin-left: 8.33333333%;
    }

    .col-xlg-offset-0
    {
        margin-left: 0;
    }
}

.columnBold
{
    font-weight: bold !important;
}

.table > thead > tr > th
{
    vertical-align: bottom;
    border-bottom: 0px solid #ddd !important;
}

.btnlogin
{
    background: #79a8d6 linear-gradient(to bottom, #79a8d6, #266eb1) repeat scroll 0 0;
    background: -webkit-linear-gradient(top,#79a8d6 0%,#266eb1 99%);
    border: 1px solid #00539f;
    border-radius: 4px;
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
}

    .btnlogin:hover
    {
        background: #20619E;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #ffffff;
        font-size: 15px;
        padding: 5px 15px; /*8px 20px 8px 20px*/
        border: solid #00539F 1px;
        text-decoration: none;
    }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
}

.mygridscroll
{
    min-height: 70px;
}



.wrappingdiv
{
    width: 184px;
    height: auto;
    float: left;
}

.lbldistrict
{
    width: 54px;
    height: auto;
    float: left;
    margin-right: 8px;
}

.lbltruck
{
    width: 42px;
    height: auto;
    float: left;
    margin-right: 8px;
}

.lbldate
{
    width: 34px;
    height: auto;
    float: left;
    margin-right: 8px;
}

.txtdistrict
{
    width: 100px;
    height: auto;
    float: left;
    margin-right: 22px;
}

.btndistrict
{
    width: 102px;
    height: auto;
    float: left;
    margin-right: 11px;
}

.lbldiv
{
    width: 100px;
    height: auto;
    float: left;
    margin-right: 11px;
}

.lbllast
{
    width: 100%;
    height: auto;
    float: left;
}

.errordiv
{
    width: auto;
    height: auto;
    float: left;
    color: #e13a3e !important;
}

.lblvalue
{
    width: 100%;
    height: auto;
    float: left;
    margin-right: 22px;
}

.lblheading
{
    width: 100%;
    height: auto;
    float: left;
    margin-right: 8px;
}

.districtFloatingGrid
{
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.50);
    position: absolute;
    left: 5px;
    z-index: 10001;
    background-color: white;
    margin-top: 15px !important;
    opacity: 0.9;
    width: 280px; /*260px*/
}

.gridcolumnWidth div
{
    width: 90px !important;
    white-space: normal !important;
}

.receivercolumnWidth div
{
    width: 110px !important;
    white-space: normal !important;
}

.drivercolumnWidth div
{
    width: 100px !important; /*120px !important;*/
}

.lastActivitycolumnWidth div
{
    width: 138px !important; /*160px !important;*/
}

.truckcolumnWidth div
{
    width: 50px !important;
}

.AddresscolumnWidth div
{
    width: 210px !important;
}


/*Make "Routes" list a little thinner*/
.districtmaptable td
{
    padding: 0px !important;
}

    .districtmaptable td table td
    {
        padding: 5px 0px 0px 4px !important;
    }


/*New Changes from bootstrap*/
.container-fluid
{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.table
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px !important;
}

label
{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    font-weight: bold;
}

.btn
{
    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: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 15px;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xlg
{
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xlg-block,
.visible-xlg-inline,
.visible-xlg-inline-block
{
    display: none !important;
}

@media (min-width: 1600px)
{
    .visible-xlg
    {
        display: block !important;
    }

    table.visible-xlg
    {
        display: table;
    }

    tr.visible-xlg
    {
        display: table-row !important;
    }

    th.visible-xlg,
    td.visible-xlg
    {
        display: table-cell !important;
    }
}

@media (min-width: 1600px)
{
    .visible-xlg-block
    {
        display: block !important;
    }
}

@media (min-width: 1600px)
{
    .visible-xlg-inline
    {
        display: inline !important;
    }
}

@media (min-width: 1600px)
{
    .visible-xlg-inline-block
    {
        display: inline-block !important;
    }
}

.col-grid-pull-10
{
    right: 10px;
}


.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th
{
    background-color: transparent;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th
{
    background-color: transparent;
}

.searchtxtsize
{
    border: 1px solid #707070 !important;
    height: 35px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-right: 45px;
}

.btnsearch
{
    background: #79A8D6;
    background-image: -webkit-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -moz-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -ms-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -o-linear-gradient(top, #79A8D6, #266EB1);
    background-image: linear-gradient(to bottom, #79A8D6, #266EB1);
    -webkit-border-radius: 4px;
    margin-left: -30px;
    padding: 10px 9px 8px 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: medium none;
}

.btnclear
{
    background: url('../Images/clearbtn.png') no-repeat 0 0;
    margin-left: -53px;
    top: 16px;
    background-color: #fff;
    width: 14px;
    height: 14px;
    border: none !important;
    position: absolute;
    padding: 7px;
}

.btnStandardActive
{
    background-color: #00539F;
    float: left;
    color: #fff;
    border: 0px none;
    font-weight: bold;
}

.btnStandardInactive
{
    background-color: #fff;
    float: left;
    color: #808080;
    border: 0px none;
    font-weight: bold;
}

.btnSatelliteActive
{
    background-color: #00539F;
    color: #fff;
    float: right;
    border: 0px none;
    font-weight: bold;
}

.btnSatelliteInactive
{
    background-color: #fff;
    color: #808080;
    float: right;
    border: 0px none;
    font-weight: bold;
}


/*Kendo*/

.gridcolumnWidth
{
    width: 75px !important;
    white-space: normal !important;
}

.routeidgridcolumnWidth
{
    width: 50px !important;
    white-space: normal !important;
}

.receivercolumnWidth
{
    width: 110px !important;
    white-space: normal !important;
}

.drivercolumnWidth
{
    width: 100px !important;
}

.lastActivitycolumnWidth
{
    width: 240px !important;
}

.truckcolumnWidth
{
    width: 70px !important;
}

.AddresscolumnWidth
{
    width: 210px !important;
}

.btnReset
{
    background: #79A8D6;
    background-image: -webkit-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -moz-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -ms-linear-gradient(top, #79A8D6, #266EB1);
    background-image: -o-linear-gradient(top, #79A8D6, #266EB1);
    background-image: linear-gradient(to bottom, #79A8D6, #266EB1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 6px; /*6px 9px;*/
    border: solid #00539F 1px;
    text-decoration: none;
}