@media screen {

    html {
        background-color: #f1f1f1;
    }

    /* force vertical scrollbar */
    body {
        overflow-y: auto;
        background: #f1f1f1;
    }
    body.font_size_12 {
        font-size: 12px;
    }
    body.font_size_14 {
        font-size: 14px;
    }
    body.font_size_16 {
        font-size: 16px;
    }

    a, a:focus {
        color: #66bbff;
    }

    .autocomplete-off { }
    .k-table { }
    .table-ws-fixed { }
    .form-statistic {  }
    .main_tab { }
    .application_tab { }
    .dialog { }
    .dialog_favorite { }
    .favorite_item { }
    .accordion { }
    .modal-cancel { }
    .modal-save { }
    .error-before { }
    .alert-heading { }
    .alert-close { }
    .file_upload { }
    .file_upload_remove { }
    .file_upload_id { }
    .upload_image { }
    .upload_file { }
    .zip-city { }
    .hide_on_load { }
    .main-wrapper { }
    .grid_checked_values { }
    .xml_compare { }
    .supplies_description_mapper { }
    .external { }
    .reload_grid { }
    #footer { }
    .chzn-select-contains { }
    .tap-equalize { }
    .show_chart { }
    .valuetype_old, .valuetype_new, .valuetype_result { }
    .valuetype_form { }
    .load_into {}
    .loaded {}
    #docu-carousel.carousel {
        min-height: 400px;
        line-height: 1.3;
    }
    #docu-carousel.carousel .item {
        margin: 0 80px;
    }

    #docu-carousel .carousel-indicators li {
        background-color: #aaa;
    }
    #docu-carousel .carousel-indicators li.active {
        background-color: #555;
    }

    #grid_setting_form {
        height: 400px;
        overflow: auto;
    }

    .show_on_load {
        display: none;
    }

    .consumable-toggle {
        width: 20px !important;
        cursor: pointer;
    }
    .consumable {}

    .skip, .hideme, .print {
        left: -32768px;
        position: absolute;
        top: -32768px;
    }

    /* fallback for media queries */
    header,
    #main,
    #subnav-container,
    footer {
        min-width: 980px;
        margin: 0;
    }

    /* Basic Element Styling */
    header.navbar {
        background: #02306b url(../images/bg_header.png) repeat-x scroll left bottom;
        color: #fff;
        /*height: 79px;*/
        position: relative;
        margin: 0;
    }
    header.navbar .btn-navbar {
        background-color: #12407b;
        background-image: -moz-linear-gradient(center top , #12407b, #314B84);
        background-image: -moz-linear-gradient(top, #12407b, #314B84);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#12407b), to(#314B84));
        background-image: -webkit-linear-gradient(top, #12407b, #314B84);
        background-image: -o-linear-gradient(top, #12407b, #314B84);
        background-image: linear-gradient(to bottom, #12407b, #314B84);
        border-color: #000000 #000000 #000000;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 #ffffff inset, 0 1px 0 #ffffff;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    }

    header.navbar .btn-navbar:hover,
    header.navbar .btn-navbar:active,
    header.navbar .btn-navbar.active,
    header.navbar .btn-navbar.disabled,
    header.navbar .btn-navbar[disabled] {
        background-color: #314B84;
    }

    header #logo {
        background: transparent url(../images/logo_omplus.png) no-repeat;
        width: 150px;
        height: 52px;
        position: relative;
        top: 15px;
        left: 10px;
    }
    .is_authenticated header #logo {
        background: transparent url(../images/logo.png) no-repeat;
    }

    header #logo h1,
    header #logo span {
        position: absolute;
        left: -10000px;
    }

    header nav#mainnav {
        bottom: 0;
        margin-left: 180px;
    }

    #mainnav .hlist {
        line-height: 1em;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    #mainnav .hlist ul {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }
    #mainnav .hlist ul li {
        display: inline;
        float: left;
        font-size: 1.1em;
        line-height: 1em;
        list-style-type: none;
        margin: 0 0.25em 0 0;
        padding: 0;
    }
    #mainnav .hlist ul li a,
    #mainnav .hlist ul li strong {
        background: none repeat scroll 0 0 transparent;
        color: #00ABFE;
        display: block;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.7em;
        padding: 0.2em 1.5em 0.15em;
        text-decoration: none;
        width: auto;
    }
    #mainnav .hlist ul li.active a {
        background: none repeat scroll 0 0 #D5D5D5;
        border-radius: 5px 5px 0 0;
        color: #001155;
        font-weight: bold;
        outline: 0 none;
        text-decoration: none;
    }

    header nav#language {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: .85em;
    }
    header nav#language a {
        margin-left: 5px;
    }
    header nav#language a:active,
    header nav#language a.active {
        color: #fff;
        text-decoration: none;
    }
    header nav#language a:hover {
        color: #fff;
        text-decoration: underline;
    }

    .main-container {
        background: transparent url(../images/bg_main.png) repeat-x left top;
        padding: 0 .5em;
    }
    #main .info {
        margin-bottom: .5em;
    }

    #dashboard {
        min-height: 350px;
    }

    #main-tab .ui-tabs-panel p a {
        color: #22508B;
        text-decoration: underline;
    }

    #main-tab .ajax-loader {
        background: #ffffff url(../images/ajax-loader.gif) 50% 50% no-repeat !important;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        border: 1px solid #cccccc;
        border-top: none;
    }
    #main-tab .ajax-loader-tab {
        background: #ffffff url(../images/ajax-loader.gif) 50% 50% no-repeat !important;
        width: 100%;
        height: 50px;
        border: none;
    }

    #main-tab-loading {
        text-align: center;
        vertical-align: middle;
        padding: 0.2em;
    }
    #main-tab-loading .application-loader {
        height: 300px;
        background: transparent url(../images/ajax-loader.gif) 50% 50% no-repeat !important;
    }

    footer {
        font-size: .9em;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    footer p {
        margin: 0 .2em;
    }

    section.box { padding: 0 .5em .5em .5em; }

    #subnav-container {
        background: #d4d4d4 url(../images/bg_subnav.png) repeat-x scroll left bottom;
        height: 44px;
        position: relative;
        top: -1px;
    }
    #subnav {
        float: left;
        height: 40px;
    }
    #subnav ul {
        list-style: none outside none;
        margin: 0;
        padding: 0 .5em;
        line-height: 2em;
    }
    #subnav li {
        display: inline;
        margin: 0;
        padding: 0;
    }
    #subnav a {
        color: #001155;
        display: inline-block;
        text-decoration: none;
        line-height: 40px;
        height: 40px;
        padding: 0 .5em;
    }
    #customer-dropdown .dropdown-menu {
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a {
        color: #ffffff !important;
    }
    #subnav .active a,
    #subnav .ancestor a {
        color: #11aaff;
        font-weight: bold;
    }

    #subnav-container .navbar {
        margin: 0;
    }
    #subnav-container .navbar ul {
        list-style: none outside none;
        margin: 0;
        padding: 0 .5em;
        line-height: 2em;
        max-width: 1000px;
    }
    #subnav-container .navbar li {
        display: inline;
        margin: 0;
        padding: 0;
    }
    #subnav-container .navbar a {
        display: block;
        text-decoration: none;
        line-height: 34px;
        height: 34px;
        padding: 5px .5em 2px;
    }
    #subnav-container .navbar .nav .dropdown-toggle .caret {
        margin-top: 14px;
    }
    #subnav-container .navbar .nav > li > a {
        text-shadow: none;
    }
    #subnav-container .navbar ul.dropdown-menu {
        padding: 4px 0;
        margin-right: 2px;
    }
    #subnav-container .navbar ul.dropdown-menu li {
        display: block;
    }
    #subnav-container .navbar ul.dropdown-menu a {
        line-height: 18px;
        padding: 4px 15px;
        height: auto;
    }
    #subnav-container .navbar ul.dropdown-menu a:hover {
        color: #ffffff;
    }
    #subnav-container .navbar ul.dropdown-menu-list a {
        display: block;
        padding: 3px 15px;
    }

    .text-line-through {
        color: red;
        background: yellow !important;
        text-decoration: line-through;
    }

    /* Search */
    #search-dropdown .form-inline {
        padding: .6em 1em;
    }
    #search-dropdown .dropdown-menu li {
        white-space: nowrap;
    }
    #search-dropdown .btn {
        margin: 0 0 0 -1px;
    }

    /* Tools Icon */
    .tool_outer {
        display: inline-block;
        position: relative;
    }
    .tool_icon {
        display: inline-block;
        width: 32px;
        height: 32px;
    }
    .tool_icon_message {
        background: transparent url(../icons/32/message.png) no-repeat left top;
    }
    .tool_icon_favorite {
        background: transparent url(../icons/32/favorite.png) no-repeat left top;
    }
    .tool_icon_settings {
        background: transparent url(../icons/32/settings.png) no-repeat left top;
    }
    .tool_icon_search {
        background: transparent url(../icons/32/search.png) no-repeat left top;
    }
    .tool_icon_switch {
        background: transparent url(../icons/32/switch.png) no-repeat left top;
    }
    
    /* Badge */
    .ombadge {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent url(../icons/badge/badge-20.png) no-repeat left top;
        text-align: center;
        position: absolute;
        top: 0;
        left: 20px;
        z-index: 2;
        line-height: 17px;
    }
    .ombadge span {
        display: inline-block;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        font-size: .85em;
        line-height: 17px;
    }
    .ombadge-1 {
        background-image: url(../icons/badge/badge-20.png);
    }
    .ombadge-1, .ombadge-1 span {
        width: 20px;
    }
    .ombadge-2 {
        background-image: url(../icons/badge/badge-26.png);
    }
    .ombadge-2, .ombadge-2 span {
        width: 26px;
    }
    .ombadge-3 {
        background-image: url(../icons/badge/badge-30.png);
    }
    .ombadge-3, .ombadge-3 span {
        width: 30px;
    }
    .ombadge-4 {
        background-image: url(../icons/badge/badge-35.png);
    }
    .ombadge-4, .ombadge-4 span {
        width: 35px;
    }

    /* Panel design */
    .panel-column {
        display: table;
        width: 100%;
    }
    .panel-col1 {
        float: left;
        width: 30px;
    }
    .panel-col3 {
        margin: 0 0 0 35px;
        width: auto;
    }


    /* Chart design */
    .chart-column {
        display: table;
        width: 100%;
    }
    .chart-col1 {
        float: left;
        width: 100px;
    }
    .chart-col1 li {
        margin-left: .5em;
    }
    .chart-col3 {
        margin: 0 0 0 105px;
        width: auto;
    }
    .chart {
        height: 400px;
    }


    /* Small Navigation */
    .smallnav {
        position: absolute;
    }
    .smallnav ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    .smallnav li {
        display: block;
        margin: 0 0 3px 0;
        padding: 0;
    }

    /* Icon */
    .icon_24 {
        width: 24px;
        height: 24px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top left;
        display: inline-block;
    }
    .icon_24.icon_add {
        background-image: url(../icons/24/add.png);
    }
    .icon_24.icon_back {
        background-image: url(../icons/24/back.png);
    }
    .icon_24.icon_copy {
        background-image: url(../icons/24/copy.png);
    }
    .icon_24.icon_detail {
        background-image: url(../icons/24/detail.png);
    }
    .icon_24.icon_delete {
        background-image: url(../icons/24/delete.png);
    }
    .icon_24.icon_download {
        background-image: url(../icons/24/download.png);
    }
    .icon_24.icon_edit {
        background-image: url(../icons/24/edit.png);
    }
    .icon_24.icon_favorite {
        background-image: url(../icons/24/favorite.png);
    }
    .icon_24.icon_key {
        background-image: url(../icons/24/key.png);
    }
    .icon_24.icon_refresh {
        background-image: url(../icons/24/refresh.png);
    }
    .icon_24.icon_save {
        background-image: url(../icons/24/save.png);
    }
    .icon_24.icon_settings {
        background-image: url(../icons/24/settings.png);
    }
    .icon_24.icon_watch {
        background-image: url(../icons/24/watch.png);
    }
    .icon_24.icon_widget {
        background-image: url(../icons/24/widget.png);
    }
    .icon_24.icon_trash {
        background-image: url(../icons/24/trash.png);
    }


    .grid_checkbox {
        display: inline-block;
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
    }
    .grid_checkbox span {
        margin-left: 5px;
    }
    label.grid_checkbox input,
    label.grid_checkbox textarea,
    label.grid_checkbox select {
        display: inline;
        margin-top: 0;
    }
    .grid_filter {
        margin-bottom: 1.5em;
    }
    .grid_filter .grid_checkbox {
        display: block;
    }

    /* Userinfo */
    #person {
        background: transparent url(../icons/user/user_032.png) no-repeat 0 0;
        position: absolute;
        top: 35px;
        right: 5px;
        padding-left: 36px;
        display: block;
        line-height: 16px;
        height: 32px;
    }
    #person:hover {
        color: #fff;
        text-decoration: underline;
    }

    /* WIDGETS */
    .omp-widget-box-list {
        margin-left: 5px !important;
    }
    .omp-widget-box-list > li {
        float: left;
        width: 50%;
    }
    .omp-widget-box {
        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
        border-radius: 4px 4px 4px 4px;
        margin: .5em .5em 0 0;
        padding: 39px 19px 14px;
        position: relative;
    }
    .omp-widget-box > ul > li {
        float: left;
        margin-right: 1em;
    }
    .omp-widget-box > ul > li a {
        display: block;
    }
    .omp-widget-box > ul > li img {
        margin: 0 !important;
    }
    .omp-widget-box > ul > li span {
        display: block;
        text-align: center;
        font-size: .8em;
    }
    .omp-widget-box > span {
        background-color: #F5F5F5;
        border: 1px solid #DDDDDD;
        border-radius: 4px 0 4px 0;
        color: #9DA0A4;
        font-size: 12px;
        font-weight: bold;
        left: -1px;
        padding: 3px 7px;
        position: absolute;
        top: -1px;
        display: inline;
    }
    .omp-widget-box .playschool_item {
        width: 80px;
    }
    .omp-widget-box .playschool_item a {
        text-align: center;
        text-decoration: none;
    }
    .omp-widget-box .playschool_item img {
        background: url(../icons/playschool/bg_swisscom.png) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../icons/playschool/bg_swisscom.png', sizingMethod='scale');
        -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../icons/playschool/bg_swisscom.png', sizingMethod='scale');
    }
    .icon_size_64 .omp-widget-box .playschool_item img {
        width: 64px;
    }
    .icon_size_48 .omp-widget-box .playschool_item img {
        width: 48px;
    }
    .icon_size_32 .omp-widget-box .playschool_item img {
        width: 32px;
    }
    .omp-widget-box .playschool_item span {
        width: 80px;
        white-space: nowrap;
        overflow: hidden;
    }

    /* BOOTSTRAP */
    .control-group .controls p {
        padding-top: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
    }
    .modal {
        width: 800px;
        margin-left: -400px;
    }
    .modal-body {
        max-height: initial;
    }
    .popover h3 {
        color: #222222;
    }
    .popover .popover-content {
        color: #222222 !important;
        white-space: nowrap;
    }
    .form-actions {
        border: 1px solid #ccc;
        margin-top: 0;
        margin-bottom: 1em;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .form-horizontal .control-group {
        margin-bottom: 3px;
    }
    .btn-group .fileinput-button {
        margin-right: 0;
    }
    .nav-tabs > li > a,
    .nav-pills > li > a {
        text-decoration: none !important;
        font-weight: normal !important;
        color: #444444 !important;
    }
    .btn-mini [class^="icon-"],
    .btn-mini [class*=" icon-"] {
        vertical-align: middle;
    }
    a.close,
    a.btn {
        text-decoration: none !important;
    }
    .nav-pills > .active > a,
    .nav-pills > .active > a:hover {
        color: #ffffff !important;
    }
    .tab-content img {
        margin: 0 !important;
    }
    .is-inactive {
        color: #999999;
        font-style: italic;
        text-decoration: line-through;
    }

    .omfield h3 {
        padding: .5em 0 .5em 1.5em;
    }
    .omfield {
        border: 1px solid #ccc;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 1em;
    }
    .omfield .form-actions {
        margin-top: 0;
        margin-bottom: 0;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        border-left: 0 none;
        border-right: 0 none;
        border-bottom: 0 none;
    }
    .omfield  legend {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 99%;
    }
    legend {
        margin-bottom: 0;
        border: none;
    }
    legend span {
        /*margin-left: 1.2em;*/
        margin-left: 160px;
    }
    .table {
        margin-bottom: 0;
    }
    .table th {
        white-space: nowrap;
    }
    .table th,
    .table td {
        padding: 4px;
    }

    .borderno,
    .borderno th,
    .borderno td {
        border: none;
    }

    .tooltip {
        white-space: nowrap;
    }

    form {
        margin: 0;
    }

    .alert {
        margin-bottom: 0.6em;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }
    .alert-success {
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }
    .alert-danger,
    .alert-error {
        background-color: #f2dede;
        border-color: #eed3d7;
    }
    .alert-info {
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .btn-primary {
        color: #fff !important;
    }

    /* KendoUI */
    #XmlCompare_Grid .k-grouping-header {
        display: none;
    }
    .k-state-selected.is-inactive {
        color: #ffffff;
    }
    .k-state-selected.alert {
        background-color: #c09853;
        color: #fcf8e3;
    }
    .k-state-selected.alert-error {
        background-color: #b94a48;
        color: #f2dede;
    }

    /* Messages */
    .unread_message td {
        font-weight: bold;
    }

    /* CHOSEN */
    .chzn-results li {
        white-space: nowrap;
        overflow: hidden;
    }
    .chzn-container-single .chzn-single {
        text-decoration: none !important;
        font-weight: normal !important;
        color: #444444 !important;
    }

    /* FORM */
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        margin-bottom: 0;
    }

    input[type="radio"] {
        margin-top: -1px;
        vertical-align: middle;
    }

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        outline: 0;
    }

    .ui-draggable .modal-header {
        cursor: move;
    }
    .row-fluid [class*="span"] {
        margin-left: 0;
    }
    .row-fluid .span12 {
        width: 100%;
    }
    .row-fluid .span11 {
        width: 91.666%;
    }
    .row-fluid .span10 {
        width: 83.333%;
    }
    .row-fluid .span9 {
        width: 75%;
    }
    .row-fluid .span8 {
        width: 66.666%;
    }
    .row-fluid .span7 {
        width: 58.333%;
    }
    .row-fluid .span6 {
        width: 50%;
    }
    .row-fluid .span5 {
        width: 41.666%;
    }
    .row-fluid .span4 {
        width: 33.333%;
    }
    .row-fluid .span3 {
        width: 25%;
    }
    .row-fluid .span2 {
        width: 16.666%;
    }
    .row-fluid .span1 {
        width: 8.333%;
    }

    /* AUTOCOMPLETE */
    .ui-autocomplete {
        z-index: 9999;
    }
    .ui-autocomplete hr {
        margin: 5px 0;
    }
    .ui-autocomplete li:last-child hr {
        display: none;
    }

    /* SORTABLE */
    .ui-sortable .sortable-move {
        cursor: move;
    }
    .ui-sortable > li {
        margin-bottom: 3px;
    }
    .sortable {
        min-height: 30px;
        background: #a9a9a9;
    }
    .sortable li {
        cursor: move;
        padding: .5em;
    }
    .sortable-disabled {  }

    /* COSEN */
    .chzn-container-single .chzn-search input {
        height: 24px;
    }

    /* Elements */
    .nav-tabs > li > a {
        padding-top: 4px;
        padding-bottom: 4px; 
    } 

    .nav-tabs > li > a, .nav-pills > li > a {
        margin-right: 0;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        font-weight: bold;
    }

    .display {
        background-color: #4488DD;
        border: 4px solid black;
        color: #FFFFFF;
        display: inline-block;
        font-weight: bold;
        margin-top: 3px;
        padding: 6px;
        line-height: 10px;
        width: 100%;
    }

    .progress {
        height: 10px; 
        margin-bottom: 0;
        margin-top: 5px;

    }

    .progress .black{
        background-color: #333333;
        background-image: -moz-linear-gradient(top, #333333, #222222);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
        background-image: -webkit-linear-gradient(top, #333333, #222222);
        background-image: -o-linear-gradient(top, #333333, #222222);
        background-image: linear-gradient(to bottom, #333333, #222222);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    }

    .progress .cyan {
        background-color: #00FFFF;
        background-image: -moz-linear-gradient(top, #00FFFF, #00e5e5);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00FFFF), to(#00e5e5));
        background-image: -webkit-linear-gradient(top, #00FFFF, #00e5e5);
        background-image: -o-linear-gradient(top, #00FFFF, #00e5e5);
        background-image: linear-gradient(to bottom, #00FFFF, #00e5e5);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#00e5e5', GradientType=0);
    }

    .progress .magenta {
        background-color: #E238EC;
        background-image: -moz-linear-gradient(top, #E238EC, #C031C7);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E238EC), to(#C031C7));
        background-image: -webkit-linear-gradient(top, #E238EC, #C031C7);
        background-image: -o-linear-gradient(top, #E238EC, #C031C7);
        background-image: linear-gradient(to bottom, #E238EC, #C031C7);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E238EC', endColorstr='#C031C7', GradientType=0);
    }

    .progress .yellow {
        background-color: #eeee1f;
        background-image: -moz-linear-gradient(top, #eeee1f, #efef35);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeee1f), to(#efef35));
        background-image: -webkit-linear-gradient(top, #eeee1f, #efef35);
        background-image: -o-linear-gradient(top, #eeee1f, #efef35);
        background-image: linear-gradient(to bottom, #eeee1f, #efef35);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeee1f', endColorstr='#efef35', GradientType=0);
    }

    .progress .default {
        background-color: #333333;
        background-image: -moz-linear-gradient(top, #333333, #222222);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
        background-image: -webkit-linear-gradient(top, #333333, #222222);
        background-image: -o-linear-gradient(top, #333333, #222222);
        background-image: linear-gradient(to bottom, #333333, #222222);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    }

    .event_actions_from_deviceserie td {
        color: #999999;
    }

    .shipping_address {
        padding: 5px;
    }

    /* Validation */
    .validation-summary-errors ul {
        margin: 0;
    }
    .validation-summary-errors li {
        list-style: none;
    }
}


@media (max-width: 1140px) {
    .omp-widget-box .playschool_item {
        width: 49%;
    }
    .icon_size_32 .omp-widget-box .playschool_item {
        width: 32%;
    }
    .omp-widget-box > ul > li.playschool_item {
        margin-right: .2em;
    }
    .omp-widget-box .playschool_item img {
        margin: 0;
        padding: 0 1em .5em 0;
        float: left;
    }
    .icon_size_32 .omp-widget-box .playschool_item img {
        padding: 0 .3em .3em 0;
    }
    .omp-widget-box .playschool_item span {
        width: auto;
        text-align: left;
    }
    .icon_size_32 .omp-widget-box .playschool_item span {
        line-height: 32px;
    }
    .icon_size_48 .omp-widget-box .playschool_item span {
        line-height: 48px;
    }
    .icon_size_64 .omp-widget-box .playschool_item span {
        line-height: 64px;
    }
}