*,:before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
}
body {
    background-color: transparent;
    overflow-x: hidden;
    font-size: 16px;
    font-family:'Open Sans';
    min-height: 100vh;
    height: 100vh;
} 
.modal-body {
    overflow-x: auto;
}
.link {
    color: #444 !important;
    font-size: 12px;
}
ul {
    list-style-type: none;
}
li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
form {
    margin:0;
}

.fixed {
    position: fixed !important;
}
a {
    text-decoration: none;
    color: black;
}
a:hover{
    color:#111;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,html,body {
    margin:0;
    padding:0;
}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Oswald';
}

img {max-width: 100%;}
span,div {}
textarea,
input {
    display: block;
    border: solid 1px #AAA;
    width: 100%;
    min-height: 12px;
    height: 32px;
    margin:0;
    padding-left: 5px;
}
select {
    width: 100%;
}
textarea {
    padding:4px;
}
button {
    background-color: #F0F0F0;
    border: solid 1px #AAA;
    min-height: 12px;
    font-size: 12px;
    font-family:'Open Sans';
    padding:5px;
    cursor: pointer;
}
button i {
    margin-right: 3px;
    font-size: 22px;
}
.input-group-addon.captcha {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
table {
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}
iframe {
    border: none;
}
admin {
    display:inline-block; float: right; vertical-align: middle;
    text-align: center; position: absolute; z-index:300;
    border: solid 0px #F00; background-color: transparent;
    border-right: none; right:0; margin-right: 5px;
    margin-top: 5px;  
    min-width: 24px; 
}
adminElement {
    box-sizing:border-box;
    float: left;
    display:inline-block; 
    font-size:11px !important; 
    font-weight:normal;
    border: solid 1px #aaa; 
    border-left: solid 0px #aaa;
    left:-1px; 
    position:relative; 
    border-radius: 0px; 
    padding: 4px 4px; 
    min-width: 24px; 
    margin:0px; 
    cursor:pointer;
    background-color: #FFF;
    color: #000 !important;
    opacity:0.9;
}
.pagination,
pagination .pagination {
    margin-top:10px;
    display: inline-flex;
    overflow:auto;
    border: solid 1px #aaa;
    align-items:flex-start;
    width:auto;
}
pagination .pagination li a {
    display:inline-block;
}
.pagination .pagination,.pagination li, .pagination li a,
pagination .pagination,.pagination li, .pagination li a {
    background-color:rgba(0,0,0,0.00); 
    color:black;  
    padding-top:0px;
    padding-bottom:0px;
    padding:0;
    min-width: 37px;
    text-align: center;
}
.pagination li.active a,
pagination .pagination li.active a{
    background-color: #ccc;
    color: white;
}
.pagination li.active a:hover,
pagination .pagination li.active a:hover {
    color: white;
}
selectWraper,
inputWraper {
    display: block;
    width:100%;
}
input-group {
    display: flex !important;
    width: 100%;
}
input-group .input-group-addon {
    border: solid 1px #AAA;
    border-right: none;
    font-family:'Open Sans';
    font-size: 13px;
    background-color: #F0F0F0;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    display:flex;
    padding-left: 8px;
    padding-right: 8px;
    width: auto;
}
input-group select {
    width: 100%;
    min-height: 12px;
    height: 32px;
}
input-group .checkbox2 {
    min-height: 12px;
    height: 32px;
    display: block;
    border: solid 1px #AAA;
    width: 100%;
    padding-left: 5px;
}

.btn {
    background-color: #F0F0F0;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-family: 'Open Sans';
    font-size:13px;
    border: solid 1px silver;
    padding:5px;
    background-color: #F8f8f8;
    cursor: pointer;
    width: auto !important;
    border-radius: 0px;
}

.btn.btn-success, 
.btn.btn-success *,
.btn.btn-info, 
.btn.btn-success * {
    transition: background-color 0.5s;
    color: white;
}
.btn.btn-success:hover,
.btn.btn-info:hover {
    transition: background-color 0.5s;
}


.btn.btn-info {
    background-color: #10B0E9;
    border-color: #298aac;
}
.btn.btn-info:hover {
    background-color: #3ac3f4;
}
.btn.btn-success {
    background-color: #87C540;
}

iconStatus {
    display: inline-block; width: 10px; height: 10px; background-color: #888; border-radius: 50%;
}
.datetimepicker .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.datetimepicker .table-condensed > thead > tr > th,
.datetimepicker .table-condensed > tbody > tr > th,
.datetimepicker .table-condensed > tfoot > tr > th,
.datetimepicker .table-condensed > thead > tr > td,
.datetimepicker .table-condensed > tbody > tr > td,
.datetimepicker .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.datetimepicker .dropdown-toggle:focus {
  outline: 0;
}
.datetimepicker .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.datetimepicker.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.datetimepicker .input-group-addon {
    align-items: center;
    display: flex;
    align-items: center;
    border: solid 0px #AAAAAA;
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
}
.datetimepicker {
    display: flex !important;
    flex-direction:row;
    width: 100%;
}
.datetimepicker > input {
    display: block;
}
.datetimepicker > span {
    display:block;
}
iconPicker .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}
iconPicker  input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #AAAAAA;
    border-left: none;
}
iconPicker * .iconpicker-item { box-shadow:0 0 0 1px #fff !important;padding: 8px !important;margin: 0px !important;width: 20px !important;}
iconPicker * .iconpicker-item:hover { background-color: #eee; }
iconPicker * .iconpicker-item:before { border: 5px solid #ffea00; }
iconPicker * .iconpicker-selected {
    color: black !important;
}
.form-group {
    display: flex;
}


@media only screen and (max-width: 767px){
    .hidden-xs { display: none !important; }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .hidden-sm { display: none !important; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .hidden-md { display: none !important; }
}
@media only screen and (min-width: 1200px){
    .hidden-lg { display: none !important; }
}
message {
    display: block;
    overflow: auto;
    border: solid 3px rgba(128,128,128,0.3);
    padding: 5px 7px;
    border-radius: 4px;
    background-color:#7e7e7e;
    text-align: left;
    margin-top:0px;
    margin-bottom:4px;
    white-space: normal; 
}
message.danger {
    background-color:#FF0000;
    color: white;
}
message.warning {
    background-color:#eec108;
    background-color:#eeee08;
    background-color:#eec108;
    color: white;
}
message.success {
    background-color:#02e12b;
    color: white;
    
}
message.info {
    background-color:#008fc2;
    background-color:#00abff;
    color: white;
}
message.default {
    background-color:#F8F8F8;
    color: black;
}
bodyinner {
    display: block;
}
adminElement:first-child {border: solid 1px #aaa; font-family: FontAwesome;}
admin .fa-css3 { background-color: #0171BB; color: #FFF !important; font-family: FontAwesome !important; }
admin .fa-code { background-color: #63A814; color: #FFF !important; font-family: FontAwesome !important; }
admin .fa-html5 { background-color: #F16529; color: #FFF !important; font-family: FontAwesome !important;}
admin .fa-question-circle { background-color: #444; color: #FFF !important; font-family: FontAwesome !important;}
.designerClass {
    background-color: #333 !important; color: #f57575 !important;
    font-weight: bold;
}
.designerClass::before {
    font-weight:normal;
}
block { display:block; }
content,content1,content2,content3,boximage {
    display:inline-block;
}
.fancybox-skin { padding: 0px !important; }
.fancybox-overlay { background-color: rgba(0,0,0,0.8) !important; }
.fancybox-wrap { 
    position: fixed !important; top: 0px !important;
    height: 100vh !important; display: flex; 
    justify-content: center; align-items: center; 
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    margin-right: 0px;
}
.flexCenter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

*[class^='section'] { 
    border: solid 0px red;
    width: 100%; 
    height: auto;
    display: block;
    min-height: 30px;
    padding:0;
    background-attachment:scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
    overflow:visible;
    position: relative;
    position:initial;
    display: flex;
    align-items: stretch;
    height: auto;
}
*[class^='section'] inner {
    width: 100%;
    height: auto;
    display:block;
    position: absolute;
    position:initial;
    overflow:visible;
}
*[class^='section'] * text {
    display:block;
}
moduleBAR {
    font-size: 24px !important;
    font-weight:bold !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 30px !important;
    background-color: #FF9900 !important;
    color: white !important;
    font-family: "verdana", sans-serif !important;
}
@media screen and (max-width: 767px) {
    moduleBAR {
        font-size: 20px !important;
    }
}
.visibleModule {
    min-height: 0px;
}
.hiddenModule {
    height: 0px;
    min-height: 0px;
    max-height: 0px;
    overflow:hidden;
}
@media screen and (min-width: 768px) {
    .visibleModule moduleBAR {
        display: flex;
    }
    .visibleModule {
        height: 30px !important;
        height-min: 30px !important;
        height-max: 30px !important;
        display: block !important;
    }
}



*[class^='section'] * .no-padding {
    padding: 0px;
}
*[class^='section'] * p {
    margin: 0px;
    padding: 0px; 
}
*[class^='section'] * line {
    display: block;
    border-bottom: solid 1px #eee;
    margin-top: 10px;
    margin-bottom: 10px;
}
*[class^='section'].outbox {
    min-height: 0px;
    height:0;
    position:initial;
    z-index: 2;
}    
*[class^='section'] * outbox {
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 2;
}
*[class^='section'].outbox.admin { height:auto !important; }    
*[class^='section'].outbox.admin outbox { position: relative !important; }
*[class^='section'].outbox.admin { background-color: rgba(0,203,51,0.74); }

*[class^='section'].pinSection * { z-index: 11; }
*[class^='section'].pinSection .pinElement { position: fixed; }
*[class^='section'].unpinedSection gridWraper > * { height: 100px; -webkit-transition: all 1s; }
*[class^='section'].pinSection gridWraper > * { height: 60px; -webkit-transition: all 1s; }
*[class^='section'].outbox wraperContainer { display: block; -webkit-transition: all 1s; transition: all 1s; }
*[class^='section'].pinSection wraperContainer{ background-color: rgba(0,0,0,0.7); }
*[class^='section'].unpinedSection wraperContainer{ background-color: rgba(0,0,0,0.0); }


*[class^='section'].outbox * .ou01a {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:"blockA";
}
*[class^='section'].outbox * .ou02a {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:"blockA blockB";
}
*[class^='section'].outbox * .ou03a {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:"blockA blockB blockC";
}
*[class^='section'].outbox * .ou04a {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:"blockA blockB blockC blockD";
}
*[class^='section'].foxmenu {
    min-height: 0px;
    position: relative;
    
}
*[class^='section'].foxmenu inner {
    top:0px;
    z-index: 13;
}

@media only screen and (max-width: 767px){
    *[class^='section'].foxmenu .fixed {
        position:relative !important;
    }
}
container {
    display: block;
    right: auto;
    left: auto;
    margin:auto;
    width: 100%;
    overflow:visible;
}
*[class^='section'] * flexWraper {
    display: flex;
}
*[class^='section'] * flexItem {

}
*[class^='section'] * boxWraper {
    display: grid;
    grid-template-columns: auto auto auto;
}
*[class^='section'] * box {
    display:flex;
    align-items:center;
    justify-content:center;
}
*[class^='section'] * gridWraper {
    display: grid;
    grid-gap: 0px;
    color: #444;
    width: 100%;
}

*[class^='section'] * blockA { grid-area: blockA; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockB { grid-area: blockB; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockC { grid-area: blockC; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockD { grid-area: blockD; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockE { grid-area: blockE; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockF { grid-area: blockF; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockG { grid-area: blockG; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockH { grid-area: blockH; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockI { grid-area: blockI; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockJ { grid-area: blockJ; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * a {
    text-decoration: none;
    cursor:pointer;
}
@media screen and (min-width:1400px){ 
    container {
        max-width:1400px;
    }
}
@media screen and (max-width:1399px){ 
    container {
        max-width:1200px;
    }
}
@media screen and (max-width:1199px){ 
    container {
        max-width:992px;
    }
}
@media screen and (max-width: 991px){ 
    container {
        max-width:767px;
    }
}
*[class^='section'] * .widget {
    min-height: 30px;
    display: block; 
    position: relative;
    text-align:left;
    width: 100%;
    height: 100%;
        
}
*[class^='section'] * .b01a {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
    ;
}
*[class^='section'] * .b02a {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
    ;
}
*[class^='section'] * .b02b {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
    ;
}
*[class^='section'] * .b03a {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockC"
    ;
}
*[class^='section'] * .b03c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockB blockC"
    ;
}
*[class^='section'] * .b03d {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
    ;
}
*[class^='section'] * .b03e {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03f {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03g {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
    ;
}
*[class^='section'] * .b03h {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03i {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockA"
        "blockB blockC"
    ;
}
*[class^='section'] * .b04a {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC blockD"
    ;
}
*[class^='section'] * .b04b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
        "blockA blockD"
    ;
}
*[class^='section'] * .b04c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockB blockD"
        "blockC blockD"
    ;
}
*[class^='section'] * .b04d {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockB blockD"
        
    ;
}
*[class^='section'] * .b04e {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockD"
        
    ;
}
*[class^='section'] * .b04f {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockD"
        "blockA blockC blockD"
    ;
}
*[class^='section'] * .b04g {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
        "blockD"
    ;
}
*[class^='section'] * .b04h {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockA blockB"
        "blockC blockD blockD"
    ;
}
*[class^='section'] * .b04i {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockB"
        "blockC blockC blockD"
    ;
}
*[class^='section'] * .b04k {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockD"
    ;
}
*[class^='section'] * .b04l {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockB blockD"
    ;
}
*[class^='section'] * .b04m {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockA blockD"
        "blockB blockD"
    ;
    grid-template-rows: 1fr 1fr 1fr;
}
*[class^='section'] * .b04n {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockB blockC"
        "blockB blockD"
    ;
    grid-template-rows: 1fr 1fr 1fr;
}

*[class^='section'] * .b05a {
    grid-template-columns: minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE"
    ;
}
*[class^='section'] * .b05b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockA blockD"
        "blockB blockD"
        "blockB blockE"
        "blockC blockE"
        "blockC blockE"
    ;
}
*[class^='section'] * .b05c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockA blockC"
        "blockA blockD"
        "blockB blockD"
        "blockB blockE"
        "blockB blockE"
    ;
}
*[class^='section'] * .b05d {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockD blockE"
    ;
}
*[class^='section'] * .b05e {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockE"
        "blockC blockD blockE"
    ;
}
*[class^='section'] * .b05f {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockE"
    ;
}
*[class^='section'] * .b06a {
    grid-template-columns: minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF"
    ;
}
*[class^='section'] * .b06b {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockD blockE blockF"
    ;
}
*[class^='section'] * .b06c {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
        "blockD"
        "blockE"
        "blockF"
    ;
}
*[class^='section'] * .b06d {
    grid-template-columns:  minmax(50%, 50%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%);
    grid-template-areas:
        "blockA blockD blockE blockF"
        "blockB blockD blockE blockF"
        "blockC blockD blockE blockF"
    ;
}
*[class^='section'] * .b06e {
    grid-template-columns:  minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%)  minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockA blockB blockC blockE"
        "blockA blockB blockC blockF"
    ;
}
*[class^='section'] * .b06f {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockD"
        "blockE blockF"
    ;
}

*[class^='section'] * .b07a {
    grid-template-columns: minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF blockG"
    ;
}
*[class^='section'] * .b07b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockG"
        "blockB blockG"
        "blockC blockG"
        "blockD blockG"
        "blockE blockG"
        "blockF blockG"
    ;
}
*[class^='section'] * .b07c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
        "blockA blockD"
        "blockA blockE"
        "blockA blockF"
        "blockA blockG"
    ;
}
*[class^='section'] * .b07d {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockE"
        "blockA blockE"
        "blockA blockE"
        "blockB blockE"
        "blockB blockF"
        "blockB blockF"
        "blockC blockF"
        "blockC blockF"
        "blockC blockG"
        "blockD blockG"
        "blockD blockG"
        "blockD blockG"
    ;
}
*[class^='section'] * .b07e {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockA blockD"
        "blockA blockD"
        "blockA blockE"
        "blockB blockE"
        "blockB blockE"
        "blockB blockF"
        "blockB blockF"
        "blockC blockF"
        "blockC blockG"
        "blockC blockG"
        "blockC blockG"
    ;
}
*[class^='section'] * .b08a {
    grid-template-columns: minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF blockG blockH"
    ;
}
*[class^='section'] * .b08b {
    grid-template-columns: minmax(25%,25%) minmax(25%,25%) minmax(25%,25%) minmax(25%,25%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockE blockF blockG blockH"
    ;
}
*[class^='section'] * .b08c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockD"
        "blockE blockF"
        "blockG blockH"
    ;
}
*[class^='section'] * .b09d {
    grid-template-columns: minmax(50%,50%) minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(16.666%,16.666%);
    grid-template-areas:
        "blockA blockG blockH blockI"
        "blockB blockG blockH blockI"
        "blockC blockG blockH blockI"
        "blockD blockG blockH blockI"
        "blockE blockG blockH blockI"
        "blockF blockG blockH blockI"
    ;
}
*[class^='section'] * .b09e {
    grid-template-columns: minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(50%,50%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockA blockB blockC blockE"
        "blockA blockB blockC blockF"
        "blockA blockB blockC blockG"
        "blockA blockB blockC blockH"
        "blockA blockB blockC blockI"
    ;
}


@media screen and (max-width: 1199px) {
    *[class^='section'] * .b02a,
    *[class^='section'] * .b02b {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    
    *[class^='section'] * .b03a,
    *[class^='section'] * .b03b,
    *[class^='section'] * .b03c,
    *[class^='section'] * .b03d,
    *[class^='section'] * .b03e,
    *[class^='section'] * .b03f,
    *[class^='section'] * .b03g,
    *[class^='section'] * .b03h {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}




@media screen and (max-width: 991px) {
    *[class^='section'] * .b02a,
    *[class^='section'] * .b02b {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    
    *[class^='section'] * .b03a,
    *[class^='section'] * .b03b,
    *[class^='section'] * .b03c,
    *[class^='section'] * .b03d,
    *[class^='section'] * .b03e,
    *[class^='section'] * .b03f,
    *[class^='section'] * .b03g,
    *[class^='section'] * .b03h,
    *[class^='section'] * .b03i {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}

defaultBlock {
    width: 100%; min-height: 60px !important;
    height: 100%;
    border: solid 1px silver;
    background-color: rgba(0,0,0,0.07);
    display: flex;
    align-items:center;
    justify-content: center;
}
*[class^='section'].foxmenu * defaultBlock {
    background-color: rgba(0,0,255,0.2);
}
*[class^='section'].outbox * defaultBlock {
    background-color: rgba(255,0,0,0.2);
}

@media screen and (max-width: 1199px) {
    *[class^='section'] * .md-2 {
        grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
        grid-template-areas:
            "blockA blockB"
            "blockC blockD"
            "blockE blockF"
            "blockG blockH"
            "blockI blockJ"
        ;
    }
}

@media screen and (max-width: 991px) {
    *[class^='section'] * .sm-2 {
        grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
        grid-template-areas:
            "blockA blockB"
            "blockC blockD"
            "blockE blockF"
            "blockG blockH"
            "blockI blockJ"
        ;
    }
}

@media screen and (max-width: 767px) {
    *[class^='section'] * .xs-1 {
        grid-template-columns: minmax(100%, 100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
            "blockD"
            "blockE"
            "blockF"
            "blockG"
            "blockH"
            "blockI"
        ;
    }
}


tabComponent {
    display: flex;
    
/*    */
}

tabComponentElement {
    display: block;
    border: solid 1px #666;
}
tabComponentElement a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

@media screen and (max-width: 767px) {
    tabComponent {
        flex-direction:column;
    }
    tabComponentElement {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    tabComponentElement>a {
        height: 25px;
        font-size: 12px;
    }
}


.muUploaderV3 .imagePrinted {
    width: 120px;
    height: 80px;
    float:left;
    background-image: url("/m/image/index/120/80");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 5px;
    margin-top:2.5px;
    margin-bottom:2.5px;
}
.muUploaderV3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.muUploaderV3 selectFile {
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.muUploaderV3 input {
    display: none;
}
.muUploaderV3 .imagePrintedContainer {
    z-index:10;
}


.checkboxLabel {
    display: block; position: relative; padding-left: 25px;
    cursor: pointer; font-size: 17px; user-select: none; overflow: auto;
    -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;
}
.checkboxLabel input { position: absolute;opacity: 0;cursor: pointer; top:0; left:0; height: 0px; width: 0;}
checkmark { position: absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;}
.checkboxLabel:hover input ~ checkmark { background-color: #ccc; }
.checkboxLabel input:checked ~ checkmark { background-color: #2196F3; }
checkmark:after { content: ""; position: absolute; display: none;}
.checkboxLabel input:checked ~ checkmark:after { display: block;}
.checkboxLabel checkmark:after { 
    left: 9px; top: 4px; width: 5px; height: 10px; 
    border: solid white; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkboxLabel { display:block; text-align: left; }
.checkboxLabel { min-height: 22px; margin:0;}
.checkboxLabel a { color: #3C73DA;}
.checkboxLabel checkmark { border: solid 1px #AAAAAA;}


.checkboxLabel2 { border: solid 0px red; min-height: 22px; margin:0; display: block; position: relative; padding-left:20px; cursor:pointer; -webkit-user-select: none; }
.checkboxLabel2 { -moz-user-select: none; -ms-user-select: none; user-select: none;overflow: auto; }
.checkboxLabel2 input { position: absolute;opacity: 0;cursor: pointer; top:0; left:0; height: 0px; width: 0;}
.checkboxLabel2:hover input ~ checkmark { background-color:rgba(128,128,128,0.5); }
.checkboxLabel2 input:checked ~ checkmark2 { background-color: #2196F3; }
.checkboxLabel2 input:checked ~ checkmark2:after { display: block;}
.checkboxLabel2 checkmark2:after { left: 9px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; }
.checkboxLabel2 checkmark2:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
checkmark2:after { content: ""; position: absolute; display: none;}
checkmark2 { position: absolute;top:0;left:0;height:20px;width:20px;background-color:rgba(128,128,128,0.3);}

.checkboxLabel2 input:disabled ~ checkmark2,
.checkboxLabel input:disabled ~ checkmark { 
    opacity: 0.26;
    cursor: not-allowed;
}

typeaheadInput .tt-menu { background-color: #FFF; color: #000; padding: 0px 0px 0px 0px; width: 100%; border: solid 1px #ddd;}
typeaheadInput .tt-suggestion { padding: 5px 30px 5px 5px; border-bottom: solid 1px #888; font-size: 13px; }
typeaheadInput .tt-suggestion:hover { cursor:pointer; background-color: #eee; }
typeaheadInput .twitter-typeahead { width: 100%; }
typeaheadInput .hiddenInput { display: none; }

.errorClass { background-color: rgba(255,0,0,0.1) !important; box-shadow: inset 0px 0px 0px 1px #F00 !important;}