/* Minification failed. Returning unminified contents.
(1014,16): run-time error CSS1035: Expected colon, found ''
(1016,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ''
 */
/*  */
.ui-widget-content {
    border-width: 0px;
    background: #eee;
}

.ui-widget-header {
    border-width: 0px;
    background: transparent;
}

/* Tab */
.ui-tabs {
    padding: 0;
    margin-bottom: 0;
}

    .ui-tabs .ui-tabs-nav {
        padding: 0;
        line-height: 1;
    }

        .ui-tabs .ui-tabs-nav li {
            border-width: 0px;
            margin-right: 0px;
        }

            .ui-tabs .ui-tabs-nav li.ui-state-focus, .ui-tabs .ui-tabs-nav li.ui-state-default {
                background: transparent;
            }

            .ui-tabs .ui-tabs-nav li.ui-state-hover {
                background: transparent;
            }

            .ui-tabs .ui-tabs-nav li.ui-state-active {
                background-color: #fff;
            }

            .ui-tabs .ui-tabs-nav li.ui-state-disabled {
                background: transparent;
                opacity: 1;
            }

                .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
                    color: #828282;
                }

            .ui-tabs .ui-tabs-nav li a {
                padding: 8px;
                background: transparent;
            }

    .ui-tabs .ui-tabs-panel {
        background-color: #eee;
        box-shadow: 0px 2px 3px 0px #cecece inset;
    }

.table-striped tbody > tr:nth-child(even) > td {
    background: #eeeeee;
}

.table-striped tbody > tr:nth-child(odd) > td {
    background: #ffffff;
}

.table-striped > tbody > tr:nth-child(odd) > td.popup-header, .table-striped > tbody > tr:nth-child(odd) > th.popup-header {
    background: #e4ebeb;
}

/* IE8 Problem */

/* Button */
.ui-dialog .ui-dialog-buttonpane button.btn_blue {
    background: -moz-linear-gradient(50% 0% -90deg,rgba(73, 105, 138, 1) 0%,rgba(28, 68, 109, 1) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,rgba(73, 105, 138, 1) ),color-stop(1,rgba(28, 68, 109, 1) ));
    background: -o-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    background: -ms-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#49698A', endColorstr='#1C446D' ,GradientType=0)";
    background: linear-gradient(180deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    border-style: Solid;
    border-color: #003366;
    border-color: rgba(0, 51, 102, 1);
    border-width: 1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49698A',endColorstr='#1C446D', GradientType=0);
    color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button.btn_orange
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(236, 116, 65, 1) 0%,rgba(231, 81, 18, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(236, 116, 65, 1) ),color-stop(1,rgba(231, 81, 18, 1) ));
  background : -o-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC7441', endColorstr='#E75112' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  border-style : Solid;
  border-color : #E75112;
  border-color : rgba(231, 81, 18, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC7441',endColorstr='#E75112' , GradientType=0);
  color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button.btn_grey
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(238, 238, 238, 1) 0%,rgba(218, 218, 218, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(238, 238, 238, 1) ),color-stop(1,rgba(218, 218, 218, 1) ));
  background : -o-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  border-style : Solid;
  border-color : #D1D1D1;
  border-color : rgba(209, 209, 209, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#DADADA' , GradientType=0);
  color: #666666;
}

/* Default button */
.ui-dialog .ui-dialog-buttonpane button.btn-default {
    color: #333;
    background: #fff;
    border-color: #fff;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-default:hover,
    .ui-dialog .ui-dialog-buttonpane button.btn-default:active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

/* Cancel button */
.ui-dialog .ui-dialog-buttonpane button.btn-cancel {
    color: #333;
    background-color: #f2f5f7;
    border-color: #fff;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-cancel:hover,
    .ui-dialog .ui-dialog-buttonpane button.btn-cancel:active, .open > .dropdown-toggle.btn-cancel {
        color: #333;
        background-color: #e0e7eb;
        border-color: #d0dbe1;
    }
/* Primary button */
.ui-dialog .ui-dialog-buttonpane button.btn-primary {
    color: #fff;
    background: #5c89b6;
    border: 2px #fff solid;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-primary:hover,
    .ui-dialog .ui-dialog-buttonpane button.btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #4f80b0;
        border-color: #47739e;
    }

/* Danger button */
.ui-dialog .ui-dialog-buttonpane button.btn-danger {
    color: #fff;
    background-color: #f63;
    border: 2px #fff solid;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-danger:hover,
    .ui-dialog .ui-dialog-buttonpane button.btn-danger:active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #f63;
        border-color: #ff531a;
    }

.btn {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0;
    background: #fff;
    color: #3276b1;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
}


.btn-primary {
    color: #fff;
    background: #5c89b6;
    border: 2px #fff solid;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #4f80b0;
        border-color: #47739e;
    }



/* Secondary button */
.ui-dialog .ui-dialog-buttonpane button.btn-secondary {
    color: #fff;
    background: #3f9ed1;
    border: 2px #fff solid;
}

    .ui-dialog .ui-dialog-buttonpane button.btn-secondary:hover,
    .ui-dialog .ui-dialog-buttonpane button.btn-secondary:active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #275b89;
        border-color: #92abb9;
    }

.ui-button-text-only .ui-button-text {
    padding: 0 1em 2px;
}

button.standard {
    height: 23px;
    margin-top: 1px;
}

    button.standard.ui-state-focus, button.standard.ui-state-default {
        border: 1px solid #aaaaaa;
        background: #c8c8c8 url(../images/btn_standard_n.png) repeat-x;
        font-weight: normal;
    }

    button.standard.ui-state-hover {
        background: url(../images/btn_standard_r.png);
    }

    button.standard.ui-state-active {
        background: url(../images/btn_standard_p.png);
    }

    button.standard.ui-state-disabled {
        background: url(../images/btn_standard_d.png);
    }

    button.standard.ui-state-disabled {
        opacity: 1;
        color: #828282;
    }

/* Button (blue) */
button.blue {
    height: 23px;
}

    button.blue.ui-state-focus, button.blue.ui-state-default {
        border: 1px solid #ffffff;
        background: #004b8b url(../images/btn_blue_n.png) repeat-x;
        font-weight: normal;
        color: #ffffff;
    }

    button.blue.ui-state-hover {
        background-image: url(../images/btn_blue_r.png);
    }

    button.blue.ui-state-active {
        background-image: url(../images/btn_blue_p.png);
    }

    button.blue.ui-state-disabled {
        background-image: url(../images/btn_blue_d.png);
    }

    button.blue.ui-state-disabled {
        opacity: 1;
        color: #ffffff;
    }

button.default.ui-state-default {
    background-position: 0px -21px;
    border-left-width: 2px;
    border-right-width: 2px;
}

/* Checkbox / Radio */
span.ui-checkbox, span.ui-radio {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    margin: 2px 4px 0px 0px;
}

span.ui-checkbox {
    background: #fff url(../images/ui-checkbox.png) 0 0 no-repeat;
}

span.ui-radio {
    background: #fff url(../images/ui-radio.png) 0 0 no-repeat;
}

span.ui-checkbox-state-hover, span.ui-radio-state-hover {
    background-position: 0 -13px;
}

span.ui-checkbox-state-checked, span.ui-radio-state-checked {
    background-position: 0 -26px;
}

span.ui-checkbox-state-checked-hover, span.ui-radio-state-checked-hover {
    background-position: 0 -39px;
}

span.ui-checkbox-state-disabled, span.ui-radio-state-disabled {
    background-position: 0 -52px;
}

label.ui-checkbox, label.ui-radio {
    float: left;
    margin-right: 5px;
}

label.ui-checkbox-disabled, label.ui-radio-disabled {
    color: #808080;
}

/* Input */
.ui-widget input {
    border: 1px solid #AAAAAA;
    padding: 1px 2px 3px;
    margin-right: 10px;
}

    .ui-widget input:focus {
        background-color: #FFF4EB;
    }

    .ui-widget input.required {
        border-left: 4px solid #909090;
    }

    .ui-widget input.error {
        border-color: #ED2B2B;
        background-color: #F9E6E6;
    }

    .ui-widget input.readonly {
        border-color: #B9B9B9;
        background-color: #E6E6E6;
    }

    .ui-widget input.disabled {
        border-color: #D0D0D0;
        background-color: #E6E6E6;
        color: #828282;
    }

/* Combobox */
.ui-widget button.ui-button-combobox {
    width: 16px;
    height: 23px;
    float: left;
    margin-right: 10px;
}

    .ui-widget button.ui-button-combobox.ui-state-default .ui-icon {
        margin-top: -14px;
        background-image: url(../images/ui-icons_808080_256x240.png);
    }

    .ui-widget button.ui-button-combobox.ui-state-disabled {
        border-color: #C8C8C8;
        opacity: 1;
        background-image: url(../images/ui-bg_highlight-hard_100_c8c8c8_1x100.png);
    }

.ui-widget input.ui-autocomplete-input {
    background-color: #ffffff;
    background-image: none;
    border-right: none;
    float: left;
    margin-right: 0px;
}

ul.ui-autocomplete {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #aaaaaa;
}

    ul.ui-autocomplete .ui-menu-item a.ui-state-hover {
        border: 1px solid #95BBD7;
    }

/* Selectmenu */
.ui-selectmenu {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}

.ui-selectmenu-icon {
    position: absolute;
    right: 3px;
    margin-top: -8px;
    top: 50%;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
}

.ui-selectmenu-open {
    visibility: visible;
}

.ui-selectmenu-menu-popup {
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown {
}

.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
}

    .ui-selectmenu-menu li a, .ui-selectmenu-status {
        line-height: 19px;
        display: block;
        padding: 0 1em;
        outline: none;
        text-decoration: none;
    }

    .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
        color: #fff;
    }

    .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
        float: right;
        padding-right: 10px;
        margin-top: 4px;
    }

