/*  ---------------------------------------------------------
	1. General reset
	2. Common site styles
	3. Styles for responsive breakpoints
	---------------------------------------------------------*/
/*  ---------------------------------------------------------
	1. Custom Fonts Generated
	---------------------------------------------------------*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 10, 2018 */
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-thin-webfont.woff') format('woff'),
		 url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-light-webfont.woff') format('woff'),
		 url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-regular-webfont.woff') format('woff'),
		 url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-medium-webfont.woff') format('woff'),
	 	url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
		 url('../fonts/roboto-bold-webfont.woff') format('woff'),
		 url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
	font-weight: 700;
	font-style: normal;
}
/*  ---------------------------------------------------------
	2. General reset
	---------------------------------------------------------*/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #0e1a35;
	background: #0e1a35;
	min-width:320px;
}
a,
a:hover,
a:focus,
a:active {
	outline: none;
	text-decoration:none !important;
}
/*  ---------------------------------------------------------
	3. Common site styles
	---------------------------------------------------------*/
/* main container styles */
#wrapper{
	overflow: hidden;
}
.login-section {
	height: 100vh;
	background-size: cover;
	white-space:nowrap;
	text-align: center;
}
.login-section.change {
	height:inherit;
}
.login-section:after {
	content: "";
	display: inline-block;
	height: 100%;
	margin: 0 0 0 -5px;
	overflow: hidden;
	vertical-align: middle;
	width: 1px;
}
.login-section .section-holder {
	display: inline-block;
	vertical-align: middle;
	white-space:normal;
	min-width:800px;
	padding: 15px;
}
.login-section .section-holder .login-header {
	background: #0e1a35;
	padding: 10px 0 0;
	overflow: hidden;
}
.login-section .section-holder .login-header .logo {
	width:400px;
	float: left;
	margin: 0 15px;
}
.login-section .section-holder .login-header .logo a {
	display: block;
	height: 100%;
}
.login-section .section-holder .login-header .logo img {
	display: block;
	width: 100%;
	height: auto;
}
.login-section .section-holder .buttons-holder {
	text-align: right;
	overflow: hidden;
	font-size: 14px;
	line-height: 17px;
	margin: 20px 0 0;
}
.login-section .section-holder .buttons-holder .btn-users {
	display: inline-block;
	vertical-align: top;
	min-width:115px;
	color: #fff;
	position: relative;
	padding: 0 0 40px;
}
.login-section .section-holder .buttons-holder .btn-users span {
	display: block;
	text-align: center;
}
.login-section .section-holder .buttons-holder .btn-users:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #5584ff;
	height: 5px;
	content: '';
}
.login-section .section-holder .login-holder {
	background: rgba(255,255,255,0.97);
}
/*.login-section .section-holder .login-holder:after {
	content: "";
	display: inline-block;
	height: 100%;
	margin: 0 0 0 -5px;
	overflow: hidden;
	vertical-align: middle;
	width: 1px;
}*/
.login-section .section-holder .login-block {
	display: block;
	padding: 20px 0;
	max-width:450px;
	margin: 0 auto;
}
.login-section .section-holder .login-frame {
	padding: 15px;
	text-align: left;
}
.login-section .section-holder .login-block h2 {
	font-size: 27px;
	line-height: 30px;
	font-weight: 300;
	margin: 0 0 30px;
	text-align: center;
	color: #8492af;
}
.login-section .section-holder .login-block h2 span {
	display: inline-block;
	vertical-align: top;
	color: #5384ff;
}
.login-section .section-holder .login-form {
	overflow: hidden;
}
.login-section .section-holder .login-form .input-row {
	overflow: hidden;
	padding: 6px 10px;
	margin: 0 0 15px;
	border:1px solid #c9c9cb;
	border-radius:30px;
}
.login-section .section-holder .login-form .input-row.captcha {
    padding:0;
    border:none;
    border-radius:0;
}
#RadCaptcha1_CaptchaTextBox {
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    color: #8492af;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: inherit;
    padding:6px 12px;
    border:1px solid #c9c9cb;
}
#RadCaptcha1_CaptchaLinkButton {
    font-size:15px;
    line-height:18px;
    font-weight:600;
}
.login-section .section-holder .login-form .input-row:focus {
	border-color:#5584ff;
}
.login-section .section-holder .login-form .fas {
	float: left;
	margin: 0 10px 0 0;
	color: #5384ff;
	font-size: 16px;
}
.login-section .section-holder .login-form .input-holder {
	overflow: hidden;
}
.login-section .section-holder .login-form .input-holder:focus {
    outline:none;
}
.login-section .section-holder .login-form .input-holder input[type=text],
.login-section .section-holder .login-form .input-holder input[type=password] {
	width: 100%;
	font-size: 16px;
	line-height: 19px;
	font-weight: 300;
	color: #8492af;
	border: none;
	-webkit-box-shadow: none;
	box-shadow:  none;
	-webkit-transition: none;
	-o-transition: none;
	transition:  none;
	height:inherit;
	padding:0;
	background: none;
}
.login-section .section-holder .login-form .input-holder input[type=text]:focus,
.login-section .section-holder .login-form .input-holder input[type=password]:focus {
    outline:none;
}
/* placeholder input styles */
.login-form ::-webkit-input-placeholder { color: #8492af;}
.login-form :-moz-placeholder { color: #8492af;}
.login-form ::-moz-placeholder {
	color: #8492af;
	opacity: 1;
}
.login-form :-ms-input-placeholder { color: #8492af;}
.login-section .section-holder .login-form .btn-forget {
	display: inline-block;
	vertical-align: top;
	text-decoration: underline;
	color: #8d98af;
	margin: 0 0 30px;
}
.login-section .section-holder .login-form .btn-forget:hover {
	text-decoration: none;
	color: #5584ff;
}
.login-section .section-holder .login-form .btn-submit {
	width: 250px;
	margin: 0 auto;
	border-radius: 20px;
	background: #5584ff;
	border:1px solid #5584ff;
	font-size: 14px;
	line-height: 17px;
	padding: 10px 10px;
	color: #fff;
	text-align: center;
	display: block;
	transition:all 0.4s ease;
	cursor: pointer;
}
.login-section .section-holder .login-form .btn-submit:hover {
	transition:all 0.4s ease;
}
.login-section .section-holder .login-form .btn-submit span {
	display: block;
	position: relative;
	padding: 0 15px 0 0;
}
.login-section .section-holder .login-form .btn-submit span:after {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right: 0;
	content: '';
	background: url(../images/ico01.png) no-repeat;
	width: 7px;
	height: 11px;
}
.wrapper.active > #main {
	padding-left:0px;
	transition: padding-left 0.5s;
}
#sidebar {
	float: left;
	width: 320px;
	position:absolute;
	transition: margin-left 0.5s;
	background: #0e1a35;
	padding: 15px 0 0;
}
#sidebar:after {
	position: absolute;
	top: 100%;
	bottom: -99999px;
	width: 100%;
	left: 0;
	right: 0;
	content: '';
	background: #0e1a35;
	display: none;
}
.wrapper.active #sidebar {
	margin-left:-320px;
	transition: margin-left 0.5s;
}
.master-text {
    float:left;
    width:170px;
    display:none;
}
.wrapper.active .master-text {
    display:block;
}
.master-text  a {
    display:block;
    height:100%;
}
.master-text a img {
    display:block;
    width:100%;
    height:auto;
}
/* main informative part styles */
#main {
	overflow: hidden;
	padding-left: 320px;
	transition: padding-left 0.5s;
}
#sidebar .logo {
	width:100%;
	margin:0 0 15px;
    padding:0 30px;
}
#sidebar .logo a {
	display: block;
}
#sidebar .logo img {
	display: block;
    width:100%;
    height:auto;
}
#sidebar .sidelist {
	margin: 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: 400;
}
#sidebar .sidelist li:first-child {
	border-top:2px solid #0d172e;
}
#sidebar .sidelist li {
	display: block;
	border-bottom:2px solid #0d172e;
}
#sidebar .sidelist li a {
	display: block;
	color: #fff;
	padding:20px 30px;
	position: relative;
	transition:all 0.4s ease;
}
#sidebar .sidelist li a:hover {
	background: #122143;
}
#sidebar .sidelist li a .fas {
	color: #5584ff;
	margin: 0 20px 0 0;
}
#sidebar .sidelist li a:hover:before,
#sidebar .sidelist li a.active:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #5584ff;
	width: 8px;
	content: '';
}
#content {
	background: #f6f7fa;
	overflow: hidden;
}
.section-header {
	overflow: hidden;
	padding: 15px 15px;
	background: #fff;
    background:#0e1a35;
	border-bottom:1px solid #d4d9e3;
}
.section-header .push_menu {
	float: left;
	margin: 9px 0;
}
.section-header .push_menu img {
	display: block;
}
.header-holder {
	overflow: hidden;
	text-align: right;
    padding:0 15px;
}
.section-header .welcome-text {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 0 20px;
    color:#fff;
}
.section-header .welcome-text a {
	color: #5584ff;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
.section-header .btn-add {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 21px;
	background: #5584ff;
	color: #fff;
	font-weight: 700;
	min-width:180px;
	border-radius:20px;
	margin: 0 0 0 20px;
}
.section-header .btn-add .fas {
	color: #aac2ff;
	margin: 0 10px 0 0;
	font-weight: 900;
}
.search-form {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	min-width:500px;
	border:1px solid #f1f1f1;
	background: #f1f1f1;
	border-radius:24px;
	padding: 0 15px;
}
.search-form .search-holder {
	overflow: hidden;
}
.search-form input[type=submit] {
	background: url(../images/ico03.png) no-repeat;
	width: 21px;
	height: 21px;
	margin: 0;
	text-indent: -99999px;
	overflow: hidden;
	float: right;
	border: none;
	margin: 7px 0;
}
.search-form .form-control {
	border-radius: 0;
	border: none;
	background: none;
	color: #5584ff;
}
/* placeholder input styles */
.search-form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #5584ff;
}
.search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #5584ff;
}
.search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #5584ff;
	opacity: 1;
}
.search-form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #5584ff;
}
.inner-section {
	border:1px solid #d4d9e3;
	margin: 15px;
	background: #fff;
	padding: 15px;
}
.inner-section .file-form legend {
	font-size: 25px;
	line-height: 28px;
	color: #5584ff;
	font-weight: 700;
	margin: 0 0 15px;
	text-transform: uppercase;
	text-align: center;
}
.file-form label {
	font-size: 16px;
	line-height: 19px;
	color: #0e1a35;
	display: block;
	font-weight: 400;
	margin: 0 0 10px;
}
.file-form label sup {
	color: #f83c7b;
}
.file-form .form-control {
	border-color:#dadee7;
	color: #8492af;
	font-size: 15px;
	line-height: 18px;
	border-radius:25px;
	padding: 8px 20px;
}
.file-form .form-control.textarea{
    resize:none;
    border-radius:0;
}
.RadComboBox .rcbInput {
    padding:0 !important;
}
/* placeholder input styles */
.file-form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #8492af;
}
.file-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #8492af;
}
.file-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #8492af;
	opacity: 1;
}
.file-form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #8492af;
}
.file-form .form-control:focus {
	box-shadow: none;
	border-color:#5584ff;
}
.file-form .form-holder .form-field {
	margin: 0 0 20px;
}
.file-form .form-holder.search .form-field {
    margin:0 0 5px;
}
/* select */
.file-form .fake-select{
	position:relative;
	display: block;
}
.file-form select::-ms-expand {display: none;}
.file-form select{
	display: block;
	border:1px solid #dadee7;
	margin:0;
	font-size: 15px;
	line-height: 18px;
	color: #8492af;
	outline:none;
	background:#fff;
	appearance:none;
	border-radius:25px;
	padding: 10px 20px;
	position: relative;
	width: 100%;
}
.file-form .fake-select:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width: 35px;
	background:#fff;
	pointer-events:none;
	border-radius:0 25px 25px 0;
	border:1px solid #dadee7;
	border-left:none;
	z-index: 1;
}
.file-form .fake-select:after{
	position: absolute;
	right:12px;
	content:'';
	width:8px;
	height:8px;
	position:absolute;
	top:50%;
	border:3px solid #8795b1;
	border-width:0 0 3px 3px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top:-6px;
	line-height: 0;
	z-index: 1;
}
.file-form .custom-file,
.file-form .custom-file-input {
	height:inherit;
}
.file-form .custom-file-label {
	line-height: 1.5;
	border-color:#dadee7;
	border-radius:25px;
	color: #8492af;
	height:inherit;
	font-size: 15px;
	line-height: 18px;
	border-radius:25px;
	padding: 10px 20px;
	z-index: 1;
}
.file-form .custom-file-label:after {
	height:30px;
	border:none;
	background: #5584ff;
	border-radius:15px;
	font-size: 18px;
	line-height: 18px;
	text-transform: none;
	color: #fff;
	min-width:150px;
	text-align: center;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right: 10px;
	padding:inherit;
	padding: 6px 5px;
}
.file-form .custom-file-input:focus ~ .custom-file-label {
	border-color: #5584ff;
	box-shadow: none;
}
.file-form .btn-submit {
	display: block;
	min-width:200px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	line-height: 21px;
	border-radius: 25px;
	background: #0bc2b3;
	color: #fff;
	border:1px solid #0bc2b3;
	padding: 10px 10px;
}
.file-form .btn.focus,
.file-form .btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.file-form .btn-submit:hover {
	background: #5584ff;
	border-color:#5584ff;
}
.file-form .btn-reset,
.file-form .btn-search {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.file-form .btn-search {
	background: #f83c7b;
	border-color:#f83c7b;
}
/* footer styles */
#footer{
}
.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
    background-image:none !important;
    font:inherit !important;
}
.rcbInput.radPreventDecorate.rcbEmptyMessage{
    background-color:none !important;
}
#ctl00_ContentPlaceHolder1_cmbsubtype_Input,
.rcbInput.radPreventDecorate.rcbEmptyMessage,
.RadComboBox_Default .rcbEmptyMessage{
    background-color:none !important;
}
.RadUpload .ruFileWrap {
    height:inherit !important;
}
.RadUpload .ruFakeInput {
    height:inherit !important;
}
.RadUpload_Default .ruFakeInput {
    width:385px !important;
}
.riTextBox .riEnabled{
    border:none;
}
#ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput {
    border:none!important;
    padding:0 !important;
}
#ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput:focus{
    outline:none !important;
}
#ctl00_ContentPlaceHolder1_RadDatePicker1_wrapper {
    width:100% !important;
}
.file-form .form-holder.search label {
    margin:0 0 5px;
    font-size:14px;
    line-height:17px;
}
.rgCommandTable caption  {
    display:none;
}
/*  
    -------
    --------------------------------------------------
	4. Responsive Styles
	---------------------------------------------------------*/
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:992px) {
	
}
@media screen and (max-width:767px) {
	.login-section {
		height:inherit;
	}
	.login-section .section-holder {
		min-width:100%;
	}
	.login-section .section-holder .login-header .logo {
		width: 260px;
		margin: 0 auto;
		float: none;
	}
	.login-section .section-holder .buttons-holder .btn-users {
		padding: 0 0 30px;
	}
	.login-section .section-holder .buttons-holder {
		text-align: center;
		margin: 0;
	}
	.login-section .section-holder .login-block {
		padding: 15px 0;
	}
	.login-section .section-holder .login-block h2 {
		font-size: 20px;
		line-height: 23px;
		margin: 0 0 20px;
	}
	.login-section .section-holder .login-form .input-row {
		margin: 0 0 20px;
	}
	.login-section .section-holder .login-form .btn-submit {
		width: 180px;
	}
	.section-header .welcome-text {
		margin: 0;
	}
	#sidebar {
		width: 100%;
		float: none;
		position: relative;
	}
	#sidebar .sidelist {
		font-size: 14px;
		line-height: 17px;
	}
	#sidebar .sidelist li a {
		padding: 20px 30px;
	}
	#main {
		padding-left: 0;
	}
	.section-header .push_menu {
		display: none;
	}
	.header-holder {
		text-align: center;
	}
	.search-form {
		min-width:inherit;
		max-width:290px;
		display: block;
		margin: 0 auto 15px;
	}
	.section-header .btn-add {
		display: block;
		min-width:inherit;
		max-width:200px;
		margin: 0 auto 15px;
	}
	.inner-section .file-form legend {
		font-size: 22px;
		line-height: 25px;
		margin: 0 0 15px;
	}
	.file-form .btn-reset, .file-form .btn-search:first-child {
		margin: 0;
	}
	.file-form .btn-reset, .file-form .btn-search {
		margin: 10px 0 0;
	}
	.login-section .section-holder .login-frame {
		padding: 15px 0;
	}
}