body, html{
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    /*border-radius: 3px;*/
}
/*
iframe {
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(.3, .3);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
*/
@font-face
{
    font-family: DINproMedium;
    src: url('/frontend/fonts/DINPro-Light_1.otf'),
    url('/frontend/fonts/DINPro-Light_1.otf') format("opentype");
}

:root {
    --my-border-color: rgb(151, 198, 255); /*#97c6ff*/
    --my-all-background:#ecf4ff;
    --my-insert-background:#3e9dfb;
    --my-insert-menu-background:#7ab8ff;
    --my--menu-background: #daeaff;
    --my-alert-background:#c31e1e;
    --my-white-text-color:#ffffff;
    --my-black-text-color: #436dac;
    --my-background-menu:#0c4c7a;
}

.menu_color{
    background: #0c4c7a;
    background: var(--my-background-menu);
    background: -moz-linear-gradient(top,  #0c4c7a 0%, #0c4c7a 69%, #0c4c7a40 100%);
    background: -webkit-linear-gradient(top,  #0c4c7a 0%,#0c4c7a 69%,#0c4c7a40 100%);
    background: linear-gradient(to bottom,  #0c4c7a 0%,#0c4c7a 69%,#0c4c7a40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f955a', endColorstr='#ffffff',GradientType=0 );
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.my_footer{
    color: #ffffff;
    font-size: 12px;
    font-family: Arial;
    background: #0c4c7a;
    background: var(--my-background-menu);
}
/*
.my_footer{
    clear:both;
    position: fixed;
    bottom: 0px;
    left:0px;
    right: 0px;
    align-content: center;
    text-align: center;
    background-color: var(--my-all-background);
    color: var(--my-black-text-color);
    box-shadow: 0.3px 0.3px 20px rgba(0,0,0,0.2);
}
*/
.borderTop {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #97c6ff; /*для долбанного эксплорера*/
    border-top-color: var(--my-border-color);
}
.borderBottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #97c6ff; /*для долбанного эксплорера*/
    border-bottom-color: var(--my-border-color);
}
.borderLeft {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #97c6ff; /*для долбанного эксплорера*/
    border-left-color: var(--my-border-color);
}
.borderRight {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #97c6ff; /*для долбанного эксплорера*/
    border-right-color: var(--my-border-color);
}
.BorderAll{
    border: 1px;
    border-style: solid;
    border-color: #97c6ff; /*для долбанного эксплорера*/
    border-color: var(--my-border-color);
}
.BorderOff{
    border: 0px;
    border-style: none;
}
.borderRadiusTop{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
.borderRadiusBottom{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.backgroundNormal{
    background: #f4f9ff; /*для долбанного эксплорера*/
    background: var(--my-all-background);
}
.backgroundInsert{
    background: #3e9dfb; /*для долбанного эксплорера*/
    background: var(--my-insert-background);
}
.background-Menu{
    background: #daeaff; /*для долбанного эксплорера*/
    background: var(--my--menu-background);
}
.background-Insert-Menu{
    background: #7ab8ff; /*для долбанного эксплорера*/
    background: var(--my-insert-menu-background);
}
.backgroundAlert{
    background: #c31e1e; /*для долбанного эксплорера*/
    background: var(--my-alert-background);
}
.textColorWhite{
    color: #ffffff; /*для долбанного эксплорера*/
    color: var(--my-white-text-color);
}
.textColorBlack{
    color: #436dac; /*для долбанного эксплорера*/
    color: var(--my-black-text-color);
}
/*паралельная настройка размера шрифта в VElements*/
.textFontBig{
    font-size: 20px;
}
.textFontNormal{
    font-size: 14px;
}
.textFontSmall{
    font-size: 11px;
}
.shadowNormal{
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2);

}

.MyText {
    text-align:center;
}