.ui-selectmenu-status {
    xline-height: 1.4em;
}

.ui-selectmenu-open li.ui-selectmenu-item-focus a {
}

.ui-selectmenu-open li.ui-selectmenu-item-selected {
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-content {
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: .8;
}
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}

    .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
        line-height: 1.4em;
        display: block;
        padding: .6em .5em 0;
        font-weight: bold;
    }

    .ui-selectmenu-menu .ui-selectmenu-group ul {
        margin: 0;
        padding: 0;
    }

/* data table */
.ui-data-table {
    width: 100%;
    height: 100%;
    border-spacing: 0px;
}

    .ui-data-table thead th {
        height: 23px;
        padding: 0px 5px 0px 5px;
        background: #E6E6E6 url(../images/ui-data-table-th.png) 0 0 repeat-x;
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        border-right: 1px solid #AAAAAA;
    }

        .ui-data-table thead th:first-child {
            border-left: 1px solid #AAAAAA;
        }

        .ui-data-table thead th span.ui-icon {
            float: right;
        }

    .ui-data-table tfoot td {
        height: 25px;
        padding: 0px;
        background: #E6E6E6 url(../images/ui-data-table-th.png) 0 0 repeat-x;
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
    }

        .ui-data-table tfoot td:first-child {
            border-left: 1px solid #AAAAAA;
        }

        .ui-data-table tfoot td:last-child {
            border-right: 1px solid #AAAAAA;
        }

    .ui-data-table tbody tr td {
        height: 19px;
        padding: 0px 5px 0px 5px;
        background-color: #fff;
        xborder-top: 1px solid transparent;
        xborder-bottom: 1px solid transparent;
    }

        .ui-data-table tbody tr td:first-child {
            border-left: 1px solid #AAAAAA;
        }

        .ui-data-table tbody tr td:last-child {
            border-right: 1px solid #AAAAAA;
        }

    .ui-data-table tbody tr:hover td {
        background-color: #F2F2F2;
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
    }

    .ui-data-table .ui-data-table-plusminus button, .ui-data-table .ui-data-table-pagging button {
        width: 24px;
        height: 24px;
        border-right: none;
        border-top: none;
        border-bottom: none;
        border-left: 1px solid #AAAAAA;
        display: inline-block;
        line-height: 24px;
        text-align: center;
        float: left;
    }

.ui-data-table-statusbar {
    float: left;
    line-height: 24px;
    border: none;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 45px;
}

.ui-data-table-pagging {
    float: left;
    border-right: 1px solid #AAAAAA;
    white-space: nowrap;
    margin: 0 auto;
}

.ui-data-table-plusminus {
    float: right;
    border: none;
    white-space: nowrap;
}

/* ListBox */
.ui-menu {
    list-style: none;
    padding: 3px;
    margin: 0;
    display: block;
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    background-image: none;
    overflow: auto;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 0px 2px 2px 2px;
            line-height: 15px;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
            }

/* Dialog */
.ui-dialog {
    border-left: 4px solid #003366;
    border-right: 4px solid #003366;
    border-bottom: 4px solid #003366;
    padding: 0px;
}

    .ui-dialog .ui-widget-header .ui-icon {
        background-image: url(../images/ui-icons_ffffff_256x240.png);
    }

    .ui-dialog .ui-widget-header {
        background-color: #003366;
        background-image: none;
        font-weight: normal;
        color: #ffffff;
    }

    .ui-dialog .ui-dialog-titlebar a.ui-dialog-titlebar-close .ui-icon-closethick {
        background-position: -80px -128px;
    }

    .ui-dialog .ui-dialog-titlebar a.ui-state-hover {
        background-image: none;
    }

    .ui-dialog .ui-dialog-content {
        background-color: #eee;
        padding: 0px 12px 0px 12px;
    }

    .ui-dialog div.headline {
        font-size: 18px;
        color: #174B84;
        padding: 0px 15px;
        margin: 0px -12px 12px -12px;
        font-weight: normal;
        line-height: 58px;
        border-bottom: 1px solid #AAAAAA;
    }

    .ui-dialog div.footer {
        text-align: right;
        padding: 0px 12px;
        margin: 0px -12px 0px -12px;
        font-weight: normal;
        line-height: 35px;
        border-top: 1px solid #AAAAAA;
        clear: both;
    }

/* Textarea */
.ui-widget textarea {
    border: 1px solid #AAAAAA;
    padding: 1px 2px 3px;
    margin-right: 10px;
}

    .ui-widget textarea:focus {
        background-color: #FFF4EB;
    }

    .ui-widget textarea.required {
        border-left: 4px solid #909090;
    }

    .ui-widget textarea.error {
        border-color: #ED2B2B;
        background-color: #F9E6E6;
    }

    .ui-widget textarea.readonly {
        border-color: #B9B9B9;
        background-color: #E6E6E6;
    }

    .ui-widget textarea.disabled {
        border-color: #D0D0D0;
        background-color: #E6E6E6;
        color: #828282;
    }

/* Date Picker */
.ui-datepicker {
    border: 1px solid #91A2B0;
    background-color: #FFFFFF;
    width: 180px;
    margin-top: 2px;
}

    .ui-datepicker .ui-widget-header {
        background-color: #E8EDF2;
        background-image: none;
    }

.ui-datepicker-trigger {
    float: left;
    height: 23px;
    margin-right: 10px;
    width: 23px;
}
/*.ui-widget input.hasDatepicker { margin-right: 0px; border-right: none; }*/
.ui-widget input.hasDatepicker {
    margin-right: 0px;
    border-right: none;
    background-image: url(../images/ico-calendar.png);
    background-repeat: no-repeat;
    background-position: right;
}
/* Just added little calendar icon to the right of the text box */

.ui-datepicker th {
    padding: 5px 3px;
    width: 14%;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    padding: 0px;
}

.ui-datepicker-calendar td a.ui-state-default {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}

.ui-datepicker-calendar td a.ui-state-active {
    border-color: #45D6FA;
    background-color: #CAE5EF;
    background-image: none;
}

.ui-datepicker-calendar td a.ui-state-highlight {
    border-color: #AAAAAA;
    background-color: #AAAAAA;
}

.ui-datepicker-calendar td a.ui-state-hover {
    border-color: #95BBD7;
    background-color: #DCEDF3;
    background-image: none;
}

.ui-datepicker-current-day {
}

.ui-datepicker-today {
}

.ui-datepicker-week-end a.ui-state-default {
    color: #c8c8c8;
}

.ui-datepicker-other-month {
}

.ui-datepicker-unselectable {
}

.ui-accordion .ui-accordion-header {
    background: #fcfcfc;
}

.ui-accordion .ui-accordion-header-active {
    background: #fff;
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: bottom;
}

.select2-drop {
    color: #003366;
}

.select2-container .select2-choice > .select2-chosen {
    color: #003366;
}

/* ================================================================================
    Browser reset
   ================================================================================ */
* {
    margin: 0;
    padding: 0;
}

option {
    padding-left: .4em;
}

select {
    padding: 1px;
}

* html body * {
    overflow: hidden;
}

* html iframe, * html frame {
    overflow: hidden;
}

* html frameset {
    overflow: hidden;
}

html {
    height: 100%;
    margin-bottom: 0px;
}

body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
}

fieldset, img {
    border: 0 solid;
}

ul, ol, dl {
    margin: 0;
    list-style-type: none;
}

li {
    margin-left: 0px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 1em .8em;
}

blockquote {
    margin: 0 0 1em .8em;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: "";
    }

table {
    border-style: none;
    border-color: inherit;
    border-width: medium; /*height: 337px;*/
}

a, a:link, a:hover, a:visited, a:active {
    text-decoration: none;
    outline: none;
    color: #0066CC;
}

pre {
    white-space: pre-wrap;
}
/* ================================================================================
    Layout
   ================================================================================ */
body {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    color: #000;
}

.preview-image {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#page {
}

#leftContainer {
    background-color: #464646;
    color: #fff;
    position: absolute;
    width: 250px;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

#leftContainerButton {
    background: url(../images/navigation-close.gif) no-repeat left center;
    cursor: pointer;
}

    #leftContainerButton.open {
        background: #464646 url(../images/navigation-open.gif) no-repeat left center;
        cursor: pointer;
    }

#mainContainer {
    background-color: #AAAAAA;
    position: absolute;
    left: 250px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
/* ================================================================================
    Frames
   ================================================================================ */

#frameContent {
    overflow: auto;
    background: #eee;
    position: absolute;
    top: 60px;
    bottom: 30px;
    left: 0px;
    right: 0px;
}

    #frameContent .main {
        margin: 0;
    }

    #frameContent .message {
        overflow: auto;
        padding-left: 15px;
        height: auto;
        line-height: 27px;
        border-bottom: 1px solid #AAAAAA;
        background: #DCE7F0;
    }

    #frameContent .msg-warning {
        background: #f0f49f;
    }

    #frameContent .msg-error {
        color: #ffffff;
        background: #be410d;
    }

    #frameContent .msg-info {
        color: #ffffff;
        background: #3f9ed1;
    }

