/** responsive template customizing of ja-mixstore to the requirements of mintware **/
/** general settings for all devices **/
@media (min-device-width : 320px){
    /** mein html body settings**/
    @font-face {
        font-family: 'IcoMoon';
        src: url('../../../media/jui/fonts/IcoMoon.eot');
        src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    [data-icon]:before {
        font-family: 'IcoMoon';
        content: attr(data-icon);
        speak: none;
    }.btn {
         display: inline-block;
         *display: inline;
         *zoom: 1;
         padding: 16px 12px;
         margin-bottom: 0;
         font-size: 13px;
         line-height: 20px;
         text-align: center;
         vertical-align: middle;
         cursor: pointer;
         background-color: #13A1A8;
         color: #FFF;
         border: 1px solid #13A1A8;
     }
    .btn:hover,
    .btn:focus {
        background-color: #94C11E;
        border: 1px solid #94C11E;
        text-decoration: none;
        text-shadow: none;
        color: #FFF;
    }

    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
    }
    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .btn-large {
        padding: 11px 19px;
        font-size: 16.25px;
    }
    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }
    .btn-small {
        padding: 16px 10px;
        font-size: 13px;
    }
    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] {
        margin-top: 0;
    }
    .btn-mini [class^="icon-"],
    .btn-mini [class*=" icon-"] {
        margin: 0 0 4px 0;

    }
    .btn-mini {
        padding: 8px;
        font-size: 12px;
        background: #eeeeee;
        color: #13A1A8;
        border: 1px solid #eeeeee;
    }
    .btn-mini [class^="icon-"]{
        margin-right: 0 !important;
    }
    [class^="icon-"],
    [class*=" icon-"] {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: .25em;
        line-height: 14px;
    }
    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        font-family: 'IcoMoon';
        font-style: normal;
        speak: none;
    }
    [class^="icon-"].disabled,
    [class*=" icon-"].disabled {
        font-weight: normal;
    }
    .icon-joomla:before {
        content: "\e200";
    }
    .icon-chevron-up:before,
    .icon-uparrow:before,
    .icon-arrow-up:before {
        content: "\e005";
    }
    .icon-chevron-right:before,
    .icon-rightarrow:before,
    .icon-arrow-right:before {
        content: "\e006";
    }
    .icon-chevron-down:before,
    .icon-downarrow:before,
    .icon-arrow-down:before {
        content: "\e007";
    }
    .icon-chevron-left:before,
    .icon-leftarrow:before,
    .icon-arrow-left:before {
        content: "\e008";
    }
    .icon-arrow-first:before {
        content: "\e003";
    }
    .icon-arrow-last:before {
        content: "\e004";
    }
    .icon-arrow-up-2:before {
        content: "\e009";
    }
    .icon-arrow-right-2:before {
        content: "\e00a";
    }
    .icon-arrow-down-2:before {
        content: "\e00b";
    }
    .icon-arrow-left-2:before {
        content: "\e00c";
    }
    .icon-arrow-up-3:before {
        content: "\e00f";
    }
    .icon-arrow-right-3:before {
        content: "\e010";
    }
    .icon-arrow-down-3:before {
        content: "\e011";
    }
    .icon-arrow-left-3:before {
        content: "\e012";
    }
    .icon-menu-2:before {
        content: "\e00e";
    }
    .icon-arrow-up-4:before {
        content: "\e201";
    }
    .icon-arrow-right-4:before {
        content: "\e202";
    }
    .icon-arrow-down-4:before {
        content: "\e203";
    }
    .icon-arrow-left-4:before {
        content: "\e204";
    }
    .icon-share:before,
    .icon-redo:before {
        content: "\27";
    }
    .icon-undo:before {
        content: "\28";
    }
    .icon-forward-2:before {
        content: "\e205";
    }
    .icon-backward-2:before,
    .icon-reply:before {
        content: "\e206";
    }
    .icon-unblock:before,
    .icon-refresh:before,
    .icon-redo-2:before {
        content: "\6c";
    }
    .icon-undo-2:before {
        content: "\e207";
    }
    .icon-move:before {
        content: "\7a";
    }
    .icon-expand:before {
        content: "\66";
    }
    .icon-contract:before {
        content: "\67";
    }
    .icon-expand-2:before {
        content: "\68";
    }
    .icon-contract-2:before {
        content: "\69";
    }
    .icon-play:before {
        content: "\e208";
    }
    .icon-pause:before {
        content: "\e209";
    }
    .icon-stop:before {
        content: "\e210";
    }
    .icon-previous:before,
    .icon-backward:before {
        content: "\7c";
    }
    .icon-next:before,
    .icon-forward:before {
        content: "\7b";
    }
    .icon-first:before {
        content: "\7d";
    }
    .icon-last:before {
        content: "\e000";
    }
    .icon-play-circle:before {
        content: "\e00d";
    }
    .icon-pause-circle:before {
        content: "\e211";
    }
    .icon-stop-circle:before {
        content: "\e212";
    }
    .icon-backward-circle:before {
        content: "\e213";
    }
    .icon-forward-circle:before {
        content: "\e214";
    }
    .icon-loop:before {
        content: "\e001";
    }
    .icon-shuffle:before {
        content: "\e002";
    }
    .icon-search:before {
        content: "\53";
    }
    .icon-zoom-in:before {
        content: "\64";
    }
    .icon-zoom-out:before {
        content: "\65";
    }
    .icon-apply:before,
    .icon-edit:before,
    .icon-pencil:before {
        content: "\2b";
    }
    .icon-pencil-2:before {
        content: "\2c";
    }
    .icon-brush:before {
        content: "\3b";
    }
    .icon-save-new:before,
    .icon-plus-2:before {
        content: "\5d";
    }
    .icon-minus-sign:before,
    .icon-minus-2:before {
        content: "\5e";
    }
    .icon-delete:before,
    .icon-remove:before,
    .icon-cancel-2:before {
        content: "\49";
    }
    .icon-publish:before,
    .icon-save:before,
    .icon-ok:before,
    .icon-checkmark:before {
        content: "\47";
    }
    .icon-new:before,
    .icon-plus:before {
        content: "\2a";
    }
    .icon-plus-circle:before {
        content: "\e215";
    }
    .icon-minus:before,
    .icon-not-ok:before {
        content: "\4b";
    }
    .icon-ban-circle:before,
    .icon-minus-circle:before {
        content: "\e216";
    }
    .icon-unpublish:before,
    .icon-cancel:before {
        content: "\4a";
    }
    .icon-cancel-circle:before {
        content: "\e217";
    }
    .icon-checkmark-2:before {
        content: "\e218";
    }
    .icon-checkmark-circle:before {
        content: "\e219";
    }
    .icon-info:before {
        content: "\e220";
    }
    .icon-info-2:before,
    .icon-info-circle:before {
        content: "\e221";
    }
    .icon-question:before,
    .icon-question-sign:before,
    .icon-help:before {
        content: "\45";
    }
    .icon-question-2:before,
    .icon-question-circle:before {
        content: "\e222";
    }
    .icon-notification:before {
        content: "\e223";
    }
    .icon-notification-2:before,
    .icon-notification-circle:before {
        content: "\e224";
    }
    .icon-pending:before,
    .icon-warning:before {
        content: "\48";
    }
    .icon-warning-2:before,
    .icon-warning-circle:before {
        content: "\e225";
    }
    .icon-checkbox-unchecked:before {
        content: "\3d";
    }
    .icon-checkin:before,
    .icon-checkbox:before,
    .icon-checkbox-checked:before {
        content: "\3e";
    }
    .icon-checkbox-partial:before {
        content: "\3f";
    }
    .icon-square:before {
        content: "\e226";
    }
    .icon-radio-unchecked:before {
        content: "\e227";
    }
    .icon-radio-checked:before,
    .icon-generic:before {
        content: "\e228";
    }
    .icon-circle:before {
        content: "\e229";
    }
    .icon-signup:before {
        content: "\e230";
    }
    .icon-grid:before,
    .icon-grid-view:before {
        content: "\58";
    }
    .icon-grid-2:before,
    .icon-grid-view-2:before {
        content: "\59";
    }
    .icon-menu:before {
        content: "\5a";
    }
    .icon-list:before,
    .icon-list-view:before {
        content: "\31";
    }
    .icon-list-2:before {
        content: "\e231";
    }
    .icon-menu-3:before {
        content: "\e232";
    }
    .icon-folder-open:before,
    .icon-folder:before {
        content: "\2d";
    }
    .icon-folder-close:before,
    .icon-folder-2:before {
        content: "\2e";
    }
    .icon-folder-plus:before {
        content: "\e234";
    }
    .icon-folder-minus:before {
        content: "\e235";
    }
    .icon-folder-3:before {
        content: "\e236";
    }
    .icon-folder-plus-2:before {
        content: "\e237";
    }
    .icon-folder-remove:before {
        content: "\e238";
    }
    .icon-file:before {
        content: "\e016";
    }
    .icon-file-2:before {
        content: "\e239";
    }
    .icon-file-add:before,
    .icon-file-plus:before {
        content: "\29";
    }
    .icon-file-minus:before {
        content: "\e017";
    }
    .icon-file-check:before {
        content: "\e240";
    }
    .icon-file-remove:before {
        content: "\e241";
    }
    .icon-save-copy:before,
    .icon-copy:before {
        content: "\e018";
    }
    .icon-stack:before {
        content: "\e242";
    }
    .icon-tree:before {
        content: "\e243";
    }
    .icon-tree-2:before {
        content: "\e244";
    }
    .icon-paragraph-left:before {
        content: "\e246";
    }
    .icon-paragraph-center:before {
        content: "\e247";
    }
    .icon-paragraph-right:before {
        content: "\e248";
    }
    .icon-paragraph-justify:before {
        content: "\e249";
    }
    .icon-screen:before {
        content: "\e01c";
    }
    .icon-tablet:before {
        content: "\e01d";
    }
    .icon-mobile:before {
        content: "\e01e";
    }
    .icon-box-add:before {
        content: "\51";
    }
    .icon-box-remove:before {
        content: "\52";
    }
    .icon-download:before {
        content: "\e021";
    }
    .icon-upload:before {
        content: "\e022";
    }
    .icon-home:before {
        content: "\21";
    }
    .icon-home-2:before {
        content: "\e250";
    }
    .icon-out-2:before,
    .icon-new-tab:before {
        content: "\e024";
    }
    .icon-out-3:before,
    .icon-new-tab-2:before {
        content: "\e251";
    }
    .icon-link:before {
        content: "\e252";
    }
    .icon-picture:before,
    .icon-image:before {
        content: "\2f";
    }
    .icon-pictures:before,
    .icon-images:before {
        content: "\30";
    }
    .icon-palette:before,
    .icon-color-palette:before {
        content: "\e014";
    }
    .icon-camera:before {
        content: "\55";
    }
    .icon-camera-2:before,
    .icon-video:before {
        content: "\e015";
    }
    .icon-play-2:before,
    .icon-video-2:before,
    .icon-youtube:before {
        content: "\56";
    }
    .icon-music:before {
        content: "\57";
    }
    .icon-user:before {
        content: "\22";
    }
    .icon-users:before {
        content: "\e01f";
    }
    .icon-vcard:before {
        content: "\6d";
    }
    .icon-address:before {
        content: "\70";
    }
    .icon-share-alt:before,
    .icon-out:before {
        content: "\26";
    }
    .icon-enter:before {
        content: "\e257";
    }
    .icon-exit:before {
        content: "\e258";
    }
    .icon-comment:before,
    .icon-comments:before {
        content: "\24";
    }
    .icon-comments-2:before {
        content: "\25";
    }
    .icon-quote:before,
    .icon-quotes-left:before {
        content: "\60";
    }
    .icon-quote-2:before,
    .icon-quotes-right:before {
        content: "\61";
    }
    .icon-quote-3:before,
    .icon-bubble-quote:before {
        content: "\e259";
    }
    .icon-phone:before {
        content: "\e260";
    }
    .icon-phone-2:before {
        content: "\e261";
    }
    .icon-envelope:before,
    .icon-mail:before {
        content: "\4d";
    }
    .icon-envelope-opened:before,
    .icon-mail-2:before {
        content: "\4e";
    }
    .icon-unarchive:before,
    .icon-drawer:before {
        content: "\4f";
    }
    .icon-archive:before,
    .icon-drawer-2:before {
        content: "\50";
    }
    .icon-briefcase:before {
        content: "\e020";
    }
    .icon-tag:before {
        content: "\e262";
    }
    .icon-tag-2:before {
        content: "\e263";
    }
    .icon-tags:before {
        content: "\e264";
    }
    .icon-tags-2:before {
        content: "\e265";
    }
    .icon-options:before,
    .icon-cog:before {
        content: "\38";
    }
    .icon-cogs:before {
        content: "\37";
    }
    .icon-screwdriver:before,
    .icon-tools:before {
        content: "\36";
    }
    .icon-wrench:before {
        content: "\3a";
    }
    .icon-equalizer:before {
        content: "\39";
    }
    .icon-dashboard:before {
        content: "\78";
    }
    .icon-switch:before {
        content: "\e266";
    }
    .icon-filter:before {
        content: "\54";
    }
    .icon-purge:before,
    .icon-trash:before {
        content: "\4c";
    }
    .icon-checkedout:before,
    .icon-lock:before,
    .icon-locked:before {
        content: "\23";
    }
    .icon-unlock:before {
        content: "\e267";
    }
    .icon-key:before {
        content: "\5f";
    }
    .icon-support:before {
        content: "\46";
    }
    .icon-database:before {
        content: "\62";
    }
    .icon-scissors:before {
        content: "\e268";
    }
    .icon-health:before {
        content: "\6a";
    }
    .icon-wand:before {
        content: "\6b";
    }
    .icon-eye-open:before,
    .icon-eye:before {
        content: "\3c";
    }
    .icon-eye-close:before,
    .icon-eye-blocked:before,
    .icon-eye-2:before {
        content: "\e269";
    }
    .icon-clock:before {
        content: "\6e";
    }
    .icon-compass:before {
        content: "\6f";
    }
    .icon-broadcast:before,
    .icon-connection:before,
    .icon-wifi:before {
        content: "\e01b";
    }
    .icon-book:before {
        content: "\e271";
    }
    .icon-lightning:before,
    .icon-flash:before {
        content: "\79";
    }
    .icon-print:before,
    .icon-printer:before {
        content: "\e013";
    }
    .icon-feed:before {
        content: "\71";
    }
    .icon-calendar:before {
        content: "\43";
    }
    .icon-calendar-2:before {
        content: "\44";
    }
    .icon-calendar-3:before {
        content: "\e273";
    }
    .icon-pie:before {
        content: "\77";
    }
    .icon-bars:before {
        content: "\76";
    }
    .icon-chart:before {
        content: "\75";
    }
    .icon-power-cord:before {
        content: "\32";
    }
    .icon-cube:before {
        content: "\33";
    }
    .icon-puzzle:before {
        content: "\34";
    }
    .icon-attachment:before,
    .icon-paperclip:before,
    .icon-flag-2:before {
        content: "\72";
    }
    .icon-lamp:before {
        content: "\74";
    }
    .icon-pin:before,
    .icon-pushpin:before {
        content: "\73";
    }
    .icon-location:before {
        content: "\63";
    }
    .icon-shield:before {
        content: "\e274";
    }
    .icon-flag:before {
        content: "\35";
    }
    .icon-flag-3:before {
        content: "\e275";
    }
    .icon-bookmark:before {
        content: "\e023";
    }
    .icon-bookmark-2:before {
        content: "\e276";
    }
    .icon-heart:before {
        content: "\e277";
    }
    .icon-heart-2:before {
        content: "\e278";
    }
    .icon-thumbs-up:before {
        content: "\5b";
    }
    .icon-thumbs-down:before {
        content: "\5c";
    }
    .icon-unfeatured:before,
    .icon-asterisk:before,
    .icon-star-empty:before {
        content: "\40";
    }
    .icon-star-2:before {
        content: "\41";
    }
    .icon-featured:before,
    .icon-default:before,
    .icon-star:before {
        content: "\42";
    }
    .icon-smiley:before,
    .icon-smiley-happy:before {
        content: "\e279";
    }
    .icon-smiley-2:before,
    .icon-smiley-happy-2:before {
        content: "\e280";
    }
    .icon-smiley-sad:before {
        content: "\e281";
    }
    .icon-smiley-sad-2:before {
        content: "\e282";
    }
    .icon-smiley-neutral:before {
        content: "\e283";
    }
    .icon-smiley-neutral-2:before {
        content: "\e284";
    }
    .icon-cart:before {
        content: "\e019";
    }
    .icon-basket:before {
        content: "\e01a";
    }
    .icon-credit:before {
        content: "\e286";
    }
    .icon-credit-2:before {
        content: "\e287";
    }
    .icon-expired:before {
        content: "\4b";
    }
    .icon-edit:before {
        color: #24748c;
    }
    .icon-publish:before,
    .icon-save:before,
    .icon-ok:before,
    .icon-save-new:before,
    .icon-save-copy:before,
    .btn-toolbar .icon-copy:before {
        color: #378137;
    }
    .icon-unpublish:before,
    .icon-not-ok:before,
    .icon-eye-close:before,
    .icon-ban-circle:before,
    .icon-minus-sign:before,
    .btn-toolbar .icon-cancel:before {
        color: #942a25;
    }
    .icon-featured:before,
    .icon-default:before,
    .icon-expired:before,
    .icon-pending:before {
        color: #c67605;
    }
    .icon-back:before {
        content: "\e008";
    }
    /** t3-wrapper settings **/
    .t3-wrapper{
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: stretch;
    }
    /** END t3-wrapper settings **/

    /** header settings**/
    .t3-header > .row {
        min-height: 48px;
        height: 48px;
        max-height: 96px;
        margin-left: 0;
        margin-right: 0;
    }
    .t3-header-wrap {
        border-bottom: 5px solid #13A1A8;
        margin: 0 !important;
        background: #000000;
    }
    .t3-header-wrap #t3-header {
        background: #000000;
    }
    .container-hd {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    /** END header settings**/
    /** Logo settings **/
    .t3-header > .row .logo {
        order: 1;
        position: relative;
        float: left;
    }
    .t3-header > .row .logo.col-lg-2 {
        padding: 0;
    }
    .logo-image img {
        margin: 0 0 0 16px;
    }
    /** END logo settings **/
    .t3-mainnav.col-lg-5 {
        padding: 0;
    }
    .t3-mainnav .t3-navbar {
        width: 100%;
    }
    .navbar-default .navbar-nav > li {
        margin-right: 0;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus{
        color: #fff;
        background-color: #13A1A8;
    }
    .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #94C11E;
    }
    .navbar-default .navbar-nav > li > a,  .navbar-default .navbar-nav > li > a:focus {
        font-weight: 500;
        color: #FFF;
        height: 48px;
        padding-left: 16px;
        padding-right: 16px;
    }
    /** END navigation bar settings **/
    /** header right menu search settings **/
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        padding-left: 0;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .search .form-control, .hero {
        background: transparent;
    }
    .head-right-wrap .head-right{
        justify-content: right;
    }
    .head-right-wrap, .head-right-wrap .head-right, .head-right .off-canvas, .head-right-wrap .form-search {
        height: 48px;
    }
    .head-right-wrap .search .form-control, .head-right-wrap .form-search .form-control, .head-right-wrap .search .search-query, .head-right-wrap .form-search .search-query {
        background-image: url(../images/ico/search-invert.png) !important;
        height: 48px;
    }
    .head-right .nav-pills a, .head-right .nav-pills a:focus ,.head-right .nav-pills a:active, .head-right .nav-pills a:hover, .head-right .nav-pills a:visited{
        background: transparent !important;
    }

    /** END header right menu search settings **/

    /** general main body settings **/

    .t3-mainbody {
        margin: 0 0;
        padding: 0;
        width: 100%;
        order: 0;
        flex: 1 1 auto;
        align-self: auto;
    }
    .t3-mainbody .row {
        margin-left: 0;
        margin-right: 0;
    }
    .t3-mainbody .t3-content{
        margin: 0;
        padding: 0;
    }
    .t3-mainbody .t3-content > div, .t3-mainbody .t3-content > form, .t3-mainbody .t3-content > h1, .t3-mainbody .t3-content > h2, .t3-mainbody .t3-content > h3, .t3-mainbody .t3-content > h4{
        max-width: 1260px !important;
        margin: 16px auto !important;
        padding: 8px 24px !important;
    }
    .t3-content .profile, .t3-content .profile-edit{
        width: auto !important;
        max-width: 976px !important;
        margin: 16px auto !important;
        padding: 8px 16px !important;
    }
    .t3-mainbody  .t3-content > div.span9, .t3-mainbody  .t3-content > form.mw-form-roledashboard, .t3-mainbody  .t3-content div#toolbar-left-btn.btn-wrapper, form#customer-form{
        width: auto !important;
        max-width: 976px !important;
        margin: 24px auto !important;
        padding: 0 16px !important;
    }
    .t3-mainbody .t3-content > div.vm-cart-header{
        margin: 0;
    }
    .t3-mainbody .t3-content > div#system-message-container{
        max-width: 1260px;
        margin: 16px auto;
        padding:0 24px;
    }
    .t3-mainbody .t3-content .item-page, .t3-mainbody .t3-content .article-content{
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .t3-mainbody .t3-content .art-cont{
        max-width: 980px;
        margin: 0 auto;
        padding: 24px;
    }
    .t3-mainbody .t3-content .art-iaz{
        max-width: 980px;
        margin: 0 auto 24px;
        padding: 0;
    }
    .t3-mainbody .t3-content .art-spz{
        width: 100%;
        padding: 0;
        background-repeat: repeat;
        background-image: url(../images/mv-spons-bg.png);
        background-color: #eeeeee;
        margin: 0;
    }
    .t3-mainbody .t3-content .art-spz hr{
        margin: 0;
    }
    /** END general main body settings **/
    /** general content settings **/
    .t3-content .blog-featured{
        margin: 0 auto !important;
    }
    .t3-section-wrap .t3-section.space-top-nm{
        padding-top: 24px;
    }
    .t3-section-wrap .t3-section.space-bottom-nm{
        padding-bottom: 24px;
    }

    .hero ul.nav{
        list-style: none !important;
        padding: 12px 0 0 0 !important;
        background: #DEE3e6;
    }
    .hero ul.nav li{
        display: inline !important;
        float: right !important;
    }
    h1,h2,h3,h4,h5,h6{
        color: #13A1A8;
        font-weight: 500;
    }
    .moduletable .mv-spons-logo{
        display: flex;
        min-height: 100px;
        padding: 16px 0;
    }
    .moduletable .mv-spons-logo a{
        margin: auto;
    }
    .article-content ul{
        display: block;
        padding: 0 16px;
    }
    .a-pt-8{
        padding-top: 8px;
    }
    .alert.alert-message, .alert.alert-success {
        background-color: #F7f7f7;
        border-color: #DDDDDD;
        color: #222222;
    }
    .alert {
        padding: 8px 24px;
        margin-bottom: 8px;
        border: 01px solid;
    }
    .d-flex-stretch{
        display: flex;
        align-items: stretch;
    }
    /** END general content settings **/
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: left;
        text-align: right;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0 8px 16px;
        float: left;
        clear: right;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 600px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
    /** general link settings **/
    a, a:focus{
        color: #13A1A8;
    }
    a:hover,  a:active, a:visited  {
        color: #94C11E;
    }
    h1 a[name], h2 a[name], h3 a[name], h4 a[name]{
        display: block;
        height: 60px;
    }
    .art-cont h1,.art-cont h2,.art-cont h3,.art-cont h4{
        margin-top: 8px;
    }
    .art-cont hr{
        margin-bottom: 24px;
    }
    /** END general link settings **/
    /** general button settings **/
    a.btn-primary, .btn-primary, .btn-primary:active, .btn-primary.active {
        color: #ffffff;
        background-color: #13A1A8;
        border-color: #13A1A8;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #94C11E;
        border-color: #94C11E;
    }
    .button-new{
        background-color: #94C11E;
        border-color: #94C11E;
        color: #ffffff;
    }
    .button-new:hover, .button-new:focus{
        background-color: #13A1A8;
        border-color: #13A1A8;
        color: #ffffff;
    }
    /** END general button settings **/

    /** general form settings **/
    #adminForm.mw-form-roledashboard div.js-stools div:first-child{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch;
        align-items: flex-start;
    }
    button span.mw-btn-icon::before, .mw-form-roledashboard button span{
        font-size: 1.3em;
        color: #FFFFFF;
        color: #FFFFFF;
    }
    #adminForm.mw-form-roledashboard table button.btn.btn-mini.hasTooltip , #adminForm.mw-form-roledashboard table a.btn.btn-mini.hasTooltip{
        background-color: #eeeeee;
        border-color: #dddddd;
    }
    .mw-form-roledashboard table button.mw-btn-tutor-late i, .mw-form-roledashboard table a.mw-btn-tutor-late i::before{
        color: white !important;
    }
    .mw-form-roledashboard table button i, .mw-form-roledashboard table a i::before{
        color: #119299;
    }
    .mw-form-roledashboard table button i.icon-darkred, .mw-form-roledashboard table a i.icon-darkred::before {
        color: darkred !important;
    }
    .mw-form-roledashboard table a.btn.btn-mini.hasTooltip{
        margin: 0 0 4px 0;
    }
    .mw-shipment-address {
        font-weight: bold;
        font-size: 16px;
    }
    div.js-stools-container-bar {
        display: flex;
        order: 0;
        flex: 1 1 auto;
        align-self: auto;
        margin: 0 8px 8px 0;
    }
    div.js-stools-container-filters{
        width: 100%;
        /*display: flex !important;*/
    }

    #j-main-container > div > div:nth-child(2) {
        display: flex;
    }

    input#filter_search {
        margin: 0 8px 0 0;
    }
    .js-stools-container-filters{
        display: inline;
    }
    div.js-stools-container-filters a.chzn-single, div#list_fullordering_chzn a.chzn-single, div#list_limit_chzn a.chzn-single{
        height: 54px;
        border-radius: 0;
        background: #ffffff;
        border: 1px solid #DDDDDD;
    }
    .controls .chzn-container-single .chzn-single{
        margin-top: 4px;
        padding: 0 8px 0 8px;
    }
    .product-fields .chzn-container-single .chzn-single{
        margin-top: 4px;
        padding: 0 8px 0 8px;
    }
    .js-stools-container-filters .chzn-container-single .chzn-single div b{
        background: url('../../../media/jui/css/chosen-sprite.png') no-repeat 0 12px;
    }
    .js-stools-container-list .chzn-container-single .chzn-single div b{
        background: url('../../../media/jui/css/chosen-sprite.png') no-repeat 0 12px;
    }
    /*.chzn-container-single .chzn-single div b{*/
        /*background: url('../../../media/jui/css/chosen-sprite.png') no-repeat 0 2px;*/
    /*}*/
    .js-stools .js-stools-container-filters .chzn-container.active .chzn-single {
        border: 1px solid #DDDDDD;
    }
    .chzn-container-active.chzn-with-drop .chzn-single div b {
        background-position: -18px 12px;
    }
    div.js-stools-container-filters a.chzn-single span, div#list_fullordering_chzn a.chzn-single span, div#list_limit_chzn a.chzn-single span{
        height: 54px;
        padding: 12px 0;
    }
    div.js-stools-container-bar div.input-append{
        display: flex !important;
        flex-direction: row;
        align-content: stretch;
        align-items: flex-start;
        margin: 0 8px 8px 0;
        flex: auto;
    }
    div.input-append input{
        flex: auto;
    }
    div.js-stools-container-list{
        order: 0;
        flex: 0 1 auto;
        align-self: auto;
    }

    /** END general form settings **/

    /** general vm settings **/
    .category{
        background: transparent;
        padding: 16px;
        margin: 0 12px;
    }
    .category-view{
        margin-bottom: 24px !important;
    }
    .category-view .row .category .spacer{
        border: 1px #DDDDDD solid !important;
    }
    .category-view .row .category .spacer:hover{
        background: #F7F7F7;
        transition: background-color 1s ease-out;
    }
    .category-view .category_description{
        margin: 0 0 36px 0;
    }
    .category-view  .browse-view{
        padding: 16px 0 0 0;
    }
    .vm-category-box-image{
        border-bottom: 1px #DDDDDD solid;
    }
    .category img{
        clear: both !important;
        position: relative !important;
    }
    .vm-category-box-text{
        padding: 16px;
    }
    .product .product-container{
        border: 1px solid #ddd !important;
    }
    .product .product-container:hover{
        background: #F7F7F7 !important;
    }
    .product .product-container > div{
        padding: 16px 24px !important;
    }
    .product .product-container > div.vm-product-descr-container-1{
        padding: 16px 24px 0 !important;
    }
    .product .product-container > div.vm-product-stock-container{
        padding: 0 24px 16px !important;
    }
    .product .product-container .vm-info-footer{
        border-top: 1px solid #ddd;
        padding: 24px 24px 16px 24px !important;
        margin: 16px 0 0 0;
    }
    .product .product-container .vm-info-footer .vm3pr-0{
        margin: 0 !important;
    }
    .product .product-container .product_s_desc{
        text-align: justify;
    }
    div.product-container span.addtocart-button input.addtocart-button, div.viewdetail-button a.viewdetail-button, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, div.vm-details-button a, a.ask-a-question {
        background-color: #13A1A8 !important;
        border-color: #13A1A8 !important;
        color: #FFFFFF !important;
    }
    div.product-container span.addtocart-button input.addtocart-button:hover, div.viewdetail-button a.viewdetail-button:hover, span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, div.vm-details-button a:hover, a.ask-a-question:hover {
        background-color: #94C11E;
        border-color: #94C11E;
    }
    .product .product-container div > a{
        background-color: #13A1A8 !important;
        border-radius: 0 !important;
    }
    .product .product-container div.vm-product-media-container > a {
        background-color: transparent !important;
    }
    /** general vm settings **/
    /**  general vm forms settings **/
    .com_virtuemart button.vm-button-correct, .com_virtuemart button.default, .com_virtuemart.view-user #com-form-login input[type="submit"], .com_virtuemart.view-user .buttonBar-right button[type="submit"], .com_virtuemart input[type="submit"],#fancybox-wrap #fancybox-outer .showcart,.com_virtuemart #cart-view input[type="submit"],.com_virtuemart #cart-view input[type="submit"], .com_virtuemart #cart-view .cart-summary input.details-button,.com_virtuemart #cart-view input[type="submit"], .com_virtuemart #cart-view .cart-summary input.details-button, .com_virtuemart #cart-view button.vm-button-correct,
    .com_virtuemart button.vm-button-correct:focus, .com_virtuemart button.default:focus, .com_virtuemart.view-user #com-form-login input[type="submit"]:focus, .com_virtuemart.view-user .buttonBar-right button[type="submit"]:focus, .com_virtuemart input[type="submit"]:focus,#fancybox-wrap #fancybox-outer .showcart:focus,.com_virtuemart #cart-view input[type="submit"]:focus, .com_virtuemart #cart-view input[type="submit"]:focus, .com_virtuemart #cart-view .cart-summary input.details-button:focus, .com_virtuemart #cart-view input[type="submit"]:focus, .com_virtuemart #cart-view .cart-summary input.details-button:focus, .com_virtuemart #cart-view button.vm-button-correct:focus{
        background-color: #13A1A8;
        border-color: #13A1A8;
    }
    .com_virtuemart button.vm-button-correct:hover, .com_virtuemart button.default:hover, .com_virtuemart.view-user #com-form-login input[type="submit"]:hover, .com_virtuemart.view-user .buttonBar-right button[type="submit"]:hover, .com_virtuemart input[type="submit"]:hover,#fancybox-wrap #fancybox-outer .showcart:hover,.com_virtuemart #cart-view input[type="submit"]:hover, .com_virtuemart #cart-view input[type="submit"]:hover, .com_virtuemart #cart-view .cart-summary input.details-button:hover, .com_virtuemart #cart-view input[type="submit"]:hover, .com_virtuemart #cart-view .cart-summary input.details-button:hover, .com_virtuemart #cart-view button.vm-button-correct:hover,
    .com_virtuemart button.vm-button-correct:active, .com_virtuemart button.default:active, .com_virtuemart.view-user #com-form-login input[type="submit"]:active, .com_virtuemart.view-user .buttonBar-right button[type="submit"]:active, .com_virtuemart input[type="submit"]:active,#fancybox-wrap #fancybox-outer .showcart:active,.com_virtuemart #cart-view input[type="submit"]:active, .com_virtuemart #cart-view input[type="submit"]:active, .com_virtuemart #cart-view .cart-summary input.details-button:active, .com_virtuemart #cart-view input[type="submit"]:active, .com_virtuemart #cart-view .cart-summary input.details-button:active, .com_virtuemart #cart-view button.vm-button-correct:active,
    .com_virtuemart button.vm-button-correct:visited, .com_virtuemart button.default:visited, .com_virtuemart.view-user #com-form-login input[type="submit"]:visited, .com_virtuemart.view-user .buttonBar-right button[type="submit"]:visited, .com_virtuemart input[type="submit"]:visited,#fancybox-wrap #fancybox-outer .showcart:visited,.com_virtuemart #cart-view input[type="submit"]:visited, .com_virtuemart #cart-view input[type="submit"]:visited, .com_virtuemart #cart-view .cart-summary input.details-button:visited, .com_virtuemart #cart-view input[type="submit"]:visited, .com_virtuemart #cart-view .cart-summary input.details-button:visited, .com_virtuemart #cart-view button.vm-button-correct:visited{
        background-color: #94C11E;
        border-color: #94C11E;
    }
    /** END general vm forms settings **/
    /* styles productdetails custom view */
    /** Total material price sum in VM product details view for events/lessons categories  **/
    div[class*="-view"] .product-price .vm-display.vm-price-value.mw-material-price-sum span.mw-material-price-sum {
        font-size: 25px !important;
        font-weight: 600;
        line-height: 1.7143;
    }
    /** Total price in VM product details view for events categories **/
    div[class*="-view"] .product-price .vm-display.vm-price-value.mw-total-event-price-sum span.mw-total-event-price-sum {
        font-size: 36px !important;
        font-weight: 800;
        line-height: 1.7143;
    }
    /** Total price in VM product details view for events categories with coupon  **/
    div[class*="-view"] .product-price .vm-display.vm-price-value.mw-total-event-price-sum-supported span.mw-total-event-price-sum-supported {
        font-size: 36px !important;
        font-weight: 800;
        line-height: 1.7143;
    }
    /** Total price in VM product details view for lessons categories **/
    div[class*="-view"] .product-price .vm-display.vm-price-value.mw-total-lesson-price-sum span.mw-total-lesson-price-sum {
        font-size: 36px !important;
        font-weight: 800;
        line-height: 1.7143;
    }
    /** Total price in VM product details view for events categories with coupon  **/
    div[class*="-view"] .product-price .vm-display.vm-price-value.mw-total-lesson-price-sum-supported span.mw-total-lesson-price-sum-supported {
        font-size: 36px !important;
        font-weight: 800;
        line-height: 1.7143;
    }

    .price-crossed div.PriceUncouponized .PriceUncouponized {
        text-decoration: line-through;
        color: darkred !important;
    }

    .price-crossed-compact.PriceUnsupported {
        font-weight: normal !important;
        font-size: smaller !important;
        text-decoration: line-through;
        color: darkred !important;
    }

    .price-max-crossed-compact.PriceUnsupported {
        font-weight: normal !important;
        font-size: smaller !important;
        text-decoration: line-through;
        color: darkred !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .vm-display.vm-price-value {
        text-align: right !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PriceUncouponized.vm-display.vm-price-value .vm-price-desc {
        text-align: right !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PricesalesPrice.vm-display.vm-price-value .vm-price-desc {
        font-weight: bold;
        text-align: right !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PriceCouponized.vm-display.vm-price-value .vm-price-desc {
        font-weight: bold;
        text-align: right !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PriceCouponized.vm-display.vm-price-value .PriceCouponized {
        font-weight: bold;
        font-size: 36px !important;
        text-align: right !important;
        color: forestgreen !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {
        font-weight: bold;
        font-size: 36px !important;
        text-align: right !important;
    }


    div[class*="-view"] .product-price .mw-price-right-align .PriceTotal.vm-display.vm-price-value .PriceTotal {
        font-weight: bold;
        font-size: 36px !important;
        text-align: right !important;
    }

    div[class*="-view"] .product-price .mw-price-right-align .PriceTotal.vm-display.vm-price-value .vm-price-desc {
        font-weight: bold;
        text-align: right !important;
    }

    div[class*="-view"] .product-price .PricesalesPrice.vm-display.vm-price-value {
        line-height: 1.7143;
    }

    div[class*="-view"] .product-price .vm-prices-info {
        text-align: left !important;
    }

    div[class*="-view"] .mw-material-price .mw-material-price-max-compact {
        font-size: 16px !important;
        font-weight: bold;
        color: forestgreen !important;
    }

    /** settings for lessions product detail page **/
    div.productdetails-view.productdetails .manufacturer.mw_agitator div {
        color: #13A1A8;
    }
    div.productdetails-view.productdetails .manufacturer.mw_agitator span.mw_agitator_name {
        color: #555555;;
    }
    .mw-lesson-form .mw-lesson-cfg-row .control-group{
        margin-bottom: 0;
    }
    .mw-lesson-form .mw-lesson-cfg-row .cohort-menu-container .col-12 > div{
        display: flex;
        align-items: stretch;
    }
    .mw-lesson-form .mw-lesson-cfg-row .mw-lesson-cfg-edit{
        flex-direction: column;
        display: flex;
        justify-content: flex-end;
    }
    .productdetails-view .control-group .control-label{
        position: relative;
        float: left;
        margin: 0 8px 0 0;
    }
    .productdetails-view .col-12.mats-calc-container{
        width: 100%;
    }
    .productdetails-view .col-12.mats-calc-container .control-group{
        display: flex;
    }
    .productdetails-view .col-12.mats-calc-container .control-group .controls{
        order: 1;
        margin: 0 8px 0 0;
    }
    .productdetails-view .col-12.mats-calc-container .control-group .control-label{
        order: 2;
    }
    .productdetails-view .row .col-6{
        width: 50%;
    }
    .mw-mats-calc-sign p {
        margin: 12px 8px;
    }
    div[class*="-view"] div.row + .row > * {
        margin-top: 0 !important;
    }
    .mw-attendant-price {
        margin-top: 16px !important;
    }
    .productdetails-view h4 {
        margin: 32px 0 24px 0 !important;
    }
    .mw-attendant-menu-container {
        margin-top: 0px !important;
    }
    div[class*="-view"] div.row {
        margin-left: 0;
        margin-right: 0;
    }
    input#cohort_size, input#material_sets_amount, select#team_size{
        width: 100% !important;
    }
    .field-calendar input{
        position: relative;
        float: left;
    }
    button#lesson_start_btn, button#lesson_end_btn{
        width: 54px;
        height: 54px;
        font-size: 24px;
    }
    /** End **/
    /** my classes form settings **/
    /*#customer-form input.span8{*/
    /*    width: 100%;*/
    /*}*/
    #customer-form textarea.span8{
        /*width: 100%;*/
        min-height: 160px;
    }
    /** End **/
    /** Section bottom settings **/
    .t3-section-bottom #Section267{
        background: #13A1A8;
        padding: 48px 8%;
    }
    .t3-section-bottom #Section267 .op-03:hover{
        background-color: #119299;
        opacity: 1;
        transition: background-color 0.5s ease-in;
    }
    .t3-section-bottom #Section267 h1, .t3-section-bottom #Section267 h2, .t3-section-bottom #Section267 h3, .t3-section-bottom #Section267 p{
        color: #FFFFFF;
    }
    .t3-section-bottom #Section268{
        padding: 0 8% !important;
    }
    .t3-section-bottom #Section268 h1{
        padding: 0 !important;
        margin: 0 0 24px 0 !important;
    }
    .t3-section-bottom #Section270{
        padding: 48px 8%;
    }
    .t3-section-bottom #Section270 .row, .t3-section-bottom #Section267 .row{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .t3-section-bottom #Section267 .row div,.t3-section-bottom #Section270 .row div{
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
    .t3-section-bottom #Section267 .row div div .t3-section-bottom #Section270 .row div div{
        display: flex;
        align-items: stretch;
    }
    .t3-section-bottom #Section270 h1, .t3-section-bottom #Section270 h2, .t3-section-bottom #Section270 h3{
        color: #119299 !important;
    }
    .t3-section-bottom #Section270 p{
        color: #555555 !important;
    }
    .t3-section-bottom #Section270 .op-03:hover{
        background-color: #94C11E;
        transition: background-color 1s ease-out;
    }
    .t3-section-bottom #Section271{
        padding: 32px 8% 0;
    }
    .t3-section-bottom .op-03 img{
        padding: 48px 24px 0 24px;
    }
    .t3-section-bottom .op-03 h3{
        padding: 0 24px 0 24px;
    }
    .t3-section-bottom .op-03 p{
        padding: 0 24px 48px 24px;
    }
    .mw-slogan{
        background: #FFFFFF;
        border: 5px solid #94C11E;
        margin: 24px 48px;
    }
    .mw-slogan h1{
        color: #94C11E;
    }
    .mw-slogan h4{
        color: #13A1A8;
    }
    /** END Section bottom settings **/

    /** general footer settings **/
    .t3-footer{
        background: #222222;
        color: #fff;
        padding-top: 48px;
        border-top: 5px solid #13A1A8;
    }
    .t3-footnav {
        padding: 0 0 8px 0;
    }
    .t3-footer .container, .t3-footer .t3-module{
        background: transparent;
        color: #fff;
    }
    .t3-footnav .t3-module .module-title {
        font-weight: 500;
    }
    .t3-footer h1 span,.t3-footer h2 span,.t3-footer h3 span,.t3-footer h4 span,.t3-footer h5 span{
        color: #13A1A8;
    }
    .t3-footer a{
        color: #fff;
    }
    .t3-footer a:hover,  .t3-footer a:active, .t3-footer a:visited  {
        color: #13A1A8;
    }
    .t3-footer .t3-copyright{
        background: #1B1B1B;
        padding: 16px;
    }
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited  {
        color: #FFF;
        font-size: 12px;
        white-space: nowrap;
    }
    .t3-footnav .t3-module ul.nav > li > a:hover, .t3-footnav .t3-module ul.nav > li > a:active{
        color: #13A1A8;
    }
    /** END general footer settings **/
    /** general subsystem menu settings **/
    .head-right .nav-pills{
        order: 1;
    }
    .head-right .search{
        order: 2;
    }
    .head-right .head-balance{
        order: 3;
    }
    .head-right .head-cart{
        order: 4;
    }
    .head-right .head-user{
        order: 5;
    }
    .head-right .nav-pills > li{
        float: left;
        padding: 12px 0;
        margin: 0;
    }
    .nav-stacked > li + li {
        margin-top: 0;
    }
    /** END general subsystem menu  settings **/
    /**  general slideshow settings **/
    .gkIsWrapper-gk_publisher .gkIsPreloader {
        background: transparent !important;
    }
    .gkIsWrapper-gk_publisher figcaption {
        background: rgba(0,0,0,0.5) !important;
    }
    /** END  general slideshow settings **/
    /**  general section interactive settings **/
    .t3-section-wrap.t3-section-bottom {
        background-color: #fdfdfd;
    }
    .t3-section-wrap.t3-section-bottom  .t3-section.space-top-nm {
        padding-top: 24px;
    }
    .t3-section-wrap.t3-section-bottom  .t3-section.space-bottom-nm {
        padding-bottom: 24px;
    }
    .t3-section-bottom .module .custom .mv-izone {
        margin: 0 0 24px 0;
    }
    .mv-izone div{
        padding: 0;
        display: flex;
    }
    a.mv-izone-button{
        background: #13A1A8;
        color: #FFFFFF;
        padding: 16px;
        margin: 8px auto;
        display: inherit;
    }
    a.mv-izone-button:hover{
        background: #94C11E;
    }
    a.mv-izone-button img{
        padding: 0 8px 0 0;
    }
    #ja-form.style3 ul.form-list {
        padding-right: 65%;
    }
    #ja-form.style3 #row_text {
        width: 65%;
        bottom: 0;
    }
    #ja_quicks_contact .input-box {
        margin-bottom: 24px;

    }
    #ja_quicks_contact #row_text .input-box textarea {
        padding: 14px 24px 16px 24px;
    }
    #ja_quicks_contact input{
        height: 40px;
        border-radius: 0;
    }
    #ja_quicks_contact textarea{
        height: auto !important;
        border-radius: 0;
    }
    #ja_quicks_contact #ac-submit{
        height: 40px;
        border-radius: 0;
        background: #13A1A8;
        padding: 8px 16px;
        border: #13A1A8;
    }
    /**  general section interactive settings **/
    /**  general section sponsors settings **/
    .t3-navhelper {
        background-repeat: repeat;
        background-image: url('../images/mv-spons-bg.png');
        background-color: transparent;
        padding: 24px 16px;
    }
    .mv-sponsors{
        display: flex;
        flex-wrap: wrap;
    }
    .t3-navhelper .mv-spons-logo{
        display: flex;
        min-height: 100px;
        padding: 16px 0;
    }
    .t3-navhelper .mv-spons-logo a{
        margin: auto;
    }
    /** End general section sponsors settings **/

    /**  general footer social icon row settings **/

    #Mod191{
        margin: 60px 0 0 -16px;
    }
    #Mod191 a{
        font-size: 1.6em;
        margin: 0 auto;
    }
    /** End general footer social icon row settings **/

    /**  general bootstrap settings **/
    .text-uppercase{
        text-transform: uppercase;
        margin-top: 0;
    }
    .p-0{
        padding: 0;
    }
    .pl-0{
        padding-left: 0;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: 16px;
        padding-right: 16px;
    }
    .blockquote{
        border-left: 4px solid #13A1A8;
        padding: 16px 12px 8px 12px;
        background: #F5F5F5;
    }
    /**  End general bootstrap settings **/
    /**  general blog settings **/

    .t3-mainbody .t3-content > div.blogfactory-posts {
        max-width: 980px;
        margin: 0;
        padding: 0;
    }
    .t3-mainbody > .row > div.t3-content-right{
        padding: 0 24px;
    }
    /**  END general blog settings **/
}
/** apple iPhone 6/7/8 portrait **/
@media only screen and (min-device-width : 320px) and (max-device-width : 479.98px) and (orientation : portrait) {
    /** header settings**/
    .t3-header-wrap {
        top: 0;
        padding: 0;
    }
    .t3-header-wrap #t3-header {
        top: 0;
        margin:0;
        padding: 0;
    }
    .t3-header > .row {
        min-height: 96px;
        flex-wrap: wrap;
        margin:0;
        padding: 0;
    }
    .container-hd {
        top: 0;
    }
    /** END header settings**/
    /** Logo settings **/
    .t3-header > .row .logo {
        width: 100%;
        height: 0;
    }
    .t3-header > .row .logo.col-lg-2 {
        top: -16px;

    }
    /** END logo settings **/
    /** header right menu settings **/
    .head-right-wrap {
        margin: 0;
        justify-content: flex-start !important;
    }
    .head-right-wrap > div {
        margin-left: 16px;
    }
    .head-right {
        margin: 0 0 0 8px;
        order: 2;
        display: flex;
        justify-content: flex-end !important;
        width: 100% !important;
    }
    .head-right-wrap .head-right > div {
        margin-left: 20px;
    }
    .head-right-wrap .head-right > div.search {
        margin-left: 0;
    }
    .nav-pills > li > a {
        margin-right: 16px;
    }
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header .logo{
        width: 100%;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
        padding: 0;
        width: 100%;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .navbar-header{
        order: 1 !important;
        display: flex !important;
        justify-content: flex-start !important;
        margin: 0;
    }
    /** END header right menu  settings **/

    /** customizing specific css for only extra small devices **/
    .t3-mainnav{
        width: 0;
        min-height: 48px;
        padding: 0;
    }
    .navbar-header.visible-xs .fa-bars:before {
        color: #fff;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a, .navbar-default .t3-navbar-collapse .navbar-nav > li > a:focus {
        font-weight: 500;
        padding: 16px 16px;
        height: 48px;
        color: #FFF;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
        padding: 16px 16px;
        height: 48px;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > .active > a, .navbar-default .t3-navbar-collapse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #13A1A8;
        padding: 16px 16px;
        height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 0;
    }
    h1 a[name], h2 a[name], h3 a[name], h4 a[name]{
        display: block;
        height: 16px;
    }
    .art-cont h1,.art-cont h2,.art-cont h3,.art-cont h4{
        margin-top: 8px;
    }
    .art-cont hr{
        margin-bottom: 8px;
    }
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: both;
        text-align: left;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0;
        float: left;
        clear: both;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 600px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
    /** END customizing specific css for only extra small devices **/
    /** END genral module imageslider  settings **/

    .gkIsWrapper-gk_publisher img{
        object-fit: cover;
        width: auto !important;
        height: 210px !important;
    }
    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.2em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 1;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 0 8px 8px 8px !important;
    }
    #gkIs-gk-is-139{
        display: block;
    }
    #gkIs-gk-is-137, #gkIs-gk-is-140{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** my classes form settings **/
    #customer-form .control-group{
        display: flex;
        flex-wrap: wrap;
    }
    #customer-form .controls,  #customer-form .control-label{
        width: 100%;
        padding: 0;
        margin-left: 0 !important;
    }
    /*#customer-form input.span8{*/
    /*    width: 100%;*/
    /*}*/
    /*#customer-form textarea.span8{*/
    /*    width: 100%;*/
    /*}*/
    /** End **/
    /** footer menu settings **/
    .t3-footer .t3-footnav{
        display: flex;
        flex-wrap: wrap;
    }
    .t3-footnav .t3-module {
        padding: 0 0 0 24px !important;
    }
    /** END footer menu settings **/
}
/** Extra small devices (portrait phones, less than 480px)**/
@media screen and (max-width: 479.98px) {
    /** header settings**/
    .t3-header-wrap {
        top: 0;
        padding: 0;
    }
    .t3-header-wrap #t3-header {
        top: 0;
        margin:0;
        padding: 0;
    }
    .t3-header > .row {
        min-height: 96px;
        flex-wrap: wrap;
        margin:0;
        padding: 0;
    }
    .container-hd {
        top: 0;
    }
    /** END header settings**/
    /** header right menu settings **/
    .head-right-wrap {
        margin: 0;
        justify-content: flex-start !important;
    }
    .head-right-wrap > div {
        margin-left: 16px;
    }
    .head-right {
        margin: 0 0 0 8px;
        order: 2;
        display: flex;
        justify-content: flex-end !important;
        width: 100% !important;
    }
    .head-right-wrap .head-right > div {
        margin-left: 20px;
    }
    .head-right-wrap .head-right > div.search {
        margin-left: 0;
    }
    .nav-pills > li > a {
        margin-right: 16px;
    }
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header .logo{
        width: 100%;
    }
    .t3-header .logo{
        width: 100%;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
        padding: 0 16px 0 0;
        width: 100%;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .navbar-header{
        order: 1 !important;
        display: flex !important;
        justify-content: flex-start !important;
        margin: 0;
    }
    /** END header right menu  settings **/

    /** customizing specific css for only extra small devices **/
    .t3-mainnav{
        width: 0;
        min-height: 48px;
        padding: 0;
    }
    .navbar-header.visible-xs .fa-bars:before {
        color: #fff;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a, .navbar-default .t3-navbar-collapse .navbar-nav > li > a:focus {
        font-weight: 500;
        padding: 16px 16px;
        height: 48px;
        color: #FFF;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
        padding: 16px 16px;
        height: 48px;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > .active > a, .navbar-default .t3-navbar-collapse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #13A1A8;
        padding: 16px 16px;
        height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 0;
    }
    h1 a[name], h2 a[name], h3 a[name], h4 a[name]{
        display: block;
        height: 16px;
    }
    .art-cont h1,.art-cont h2,.art-cont h3,.art-cont h4{
        margin-top: 8px;
    }
    .art-cont hr{
        margin-bottom: 8px;
    }
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: both;
        text-align: left;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0;
        float: left;
        clear: both;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 600px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/

    /** END customizing specific css for only extra small devices **/

    /** END genral module imageslider  settings **/
    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.1em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 1;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 0 8px 8px 8px !important;
    }
    .gkIsWrapper-gk_publisher img{
        object-fit: cover;
        width: auto !important;
        height: 210px !important;
    }
    #gkIs-gk-is-139{
        display: block;
    }
    #gkIs-gk-is-137, #gkIs-gk-is-140{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** general main body settings **/
    h1{
        font-size: 1.4em;
    }
    h2{
        font-size: 1.35em
    }
    h3{
        font-size: 1.3em
    }
    h4{
        font-size: 1.2em
    }
    h5{
        font-size: 1.0em
    }
    p{
        font-size: 1.0em
    }
    .t3-section-top #Section270{
        padding: 48px 1% 0;
    }
    .t3-section-top .mx-48{
        margin-left: 8px;
        margin-right: 8px;
    }
    .productdetails-view .row .col-6, .productdetails-view .row .col-6 .control-label{
        width: 1000%;
    }
    /** END general main body settings **/
    /** general footer settings **/
    .t3-copyright div{
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }
    .t3-footer .t3-footnav{
        display: flex;
        flex-wrap: wrap;
    }
    .t3-footnav .t3-module {
        padding: 0 0 0 24px !important;
    }
    /** END general footer settings **/
}
/** Extra small devices (portrait phones, less than 576px)**/
@media (min-width: 480px) and (max-width: 575.98px) {
    /** header settings**/
    .t3-header > .row {
        min-height: 96px;
        flex-wrap: wrap;
    }
    /** END header settings**/
    /** Logo settings **/
    .t3-header > .row .logo {
        width: 100%;
    }
    /** END logo settings **/
    /** header right menu settings **/
    .head-right-wrap {
        margin: 0 0 0 8px;
        justify-content: flex-start !important;
    }
    .head-right {
        margin: 0 0 0 8px;
        order: 2;
        display: flex;
        justify-content: flex-end !important;
        width: 100% !important;
    }
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header .logo{
        width: 100%;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
        width: 100%;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .head-right > div {
        margin-left: 20px;
    }
    .nav-pills > li > a {
        margin-right: 16px;
    }
    .head-right-wrap .navbar-header{
        order: 1 !important;
        display: flex !important;
        justify-content: flex-start !important;
        margin: 0;
    }
    /** END header right menu  settings **/

    /** customizing specific css for only extra small devices **/
    .t3-mainnav{
        width: 0;
        min-height: 48px;
        padding: 0;
    }
    .navbar-header.visible-xs .fa-bars:before {
        color: #fff;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a, .navbar-default .t3-navbar-collapse .navbar-nav > li > a:focus {
        font-weight: 500;
        padding: 16px 16px;
        height: 48px;
        color: #FFF;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
        padding: 16px 16px;
        height: 48px;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > .active > a, .navbar-default .t3-navbar-collapse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #13A1A8;
        padding: 16px 16px;
        height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 0;
    }
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: both;
        text-align: left;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0;
        float: left;
        clear: both;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 600px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
    /** END customizing specific css for only extra small devices **/

    /** END general module imageslider  settings **/

    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.1em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 1;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 4px 8px 8px 8px !important;
    }
    /** END general module imageslider  settings **/
    /** general main body settings **/
    h1{
        font-size: 1.5em;
    }
    h2{
        font-size: 1.4em
    }
    h3{
        font-size: 1.3em
    }
    h4{
        font-size: 1.2em
    }
    h5{
        font-size: 1.0em
    }
    p{
        font-size: 1.0em
    }
    .article-content ul{
        display: grid;
        padding: 0 16px;
    }
    .productdetails-view .row .col-6, .productdetails-view .row .col-6 .control-label{
        width: 100%;
    }
    /** my classes form settings **/
    #customer-form .control-group{
        display: flex;
        flex-wrap: wrap;
    }
    #customer-form .controls{
        width: 100%;
        margin-left: 0 !important;
    }
    /*#customer-form input.span8{*/
    /*    width: 100%;*/
    /*}*/
    /*#customer-form textarea.span8{*/
    /*    width: 100%;*/
    /*}*/
    /** End **/
    /** END general main body settings **/
    /** general footer settings **/
    .t3-footnav .t3-module {
        padding: 0 0 0 32px !important;
    }
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited  {
        color: #FFF;
        font-size: 14px;
        white-space: nowrap;
    }
    .t3-copyright div{
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }
    .t3-footer .t3-footnav{
        display: flex;
        flex-wrap: wrap;
    }
    /** END general footer settings **/
}
/** Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) and (max-width: 767.98px) {
    /** header settings**/
    .t3-header > .row {
        height: 48px;
        flex-wrap: wrap;
    }
    /** END header settings**/
    /** header right menu settings **/
    .head-right-wrap {
        margin: 0 0 0 8px;
    }
    .head-right {
        margin: 0 0 0 8px;
    }
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
        padding: 0;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .head-right > div.search {
        margin-left: 0;
    }
    /** END header right menu  settings **/
    /** customizing specific css for only small devices **/
    .t3-mainnav{
        width: 0;
        min-height: 48px;
        padding: 0;
    }
    .navbar-header.visible-xs .fa-bars:before {
        color: #fff;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a, .navbar-default .t3-navbar-collapse .navbar-nav > li > a:focus {
        font-weight: 500;
        padding: 16px 16px;
        height: 48px;
        color: #FFF;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
        padding: 16px 16px;
        height: 48px;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > .active > a, .navbar-default .t3-navbar-collapse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #13A1A8;
        padding: 16px 16px;
        height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 0;
    }
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: both;
        text-align: left;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0;
        float: left;
        clear: both;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 600px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
    /** END customizing specific css for only small devices **/
    /** END genral module imageslider  settings **/

    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.2em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 0 8px 8px 8px !important;
    }
    #gkIs-gk-is-137{
        display: block;
    }
    #gkIs-gk-is-139, #gkIs-gk-is-140{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** general main body settings **/
    h1{
        font-size: 1.6em;
    }
    h2{
        font-size: 1.5em
    }
    h3{
        font-size: 1.4em
    }
    h4{
        font-size: 1.3em
    }
    h5{
        font-size: 1.1em
    }
    p{
        font-size: 1.0em
    }
    .article-content ul{
        display: grid;
        padding: 0 16px;
    }
    /** my classes form settings **/
    #customer-form .control-group{
        display: flex;
        flex-wrap: wrap;
    }
    #customer-form .controls{
        width: 100%;
        margin-left: 0 !important;
    }
    /*#customer-form input.span8{*/
    /*    width: 100%;*/
    /*}*/
    /*#customer-form textarea.span8{*/
    /*    width: 100%;*/
    /*}*/
    /** End **/
    /** END general main body settings **/
    /** general footer settings **/
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited  {
        color: #FFF;
        font-size: 14px;
        white-space: nowrap;
    }
    .t3-copyright div{
        width: 100%;
        text-align: center;
    }
    /** END general footer settings **/
}
/** Small devices with max width 767px **/
@media (max-width: 991px){
    /** spezial bootstrap settings for content layout **/
    .d-sm-flex{
        display: flex;
        flex-wrap: wrap;
    }
    .order-sm-1{
        order: 1;
    }
    .order-sm-2{
        order: 2;
    }
    .mx2{
        margin-left: 48px;
        margin-right: 48px;
    }
    .mt{
        margin-top: 24px;
    }
    .mb{
        margin-bottom: 24px;
    }
    .text-justify{
        text-align: justify;
    }
}
/** Medium devices (portrait tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait){
    /** END genral module imageslider  settings **/
    .gkIsWrapper-gk_publisher img{
        object-fit: cover;
        width: auto !important;
        height: 366px!important;
    }

    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.2em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 8px 20px 16px 20px !important;
    }
    #gkIs-gk-is-140{
        display: block;
    }
    #gkIs-gk-is-137, #gkIs-gk-is-139{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: left;
        text-align: right;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0 8px 16px;
        float: left;
        clear: right;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 380px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
}
/** Medium devices (landscape tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
    /** genral module imageslider  settings **/

    .gkIsWrapper-gk_publisher figcaption h3 {
        font-size: 1.3em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a {
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 16px 20px 24px 20px !important;
    }
    #gkIs-gk-is-137 {
        display: block;
    }
    #gkIs-gk-is-139, #gkIs-gk-is-140 {
        display: none;
    }
    /** END general module imageslider  settings **/
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: left;
        text-align: right;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0 8px 16px;
        float: left;
        clear: right;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 380px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
}
/** Medium devices (tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px) {
    /** header settings**/
    .t3-header > .row {
        min-height: 48px;
        flex-wrap: wrap;
    }
    .t3-wrapper.affix {
        padding-top: 52px;
    }
    /** END header settings**/
    /** header right menu settings **/
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    /** END header right menu  settings **/

    /** customizing specific css for only medium devices **/

    /** main navigation **/

    .t3-mainnav{
        width: 0;
        min-height: 48px;
        padding: 0;
    }
    .navbar-header.visible-sm .fa-bars:before {
        color: #fff;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a, .navbar-default .t3-navbar-collapse .navbar-nav > li > a:focus {
        font-weight: 500;
        padding: 16px 16px;
        height: 48px;
        color: #FFF;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
        padding: 16px 16px;
        height: 48px;
    }
    .navbar-default .t3-navbar-collapse .navbar-nav > .active > a, .navbar-default .t3-navbar-collapse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #13A1A8;
        padding: 16px 16px;
        height: 48px;
    }
    .affix .t3-header-wrap {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 1000;
        margin: 0;
    }
    /** User profile settings **/
    .profile .dl-horizontal dt {
        width: 340px;
        max-width: 340px;
        min-width: 240px;
        padding: 8px 16px 8px 0;
        margin: 0;
        float: left;
        clear: left;
        text-align: right;
    }
    .profile .dl-horizontal dd{
        padding: 8px 0 8px 16px;
        float: left;
        clear: right;
        text-align: left;
        margin: 0;
        min-width: 240px;
        width: auto;
        max-width: 380px;
    }
    .profile legend{
        padding-top: 24px;
    }
    /** END  User profile settings **/
    /** END customizing specific css for only medium devices **/
    /** landing page settings **/
    .t3-section-top #Section267, .t3-section-top #Section269{
        background: #13A1A8;
        padding: 0 3%;
    }
    .t3-section-top #Section270{
        padding: 0 7%;
    }
    /** general main body settings **/
    h1{
        font-size: 1.7em;
    }
    h2{
        font-size: 1.6em
    }
    h3{
        font-size: 1.5em
    }
    h4{
        font-size: 1.4em
    }
    h5{
        font-size: 1.2em
    }
    p{
        font-size: 1.0em
    }
    .article-content ul{
        display: grid;
        padding: 0 16px;
    }
    /** my classes form settings **/
    #customer-form .control-group{
        display: flex;
    }
    #customer-form .controls{
        width: 100%;
        margin-left: 24px !important;
    }
    /*#customer-form input.span8{*/
    /*    width: 100%;*/
    /*}*/
    /*#customer-form textarea.span8{*/
    /*    width: 100%;*/
    /*}*/
    /** End **/
    /** END general main body settings **/
    /** general footer settings **/
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited  {
        color: #FFF;
        font-size: 14px;
        white-space: nowrap;
    }
    .t3-copyright div{
        width: 100%;
        text-align: center;
    }
    /** END general footer settings **/
}
/** Large devices (desktops, 992px and up)**/
@media (min-width: 992px) and (max-width: 1199.98px) {
    /** header settings**/
    .t3-header > .row {
        min-height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 52px;
    }
    /** END header settings**/
    /** navigation bar settings**/
    .t3-header > .row nav {
        order: 2;
        flex: auto;
        position: relative;
        justify-content: flex-end;
    }
    .t3-mainnav.col-lg-5 {
        padding: 0;
    }
    .t3-mainnav .t3-navbar {
        width: 100%;
    }
    .t3-header > .row nav ul {
        width: 100%;
        position: relative;
        display: flex;
    }
    .t3-header > .row nav ul li {
    }
    .navbar-default .navbar-nav > li {
        margin-right: 0;
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
        font-weight: 500;
        color: #FFF;
        height: 48px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #94C11E;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus{
        color: #fff;
        background-color: #13A1A8;
    }
    .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #94C11E;
    }
    /** END navigation bar **/

    /** header right menu settings **/
    .head-right-wrap > div.head-right {
        margin-left: 0;
    }
    .head-right-wrap .icon {
        color: #FFF !important;
    }
    .t3-header > .row .head-actions {
        order: 3;
        position: relative;
        flex: auto;
    }
    .t3-header > .row .head-actions.pull-right{
        padding: 0;
    }
    .head-right-wrap .off-canvas {
        visibility: hidden !important;
        width: 0 !important;
        margin: 0 8px 0 0;
        padding: 0;
    }
    .head-right-wrap .head-right > div.head-cart {
        margin-left: 16px;
    }
    .head-right ul.nav-pills li a{
        margin-right: 16px;
    }
    /** END header right menu  settings **/

    /** general subsystem menu settings **/
    .head-actions.col-md-3 {
        width: auto;
    }
    .navbar.col-md-7 {
        width: auto;
    }
    /** END general subsystem menu  settings **/
    /** END general module imageslider  settings **/

    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.5em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-size: 1.2em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 16px 20px 24px 20px !important;
    }
    #gkIs-gk-is-137{
        display: block;
    }
    #gkIs-gk-is-139, #gkIs-gk-is-140{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** landing page settings **/
    .t3-section-bottom h1{
        font-size: 1.6em !important;
    }
    .t3-section-bottom h3{
        font-size: 1.4em !important;
    }
    /** general main body settings **/
    h1{
        font-size: 1.8em;
    }
    h2{
        font-size: 1.7em
    }
    h3{
        font-size: 1.5em
    }
    h4{
        font-size: 1.4em
    }
    h5{
        font-size: 1.3em
    }
    p{
        font-size: 1.2em
    }
    .article-content ul{
        display: grid;
        padding: 0 16px;
    }
    .article-content .container {
        max-width: 976px;
        width: 976px;
        margin: 24px auto;
    }
    /** END general main body settings **/
    /** general footer settings **/
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited  {
        color: #FFF;
        font-size: 14px;
        white-space: nowrap;
    }
    /** END general footer settings **/
}
/** Extra large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px) {
    /** header settings**/
    .t3-header > .row {
        min-height: 48px;
    }
    .t3-wrapper.affix {
        padding-top: 52px;
    }
    /** END header settings**/
    /**  navigation bar settings **/
    .t3-header > .row nav {
        order: 2;
        flex: auto;
        position: relative;
        justify-content: flex-end;
    }
    .t3-header > .row nav ul {
        width: 100%;
        position: relative;
        display: flex;
    }
    /** END navigation bar settings **/
    /** general main body settings **/
    h1{
        font-size: 1.9em;
    }
    h2{
        font-size: 1.8em
    }
    h3{
        font-size: 1.6em
    }
    h4{
        font-size: 1.5em
    }
    h5{
        font-size: 1.4em
    }
    p{
        font-size: 1.2em
    }
    .article-content ul{
        display: grid;
        padding: 0 16px;
    }
    .article-content .container {
        max-width: 976px;
        width: 976px;
        margin: 24px auto;
    }

    /** END general main body settings **/

    /** genral module imageslider  settings **/

    .gkIsWrapper-gk_publisher figcaption h3{
        font-size: 1.6em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption a{
        font-size: 1.2em !important;
        font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
    .gkIsWrapper-gk_publisher figcaption.bottom.contains-pagination {
        padding: 16px 20px 24px 20px !important;
    }
    #gkIs-gk-is-137{
        display: block;
    }
    #gkIs-gk-is-139, #gkIs-gk-is-140{
        display: none;
    }
    /** END general module imageslider  settings **/
    /** general content settings **/

    /** END general content settings **/
    /** general footer settings **/
    .t3-footnav .t3-module ul.nav > li > a, .t3-footnav .t3-module ul.nav > li > a:visited{
        color: #FFF;
        font-size: 14px;
        white-space: nowrap;
    }
    /** END general footer settings **/
    .t3-mainbody > .row > div.t3-sidebar-left {
        padding: 24px;
        margin: 0 auto;
        max-width: 312px;
    }
}

