@font-face {
font-family: "Segoe UI";
src: local("SegoeUI"), local("Segoe UI"), url("SegoeUI.woff") format("woff"), url("SegoeUI.ttf") format("truetype");
}
@font-face {
font-family: "Segoe UI";
src: local("SegoeUI-Light"), local("Segoe UI Light"), url("SegoeUI-Light.woff") format("woff"), url("SegoeUI-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Segoe UI Bold";
src: local("SegoeUI-Bold"), local("Segoe UI Bold"), url("SegoeUI-Bold.woff") format("woff"), url("SegoeUI-Bold.ttf") format("truetype");
}
@font-face {
font-family: "Segoe UI Bold Italic";
src: local("SegoeUI-BoldItalic"), local("Segoe UI Bold Italic"), url("SegoeUI-BoldItalic.woff") format("woff"), url("SegoeUI-BoldItalic.ttf") format("truetype");
}
@font-face {
font-family: "Segoe UI Italic";
src: local("SegoeUI-Italic"), local("Segoe UI Italic"), url("SegoeUI-Italic.woff") format("woff"), url("SegoeUI-Italic.ttf") format("truetype");
}
@font-face {
font-family: "Segoe UI Semibold";
src: local("SegoeUI-SemiBold"), local("Segoe UI Semibold"), url("SegoeUI-SemiBold.woff") format("woff"), url("SegoeUI-SemiBold.ttf") format("truetype");
}
@media only screen and (min-device-width: 1024px) and (orientation: landscape){
body {
zoom: 125%;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape){
body {
zoom: 70%
}
}
body {
font-family: "Segoe UI";
margin: 0;
padding: 0;
}
input {
-webkit-appearance: none;
}

/* first (head) */
.auth {
margin-left: auto;
margin-right: 25px;
}
.blockfirst {
background: linear-gradient(330deg, #51515117, #79797926, #A9A9A921, #CACACA33);
display: flex;
padding: 25px;
}
.blockfirst a {
color: #000000;
text-decoration: none;
}
.menu {
background-color: #000000;
display: flex;
justify-content: center;
}
.menu a {
color: #FFFFFF;
padding: 20px;
text-decoration: none;
width: auto;
}
.menu a:hover {
background-color: #F5F5F5;
}
.menu a:hover {
color: #000000;
}
/* end head */

/* second (body) */
.one {
background: linear-gradient(330deg, #51515117, #79797926, #A9A9A921, #CACACA33);
line-height: 35px;
padding: 20px;
}
.links {
margin-top: 10px;
}
.links div {
line-height: 25px;
}
.links a {
margin-right: 10px;
}
.links a, .linkstwo a, .inputlinks {
background-color: #797979;
border-radius: 5px;
color: #FFFFFF;
font-size: 12px;
padding: 10px;
text-decoration: none;
}
.links a:hover, .linkstwo a:hover, .inputlinks:hover {
background-color: #515151;
}
.inputlinks {
border: 0;
cursor: pointer;
}
a.defaultlink, a.defaultlinkred {
font-family: "Segoe UI Bold";
text-decoration: none;
}
a.defaultlink {
color: #0096FF;
}
a.defaultlinkred {
color: #FF1919;
}


.two, .third, .fourth, .five {
border-bottom: 1px solid #EAEAEA;
background-color: #FCFCFC;
display: flex;
flex-wrap: wrap;
padding: 20px;
}
.two, .third {
line-height: 40px;
}
.third, .fourth {
flex-direction: column;
}
.fourth hr {
border: 1px solid #000000;
width: 100%;
}
.fourth h5 {
color: #A9A9A9;
}
.five {
height: 100%;
left: 0;
right: 0;
position: fixed;
top: 50%;
transform: translate(0, -50%);
}
.nativetwo {
background-color: #FFFFFF;
border: 1px solid #EAEAEA;
box-shadow: 1px 1px 20px 0px #CACACA;
line-height: 35px;
margin: auto;
padding: 30px;
width: 500px;
}
.nativetwo h2 {
line-height: 22px;
}
.nativetwo h3, .nativetwo h4, .fourth h3 {
line-height: 15px;
}
.nativetwo input, .nativetwo textarea {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
.nativetwo input[type=text], .nativetwo input[type=password], .nativetwo select, .nativetwo textarea {
background-color: #E8E8E8;
border: 2px solid #EBE9E6;
border-radius: 5px;
padding: 10px;
}
.nativetwo select, .inputlinks {
margin-top: 10px;
}
.title {
text-align: center;
}
/* end body */

/* notifications */
.success {
background-color: #AFE1AF69;
border-left: 3px solid #097969;
color: #023020;
padding: 10px;
}
.error {
background-color: #FFCCCC;
border-left: 3px solid #FF1919;
color: #FF3333;
padding: 10px;
}
/* end notifications */

/* footer */
.footer {
flex-direction: column;
}
/* end footer */