/*ASU new footer styles*/
footer.sticky-footer {
    z-index: 910;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-width: 705px;
    height: 30px;
    min-height: 30px;
    background-color: #f5f5f5;
}

    footer.sticky-footer .tec-footer {
        background: -moz-linear-gradient(50% 0% -90deg,rgba(50, 87, 123, 1) 0%,rgba(28, 68, 109, 1) 100%);
        background: -webkit-linear-gradient(-90deg, rgba(50, 87, 123, 1) 0%, rgba(28, 68, 109, 1) 100%);
        background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,rgba(50, 87, 123, 1) ),color-stop(1,rgba(28, 68, 109, 1) ));
        background: -o-linear-gradient(-90deg, rgba(50, 87, 123, 1) 0%, rgba(28, 68, 109, 1) 100%);
        background: -ms-linear-gradient(-90deg, rgba(50, 87, 123, 1) 0%, rgba(28, 68, 109, 1) 100%);
        -ms-fi lter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#32577B', endColorstr='#1C446D' ,GradientType=0)";
        background: linear-gradient(180deg, rgba(50, 87, 123, 1) 0%, rgba(28, 68, 109, 1) 100%);
        lter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32577B',endColorstr='#1C446D', GradientType=0);
    }

    footer.sticky-footer nav.navbar {
        height: 30px;
        min-height: 30px;
    }

        footer.sticky-footer nav.navbar .navbar-brand {
            margin-left: -15px;
        }

        footer.sticky-footer nav.navbar ul.nav.navbar-nav li > span {
            display: block;
            position: relative;
            padding-top: 15px;
            padding-bottom: 15px;
            line-height: 20px;
        }

        footer.sticky-footer nav.navbar .navbar-brand {
            padding-left: 6px;
            padding-right: 6px;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 20px;
            font-size: 13px;
            color: #cfdee7;
        }

        footer.sticky-footer nav.navbar ul.nav.navbar-nav li > a {
            display: block;
            position: relative;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 6px;
            padding-right: 6px;
            line-height: 20px;
            font-size: 13px;
            color: #cfdee7;
        }

.text-muted {
    color: #777777;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/*ASU Add new header styles*/
header {
    background-color: #fff;
    display: block;
    height: 60px;
    min-width: 575px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 905;
}

    header .top-menu-left {
        float: left;
        width: 150px;
    }

        header .top-menu-left .header-logo2 {
            background-image: url(../images/logos/teccom-logo.svg);
            position: absolute;
            height: 60px;
            width: 150px;
        }

    header .top-menu-right {
        margin-left: 240px;
        height: 60px;
        background-image: url("../images/bg_cmd_header.png");
        background-repeat: no-repeat;
        background-color: #87c8ad;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1) inset;
    }

        header .top-menu-right .header-title {
            position: absolute;
            left: 260px;
            bottom: 10px;
            font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
            font-size: 18pt;
            font-weight: 600;
            color: #ffffff;
        }

    header #logoutForm {
        color: #003366;
    }

        header #logoutForm .product-version {
            margin-right: 20px;
            font-size: 14px;
            font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
        }

        header #logoutForm .header-user {
            padding-top: 20px;
            margin-right: 10px;
        }

            header #logoutForm .header-user a {
                color: #003366;
                font-size: 14px;
                font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
            }

                header #logoutForm .header-user a:hover,
                header #logoutForm .header-user a:focus {
                    color: #E75112;
                }

        header #logoutForm .fa {
            color: #003366;
            font-size: 14px;
            margin-right: 5px;
        }

        header #logoutForm .btn-header {
            padding-top: 20px;
            margin: 0 15px 0 15px;
        }


            header #logoutForm .btn-header.pull-right {
                margin-left: 6px;
            }

#navigation {
    font-size: 13px;
}

.level1 {
    background: #464646 url(../images/level1.gif) no-repeat left top;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 4px;
}

#navigation ul {
    padding: 0px 0px 0px 10px;
}

    #navigation ul li {
        margin-bottom: 1px;
        padding-left: 13px;
    }

        #navigation ul li li {
            padding-left: 0px;
        }

        #navigation ul li.open {
            background: #464646 url(../images/nav-open.png) no-repeat;
            cursor: pointer;
        }

        #navigation ul li.close {
            background: #464646 url(../images/nav-close.png) no-repeat;
        }

            #navigation ul li.close ul {
                display: none;
            }

        #navigation ul li a {
            color: #fff;
            display: block;
            margin-right: 10px;
            padding: 1px;
            text-decoration: none;
        }

            #navigation ul li a:hover, #navigation ul li a.active {
                background-color: #975E3F;
            }

#view {
    font-size: 13px;
    position: absolute;
    bottom: 15px;
    right: 0px;
    left: 0px;
}

    #view > * {
        padding-left: 10px;
    }

label {
    margin-right: 5px;
}

fieldset {
    margin-bottom: 10px;
}

    fieldset p {
        margin-bottom: 4px;
        clear: both;
    }

    fieldset.label-left {
    }

        fieldset.label-left label {
            display: block;
            float: left; /*height: 27px;*/
            height: 20px;
        }

    fieldset.label-right label {
        display: block;
        float: right; /*height: 27px;*/
        height: 20px;
    }

/* Fixed width for claim forms */
#ClaimForm {
    width: 970px;
}

/* If we want to show fields rendered in a two-column layout */
fieldset.two-columns div.row {
    width: 100%; /*overflow: auto;*/ /*width: 980px;*/
}

fieldset.two-columns div.row1 {
    width: 50%; /*width: 490px;*/
    float: left;
}

fieldset.two-columns div.row1 {
    width: 50%; /*width: 490px;*/
    float: left;
}

fieldset.two-columns div.row2 {
    width: 50%; /*width: 490px;*/
    float: right;
}

fieldset.two-columns label {
    display: block;
    float: left; /*height: 27px;*/
    height: 22px;
    width: 220px;
}
/*
fieldset.two-columns div.row2 p {
    float: left;
}*/

/* Styles for jQuery Validation generated validation messages */
span.formError {
    color: Red; /*     text-align:right;     margin-right:20px;     */
}

label.formError {
    color: Red; /*     float: right;     */
}

div.formError {
    color: Red;
}

/* ASP.NET MVC classes */
.validation-summary-errors {
    color: Red;
    font-size: 1.1em;
    margin-bottom: 15px;
}

fieldset.groupbox {
    border: 1px solid #aaaaaa;
    padding: 7px 12px 12px;
}

    fieldset.groupbox legend {
        color: #323232;
        padding: 0px 3px 0px 3px;
    }
/* ================================================================================
    Toolbar Button
   ================================================================================ */
.toolbar a.button {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 7px;
    background: transparent no-repeat left top;
}

.toolbar a:hover.button {
    cursor: pointer;
    background-position: left -24px;
}

.toolbar a.disabled {
    cursor: pointer;
    background-position: left bottom;
}

.toolbar a:hover.disabled {
    cursor: default;
    background-position: left bottom;
}

#toolbar-button-copy {
    background-image: url(../images/ico_copy.png);
}

#toolbar-button-cut {
    background-image: url(../images/ico_cut.png);
}

#toolbar-button-delete {
    background-image: url(../images/ico_delete.png);
}

#toolbar-button-help {
    background-image: url(../images/ico_help.png);
}

#toolbar-button-new {
    background-image: url(../images/ico_new.png);
}

#toolbar-button-open {
    background-image: url(../images/ico_open.png);
}

#toolbar-button-paste {
    background-image: url(../images/ico_paste.png);
}

#toolbar-button-save {
    background-image: url(../images/ico_save.png);
}
/* ================================================================================
    overwritejquery ui
   ================================================================================ */
.gradient {
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(left top, #808080, #C8C8C8 70%); /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, right top, from(#808080), to(#C8C8C8), color-stop(0.7, #C8C8C8)); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#C8C8C8, GradientType=1)"; /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#808080, endColorStr=#C8C8C8, GradientType=1);
}

.ui-tabs .ui-tabs-panel, .ui-data-table, .ui-dialog, .shadow {
    /* For Mozilla/Gecko (Firefox etc) */
    /*-moz-box-shadow: 3px 3px 4px #7B7B7B; /* For WebKit (Safari, Google Chrome etc) */
    /*-webkit-box-shadow: 3px 3px 4px #7B7B7B; /* css3 */
    /*box-shadow: 3px 3px 4px #7B7B7B; /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7B7B7B')"; /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7B7B7B');
}

/**/


/* ================================================================================
   overwrite bootstrap styles
   ================================================================================ */

.text-secondary {
    color: #3276b1;
}

.login-form .input input, .login-form .select select, .login-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 7px 10px;
    outline: none;
    background: #fff;
    font: 13px/16px "Open Sans",Helvetica,Arial,sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
}

.login-form .input input, .login-form .select select, .login-form .textarea textarea, .login-form .radio i, .login-form .checkbox i, .login-form .toggle i, .login-form .icon-append, .login-form .icon-prepend {
    border-color: #bdbdbd;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

/*end */

#view #language, #view #language form {
    height: 0px !important;
}

#language label, #language select {
    float: left;
}

#language label {
    margin-top: 2px;
    margin-right: 7px;
}

#language select {
    width: 165px;
    height: 19px;
}

    #language select li a, #language-select-button.ui-state-default {
        background: none;
        border: 1px solid #808080;
        background-color: #343434;
    }

#language-select-button .ui-selectmenu-icon {
    border-left: 1px solid #808080;
    background-image: url(../images/ui-icons_808080_256x240.png);
}

.lang-uk .ui-selectmenu-item-icon {
    background: url(../images/lang-uk.png) 0 0 no-repeat;
    height: 13px;
    width: 16px;
}

.lang-de .ui-selectmenu-item-icon {
    background: url(../images/lang-de.png) 0 0 no-repeat;
    height: 13px;
    width: 16px;
}

.lang-nl .ui-selectmenu-item-icon {
    background: url(../images/lang-nl.png) 0 0 no-repeat;
    height: 13px;
    width: 16px;
}

.lang-fr .ui-selectmenu-item-icon {
    background: url(../images/lang-fr.png) 0 0 no-repeat;
    height: 13px;
    width: 16px;
}

.lang-se .ui-selectmenu-item-icon {
    background: url(../images/lang-se.png) 0 0 no-repeat;
    height: 13px;
    width: 16px;
}

#language-select-menu {
    background: none;
    border: 1px solid #808080;
    background-color: #343434;
}

    #language-select-menu li {
        margin: 2px 2px;
        border: none;
    }

        #language-select-menu li.ui-state-hover {
            background-color: #3399FF;
            background-image: none;
        }