/** Fruchtloser Versuch im pdroductdetails vie vor dem Autor und dem Dozenten ein Icon sichtbar zu machen. **/
@font-face {
    font-family: 'IcoMoon';
    src: url('../../../media/jui/fonts/IcoMoon.eot');
    src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-new:before {
    content: "\2a";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    width: 14px;
}

/** Min/max material price in VM compact product details sublayout for category overviews **/
.mw-material-price-compact {
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.7143;
    padding-left: 5px;
    padding-right: 5px;
}

.mw-material-price-compact-single {
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.7143;
    padding-left: 0px;
    padding-right: 0px;
}


/* buynowcart lesson adaption */
.com_virtuemart #cart-view table.cart-summary tr td.mw-buynowcart-item-quantity-ro {
    min-width: 80px;
    text-align: center;
}

.mw-buynowcart-item-quantity-ro {
    min-width: 80px;
    width: 10%;
    text-align: center;
}

#mw-vmplg-view table td {
    padding: 10px;
}

.mw-btn-tutor-late {
    color: white;
    background-color: #da4f49 !important;
}

.mw-btn-event-canceled {
    color: white;
    background-color: #c67605 !important;
}

details > summary {
    list-style-type: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details > summary::before {
    content: '▶️';
    margin-right: 8px;
}

details[open] > summary::before {
    content: '🔽';
    margin-right: 8px;
}

details {
    padding: 0.5rem;
}

details[open] > summary {
    margin-bottom: 0.5rem;
}

/*select.span8 {*/
/*    width: 100% !important;*/
/*}*/

.mw-mtitem-box button {
    float: left;
    margin-right: 5px;
    line-height: 6px;
    padding-top: 3px;
    padding-bottom: 12px;
}

.mw-mtitem-text {
  overflow: hidden;
}

.mw-input-text-fe {
  height: 38px !important;
}

.mw-hr-fe {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mw-stock-out{background-color:#f9a7aa!important;color:black}
.mw-stock-low{background-color:#F7B77B!important;color:black}
.mw-stock-normal{background-color:#a5d6a7!important;color:black}
.mw-stock-require{background-color:#f7dc6f!important;color:black}
.mw-stock-plenty{background-color:limegreen!important;color:black}
.mw-stock-nowarn{background-color:#f9e79f!important;color:black}
.mw-stock-invalid{background-color:orangered!important;color:white!important;font-weight:bold;}

.com_virtuemart #cart-view table.cart-summary tr td span.cart-images {
    float: left;
}

div.PriceSupported .PriceSupported {
    color: forestgreen !important;
}

.price-crossed div.PriceUnsupported .PriceUnsupported {
    text-decoration: line-through;
    color: darkred !important;
}

div.productdetails-view.productdetails .product-short-description {
    text-align: justify;
    text-justify: inter-word;
}

/* used in ticket edit view */
@media (min-width: 768px) {

    #mw-ticket-info > div > div > div > .control-group .control-label {
        width: 120px !important;
    }
    #mw-ticket-info > div > div > div > .control-group .controls > input {
        margin-left: -18px !important;
        width: 100% !important;
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    #mw-ticket-info > div > div > div > .control-group .controls > div.chzn-container {
        margin-left: -18px !important;
    }

    #mw-ticket-info > .chzn-container .chzn-results .disabled-result { display: none; }

    #mw-ticket-info > div[class*='control-label'] {
        display: inline-block;
        float: left;
        width: 60px !important;
        padding-top: 5px;
        text-align: right;
    }
}


.nav-tabs2 {
    *zoom: 1;
}
.nav-tabs2:before,
.nav-tabs2:after {
    display: table;
    content: "";
    line-height: 0;
}
.nav-tabs2:after {
    clear: both;
}
.nav-tabs2 > li {
    float: left;
}
.nav-tabs2 > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
.nav-tabs2 {
    border-bottom: 1px solid #ddd;
}
.nav-tabs2 > li {
    margin-bottom: -1px;
}
.nav-tabs2 > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs2 > li > a:hover,
.nav-tabs2 > li > a:focus {
    border-color: #eee #eee #ddd;
}
.nav-tabs2 > .active > a,
.nav-tabs2 > .active > a:hover,
.nav-tabs2 > .active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

/*.mw-chzn-multi-fe {*/
/*    border-color: darkred;*/
/*    line-height: 24px;*/
/*    font-size: 14px;*/
/*}*/

/*.mw-chzn-multi-fe .chzn-choices li.search-field input[type="text"] {*/
/*    height: 29px !important;*/
/*}*/

/*!*.mw-chzn-single-fe .chzn-container .chzn-container-single .chzn-single {*!*/
/*!*.mw-form-fe .chzn-container .chzn-container-single .chzn-single {*!*/
/*#customer-form.mw-form-fe .chzn-container .chzn-container-single .chzn-single {*/
/*    position: relative;*/
/*    display: block;*/
/*    overflow: hidden;*/
/*    !*padding: 0 0 0 8px;*!*/
/*    padding: 12px 18px !important;*/
/*    height: 54px !important;*/
/*    border: 1px solid #aaa;*/
/*    border-radius: 5px;*/
/*    background-color: #fff;*/
/*    !*background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));*!*/
/*    background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
/*    background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
/*    background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
/*    background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
/*    background-clip: padding-box;*/
/*    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
/*    color: #444;*/
/*    text-decoration: none;*/
/*    white-space: nowrap;*/
/*    line-height: 24px;*/
/*}*/


/*#customer-form.mw-form-fe .chzn-container-single .chzn-single div b {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url('chosen-sprite.png') no-repeat 0px 2px;*/
/*}*/

#customer-form.mw-form-fe .chzn-container-single .chzn-single {
/*.mw-chzn-single-fe a.chzn-container-single .chzn-single {*/
    position: relative;
    display: block;
    overflow: hidden;
    /*padding: 0 0 0 8px;*/
    padding: 12px 18px !important;
    height: 54px !important;
    border: 1px solid #aaa;
    border-radius: 0px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 29px;
    font-size: 14px;
}

#customer-form.mw-form-fe .chzn-container-multi .chzn-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    /*padding: 0 5px;*/
    padding: 12px 18px !important;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

#customer-form.mw-form-fe .chzn-container-multi .chzn-choices li.search-choice {
    line-height: 29px !important;
    font-size: 14px;
}

#customer-form.mw-form-fe .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    /*height: 12px;*/
    height: 20px;
    /*background: url(chosen-sprite.png) -42px 1px no-repeat;*/
    background: url(chosen-sprite.png) -42px 9px no-repeat;
    font-size: 1px;
}

