/*
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:750px;
	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:750px;
	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:750px;
	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:750px;
	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:500px;
	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:500px;
	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 #181818 !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;	
			}
			
			.loginmessagewrapper{
				padding: 15px;
				border-radius: 5px;
			}
			
			.loginmessagewrapper.loginmessagewrappernormal{
				background-color: white;
				color:#666;
			}
			
			.loginmessagewrapper.loginmessagewrappersuccess{
				background-color: #72c887;
				color: #ffffff;
			}
			
			.loginmessagewrapper.loginmessagewrapperdanger{
				background-color: #fc3447;
				color: #ffffff;
			}
			
			.loginmessagewrapper.loginmessagewrapperwarning{
				background-color: #feab22;
				color: #ffffff;
			}

			.loginheadline {
				font-size: 1.5em;
				font-weight: normal;
			}
			
			.loginingress{
				font-size: 0.8em;
				font-weight: normal;
				font-style: italic;
			}
			
			
			.logintext {
				font-size: 1em;
				font-weight: normal;
				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: 500px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				flex-direction: column;
				min-width: 0;
				white-space: normal;
				background-color: #fff;
				background-clip: border-box;
				border: 1px solid rgba(0, 0, 0, 0.125);
				border-radius: 0.25rem;
				padding:10px;
				text-align:center;
			}

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