/* Warranty Status table */
table.valeostat {
    width: 98%;
    font-size: 10px;
    margin-top: 10px;
    border-collapse: collapse;
}

    table.valeostat td, table.valeostat th {
        border: solid 1px Black;
    }

        table.valeostat td.val {
            color: Red;
        }

    table.valeostat th {
        background-color: #00FF00;
        text-align: left;
        padding-left: 5px;
        font-weight: normal;
        font-style: italic;
    }

/* ASU new login styles*/
.div-login-form {
    margin-left: 69px;
    width: 540px;
    /*height: 190px;*/
    border: solid #d3d3d3 1px;
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(255,255,255,.8);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(255,255,255,.8);
    box-shadow: inset 0 1px 1px 1px rgba(255,255,255,.8);
}

.login-form {
    margin: 0;
    outline: none;
    color: #003366;
    position: relative;
}

    .login-form h3 {
        margin: 0;
        padding: 0;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
    }

    .login-form fieldset {
        display: block;
        padding: 20px 25px 5px 25px;
        border: none;
        background: rgba(255,255,255,.8);
        position: relative;
        margin: 0px;
    }

        .login-form fieldset section {
            margin-bottom: 15px;
            position: relative;
        }

    .login-form h3 {
        font-size: 24px;
        line-height: 1.1;
    }

        .login-form h3 > label {
            font-weight: normal;
        }


.article-xml-header {
    background: #fff;
}

.article-xml-body {
    background: #fff;
    border-color: #c8c8c8;
    border-style: solid;
    border-width: 0 1px;
}

    .article-xml-body > pre {
        background-color: #fcfcfc;
        word-break: break-word;
    }

.ui-state-highlight a.article-details-link {
    color: #5c89b6;
}

.breadcrumb > li.active > a {
    color: #999999;
}

.article-search {
    width: 130px;
}

.margin-10-b {
    margin-bottom: 10px;
}

.no-padding-right {
    padding-right: 0;
}

/*
    -------------------- Menu -----------------
*/

.conditions-column-item {
    display: inline-block;
    float: left;
    width: 6%;
}

.conditions-container {
    width: 47%;
}

.buttons-container {
    text-align: center;
    width: 100%;
}

    .buttons-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.ui-dialog.request-data-container .ui-dialog-buttonset {
    width: 100%;
}

.abo-config-dropdown {
    width: 100px;
    text-align: left;
}

.modal-view {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: wait;
    z-index: 10000;
}

    .modal-view.active {
        display: block;
    }

.error-text {
    color:  #ED2B2B;
}

.p-l5 {
    padding-left: 5px;
}
aside {
    -webkit-transition-duration: .10s;
    -moz-transition-duration: .10s;
    -o-transition-duration: .10s;
    transition-duration: .10s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    padding-top: 5px;
    box-shadow: 0px 2px 3px 0px #b9b9b9 inset;
}

    aside nav > ul {
        font-size: 13px;
        line-height: 1.5em;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
        font-weight: bold;
        width: 100%;
    }

        aside nav > ul > li a {
            position: relative;
            color: #003366;
            display: block;
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            padding: 10px 10px 10px 11px;
            text-decoration: none !important;
            cursor: pointer;
        }

        aside nav > ul a > .show-on-large {
            width: 150px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: 10px;
        }

        aside nav > ul .menu-link > ul {
            margin-left: 30px;
            display: none;
        }

        aside nav > ul .menu-link.active > ul {
            margin-left: 30px;
            display: block;
        }

    aside nav .menu-link .fa-plusminus-square-o:before {
        content: "\f196";
    }

    aside nav .menu-link.active .fa-plusminus-square-o:before {
        content: "\f147";
    }

    aside nav > ul a:link, aside nav > ul a:visited {
        color: #003366;
    }

    aside nav > ul a:hover,
    aside nav > ul a:focus {
        color: #E75112;
    }

    aside nav > ul a.active {
        color: #E75112;
    }

    aside nav > ul .sub-menu-link.selected-menu a {
        color: #E75112 !important;
    }

    aside nav > ul .sub-menu-link.selected-menu :before {
        content: "";
        width: 170px;
        position: absolute;
        bottom: 6px;
        border-bottom: solid #E75112 2px;
    }

    aside nav > ul .sub-menu-link.stock-info.selected-menu-stock-info a {
        color: #E75112 !important;
        padding-left: 32px;
    }


    aside nav > ul .sub-menu-link.stock-info.selected-menu-stock-info :before {
        width: 170px;
        position: absolute;
        bottom: 6px;
        border-bottom: solid #E75112 2px;
        margin-left: -20px;
        padding-bottom: 3px;
        color: #E75112 !important;
    }

.stock-info-ico {
    margin-left: -23px;
}

.mini-menu {
    color: #003366;
    text-align: center;
    padding: 0;
    display: block;
    cursor: pointer;
    margin-top: 12px;
    margin-right: 20px;
    z-index: 10;
}

    .mini-menu > span {
        vertical-align: top;
        text-transform: uppercase;
        font-size: 13px;
        font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    }

    .mini-menu > i.fa {
        color: #E75112;
        font-size: 18px;
    }

/* View port*/
#current-view {
    position: absolute;
    top: 0;
    left: 240px;
    bottom: 0px;
    right: 0;
}

    #current-view.small-view {
        left: 50px;
    }

#menu {
    background: #d4d4d4;
}

    #menu.large-menu {
        width: 240px;
    }

    #menu.small-menu {
        width: 50px;
    }

        #menu.small-menu .sub-menu {
            display: none;
        }

        #menu.small-menu .show-on-large {
            display: none;
        }

        #menu.small-menu .ms.header {
            display: none;
        }

        #menu.small-menu .menu-link {
            border-bottom: 2px solid #a8a8a8;
            text-align: center;
        }

    #menu.large-menu .mini-menu .show-on-small {
        display: none;
    }


    #menu .left-menu {
        background: #d5d5d5;
    }

.dockParent
{
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

/* ================================================================================
    Claim Layout for JQuery Accordion
   ================================================================================ */
ul.ui-accordion.claimForm li.ui-accordion-li-fix div
{
    border: none;
}
ul.ui-accordion.claimForm a.ui-accordion-header
{
    height: 0px;
    border: none;
}
ul.ui-accordion.claimForm a.ui-accordion-header span
{
    background: none;
    height: 0px;
}

div.ui-accordion.claimForm div
{
    border: none;
}
div.ui-accordion.claimForm h2.ui-accordion-header
{
    height: 0px;
    border: none;
}
div.ui-accordion.claimForm h2.ui-accordion-header span
{
    background: none;
    height: 0px;
}

/* ================================================================================
    Claim Layout
   ================================================================================ */
.claimDialog
{
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 0px;
}
.claimDialog form
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
/* RSc 14.04.12 Korrektur für Chrome und FireFox
.claimDialog ul, .claimDialog li
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}*/
.claimWizardPanel
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 40px;
}
.claimPanel div
{
    /*margin-bottom: 80px;*/
}
.claimPanel label
{
    float: left;
    width: 150px;
}

.claimPanel input
{
    width: 400px;
}

/*rsc smaller input fields for UOM*/
.claimPanel input.InputUOM
{
    width: 55px;
}

.claimPanel textarea
{
    width: 400px;
}
.claimPanel select
{
    width: 400px;
}
.claimPanel p.navigationPanel
{
    margin: 15px; /*position: absolute;     bottom: 15px;     left: 15px;     right: 15px;*/
}
p.navigationPanel
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
button.next
{
    position: absolute;
    right: 0px;
}
button.prev
{
    position: absolute;
    left: 0px;
}
p.claimBreadCrumb
{
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 15px;
}
/* ================================================================================
    Claim Template Validation
   ================================================================================ */
select
{
    border: 1px solid #AAAAAA;
    padding: 1px 2px 3px;
    margin-right: 10px;
}
select:focus
{
    background-color: #FFF4EB;
}
select.required
{
    border-left: 4px solid #909090;
}
select.ccxtRequired
{
    border-left: 4px solid #909090;
}
select.error
{
    border-color: #ED2B2B;
    background-color: #F9E6E6;
}
select.readonly
{
    border-color: #B9B9B9;
    background-color: #E6E6E6;
}
select.disabled
{
    border-color: #D0D0D0;
    background-color: #E6E6E6;
    color: #828282;
}

.ui-widget input.ccxtRequired
{
    border-left: 4px solid #909090;
}
.ui-widget textarea.ccxtRequired
{
    border-left: 4px solid #909090;
}
/* ================================================================================
    Claim Template Configuration Layout
   ================================================================================ */
.claimCreationTemplate label
{
    float: left;
    width: 150px;
}
.claimCreationTemplate input
{
    width: 200px;
}
.claimCreationTemplate select
{
    width: 200px;
}
.claimGroup
{
    border: 1px;
    border-style: solid;
    border-color: #B8B8B8;
}

/*summary page 03.2012 Rsc */
table.summaryTable
{
    /*font-family: verdana,arial,sans-serif;*/
    font-family: Segoe UI;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    table-layout: fixed;
}

table.summaryTable td
{
    width: 160px;
}

tr.summyryalt td
{
    /*background-color : #d4e3e5;*/
    background-color: White;
}
tr.summaryhighlight td
{
    background-color: #bcd4ec;
}
h4.summaryh4
{
    margin-top: 7px;
    margin-left: 5px;
}

legend.summaryLegend
{
    font-size: large;
    margin-left: 5px;
}

/*End summary page 03.2012 Rsc */
/* ================================================================================
	HTML
   ================================================================================ */