#customer-form.mw-form-fe .chzn-container-single .chzn-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0px 16px;
}

#customer-form.mw-form-fe .controls .chzn-container-single .chzn-single {
    margin-top: 0px;
}

#customer-form.mw-form-fe .control-group .control-label{
    padding-top: 12px;
}


#customer-form.mw-form-fe .chzn-container-multi .chzn-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    max-width: 100%;
    border-radius: 3px;
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    cursor: default;

    background-color: #13A1A8;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: #fff;
    line-height: 20px;
    padding: 0 7px;
}

#customer-form.mw-form-fe .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    color: #f5f5f5;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 0;
    left: 0;
    background-image: none;
    font-size: inherit;
}

#customer-form.mw-form-fe .chzn-container-multi .chzn-choices li.search-choice .search-choice-close:before {
    font-family: IcoMoon;
    content: '\004A';
    position: relative;
    right: 1px;
    top: 0;
}

.input-mini {
    width: 60px;
}
.input-small {
    width: 90px;
}
.input-medium {
    width: 150px;
}
.input-large {
    width: 210px;
}
.input-xlarge {
    width: 270px;
}
.input-xxlarge {
    width: 530px;
}

.color-darkred {
    color: darkred !important;
}
.color-blue {
    color: blue !important;
}
.color-grey {
    color: grey !important;
}
.color-darkgrey {
    color: darkgrey !important;
}
.color-lightgrey {
    color: lightgrey !important;
}
.color-white {
    color: white !important;
}
.color-black {
    color: black !important;
}
.color-forestgreen {
    color: forestgreen !important;
}
.color-darkslateblue {
    color: darkslateblue !important;
}
.color-limegreen {
    color: limegreen !important;
}
.color-yellow {
    color: yellow !important;
}
.color-gold {
    color: darkgoldenrod !important;
}
.color-gold2 {
    color: goldenrod !important;
}
.color-orangered {
    color: orangered !important;
}
.color-darkcyan {
    color: darkcyan !important;
}
.color-carton {
    color: saddlebrown !important;
}
.color-pink {
    color: magenta !important;
}
.color-purple {
    color: purple !important;
}
.color-brown {
    color: #c67605;
}


