/*
 
	Стили по-умолчанию
 
*/
@font-face {
  font-family: 'Font_Main';
  src: url('/data/fonts/RobotoCondensed/RobotoCondensed-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font_Thin';
  src: url('/data/fonts/ClearSans/ClearSans-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font_Headers';
  src: url('/data/fonts/Roboto/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font_Button';
  src: url('/data/fonts/ClearSans/ClearSans-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font_Mono';
  src: url('/data/fonts/IBMPlexMono/IBMPlexMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


html {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	
	font-size: 0;
	
	background-image: url('/modules/login/data/images/bg2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}
body {
	padding: 0;
	margin: 0;
	background: transparent;
	color: #444444;
	font-family: Font_Main, Arial, Tahoma, sans-serif;
	font-size: 9pt;
}
a:link {
	color: #2759a1;
	text-decoration: none;
	border-bottom: #2759a1 1px dotted;
}
a:visited {
	color: #2759a1;
	text-decoration: none;
	border-bottom: #2759a1 1px dotted;
}
a:active {
	color: #2759a1;
	text-decoration: none;
	border-bottom: #2759a1 1px dotted;
}
a:hover {
	color: #2759a1;
	text-decoration: none;
	border-bottom: #2759a1 1px solid;
}
hr {
	height:1px;
	border:none;
	color:#780F32;
	background-color:#444444;
	width: 100%;
}
ul {
	padding: 0;
	margin: 0;
}
ul li {
	padding: 0;
	margin: 0 0 0 9pt;
}
p {
	color: #444444;
	font-family: Font_Main, Arial, Tahoma, sans-serif;
	font-size: 9pt;
}
code {
	padding: 3pt;
	margin: 0;
	font-family: Font_Mono, monospace;
	background-color: #f0f0f0;
	border-radius: 3pt;
	color: #873E11;
	font-size: 8pt;
}
h1 {
	font-family: Font_Headers, Arial, Tahoma, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}
h2 {
	font-family: Font_Headers, Arial, Tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
h3 {
	font-family: Font_Headers, Arial, Tahoma, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

input {
	font-family: Font_Mono, monospace;
	outline:none !important;
	padding: 1pt;
	margin: 0;
	font-family: 'Font_Mono';
	font-size: 9pt;
	color: #444444;
	text-align: left;
	border-radius: 3pt;
	border: #e0e0e0 2px solid;
	background-color: #EDF9E1;
	width: 100%;
	box-sizing: border-box;
}
input:active, input:focus, input:hover {
	outline:none !important;
	border: #689d42 2px solid;
}
.inputalert {
	font-family: Font_Mono, monospace;
	outline:none !important;
	padding: 1pt;
	margin: 0;
	font-family: 'Font_Mono';
	font-size: 9pt;

	text-align: left;
	border-radius: 3pt;
	border: #e0e0e0 2px solid;

	width: 100%;
	box-sizing: border-box;



	background-color: #780F32;
	color: #ffffff;
}

input[type=checkbox] {
	font-family: Font_Mono, monospace;
	outline:none !important;
	padding: 1pt;
	margin: 0;
	font-family: 'Font_Mono';
	
	color: #444444;
	text-align: left;
	border-radius: 3pt;
	border: #EDF9E1 2px solid;
	border: #f00 2px solid;
	background-color: #EDF9E1;
	width: 100%;
	box-sizing: border-box;
}

textarea {
	font-family: Font_Mono, monospace;
	outline:none !important;
	padding: 1pt;
	margin: 0;
	font-family: 'Font_Mono';
	font-size: 9pt;
	color: #444444;
	text-align: left;
	border-radius: 3pt;
	border: #e0e0e0 2px solid;
	background-color: #EDF9E1;
	width: 100%;
	box-sizing: border-box;
}
textarea:active, textarea:focus, textarea:hover {
	outline:none !important;
	border: #689d42 2px solid;
}

select {
	font-family: Font_Mono, monospace;
	outline:none !important;
	padding: 1pt;
	margin: 0;
	font-family: 'Font_Mono';
	font-size: 9pt;
	color: #444444;
	text-align: left;
	border-radius: 3pt;
	border: #e0e0e0 2px solid;
	background-color: #EDF9E1;
	width: 100%;
	box-sizing: border-box;
}
select:active, select:focus, select:hover {
	outline:none !important;
	border: #689d42 2px solid;
}

table {
	padding: 0;
	margin: 0;
	border-radius: 3pt;
	border: none;
	border-collapse: collapse;
	font-family: Font_Main, Arial, Tahoma, sans-serif;
	overflow: hidden;
}
td {
	padding: 1pt 3pt;
	margin: 0;
	text-align: left;
	vertical-align: top;
	background: transparent;
	font-size: 9pt;
}
tr:nth-child(odd) {
    background-color: #f0f0f0;
}
tr:nth-child(even) {
    background-color: #f5f5f5;
}


/* ------------------------------------------------------------------- */

.btn {
	font-family: Font_Button;
	box-shadow:inset 0px 39px 7px -24px #5fc960;
	background-color:#2759a1;
	border-radius:4px;
	border:1px solid #2759a1;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 9pt;
	padding: 1pt 6pt;
	margin: 0;
	text-decoration:none;
	text-shadow:0px -1px 0px #2759a1;
	
	-webkit-box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
	-moz-box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
	box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
	box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
}
.btn:hover {
	background-color:#3769b1;
}
.btn:active {
	position:relative;
	top:1px;
}

/* ------------------------------------------------------------------- */

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  height: 14pt;
}