@import url("fonts.css");

@font-face {
	font-family: "segoeuil";
	src: url('data/segoeuil.woff');
}

@font-face {
	font-family: "segoeui";
	src: url('data/segoeui.woff');
}

@font-face {
	font-family: "exo2regular";
	src: url('data/exo2regular.woff');
}

@font-face {
	font-family: "iconfont";
	src: url('data/icomoon.svg?-i07wue#icomoon') format('svg');
}
@font-face {
	font-family: "iconfont3";
	src: url('data/icomoon3.svg?-i07wue#icomoon') format('svg');
}

/* ::-webkit-scrollbar{
	width: 17px;
	height: 17px;
}
 */
*{
	font-family: segoeui;
	cursor: default;
	/* -webkit-user-select: none; */
	margin: 0;
	padding: 0;
}

:not(html):not(body) {
	position: absolute;
	
}
body{
	-webkit-user-select: none;
}

input[type=text], input[type=password], textarea{
	cursor: text;
	outline: none;
	border: 1px solid #CACACA;
	-webkit-transition: all 0.2s ease-in-out;
	padding: 6px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	border-color: #9F9FCA;
}

textarea{
	resize: none;
}

label{
	display: block;
}
body{
	background-color: #E9EAED;
	overflow: hidden;
}
#container{
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	min-height: 450px;
}
#header{
	top: 0;
	left: 0;
	right: 0;
	height: 42px;
	background-color: #4C66A4;
	border-bottom: 1px solid #3A4B7B;
}
#redAlertMessage{
	top: 55px;
	left: 0;
	right: 0;
	height: 25px;
	color: red;
	font: 25px / 25px segoe;
	text-align: center;
	display: none;
}
#logged_user {
	top: 475px;
	left: 0px;
	width: 100%;
	color:  #3A4B7B;
	font: 45px / 200% arial;
	font-weight: bold;
	cursor: default;
	white-space: nowrap;
	text-align: center;
	text-shadow: 1px 1px rgba(239, 239, 239, 0.7);
}
#error_container {
	top: 225px;
	left: 125px;
	width: 350px;
	height: 30px;
	color:  red;
	font: 17px / 200% segoeb;
	font-weight: bold;
	cursor: default;
	white-space: nowrap;
	text-align: center;
	text-shadow: 1px 1px rgba(239, 239, 239, 0.7);
}
#lab_title_container {
	top: 255px;
	left: 125px;
	width: 350px;
	height: 30px;
	color:  #3A4B7B;
	font: 35px / 200% arial;
	font-weight: bold;
	cursor: default;
	white-space: nowrap;
	text-align: center;
	text-shadow: 1px 1px rgba(239, 239, 239, 0.7);
}
.toolbar_Button {
	top: 8px;
	bottom: 8px;
	width: 45px;
	color: white;
	text-align: center;
	font: 18px/24px finaliconfont !important;
	cursor: pointer;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.78);
}
.toolbar_Button:active {
	text-shadow: #002275 0px 1px 0px;
	box-shadow: 0 0 4px grey;
}
.toolbar_Button:hover {
	text-shadow: #002275 0px 3px 0px;
	box-shadow: 0 0 2px lightgrey;
}
#app_home {
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	color: white;
	padding-left: 10px;
	cursor: pointer;
}
#app_logo {
	font: 18px/38px exo2regular;
	cursor: pointer;
}
#tbn_home {
	left: 125px;
	border-left: 1px solid grey;
}
#tbn_home:after {
	content: "\e600";
}
#login_button_logo{
	font: 20px/34px finaliconfont !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.78);
}
.dashboard_button_logo{
	font: 20px/34px finaliconfont !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.78);
	color: whitesmoke;
}
#login_button_logo:after {
	content: "\e66c";
}
.dashboard_button_logo:after {
	/* content: "\e61b"; */
}
#tbn_logout {
	right: 10px;
	border-left: 1px solid grey;
	display: none;
}
#tbn_logout:after {
	content: "\e6ac";
}
.login_label {
	top: 0;
	left: 0;
	width: 100px;
	height: 30px;
	text-align: right;
	font: 15px/33px exo2regular;
}
.login_input {
	top: 0;
	left: 105px;
	width: 350px;
	height: 35px;
	bottom: 0;
	box-sizing: border-box;
	font: 15px/33px exo2regular;
	line-height: 14px;
}
#login_container{
	position: absolute;
	top: calc(50% - 175px);
	left: calc(50% - 375px);
	width: 750px;
	height: 325px;
	border: 1px solid rgba(128, 128, 128, 0.12);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.075);
}
#login_label_branch{
	top: 20px;
}
#login_label_username{
	top: 70px;
}
#login_label_password{
	top: 120px;
}
#login_input_branch{
	left: 125px;
	top: 20px;
	font-family: segoeb !important;
}
#login_input_username{
	left: 125px;
	top: 70px;
}
#login_input_password{
	left: 125px;
	top: 120px;
}
#homeScreenLogo{
	position: absolute;
	top: 50px;
	left: 0px;
	font: 600px / 700px finaliconfont;
	color: rgba(128, 128, 128, 0.18);
	height: calc(100% - 60px);
	width: calc(100% - 2px);
	overflow: hidden;
}
#homeScreenLogo:after{
	content: "\e6a0\e6a0";
}
.view_button {
	position: relative;
	float: left;
/* 	clear: both; */
	margin-bottom: 5px;
	width: 200px;
	height: 35px;
	right: 0px;
	cursor: pointer;
	color: white;
	background-color: #4C66A4;
	border: 1px solid #3A4B7B;
	text-shadow: #002275 0px 1px 0px;
	margin-right: 5px;
}
.view_button>div:first-child {
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	font: 21px/30px iconfont;
	text-align: center;
	cursor: pointer;
}
.view_button>div:last-child {
	top: 0;
	bottom: 0;
	left: 30px;
	right: 0;
	font: 17px/30px exo2regular;
	padding-left: 10px;
	cursor: pointer;
}
.view_button:hover {
	text-shadow: #002275 0px 2px 0px;
	box-shadow: 0px 0px 2px #3A4B7B;
}
.view_button:active {
	text-shadow: #002275 0px 1px 0px;
	box-shadow: 0px 0px 0px #3A4B7B;
}
.loginButtonShortcut{
	position: absolute;
	right: 2px;
	top: 5px;
	width: 20px;
	background: rgb(194, 194, 202);
	display: none;
	color: rgb(182, 4, 4);
	text-align: center;
	line-height: 150%;
	border-radius: 3px;
	border: 1px solid rgb(164, 164, 190);
}
#login_wait {
    top: 0px;
    right: 0px;
    height: 30px;
    width: 30px;
	background-size: 30px 30px;
    background-image: url('data/ajax_loader_gray_128.gif');
    cursor: pointer;
    color: white;
	display: none;
}
#login_button {
    top: 180px;
    left: 350px;
    width: 120px;
    height: 30px;
    cursor: pointer;
    color: white;
    background-color: #4C66A4;
    border: 1px solid #3A4B7B;
    text-shadow: #002275 0px 1px 0px;
}
#login_button:hover {
	text-shadow: #002275 0px 2px 0px;
	box-shadow: 0px 0px 2px #3A4B7B;
}
#login_button:active {
	text-shadow: #002275 0px 1px 0px;
	box-shadow: 0px 0px 0px #3A4B7B;
}
#login_button>div:first-child {
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	font: 18px/30px iconfont;
	text-align: center;
	cursor: pointer;
}
#login_button>div:last-child {
	top: 0;
	bottom: 0;
	left: 30px;
	right: 0;
	font: 13px/30px exo2regular;
	padding-left: 10px;
	cursor: pointer;
}
#view_buttons_container{
	position: absolute;
	top: 85px;
	left: calc(50% - 310px);
	width: 625px;
}
#changePasswordContainer{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.50);
}
#changePasswordDiv{
	position: absolute;
	height: 250px;
	width: 650px;
	top: calc(50% - 125px);
	left: calc(50% - 325px);
	z-index: 1000;
	border: 1px solid gray;
	background: whitesmoke;
}
#changePasswordNewTitle{
	position: absolute;
	top: 50px;
	left: 20px;
}
#changePasswordNew{
	position: absolute;
	top: 50px;
	left: 220px;
	height: 25px;
	margin-top: -5px;
}
#changePasswordOld1Title{
	position: absolute;
	top: 100px;
	left: 20px;
}
#changePasswordOld1{
	position: absolute;
	top: 100px;
	left: 220px;
	height: 25px;
	margin-top: -5px;
}
#changePasswordOld2Title{
	position: absolute;
	top: 150px;
	left: 20px;
}
#changePasswordOld2{
	position: absolute;
	top: 150px;
	left: 220px;
	height: 25px;
	margin-top: -5px;
}
#btnSavePassword{
	position: absolute;
	top: 145px;
	left: 420px;
	border: 1px solid gray;
	width: 25px;
	height: 25px;
	font-family: iconfont3;
	background-color: #4C66A4;
	border-bottom: 1px solid #3A4B7B;
}
#btnSavePassword:after{
	content: "\e65b";
}
#btnCancelSavePassword:after{
	content: "\e6ac";
}
#btnCancelSavePassword{
	position: absolute;
	top: 145px;
	left: 450px;
	border: 1px solid gray;
	width: 25px;
	height: 25px;
	background-color: #4C66A4;
	border-bottom: 1px solid #3A4B7B;
}
.btnDashboard:after{
	content: "\e603";
}
.btnResults:after{
	content: "\e607";
}
.btnRemote:after{
	content: "\e6a0";
}
.btnRemote2:after{
	content: "\e6b7";
}
.btnReg:after{
	content: "\e639";
}
.btnSampling:after{
	content: "\e63d";
}
.btnSamples:after{
	content: "\e63e";
}
.btnUsers:after{
	content: "\e66c";
}
.btnDevices:after{
	content: "\e6be";
	content: "\e71d";
}
.btnVerification:after{
	content: "\e6ae";
}
.btnUpload:after{
	content: "\e6b7";
}
.btnContracts:after{
	content: "\e61b";
}
.btnWorklist:after{
	content: "\e628";
}
.btnPassword:after{
	content: "\e66d";
}
.btnCashier:after{
	content: "\e62f";
}
.btnSearch:after{
	content: "\e679";
}
.btnStock:after{
	content: "\e71e";
}
.btnInvoices:after{
	content: "\e604";
}
.btnContractsPayment:after{
	content: "\e63b";
}
.btnFinancial:after{
	content: "\e653";
}
.btnSetup:after{
	content: "\e68b";
}
.btnStatistics:after{
	content: "\e691";
}