.color-darkred-bold {
    color: darkred !important;
    font-weight: bold;
}
.color-blue-bold {
    color: blue !important;
    font-weight: bold;
}
.color-grey-bold {
    color: grey !important;
    font-weight: bold;
}
.color-darkgrey-bold {
    color: darkgrey !important;
    font-weight: bold;
}
.color-lightgrey-bold {
    color: lightgrey !important;
    font-weight: bold;
}
.color-white-bold {
    color: white !important;
    font-weight: bold;
}
.color-black-bold {
    color: black !important;
    font-weight: bold;
}
.color-forestgreen-bold {
    color: forestgreen !important;
    font-weight: bold;
}
.color-darkslateblue-bold {
    color: darkslateblue !important;
    font-weight: bold;
}
.color-limegreen-bold {
    color: limegreen !important;
    font-weight: bold;
}
.color-yellow-bold {
    color: yellow !important;
    font-weight: bold;
}
.color-gold-bold {
    color: darkgoldenrod !important;
    font-weight: bold;
}
.color-gold2-bold {
    color: goldenrod !important;
    font-weight: bold;
}
.color-orangered-bold {
    color: orangered !important;
    font-weight: bold;
}
.color-darkcyan-bold {
    color: darkcyan !important;
    font-weight: bold;
}
.color-carton-bold {
    color: saddlebrown !important;
    font-weight: bold;
}
.color-pink-bold {
    color: magenta !important;
    font-weight: bold;
}
.color-purple-bold {
    color: purple !important;
    font-weight: bold;
}
.color-brown-bold {
    color: #c67605;
    font-weight: bold;
}

