/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: Verdana, Tahoma, sans-serif !important;
    font-size: 12px !important; /*padding-top: 50px;*/
    padding-bottom: 20px;
}

.clear {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 0;
}

select.input-medium {
    width: 164px;
}
/* Align */
.valign-top {
    vertical-align: top !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

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

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

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

.footerHr hr {
    margin-bottom: 0 !important;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE 6-9 */
}

/*
[class^="icon-"],
[class*=" icon-"] {
    margin-top: 3px !important;
    background-image: url("./img/glyphicons-halflings.png") !important;
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("./img/glyphicons-halflings-white.png") !important;
}

[class^="icon-g-"],
[class*=" icon-g-"] {
    background-image: url("./img/glyphicons.png") !important;
}

[class^="icon-g-white"],
[class*=" icon-g-white"] {
    background-image: url("./img/glyphicons-white.png") !important;
}
*/

.input-mini {
    width: 34px !important;
}

.input-small {
    width: 64px !important;
}

.input-date {
    width: 74px !important;
}

.input-medium {
    width: 124px !important;
}

.input-large {
    width: 184px !important;
}

.input-xlarge {
    width: 244px !important;
}

.input-xxlarge {
    width: 504px !important;
}

table.DDDetailsTable a.btn-primary {
    color: #ffffff !important;
}

    table.DDDetailsTable a.btn-primary:hover {
        text-decoration: none !important;
    }

/* Validation Callout

.formError .formErrorContent {
    -moz-border-radius: 6px;
     -moz-box-shadow: 0 0 6px #000;
     -o-border-radius: 6px;
     -o-box-shadow: 0 0 6px #000;
     -webkit-border-radius: 6px;
     -webkit-box-shadow: 0 0 6px #000;
     background: #ee0101;
     border: 2px solid #ddd;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -ms-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
     color: #fff;
     font-size: 11px;
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
     padding: 4px 10px 4px 10px;
     position: relative;
     width: 100%;
}

.formError.formErrorArrow {
     margin: -2px 0 0 13px;
     position: relative;
     width: 15px;
 }
 .formError .inline .formErrorContent {
     -moz-border-radius: 0;
     -moz-box-shadow: none;
     -o-border-radius: 0;
     -o-box-shadow: none;
     -webkit-border-radius: 0;
     -webkit-box-shadow: none;
     border: none;
     -ms-border-radius: 0;
     border-radius: 0;
     -ms-box-shadow: none;
     box-shadow: none;
 }
*/

/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.body-content {
    margin: 0 auto !important;
    min-height: 450px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.tvMenu .nav input[type='checkbox'] {
    margin: 0px 5px 0px 0px !important;
}

.tvMenu .nav td {
    vertical-align: middle;
}

.container {
    margin: 0 auto;
    /*width: 1280px !important;*/
    width: 90%;
}

/* Set widths on the form inputs since otherwise they're 100% wide */

input, select, textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: -10px;
        min-height: 250px;
    }

        .jumbotron h1 {
            line-height: 50px !important;
            text-align: center;
        }

    .body-content {
        margin-top: 20px !important;
        /*width: 1280px;*/
    }
}

/* Custom */

/* Common */

