/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-apr-10, 10:30:37
    Author     : Nisse
*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.loginPanel{
	max-width:550px;
	margin:auto;
	margin-top:210px;
}
}

/* Landscape tablets and medium desktops */


@media (min-width: 1381px)and (max-width: 5000px) {
	.login_footer{
	margin-right:1px !important;
	font-size: 0.9em !important;	
}


.loginPanel{
	max-width:450px;
	margin:auto;
	margin-top:210px;
}
}

@media (min-width: 1200px)and (max-width: 1380px){
	.login_footer{
	margin-right:1px !important;
	font-size: 0.9em !important;
}
.loginPanel{
	max-width:450px;
	margin:auto;
	margin-top:210px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.login_footer{
	margin-right:0px !important;
	font-size: 0.9em !important;
}
.loginPanel{
	max-width:400px;
	margin:auto;
	margin-top:210px;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.login_footer{
	font-size: 0.9em !important;
	margin-right:0px !important;
}
.loginPanel{
	max-width:400px;
	margin:auto;
	margin-top:90px;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 300px) and (max-width: 769px) {
.login_footer{
	font-size: 0.8em !important;
	margin-right:0px !important;
}
.loginPanel{
	max-width:290px;
	margin:auto;
	margin-top:70px;
}
}



.icon-gradient:before {
				background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#ccc));
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			
			
.input-group-text.dark-theme {
    background-color: #4c4a4a;
    border-color: #3a3a3a;
    color: #eee;
}

.loginInputs {
    background-color: white!important;
    color: black!important;
    border-color: #e9ecef!important;
}

.loginInputs:focus {
    background-color: white!important;
    color: black!important;
    border-color: #e9ecef!important;
}

.loginInputs.dark-theme {
    background-color: #464646!important;
    color: #eee!important;
    border-color: #383838!important;
}

.loginInputs.dark-theme:focus {
    background-color: #464646!important;
    color: #eee!important;
    border-color: #383838!important;
}

.loginPanel.dark-theme select {
    background-color: #464646;
    color: #eee;
    border-color: #383838!important;
}

.loginPanel.dark-theme select:focus{
	    background-color: #464646;
			color:#eee;
			border-color: #383838!important;
}
			
.card{
	background-color: rgb(255 255 255 / 75%) !important;
	color:#eee;
}

	.card.dark-theme{
	background-color: rgb(35 35 35 / 75%) !important;
  border: 1px solid #636363 !important;
	color:#eee;
}
			
			.login_footer
			{
				font-size: 12px;
				padding: 15px;
				bottom: 0px;
				position: fixed !important;
				width: 100%;
				text-align: center;
				background-color: #efeded;
				border-top: 1px solid #dad9d9;
				line-height: 10px;
				color:#999;
			}
			
			.login_footer.dark-theme
			{
				border-top: 1px solid #242526;
				color: #eee !important;
	background: #242526 !important;
			}

			#wrap {
				margin-left:auto;
				margin-right: auto;
				position: relative;
				width: 320px;
				top:100px;
				background-color: #efeded;
				padding: 20px 25px 30px;
				margin: 0 auto 25px;
				width: 304px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
				-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
				box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
			}
			#header {
				padding:5px 10px;
			}

			h1 {
				margin:0;
				font-size: 42px;
				font-weight: normal;
				color:#666;
			}

			p{
				font-weight: normal;
				font-size: 9pt;
			}
			.loginLabel{
				font-size: 31px;
				font-weight: normal;
				color: #999;	
			}
			
.LoginMessageDiv{
	flex-wrap: wrap;
	margin-right: 5px;
margin-left: -5px;
margin-bottom: 5px;
margin-top: 5px;
}

			
			.loginmessagewrapper{
				border-radius:3px;
				padding:10px;
				margin:5px;
			}
			.loginmessagewrapper.dark-theme{
				border-radius:10px;
				padding:10px;
				margin:5px;
			}
			.loginmessagewrapper.loginmessagewrappernormal{
				background-color: #feff9c;
				color: #2d2e2e;      
			}
			
			.loginmessagewrapper.loginmessagewrappersuccess{
				background-color: #e2fec1;
				color: #2d2e2e;
				
			}
			
			.loginmessagewrapper.loginmessagewrapperdanger{
				background-color: #ff6161;
				color: #2d2e2e;
				
			}
			
			.loginmessagewrapper.loginmessagewrapperwarning{
				background-color: #fefbc1;
				color: #2d2e2e;
				
			}

			.loginheadline {
				
			}
			
			.loginingress{
				font-style: italic;
			}
			
			
			.logintext {
				text-align: left;
			}
			

			h3 {
				margin:0;
				color:#666;
				font-size: 19pt;
				font-weight: normal;
			}

			#main {
				float:left;
				/* width:380px; */
				padding:10px;
			}

			#sidebar {
				float: right;
				width: 325px;
				padding: 10px;
				margin-top: -53px;
				margin-left: 130px;
			}
			#footer {
				clear:both;
				padding:5px 14px;
			}
			#footer p {
				margin:0;
			}
			* html #footer {
				height:1px;
			}

			.lightbox input, .lightbox text {	
				box-shadow: none;
				line-height: 22px;
				border-radius: 4px;
				padding: 3px
			}

			.loginLabels {

				line-height: 20px;
				font-size: 10px;
				color: #333;
			}

			input:focus { 
				border:1px solid #428bca;
				outline: 0;
			}
			

			.loginErrorDivs{
				max-width: 275px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
flex-direction: column;
min-width: 0;
white-space: normal;
background-color: #fff;
color: black;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 5px;
padding: 10px;
text-align: center;
margin-bottom: 15px;
			}

.loginnavlink{
	color: white !important;
	text-shadow: 1px 1px #1f1e1e !important;
}



	.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: 7px;
  z-index: 1;
}

.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: ''; 

  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;
 
  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);
 
  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}