.com_mintomat .view-user-2fa fieldset > legend {
    border: none;
    font-size: 32px;
    color: #555555;
    margin: 0 0 12px;
}

.control-buttons-left {
    text-align:left !important;
    margin: 0 8px 0 0;
}

.icon-lightgrey {
    color: lightgrey !important;
}

.icon-darkgrey {
    color: darkgrey !important;
}

.icon-black {
    color: black !important;
}

.icon-grey {
    color: grey !important;
}

.icon-darkred {
    color: darkred !important;
}

.icon-purple {
    color: purple !important;
}

.icon-pink {
    color: magenta !important;
}

.icon-forestgreen {
    color: forestgreen !important;
}

.icon-limegreen {
    color: limegreen !important;
}

.icon-yellow {
    color: yellow !important;
}

.icon-gold {
    color: darkgoldenrod !important;
}

.icon-gold2 {
    color: goldenrod !important;
}

.icon-blue {
    color: blue !important;
}

.icon-darkslateblue {
    color: darkslateblue !important;
}

.icon-darkcyan {
    color: darkcyan !important;
}

.icon-orangered {
    color: orangered !important;
}

.icon-carton {
    color: saddlebrown !important;
}

.icon-brown {
    color: #c67605;
}

.mintomat-avatar-fe {
    border-radius: 0px;
    margin-right: 12px;
    max-width: 192px;
    height: 62px;
    float: left;
}

.mintomat-avatar-fe-circle {
    border-radius: 30px;
    margin-right: 12px;
    max-width: 192px;
    height: 62px;
    float: left;
}

.reset-confirm dd {
    margin-bottom: 12px;
}

.reset-complete .validate-password {
    margin-bottom: 12px;
}

.mw-mentoring-hdl {
    color: black;
}

.span12 {
    width: 1170px !important;
}
.span11 {
    width: 1070px !important;
}
.span10 {
    width: 970px !important;
}
.span9 {
    width: 870px !important;
}
.span8 {
    width: 770px !important;
}
.span7 {
    width: 670px !important;
}
.span6 {
    width: 570px !important;
}
.span5 {
    width: 470px !important;
}
.span4 {
    width: 370px !important;
}
.span3 {
    width: 270px !important;
}
.span2 {
    width: 170px !important;
}
.span1 {
    width: 70px !important;
}

.vmLoadingDiv {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8) url('../images/loading-3.gif') 50% 45% no-repeat;
}

.vmLoadingDiv .vmLoadingDivMsg {
    position: relative;
    top: 60%;
}

.mw-btn-list-item {
    margin-top: 5px !important;
}

.no-bullshit-pls {
    height: 56px !important;
}