.hidden, .menu .nav {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.none {
    float: none;
}

.left-content {
    background-color: #333333;
    margin-top: 75px;
    position: fixed;
    width: 300px;
}

/* WebX Menu */

.navbar-fixed-top, .fixed-content {
    background-image: -webkit-gradient(linear, 0% 0%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #deeefc));
    background-image: -webkit-linear-gradient(left center, #ffffff 0%, #deeefc 100%);
    background-image: -moz-linear-gradient(left center, #ffffff 0%, #deeefc 100%);
    background-image: -o-linear-gradient(left center, #ffffff 0%, #deeefc 100%);
    background-image: linear-gradient(left center, #ffffff 0%, #deeefc 100%);
    /*behavior: url(PIE-2.0beta1/PIE.htc);*/
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#deeefc');
}

.navbar-fix {
    position: fixed !important;
    width: 100%;
    z-index: 1000;
}

.navbar-fixed-top {
    position: static !important;
}

.fixed-content {
    background-color: white;
    color: #23639a;
    /*height: 70px;
    position: fixed;*/
    width: 100%;
}

    .fixed-content .navbar-header {
        width: 300px !important;
    }

    .fixed-content .dvLoginfo {
        margin-top: -35px;
    }

.fixed-content, .menu ul {
    -moz-box-shadow: 0 0 5px #23639a;
    -o-box-shadow: 0 0 5px #23639a;
    -webkit-box-shadow: 0 0 5px #23639a;
    box-shadow: 0 0 5px #23639a;
}

    .fixed-content a:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .fixed-content .navbar-right {
        float: right !important;
        margin: 0 !important;
    }

    .fixed-content .navbar-collapse li {
        padding-left: 10px;
    }

    .fixed-content .navbar-collapse a {
        font-size: 12px;
        font-weight: bold;
        padding: 0px 0px 0px 10px;
    }

.logo {
    width: 150px;
}

.navbar .dvLoginfo .nav > li > a {
    color: #326C9C !important;
    font-weight: bold;
}

.menu {
    width: 430px;
}

    .menu ul {
        background-color: #ffffff;
        -ms-border-radius: 0px 0px 0px 5px;
        border-radius: 0px 0px 0px 5px;
        border-top: 3px solid #23639A;
        border-bottom: 1px solid #D9D9D9;
        border-right: 1px solid #D9D9D9;
        border-left: 1px solid #D9D9D9;
        margin: -2px 0px 0px -20px;
        min-height: 400px;
        width: 275px;
        z-index: 11;
    }

.menu-title {
    border-radius: 5px 5px 0px 0px;
    display: block;
    float: left;
    height: 28px;
    padding: 2px 20px;
    position: relative;
    /*width: 70px;*/
    margin-left: -8px;
}

    .menu-title a.lead {
        color: #ffffff;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .menu-title:hover ul.nav {
        display: block;
        position: fixed;
    }

        .menu-title:hover ul.nav ul {
            display: none;
        }

.menu .nav li {
    border-bottom: 1px solid #D9D9D9;
    height: 30px;
    list-style-type: none;
    padding-left: 15px;
    position: static;
}

/*.menu .nav li:hover, .menu .nav li a:hover,*/

/*.menu-title {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr=' #23639a');*/

/*IE7- filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0);*/

/*IE8+ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";*/

/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
    background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);
}*/

.menu .nav a {
    color: #000000;
    display: block;
    font-weight: normal;
    height: 24px;
}

.menu .nav li, .menu .nav li a, .menu .nav li li, .menu .nav li li a, .menu .nav li li:hover li a {
}

    .menu .nav li a {
        display: block;
        padding: 3px 15px;
    }

    .menu .nav li ul {
        margin-left: 260px;
        margin-top: -25px;
        padding-left: 0px;
        position: absolute;
        top: 22px;
    }

    .menu .nav li li {
    }

    .menu .nav li ul ul {
    }

    .menu .nav li:hover ul {
        border-radius: 0px 5px 5px 0px;
        display: block;
        z-index: 12;
    }

        .menu .nav li:hover ul ul {
            display: none;
        }

    .menu .nav li li:hover ul {
        border-radius: 0px 5px 5px 0px;
        display: block;
        z-index: 13;
    }

    .menu .nav li li:hover {
        background-image: none;
    }

        .menu .nav li:hover, .menu .nav li a:hover, .menu .nav li li:hover a {
            background-color: inherit;
            background-image: none;
        }

            .menu .nav li:hover li a, .menu .nav ul li:hover li a {
                color: #000000;
                font-weight: normal;
            }

            .menu .nav li:hover a, .menu .nav ul li:hover a, .menu .nav li li li:hover a {
                color: #23639A;
                font-weight: bold;
            }

    .menu .nav li li li:hover a {
        background-image: none;
    }

#login-info {
    clear: right;
}

    #login-info span {
        color: #666666;
        display: block;
        float: left;
        font-size: 12px;
        height: 25px;
        padding: 0px 2px;
    }

/* Box */

.box {
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    -webkit-bbox-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    margin: 0px auto;
    padding: 0px;
}

    .box h2, .box h4 {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #305294;
        background-color: #305294;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #305294), color-stop(100%, #305294));
        background-image: -webkit-linear-gradient(top, #305294 0%, #305294 100%);
        background-image: -moz-linear-gradient(top, #305294 0%, #305294 100%);
        background-image: -o-linear-gradient(top, #305294 0%, #305294 100%);
        background-image: linear-gradient(top, #305294 0%, #305294 100%);
        border-color: #1b5480;
        border-style: solid;
        border-width: 1px;
        box-sizing: border-box;
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF305294', endColorstr='#FF305294');
        font-size: 16px;
        font-weight: bold;
        margin: 0px;
        padding: 5px;
        text-decoration: none !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    }

    .box p, .box div.box-content {
        background-color: #ffffff;
        color: #000000;
        font-size: 12px;
        padding: 15px 25px;
    }

    .box .control-label {
        margin-left: 5px;
        padding-top: 19px;
        text-align: left;
    }

    .box .form-horizontal {
        padding: 5px 15px;
    }

/* Elements */

.text-red {
    color: red !important;
    font-size: 8pt !important;
}

/*input,select,textarea {width:150px;}*/

.dropdown {
    background-color: #E8E8E8;
    border: 1px solid #d4d4d4;
    color: #000;
    font-size: 12px;
    *margin: 6px 0 0 0;
    margin: 2px;
    padding: 2px;
    width: 200px;
}

dl {
    margin-bottom: 25px;
    width: 440px;
}

    dl dt {
        float: left;
        font-weight: normal;
        margin: 2px 10px 2px 0;
        padding: 0px;
        width: 200px;
    }

    dl dd {
        display: inline-block;
        margin: 2px 0;
        vertical-align: middle;
        width: 450px;
    }

        dl dd input {
            margin-bottom: 0px !important;
        }

    dl dt input[type="radio"] {
        display: inline;
        margin-right: 5px;
        vertical-align: top;
    }

    dl dt label {
        display: inline-block;
    }

/*	Global classes	*/

.DDMainHeader {
    border-bottom: 1px dotted #bbbbbb;
    color: #888;
    font: small-caps bold 1.6em Trebuchet MS, Arial, sans-serif;
    padding-bottom: 12px;
}

.DDSubHeader {
    color: #888;
    font: 1.2em Trebuchet MS, Arial, sans-serif;
    margin-bottom: 10px;
}

.DD {
    color: #666;
    font: .75em Tahoma, Arial, sans-serif;
    padding: 0px 8px;
}

.DDLightHeader {
    background-color: #F7F7FF;
    font-weight: bold;
}

.DDTextBox, .DDDropDown {
    background-color: #FEFEFE;
    border: solid 1px #dcdcdc;
    color: #666;
    font: .95em Tahoma, Arial, Sans-Serif;
}

.DDDropDown {
    padding: 2px;
}

.DDFilter {
    color: #666;
    font: .95em Tahoma, Arial, Sans-serif;
}

.DDControl {
    color: #666;
    font: .95em Tahoma, Arial, Sans-Serif;
    padding: 0px;
}

.DDFloatLeft {
    float: left;
}

.DDFloatRight {
    float: right;
}

.DDFooter {
    background-color: #dbddff;
}

.DDSelected {
    background-color: #fdffb8;
}

div.DDNoItem {
    color: Red;
    font-family: Trebuchet MS, Arial, sans-serif;
}

.DDValidator {
    color: Red;
    font-family: Trebuchet MS, Arial, sans-serif;
}

/*	Navigation	*/

div.DDNavigation {
    font: .75em Tahoma, Arial, Sans-Serif;
    margin-bottom: -10px;
    padding: 0px 5px;
    position: relative;
    top: -28px;
}

    div.DDNavigation img {
        background-color: #fff;
        border: none;
        margin-top: 0em;
        padding: 0px 8px;
        position: relative;
    }

    div.DDNavigation a {
        background-color: #fff;
        color: #839ce7;
        left: .25em;
        padding-right: 8px;
        text-decoration: none;
        top: -.2em;
    }

        div.DDNavigation a:hover {
            color: #000099;
            text-decoration: underline !important;
        }

/*	Details VIEW/EDIT	*/

table.DDDetailsTable {
    background-color: #FCFDFE;
    border: 1px solid #dbddff;
    /*border-bottom-width: 3px;*/
    color: #666;
}

    table.DDDetailsTable a {
        color: #718ABE;
        /*padding-right: 6px;*/
        text-decoration: none;
    }

        table.DDDetailsTable a:hover {
            color: #000099;
            text-decoration: underline !important;
        }

    table.DDDetailsTable .td {
        border: 1px solid #dbddff;
        border-bottom-style: dotted;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: .7em;
        padding: 3px 6px !important;
    }

    table.DDDetailsTable th {
        padding: 3px 6px !important;
    }

    table.DDDetailsTable td {
        padding: 3px 6px !important;
    }

    table.DDDetailsTable tr:first-child td {
        padding-top: 6px !important;
    }
    /*table.DDDetailsTable tr:last-child td { padding-bottom: 6px !important; }*/

    /*table.DDDetailsTable .input-medium, .input-mini, .input-small, .input-large, .input-xlarge, .input-xxlarge {
        margin-bottom: 0px !important;
    }*/

    table.DDDetailsTable td input[type='radio'] {
        float: left !important;
        margin-right: 5px !important;
    }

/*	DDGridView/DDListView	*/

table.DDGridView, table.DDListView {
    border: solid 1px #dbddff;
    color: #666;
    width: 100%;
}

    table.DDGridView th, table.DDGridView td, table.DDListView th, table.DDListView td {
        white-space: nowrap;
    }

    table.DDGridView th, table.DDListView th {
        background: url(img/header_back.gif) repeat-x;
        border: solid 1px #dbddff;
        line-height: 2.3em;
        padding-left: 15px;
        text-align: left;
        background: #EBECFF;
        background-color: #EBECFF; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmVjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f5f5ff 0%, #f0f1ff 50%, #ebecff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5ff), color-stop(50%,#f0f1ff), color-stop(100%,#ebecff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5ff 0%,#f0f1ff 50%,#ebecff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5ff 0%,#f0f1ff 50%,#ebecff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5ff 0%,#f0f1ff 50%,#ebecff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5ff 0%,#f0f1ff 50%,#ebecff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5ff', endColorstr='#ebecff',GradientType=0 ); /* IE6-8 */
    }

        table.DDGridView th a, table.DDListView th a {
            color: #666;
            text-decoration: none;
        }

    table.DDGridView td, table.DDListView td {
        border: solid 1px #dbddff;
        padding: 3px;
        padding-left: 15px;
        vertical-align: top;
    }

        table.DDGridView td a, table.DDListView td a {
            color: #718ABE;
            margin-right: 6px;
            text-decoration: none;
            vertical-align: top;
        }

    table.DDGridView .DDSelected a, table.DDListView .DDSelected a {
        color: #718ABE;
        margin-right: 6px;
        text-decoration: none;
    }

        table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover {
            color: #000099;
            text-decoration: underline;
        }

    table.DDGridView td a:hover, table.DDListView td a:hover {
        color: #000099;
        text-decoration: underline;
    }

    table.DDGridView td input[type='image'] {
        height: 24px !important;
        width: 24px !important;
    }

    table.DDGridView td input[type='radio'], input[type='checkbox'] {
        margin-top: 0px !important;
    }

.box-content a.file-input-wrapper:hover {
    text-decoration: none !important;
    color: #fff !important;
}

a.file-input-wrapper {
    text-decoration: none !important;
    color: #fff !important;
}

.file-input-wrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

    .file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 99;
        outline: 0;
    }

.file-input-name {
    margin-left: 8px;
}

/*.box-content input[type='type'] {
    position: absolute;
}*/

/*	DataPager	*/

div.DDPager {
    padding: 0px 6px;
}

/* Bottom hyperlink design*/

div.DDBottomHyperLink {
    font: .75em Tahoma, Arial, Sans-Serif;
}

    div.DDBottomHyperLink a {
        color: #839ce7;
        text-decoration: none;
    }

        div.DDBottomHyperLink a:hover {
            color: #000099;
            text-decoration: underline !important;
        }

    div.DDBottomHyperLink img {
        border: none;
        padding-right: 5px;
    }

/*Date Picker*/

/* Place image inside textbox
    img.ui-datepicker-trigger {
      position: relative;
      left: -18px!important;
      top: 2px!important;
}*/

.ui-datepicker-trigger {
    margin-left: 4px;
    height: 24px !important;
    width: 24px !important;
}

.ui-helper-clearfix {
    min-height: 27px !important;
}

    .ui-helper-clearfix select, input[type='file'] {
        height: 21px !important;
    }
/* Custom classes for element */

.box-content-inner {
    border: 1px solid #cccccc;
    padding: 10px;
}

.clsDateRange {
    border: 1px solid #d4d4d4;
    /*min-height: 130px;*/
    vertical-align: top;
    padding-top: 0px;
    padding-left: 10px;
    width: 450px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

    .clsDateRange dl {
    }

        .clsDateRange dl dt {
        }

        .clsDateRange dl dd {
            width: 225px;
        }

        .clsDateRange dl dt ul.nav {
            margin-bottom: 0px !important;
        }

.lnkImg, a.lnkImg:hover {
    cursor: pointer;
    text-decoration: none;
}

input.validation-error, select.validation-error {
    /*background-color: #FFF0F0;
    background-image: none;
    border: 1px solid #F00;
    margin: 0px;*/
}

label.validation-error {
    background-color: #FFF0F0;
    background-image: none;
    border: 1px solid #F00;
    color: #F00;
}

div.validation-error {
    /*
    background-color: #FFF0F0;
    background-image: none;
    border: 1px solid #F00;
    margin: 2px 0px 0px 0px;
    */
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 6px #000;
    -o-border-radius: 6px;
    -o-box-shadow: 0 0 6px #000;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 0 6px #000;
    background: #ee0101;
    border: 2px solid #ddd;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -ms-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
    color: #fff;
    font-size: 11px;
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
    padding: 4px 10px 4px 10px;
    position: absolute;
    width: 100%;
}

/* JQuery Web Ticker - Start */
.tickercontainer { /* the outer div with the black border */
    width: 500px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
        position: relative;
        top: 8px;
        height: auto;
        /*width: 718px;*/
        overflow: hidden;
    }

ul.newsticker { /* that's your list */
    position: relative;
    /*left: 750px;*/
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.newsticker li {
        float: left; /* important: display inline gives incorrect results when you check for elem's width */
        margin: 0;
        padding-right: 15px;
        /*background: #fff;*/
    }
/* JQuery Web Ticker - End */

/* Custom classes for element ID wise */

#breadcrumb {
    color: #8F8F8F;
    font-weight: bold;
}

    #breadcrumb label {
        color: #165A8E;
        display: inline-block;
        font-weight: bold;
    }

/* Bootstrap changes */

.alert {
    left: 340px;
    position: fixed;
    top: 200px;
    width: 600px;
    z-index: 1041;
}

.navbar-toggle {
    display: none;
}

.row {
    margin: 0 !important;
}

h1, h2, h3 {
    line-height: 15px !important;
}

.navbar .nav {
    left: auto !important;
    margin-left: -20px !important;
}

.menu .nav > li {
    float: none !important;
}

.navbar .nav > li > a {
    color: #000 !important;
    padding: 5px 0px 5px 17px !important;
}

    .navbar .nav > li > a:hover {
        color: #005580 !important;
    }

.size-sm-1 {
    width: 25px !important;
}

.size-md-1 {
    width: 50px !important;
}

.size-sm-2 {
    width: 75px !important;
}

.size-lg-1 {
    width: 100px !important;
}

.size-sm-3 {
    width: 125px !important;
}

.size-md-2 {
    width: 150px !important;
}

.size-sm-4 {
    width: 175px !important;
}

.size-lg-2 {
    width: 200px !important;
}

.size-sm-5 {
    width: 225px !important;
}

.size-md-3 {
    width: 250px !important;
}

.size-sm-6 {
    width: 275px !important;
}

.size-lg-3 {
    width: 300px !important;
}

.size-lg-4 {
    width: 400px !important;
}

.size-lg-5 {
    width: 500px !important;
}

.size-lg-6 {
    width: 600px !important;
}

.size-lg-7 {
    width: 700px !important;
}

.size-lg-8 {
    width: 800px !important;
}

.size-lg-9 {
    width: 900px !important;
}

.size-lg-10 {
    width: 1000px !important;
}

/* Bootstrap Grid */

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

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

.col-xs-1 {
    width: 8.333333333333332%;
}

.col-xs-2 {
    width: 16.666666666666664%;
}

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

.col-xs-4 {
    width: 33.33333333333333%;
}

.col-xs-5 {
    width: 41.66666666666667%;
}

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

.col-xs-7 {
    width: 58.333333333333336%;
}

.col-xs-8 {
    width: 66.66666666666666%;
}

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

.col-xs-10 {
    width: 83.33333333333334%;
}

.col-xs-11 {
    width: 91.66666666666666%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-md-1 {
        width: 8.333333333333332%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*bootstrap.min 3.0.3 Conversion*/
.navbar-brand {
    padding: 0 !important;
    height: 32px !important;
}

.navbar-fixed-top {
    border: 0px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none !important;
    outline: none !important;
}

.container .jumbotron, .container-fluid .jumbotron {
    padding: 0px !important;
}

/*bootstrap 3.0.3 Conversion*/
/*.input-group {
    display: table-cell;
}*/

.input-group-addon_small_icon {
    padding: 9px 12px !important;
}

/*jQuery.bxSlider css Conversion*/
.bx-wrapper .bx-viewport {
    left: 0px !important;
}

.bx-viewport .bxslider li {
    left: 0px;
}

/*Custom Css*/

.ui-datepicker.ui-datepicker-multi-3 {
    width: 58em !important;
}

.counter_test {
    /* background-color: rgba(66,66,66,0.5); */
    font-size: 66px;
    /* color: #fff; */
    letter-spacing: 7px;
    margin: 0 48px;
}

.display-flex {
    display: flex;
}

.display-block {
    display: block;
}

.padding_space {
    padding: 7px;
}

span.counter_test:first-letter {
    background-color: rgba(66, 66, 66, 0.5);
    color: #fff;
}

.card {
    width: 160px;
    height: 100px;
}

    .card .back a {
        width: 160px !important;
        height: 100px !important;
    }

/*jQuery - ui*/
.ui-datepicker table {
    font-size: 1em !important;
}

.ui-datepicker-header.ui-helper-clearfix {
    min-height: 37px !important;
}

select.ui-datepicker-month, select.ui-datepicker-year {
    display: block;
    width: 100%;
    height: 28px;
    padding: 2px 12px;
    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;
    height: 28px !important;
    float: left;
}

.ui-datepicker-group-first .ui-datepicker-title {
    margin-top: 0px !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 5px 2.3em 0;
}

.dipslay_table_cell {
    display: table-cell !important;
}

.dvColor-picker {
    padding: 0 !important;
    display: table !important;
    z-index: inherit !important;
}

.btn-color-picker {
    background: none;
}

.dvColor-picker li:hover a {
    background: none !important;
    text-decoration: none !important;
}