h1, h2, h3, h4, h5, h6
{
    color: #174B84;
    font-weight: normal;
}
h1
{
    font-size: 18px;
}
h2
{
    font-size: 17px;
}
h3
{
    font-size: 16px;
}
h4
{
    font-size: 15px;
}
h5
{
    font-size: 14px;
}
h6
{
    font-size: 13px;
}
p
{
    margin-bottom: 15px;
}
.contentheader {
    font-size: 24px;
    font-style: italic;
    color: #323232;
    margin: 18px;
}
/* ================================================================================
	Box
   ================================================================================ */
.box
{
    padding: 10px;
    background: #E6E6E6;
    margin-bottom: 15px;
}
.box h2
{
    padding-left: 27px;
    margin-bottom: 10px;
    background: url(../images/box-icon.gif) no-repeat 0px 0px;
}
.box p
{
    padding-left: 27px;
}
/* ================================================================================

   ================================================================================ */
.panel
{
    float: left;
    margin-bottom: 12px;
    width: 100%;
    background-color: #FFFFFF;
}
.panel-label
{
    float: left;
    background-color: #E6E6E6;
}
.panel-label label
{
    display: block;
    padding: 4px 7px 0px 7px;
    height: 21px;
}
.panel-value
{
    float: left;
    background-color: #FFFFFF;
}
.panel-value label
{
    display: block;
    padding: 4px 7px 0px 7px;
    height: 21px;
}
/* *** FIXES *** */

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* X-Button on Dialog not positioned correctly*/
.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    margin-left: -9px;
    margin-top: -9px;
}

.ui-dialog.ui-dialog-content {
    padding: 0;
}
/* *** FIXES END *** */

.helpMenu {
    width: auto;
    padding: 3px;
    position: absolute;
    display: none;
    white-space: nowrap;
}

.error-input-text-cmd {
    border: 1px solid #dc3545 !important;
    border-radius: 3px;
}

form.inventory-configuration-view-form td {
    padding: 5px 5px 5px 5px;
}

#abo-tabs .ui-widget-header {
    background-color: transparent;
}

.disabled {
    display: none;
}

.top-buttons .disabled {
    display: inline-block;
}

.tooltip {
    cursor: help;
}

.fill-parent-container {
    width: 100%;
    height: 100%;
}

a.header-toolbar-icon {
    color: #eeeeee;
}

    a.header-toolbar-icon:hover {
        color: #cccccc;
    }

.header-toolbar-icon {
    font-size: large;
    margin-top: 3px;
}

.tab-toolbar-icon {
    font-size: x-large;
    margin-left: 10px;
}


.tab-header {
    width: 100%;
    height: auto;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-weight: 400;
    color: #003366;
}

    .tab-header .page-title {
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        margin: 0;
        letter-spacing: 0;
    }

    .tab-header .company-title {
        margin-right: 10px;
        margin-top: 8px;
        font-size: 16px;
        font-weight: bold;
    }

    .tab-header .logo-image {
        height: 40px;
        max-height: 40px;
    }

    .tab-header .btn > i {
        font-size: 16px;
    }

table.property-table td > span,
table.property-table th > span,
table.property-table td > p,
table.property-table th > p,
.table-container td > span,
.table-container th > span,
.table-container td > p,
.table-container th > p {
    padding: 1px 3px 1px 3px;
    margin: 0px;
}

table.property-table thead tr .header,
.table-container table thead tr .header {
    background-image: url(../images/icons/ic_sort_12.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #003366;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #ffffff;
    line-height: 21px;
}

    table.property-table thead tr .header,
    .table-container table thead tr .header span {
        padding-left: 5px;
    }

    table.property-table thead tr .header,
    .table-container table thead tr .header.only-icon {
        padding-top: 2px;
    }

table.property-table tr .popup-header,
.table-container table thead tr .popup-header {
    background: #e4ebeb;
    cursor: pointer;
    border: 1px solid #ddd;
}

.table-container td > p {
    padding-left: 5px;
}

.table-container table tbody tr.odd td {
    background-color: #F0F0F6;
    border: 1px solid #ddd;
}

.table-container table thead tr .headerSortUp {
    background-image: url(../images/ic_sort_ascending_12.png);
}

.table-container table thead tr .headerSortDown {
    background-image: url(../images/ic_sort_descending_12.png);
}

.table-container {
    width: 100%;
    height: 100%;
}

    table.property-table,
    .table-container table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

.property-table,
.property-table thead,
.property-table tfoot,
.property-table tbody,
.property-table tr,
.property-table th,
.property-table td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}


td button {
    margin: 8px;
    padding: 2px;
}

.toolbar .version {
    color: GrayText;
}

/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    /* position */
    margin: 0;
    /* size */
    padding: 0;
    /* text */
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}

.fht-table {
    /* appearance */
    border-collapse: collapse;
    border-spacing: 0;
}

/* @end */

.hint {
    display: none;
}

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    /* appearance */
    overflow: hidden;
    /* position */
    position: relative;
}

    .fht-table-wrapper .fht-fixed-body .fht-tbody,
    .fht-table-wrapper .fht-tbody {
        /* appearance */
        overflow: auto;
        overflow-y: scroll;
        background-color: #fcfcfc;
    }

    .fht-table-wrapper .fht-table .fht-cell {
        /* appearance */
        overflow: hidden;
        /* size */
        height: 1px;
    }

    .fht-table-wrapper .fht-fixed-column,
    .fht-table-wrapper .fht-fixed-body {
        /* position */
        top: 0;
        left: 0;
        position: absolute;
    }

    .fht-table-wrapper .fht-fixed-column {
        /* position */
        z-index: 1;
    }

/* @end */

circle {
    stroke: green;
    stroke-width: 1px;
    fill: green;
}

circle.highlight {
    fill: red;
    stroke: red;
}

path {
    stroke: green;
    stroke-width: 2px;
    fill: transparent;
}

line {
    stroke: orange;
    stroke-width: 2px;
    marker-end: url(#markerArrow);
}
#markerArrow path {
    fill: orange;
    stroke: transparent;
}

path.highlight {
    stroke: red;
}

text.name {
    fill: black;
}

text.highlight {
    fill: purple;
}

text.value {
    fill: #808080;
}

rect {
    fill: #C8C8C8;
    stroke: #808080;
    stroke-width: 1px;
}

li.tv-tab .ui-sortable-handle .selected {
    background-color: red;
}

.tv-tabs-wrapper {
    position: relative;
    width: 100%;
    z-index: 50;
    margin-bottom: -1px;
    /* Top control tabs  */
}

    .tv-tabs-wrapper div.tv-tabs-container {
        overflow: hidden;
        white-space: nowrap;
        height: 34px;
    }

        .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport {
            float: left;
            overflow: hidden;
            white-space: nowrap;
            height: 34px;
        }

            .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs {
                /*color: #ecf0f1;*/
                list-style: none;
                white-space: nowrap;
                margin: 0;
                padding: 0;
                overflow: hidden;
                float: left;
            }

                .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    display: inline-block;
                    cursor: pointer;
                    position: relative;
                    vertical-align: top;
                    margin-right: 4px;
                    height: 34px;
                    border: 1px solid #ddd;
                    border-bottom: none;
                }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab .close {
                        position: absolute;
                        background-image: url("../Images/mxtabs/close.png");
                        top: 0;
                        right: 0;
                        width: 12px;
                        height: 12px;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab .edit {
                        visibility: hidden;
                        background-image: url("../Images/mxtabs/edit.png");
                        display: inline-block;
                        width: 14px;
                        height: 14px;
                        margin-right: 14px;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab .edit-undo {
                        display: none;
                        margin-right: 8px;
                        width: 14px;
                        height: 14px;
                        font-size: 14px;
                        color: #aaa;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab .edit-ok {
                        display: none;
                        margin: 0 4px;
                        width: 14px;
                        height: 14px;
                        font-size: 16px;
                        color: #aaa;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab span[contenteditable="true"]:hover, .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab span[contenteditable="true"]:focus {
                        background: #f1d10f;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab span[contenteditable="true"]:focus {
                        padding-left: 5px;
                        padding-right: 5px;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.selected {
                        background-color: #fcfcfc;
                    }

                        .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.selected .edit {
                            visibility: visible;
                        }

                        .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.selected span[contenteditable="true"] + .edit {
                            display: none;
                        }

                            .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.selected span[contenteditable="true"] + .edit + .edit-ok {
                                display: inline-block;
                            }

                                .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.selected span[contenteditable="true"] + .edit + .edit-ok + .edit-undo {
                                    display: inline-block;
                                }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab.dirty:before {
                        position: absolute;
                        left: 1px;
                        top: 1px;
                        content: '';
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 13px 13px 0 0;
                        border-color: #ff6633 transparent transparent transparent;
                        opacity: 0.5;
                    }

                    .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs li.tv-tab:hover {
                        opacity: 0.9;
                    }

                .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs :nth-child(odd) {
                    /*background-color:lightgray;*/
                }

                .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs :nth-child(even) {
                    /*background-color:lightgray;*/
                }

                .tv-tabs-wrapper div.tv-tabs-container div.tv-tabs-viewport ul.tv-tabs:after {
                    content: '';
                    margin: 0;
                    padding: 0;
                    display: block;
                    clear: both;
                }

        .tv-tabs-wrapper div.tv-tabs-container .add {
            float: left;
            background-color: #eeeeee;
            border: 1px solid #ddd;
            color: #2c3e50;
            width: 34px;
            height: 34px;
            cursor: pointer;
            text-align: center;
            vertical-align: middle;
            padding: 4px 0;
        }

        .tv-tabs-wrapper div.tv-tabs-container a.left-arrow, .tv-tabs-wrapper div.tv-tabs-container a.right-arrow {
            display: none;
            background-color: lightgray;
            color: #2c3e50;
            padding: 4px 0;
            position: absolute;
            border: 1px solid #cfcfcf;
            width: 34px;
            height: 34px;
            text-align: center;
            vertical-align: middle;
        }

        .tv-tabs-wrapper div.tv-tabs-container a.left-arrow {
            left: 0;
            top: 0;
            border-top-left-radius: 4px;
        }

        .tv-tabs-wrapper div.tv-tabs-container a.right-arrow {
            right: 0;
            top: 0;
            border-top-right-radius: 4px;
        }

        .tv-tabs-wrapper div.tv-tabs-container.scrolling div.tv-tabs-viewport {
            clear: both;
            position: absolute;
            left: 38px;
            right: 76px;
        }

        .tv-tabs-wrapper div.tv-tabs-container.scrolling a.left-arrow, .tv-tabs-wrapper div.tv-tabs-container.scrolling a.right-arrow {
            display: block;
        }

        .tv-tabs-wrapper div.tv-tabs-container.scrolling .add {
            clear: both;
            display: inline-block;
            position: absolute;
            right: 38px;
        }

/* Tab content  */
.tv-content {
    display: none;
    /*max-width: 1250px;*/
    /*background-color: rgb(252,252,252);*/
    /*color: #ecf0f1;*/
    /*border: 1px solid #ccc;*/
}

    .tv-content .tec-form {
        background-color: transparent !important;
    }

        .tv-content .tec-form .row {
            max-width: none;
        }

        .tv-content .tec-form .container-box {
            padding: 0;
            border: none !important;
            background-color: transparent !important;
        }

            .tv-content .tec-form .container-box .panel-group .panel {
                /*border: none!important;*/
                border-radius: 0 !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
                background-color: #fcfcfc;
            }

                .tv-content .tec-form .container-box .panel-group .panel .panel-heading {
                    background-color: transparent !important;
                    border: none !important;
                    border-radius: 0 !important;
                }

                    .tv-content .tec-form .container-box .panel-group .panel .panel-heading a, .tv-content .tec-form .container-box .panel-group .panel .panel-heading a:hover, .tv-content .tec-form .container-box .panel-group .panel .panel-heading a:active {
                        text-decoration: none !important;
                    }

                .tv-content .tec-form .container-box .panel-group .panel .panel-body {
                    border-top: none !important;
                }

                .tv-content .tec-form .container-box .panel-group .panel:not(:first-child) {
                    margin-top: -1px !important;
                }

.tv-radio {
    display: none;
}

    .tv-radio:checked + .tv-content {
        display: block;
    }

.tv-link {
    display: inline-block;
    padding: 2px;
    color: #f1c40f;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease-in-out;
}

    .tv-link:hover {
        background-color: transparent;
        box-shadow: none;
    }

.filter-widget {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    overflow: auto;
    overflow-y: scroll;
    background: #fff;
}

    .filter-widget .filter-row {
        margin: 0;
    }

        .filter-widget .filter-row:last-child {
            /*border-bottom: 1px solid #ddd;*/
        }

    .filter-widget .header {
        background-color: #e4ebeb;
    }

        .filter-widget .header .filter-row.selected {
            background: #e4ebeb !important;
        }

    .filter-widget .body.ui-sortable .filter-row {
        cursor: pointer;
    }

    .filter-widget .body .filter-row:nth-child(odd) {
        background: #f9f9f9;
    }

    .filter-widget .body .filter-row:nth-child(even) {
        background: #fff;
    }

    .filter-widget .filter-row.selected td {
        background: #c2d6e8 !important;
    }

    .filter-widget .cell {
        /*border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;*/
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: normal;
        overflow: hidden;
    }

        /*.filter-widget .cell:first-child {
            border-left: 1px solid #ddd;
        }*/

        .filter-widget .cell a {
            cursor: pointer;
        }

    .filter-widget .checkbox-cell, .filter-widget .move-cell {
        cursor: pointer;
    }

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.ui-sortable-helper {
    display: table;
}

i.fa.tec-fa-masterdata-12:before {
    content: url('../images/icons/ic_article_master_12.png');
}

i.fa.tec-fa-masterdatafull-12:before {
    content: url('../images/icons/ic_article_pricing_full_12.png');
}

i.fa.tec-fa-inventorydata-12:before {
    content: url('../images/icons/ic_inventory_data_12.png');
}

i.fa.tec-fa-masterdatadelta-12:before {
    content: url('../images/icons/ic_article_pricing_delta_12.png');
}

i.fa.tec-fa-customerarticleinfo-12:before {
    content: url('../images/icons/ic_customer_article_12.png');
}

i.fa.tec-fa-conditionmasterdata-12:before {
    content: url('../images/icons/ic_condition_master_12.png');
}

i.fa.tec-fa-reportfinished-12:before {
    content: url('../images/icons/ic_reporting_finished_12.png');
}

i.fa.tec-fa-delivered-12:before {
    content: url('../images/icons/ic_delivered_12.png');
}

i.fa.tec-fa-edit-12:before {
    content: url('../images/icons/ic_edit_12.png');
}

a:hover i.fa.tec-fa-edit-12:before,
a:focus i.fa.tec-fa-edit-12:before {
    content: url('../images/icons/ic_edit_hover_12.png');
}

i.fa.tec-fa-delete-12:before {
    content: url('../images/icons/ic_delete_12.png');
}

a:hover i.fa.tec-fa-delete-12:before,
a:focus i.fa.tec-fa-delete-12:before {
    content: url('../images/icons/ic_delete_hover_12.png');
}

i.fa.tec-fa-save-12:before {
    content: url('../images/icons/ic_save_12.png');
}

a:hover i.fa.tec-fa-save-12:before,
a:focus i.fa.tec-fa-save-12:before {
    content: url('../images/icons/ic_save_hover_12.png');
}

i.fa.tec-fa-finishedsuccess-12:before {
    content: url('../images/icons/ic_finished_successful_12.png');
}

i.fa.tec-fa-finishederror-12:before {
    content: url('../images/icons/ic_finished_errors_12.png');
}

i.fa.tec-fa-warning-white-12:before {
    content: url('../images/icons/ic_warnings_12.png');
}

i.fa.tec-fa-warning-blue-12:before {
    content: url('../images/icons/ic_warnings_blue_12.png');
}

i.fa.tec-fa-entries-12:before {
    content: url('../images/icons/ic_entries_12.png');
}

i.fa.tec-fa-entries-12:before {
    content: url('../images/icons/ic_entries_12.png');
}

i.fa.tec-fa-skypped-12:before {
    content: url('../images/icons/ic_skipped_12.png');
}

i.fa.tec-fa-error-12:before {
    content: url('../images/icons/ic_errors_12.png');
}

i.fa.tec-fa-password-16:before {
    content: url('../images/icons/ic_password_16.png');
}

i.fa.tec-fa-language-16:before {
    content: url('../images/icons/ic_supplier_16.png');
}

i.fa.tec-fa-supplier-16:before {
    content: url('../images/icons/ic_supplier_16.png');
}

a:hover i.fa.tec-fa-supplier-16:before,
a:focus i.fa.tec-fa-supplier-16:before {
    content: url('../images/icons/ic_supplier_hover_16.png');
}

i.fa.tec-fa-buyer-16:before {
    content: url('../images/icons/ic_buyer_16.png');
}

a:hover i.fa.tec-fa-buyer-16:before,
a:focus i.fa.tec-fa-buyer-16:before {
    content: url('../images/icons/ic_buyer_hover_16.png');
}

i.fa.tec-fa-availabilities-16:before {
    color: Navy;
}

a:hover i.fa.tec-fa-availabilities-16:before,
a:focus i.fa.tec-fa-availabilities-16:before {
    color: Tomato;
}

i.fa.tec-fa-config-16:before {
    content: url('../images/icons/ic_configuration_16.png');
}

a:hover i.fa.tec-fa-config-16:before,
a:focus i.fa.tec-fa-config-16:before {
    content: url('../images/icons/ic_configuration_hover_16.png');
}

i.fa.tec-fa-admin-16:before {
    content: url('../images/icons/ic_administration_16.png');
}

a:hover i.fa.tec-fa-admin-16:before,
a:focus i.fa.tec-fa-admin-16:before {
    content: url('../images/icons/ic_administration_hover_16.png');
}

i.fa.tec-fa-user-20:before {
    content: url('../images/icons/ic_user_confi_20.png');
}

a:hover i.fa.tec-fa-user-20:before,
a:focus i.fa.tec-fa-user-20:before {
    content: url('../images/icons/ic_user_confi_hover_20.png');
}

i.fa.tec-fa-login-20:before {
    content: url('../images/icons/ic_login_20.png');
}

a:hover i.fa.tec-fa-login-20:before,
a:focus i.fa.tec-fa-login-20:before {
    content: url('../images/icons/ic_login_hover_20.png');
}

i.fa.tec-fa-help-20:before {
    content: url('../images/icons/ic_help_20.png');
}

a:hover i.fa.tec-fa-help-20:before,
a:focus i.fa.tec-fa-help-20:before {
    content: url('../images/icons/ic_help_hover_20.png');
}


i.fa.tec-fa-supplier-selected-16:before {
    content: url('../images/icons/ic_supplier_hover_16.png');
}

i.fa.tec-fa-buyer-selected-16:before {
    content: url('../images/icons/ic_buyer_hover_16.png');
}

i.fa.tec-fa-config-selected-16:before {
    content: url('../images/icons/ic_configuration_hover_16.png');
}

i.fa.tec-fa-admin-selected-16:before {
    content: url('../images/icons/ic_administration_hover_16.png');
}

i.fa.tec-fa-help-selected-20 {
    content: url('../images/icons/ic_help_hover_20.png');
}

i.fa.tec-fa-login-selected-20 {
    content: url('../images/icons/ic_login_hover_20.png');
}

i.fa.tec-fa-user-selected-20 {
    content: url('../images/icons/ic_user_confi_hover_20.png');
}

i.fa.tec-fa-info-white-small-12 {
    content: url('../images/icons/white-info-icon-transparent.png');
}

i.fa.tec-fa-info-blue-small-12 {
    content: url('../images/icons/blue-info-icon-transparent.png');
}
.btn
{
    border-radius : 4px;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    font-family: "Open Sans" Arial, Helvetica, sans-serif;
    font-weight: normal;
    transition: all 0.1s ease 0s;
    opacity: 1;
    cursor:pointer;
}

  
.btn_large
 {
    width : 160px;
    height : 40px;
    font-size: 18px;
}

.btn_medium
 {
    width : 120px;
    height : 30px;
    font-size: 14px;
}

.btn_small
 {
    /*min-width : 110px;*/
    height : 24px;
    font-size: 12px;
}


.btn_icon_medium
 {
    width : 40px;
    height : 30px;
    font-size: 20px;
   font-weight: 600;
}

.btn:focus,
.btn:hover {
   opacity: 0.9;
}

.btn_blue
{
    background : -moz-linear-gradient(50% 0% -90deg,rgba(73, 105, 138, 1) 0%,rgba(28, 68, 109, 1) 100%);
    background : -webkit-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(73, 105, 138, 1) ),color-stop(1,rgba(28, 68, 109, 1) ));
    background : -o-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    background : -ms-linear-gradient(-90deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#49698A', endColorstr='#1C446D' ,GradientType=0)";
    background : linear-gradient(180deg, rgba(73, 105, 138, 1) 0%, rgba(28, 68, 109, 1) 100%);
    border-style : Solid;
    border-color : #003366;
    border-color : rgba(0, 51, 102, 1);
    border-width : 1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49698A',endColorstr='#1C446D' , GradientType=0);
}

.btn_airblue
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(92, 137, 182, 0.8) 0.54%,rgba(92, 137, 182, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(92, 137, 182, 0.8) 0.54%, rgba(92, 137, 182, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0054,rgba(92, 137, 182, 0.8) ),color-stop(1,rgba(92, 137, 182, 1) ));
  background : -o-linear-gradient(-90deg, rgba(92, 137, 182, 0.8) 0.54%, rgba(92, 137, 182, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(92, 137, 182, 0.8) 0.54%, rgba(92, 137, 182, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C89B6', endColorstr='#5C89B6' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(92, 137, 182, 0.8) 0.54%, rgba(92, 137, 182, 1) 100%);
  border-style : Solid;
  border-color : #5288B5;
  border-color : rgba(82, 136, 181, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C89B6',endColorstr='#5C89B6' , GradientType=0);
}

.btn_green
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(159, 211, 189, 1) 0%,rgba(135, 200, 173, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(159, 211, 189, 1) 0%, rgba(135, 200, 173, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(159, 211, 189, 1) ),color-stop(1,rgba(135, 200, 173, 1) ));
  background : -o-linear-gradient(-90deg, rgba(159, 211, 189, 1) 0%, rgba(135, 200, 173, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(159, 211, 189, 1) 0%, rgba(135, 200, 173, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD3BD', endColorstr='#87C8AD' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(159, 211, 189, 1) 0%, rgba(135, 200, 173, 1) 100%);
  border-style : Solid;
  border-color : #87C8AD;
  border-color : rgba(135, 200, 173, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD3BD',endColorstr='#87C8AD' , GradientType=0);
}

.btn_orange
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(236, 116, 65, 1) 0%,rgba(231, 81, 18, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(236, 116, 65, 1) ),color-stop(1,rgba(231, 81, 18, 1) ));
  background : -o-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC7441', endColorstr='#E75112' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(236, 116, 65, 1) 0%, rgba(231, 81, 18, 1) 100%);
  border-style : Solid;
  border-color : #E75112;
  border-color : rgba(231, 81, 18, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC7441',endColorstr='#E75112' , GradientType=0);
}

.btn_grey
{
  background : -moz-linear-gradient(50% 0% -90deg,rgba(238, 238, 238, 1) 0%,rgba(218, 218, 218, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(238, 238, 238, 1) ),color-stop(1,rgba(218, 218, 218, 1) ));
  background : -o-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(218, 218, 218, 1) 100%);
  border-style : Solid;
  border-color : #D1D1D1;
  border-color : rgba(209, 209, 209, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#DADADA' , GradientType=0);
}


.c0 { color: #000000;}
.c1 { color: #ffffff;}
.c2 { color: #003366;}
.c3 { color: #3F9DD1;}
.c8 { color: #666666;} 


.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../images/msDropDown/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(../images/msDropDown/title-bg.gif) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}

.flag {
    float: left;
    padding: 0 !important;
    margin: 0 5px 0 0;
    width: 16px;
    height: 11px;
    background: url(../images/msDropDown/flagssprite_small.png) no-repeat;
}

    .flag.ad {
        background-position: 0 0;
    }

    .flag.ae {
        background-position: 0 -11px;
    }

    .flag.af {
        background-position: 0 -22px;
    }

    .flag.ag {
        background-position: 0 -33px;
    }

    .flag.ai {
        background-position: 0 -44px;
    }

    .flag.al {
        background-position: 0 -55px;
    }

    .flag.am {
        background-position: 0 -66px;
    }

    .flag.an {
        background-position: 0 -77px;
    }

    .flag.ao {
        background-position: 0 -88px;
    }

    .flag.ar {
        background-position: 0 -99px;
    }

    .flag.as {
        background-position: 0 -110px;
    }

    .flag.at {
        background-position: 0 -121px;
    }

    .flag.au {
        background-position: 0 -132px;
    }

    .flag.aw {
        background-position: 0 -143px;
    }

    .flag.ax {
        background-position: 0 -154px;
    }

    .flag.az {
        background-position: 0 -165px;
    }

    .flag.ba {
        background-position: 0 -176px;
    }

    .flag.bb {
        background-position: 0 -187px;
    }

    .flag.bd {
        background-position: 0 -198px;
    }

    .flag.be {
        background-position: 0 -209px;
    }

    .flag.bf {
        background-position: 0 -220px;
    }

    .flag.bg {
        background-position: 0 -231px;
    }

    .flag.bh {
        background-position: 0 -242px;
    }

    .flag.bi {
        background-position: 0 -253px;
    }

    .flag.bj {
        background-position: 0 -264px;
    }

    .flag.bm {
        background-position: 0 -275px;
    }

    .flag.bn {
        background-position: 0 -286px;
    }

    .flag.bo {
        background-position: 0 -297px;
    }

    .flag.br {
        background-position: 0 -308px;
    }

    .flag.bs {
        background-position: 0 -319px;
    }

    .flag.bt {
        background-position: 0 -330px;
    }

    .flag.bv {
        background-position: 0 -341px;
    }

    .flag.bw {
        background-position: 0 -352px;
    }

    .flag.by {
        background-position: 0 -363px;
    }

    .flag.bz {
        background-position: 0 -374px;
    }

    .flag.ca {
        background-position: 0 -385px;
    }

    .flag.catalonia {
        background-position: 0 -396px;
    }

    .flag.cc {
        background-position: 0 -407px;
    }

    .flag.cd {
        background-position: 0 -418px;
    }

    .flag.cf {
        background-position: 0 -429px;
    }

    .flag.cg {
        background-position: 0 -440px;
    }

    .flag.ch {
        background-position: 0 -451px;
    }

    .flag.ci {
        background-position: 0 -462px;
    }

    .flag.ck {
        background-position: 0 -473px;
    }

    .flag.cl {
        background-position: 0 -484px;
    }

    .flag.cm {
        background-position: 0 -495px;
    }

    .flag.cn {
        background-position: 0 -506px;
    }

    .flag.co {
        background-position: 0 -517px;
    }

    .flag.cu {
        background-position: 0 -528px;
    }

    .flag.cr {
        background-position: 0 -539px;
    }

    .flag.cs {
        background-position: 0 -550px;
    }

    .flag.cv {
        background-position: 0 -561px;
    }

    .flag.cx {
        background-position: 0 -572px;
    }

    .flag.cy {
        background-position: -16px 0;
    }

    .flag.cz {
        background-position: -16px -11px;
    }

    .flag.de {
        background-position: -16px -22px;
    }

    .flag.dj {
        background-position: -16px -33px;
    }

    .flag.dk {
        background-position: -16px -44px;
    }

    .flag.dm {
        background-position: -16px -55px;
    }

    .flag.do {
        background-position: -16px -66px;
    }

    .flag.dz {
        background-position: -16px -77px;
    }

    .flag.ec {
        background-position: -16px -88px;
    }

    .flag.ee {
        background-position: -16px -99px;
    }

    .flag.eg {
        background-position: -16px -110px;
    }

    .flag.eh {
        background-position: -16px -121px;
    }

    .flag.england {
        background-position: -16px -132px;
    }

    .flag.er {
        background-position: -16px -143px;
    }

    .flag.es {
        background-position: -16px -154px;
    }

    .flag.et {
        background-position: -16px -165px;
    }

    .flag.eu {
        background-position: -16px -176px;
    }

    .flag.fam {
        background-position: -16px -187px;
    }

    .flag.fi {
        background-position: -16px -198px;
    }

    .flag.fj {
        background-position: -16px -209px;
    }

    .flag.fk {
        background-position: -16px -220px;
    }

    .flag.fm {
        background-position: -16px -231px;
    }

    .flag.fo {
        background-position: -16px -242px;
    }

    .flag.fr {
        background-position: -16px -253px;
    }

    .flag.ga {
        background-position: -16px -264px;
    }

    .flag.gb {
        background-position: -16px -275px;
    }

    .flag.gd {
        background-position: -16px -286px;
    }

    .flag.ge {
        background-position: -16px -297px;
    }

    .flag.gf {
        background-position: -16px -308px;
    }

    .flag.gh {
        background-position: -16px -319px;
    }

    .flag.gi {
        background-position: -16px -330px;
    }

    .flag.gl {
        background-position: -16px -341px;
    }

    .flag.gm {
        background-position: -16px -352px;
    }

    .flag.gn {
        background-position: -16px -363px;
    }

    .flag.gp {
        background-position: -16px -374px;
    }

    .flag.gq {
        background-position: -16px -385px;
    }

    .flag.gr {
        background-position: -16px -396px;
    }

    .flag.gs {
        background-position: -16px -407px;
    }

    .flag.gt {
        background-position: -16px -418px;
    }

    .flag.gu {
        background-position: -16px -429px;
    }

    .flag.gw {
        background-position: -16px -440px;
    }

    .flag.gy {
        background-position: -16px -451px;
    }

    .flag.hk {
        background-position: -16px -462px;
    }

    .flag.hm {
        background-position: -16px -473px;
    }

    .flag.hn {
        background-position: -16px -484px;
    }

    .flag.hr {
        background-position: -16px -495px;
    }

    .flag.ht {
        background-position: -16px -506px;
    }

    .flag.hu {
        background-position: -16px -517px;
    }

    .flag.id {
        background-position: -16px -528px;
    }

    .flag.ie {
        background-position: -16px -539px;
    }

    .flag.il {
        background-position: -16px -550px;
    }

    .flag.in {
        background-position: -16px -561px;
    }

    .flag.io {
        background-position: -16px -572px;
    }

    .flag.iq {
        background-position: -32px 0;
    }

    .flag.ir {
        background-position: -32px -11px;
    }

    .flag.is {
        background-position: -32px -22px;
    }

    .flag.it {
        background-position: -32px -33px;
    }

    .flag.jm {
        background-position: -32px -44px;
    }

    .flag.jo {
        background-position: -32px -55px;
    }

    .flag.jp {
        background-position: -32px -66px;
    }

    .flag.ke {
        background-position: -32px -77px;
    }

    .flag.kg {
        background-position: -32px -88px;
    }

    .flag.kh {
        background-position: -32px -99px;
    }

    .flag.ki {
        background-position: -32px -110px;
    }

    .flag.km {
        background-position: -32px -121px;
    }

    .flag.kn {
        background-position: -32px -132px;
    }

    .flag.kp {
        background-position: -32px -143px;
    }

    .flag.kr {
        background-position: -32px -154px;
    }

    .flag.kw {
        background-position: -32px -165px;
    }

    .flag.ky {
        background-position: -32px -176px;
    }

    .flag.kz {
        background-position: -32px -187px;
    }

    .flag.la {
        background-position: -32px -198px;
    }

    .flag.lb {
        background-position: -32px -209px;
    }

    .flag.lc {
        background-position: -32px -220px;
    }

    .flag.li {
        background-position: -32px -231px;
    }

    .flag.lr {
        background-position: -32px -242px;
    }

    .flag.lk {
        background-position: -32px -253px;
    }

    .flag.ls {
        background-position: -32px -264px;
    }

    .flag.lt {
        background-position: -32px -275px;
    }

    .flag.lu {
        background-position: -32px -286px;
    }

    .flag.lv {
        background-position: -32px -297px;
    }

    .flag.ly {
        background-position: -32px -308px;
    }

    .flag.ma {
        background-position: -32px -319px;
    }

    .flag.mc {
        background-position: -32px -330px;
    }

    .flag.md {
        background-position: -32px -341px;
    }

    .flag.me {
        background-position: -32px -352px;
    }

    .flag.mg {
        background-position: -32px -363px;
    }

    .flag.mh {
        background-position: -32px -374px;
    }

    .flag.mk {
        background-position: -32px -385px;
    }

    .flag.ml {
        background-position: -32px -396px;
    }

    .flag.mm {
        background-position: -32px -407px;
    }

    .flag.mn {
        background-position: -32px -418px;
    }

    .flag.mo {
        background-position: -32px -429px;
    }

    .flag.mp {
        background-position: -32px -440px;
    }

    .flag.mq {
        background-position: -32px -451px;
    }

    .flag.mr {
        background-position: -32px -462px;
    }

    .flag.ms {
        background-position: -32px -473px;
    }

    .flag.mt {
        background-position: -32px -484px;
    }

    .flag.mu {
        background-position: -32px -495px;
    }

    .flag.mv {
        background-position: -32px -506px;
    }

    .flag.mw {
        background-position: -32px -517px;
    }

    .flag.mx {
        background-position: -32px -528px;
    }

    .flag.my {
        background-position: -32px -539px;
    }

    .flag.mz {
        background-position: -32px -550px;
    }

    .flag.na {
        background-position: -32px -561px;
    }

    .flag.nc {
        background-position: -32px -572px;
    }

    .flag.ne {
        background-position: -48px 0;
    }

    .flag.nf {
        background-position: -48px -11px;
    }

    .flag.ng {
        background-position: -48px -22px;
    }

    .flag.ni {
        background-position: -48px -33px;
    }

    .flag.nl {
        background-position: -48px -44px;
    }

    .flag.no {
        background-position: -48px -55px;
    }

    .flag.np {
        background-position: -48px -66px;
    }

    .flag.nr {
        background-position: -48px -77px;
    }

    .flag.nu {
        background-position: -48px -88px;
    }

    .flag.nz {
        background-position: -48px -99px;
    }

    .flag.om {
        background-position: -48px -110px;
    }

    .flag.pa {
        background-position: -48px -121px;
    }

    .flag.pe {
        background-position: -48px -132px;
    }

    .flag.pf {
        background-position: -48px -143px;
    }

    .flag.pg {
        background-position: -48px -154px;
    }

    .flag.ph {
        background-position: -48px -165px;
    }

    .flag.pk {
        background-position: -48px -176px;
    }

    .flag.pl {
        background-position: -48px -187px;
    }

    .flag.pm {
        background-position: -48px -198px;
    }

    .flag.pn {
        background-position: -48px -209px;
    }

    .flag.pr {
        background-position: -48px -220px;
    }

    .flag.ps {
        background-position: -48px -231px;
    }

    .flag.pt {
        background-position: -48px -242px;
    }

    .flag.pw {
        background-position: -48px -253px;
    }

    .flag.py {
        background-position: -48px -264px;
    }

    .flag.qa {
        background-position: -48px -275px;
    }

    .flag.re {
        background-position: -48px -286px;
    }

    .flag.ro {
        background-position: -48px -297px;
    }

    .flag.rs {
        background-position: -48px -308px;
    }

    .flag.ru {
        background-position: -48px -319px;
    }

    .flag.rw {
        background-position: -48px -330px;
    }

    .flag.sa {
        background-position: -48px -341px;
    }

    .flag.sb {
        background-position: -48px -352px;
    }

    .flag.sc {
        background-position: -48px -363px;
    }

    .flag.scotland {
        background-position: -48px -374px;
    }

    .flag.sd {
        background-position: -48px -385px;
    }

    .flag.se {
        background-position: -48px -396px;
    }

    .flag.sg {
        background-position: -48px -407px;
    }

    .flag.sh {
        background-position: -48px -418px;
    }

    .flag.si {
        background-position: -48px -429px;
    }

    .flag.sj {
        background-position: -48px -440px;
    }

    .flag.sk {
        background-position: -48px -451px;
    }

    .flag.sl {
        background-position: -48px -462px;
    }

    .flag.sm {
        background-position: -48px -473px;
    }

    .flag.sn {
        background-position: -48px -484px;
    }

    .flag.so {
        background-position: -48px -495px;
    }

    .flag.sr {
        background-position: -48px -506px;
    }

    .flag.st {
        background-position: -48px -517px;
    }

    .flag.sv {
        background-position: -48px -528px;
    }

    .flag.sy {
        background-position: -48px -539px;
    }

    .flag.sz {
        background-position: -48px -550px;
    }

    .flag.tc {
        background-position: -48px -561px;
    }

    .flag.td {
        background-position: -48px -572px;
    }

    .flag.tf {
        background-position: -64px 0;
    }

    .flag.tg {
        background-position: -64px -11px;
    }

    .flag.th {
        background-position: -64px -22px;
    }

    .flag.tj {
        background-position: -64px -33px;
    }

    .flag.tk {
        background-position: -64px -44px;
    }

    .flag.tl {
        background-position: -64px -55px;
    }

    .flag.tm {
        background-position: -64px -66px;
    }

    .flag.tn {
        background-position: -64px -77px;
    }

    .flag.to {
        background-position: -64px -88px;
    }

    .flag.tr {
        background-position: -64px -99px;
    }

    .flag.tt {
        background-position: -64px -110px;
    }

    .flag.tv {
        background-position: -64px -121px;
    }

    .flag.tw {
        background-position: -64px -132px;
    }

    .flag.tz {
        background-position: -64px -143px;
    }

    .flag.ua {
        background-position: -64px -154px;
    }

    .flag.ug {
        background-position: -64px -165px;
    }

    .flag.um {
        background-position: -64px -176px;
    }

    .flag.us {
        background-position: -64px -187px;
    }

    .flag.uy {
        background-position: -64px -198px;
    }

    .flag.uz {
        background-position: -64px -209px;
    }

    .flag.va {
        background-position: -64px -220px;
    }

    .flag.vc {
        background-position: -64px -231px;
    }

    .flag.ve {
        background-position: -64px -242px;
    }

    .flag.vg {
        background-position: -64px -253px;
    }

    .flag.vi {
        background-position: -64px -264px;
    }

    .flag.vn {
        background-position: -64px -275px;
    }

    .flag.vu {
        background-position: -64px -286px;
    }

    .flag.wales {
        background-position: -64px -297px;
    }

    .flag.wf {
        background-position: -64px -308px;
    }

    .flag.ws {
        background-position: -64px -319px;
    }

    .flag.ye {
        background-position: -64px -330px;
    }

    .flag.yt {
        background-position: -64px -341px;
    }

    .flag.za {
        background-position: -64px -352px;
    }

    .flag.zm {
        background-position: -64px -363px;
    }

    .flag.zw {
        background-position: -64px -374px;
    }