/**********************************************************

BLUE JAY 1.0
First light

CSS - Default theme // Back end

css e palette colori per il Data Entry

www.catbird.it 2019

**********************************************************/


/***************************************

PALETTE COLORI

#895061   --primary-color:
#5085a5   --secondary-color:

#895061   --link-color:
#a56175   --link-color-hover:
#5085a5   --secondary-link-color:
#74a9c9   --secondary-link-color-hover:

#5085a5   --accordion-color:


#5085a5   --icon-color:

#5085a5   --footer-color:

#FFA500   --warning-color:
#FF8C00   --warning-color-hover:

#e10505   --error-color:

#fff1b9   --tooltip-color:
#fbd17d   --tooltip-border-color:
#cc6600   --tooltip-text-color:

#f5f5f5   --extra-light-color:
#d9d9d9   --light-color:
#EAE7DC		--secondary-light-color:
#9d9c9c   --standard-color:
#D8C3A5		--secondary-standard-color:
#8d8d8d   --dark-color:

#333333   --text-primary-color:

#155724 	--box-success-text-color:
#d4edda 	--box-success-color:
#77BB89 	--box-success-border-color:

#e10505  	--box-error-text-color:
#f8d7da  	--box-error-color:
#f5c6cb  	--box-error-border-color:

#e10505  	--box-alert-text-color:
#fff1b9  	--box-alert-color:
#fbd17d  	--box-alert-border-color:

#895061   --sidebar-link-color:
#a56175   --sidebar-link-hover-color:



/**************************************
FONT
**************************************/

@import url('https://use.fontawesome.com/releases/v5.0.13/css/all.css');

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nunito-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v25-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nunito-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v25-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nunito-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v25-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}


/**************************************
GENERALI
**************************************/

html, body {
		font-size: 16px;
		}

body {
		font-family: 'Nunito', sans-serif;
		padding: 0px;
		margin: 0px;
		-webkit-font-smoothing: antialiased;
		/* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		text-rendering: optimizeLegibility;
		color: #ffffff;
		margin: 0px;
		padding: 0px;
		text-align: center;
		background: #895061;
		}

img {
		vertical-align: middle;
		border:0px;
		width: auto;
		margin: 0px 20px 10px 5px;
		}

a {
		text-decoration: underline;
		color: #895061;
		-moz-transition-property: color;
		-o-transition-property: color;
		-webkit-transition-property: color;
		transition-property: color;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		}

a:hover {
		text-decoration: underline;
		color: #a56175;
		}

.bj-login-home {
		background: #f8f8f8;
		color: #333333;
		width: 50%;
		min-width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4em;
		padding: 30px;
		text-align: left;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
		}

#bj-logo {
		float: left;
		margin-bottom: 5px;
		max-width: 100px;
		}

#bj-logo img {
		max-width: 100px;
		}

#bj-titoli {
		margin-left: 75px;
		text-align: left;
		}

#bj-titoli:before {
	  content:"";
	  display: inline-block;
	  font-size: 1.4rem;
	  font-weight: 600;
	  padding: 10px 0px 0px 0px;
	  vertical-align: middle;
	  margin-right: 20px;
	  color:#333333;
		}

#bj-header-admin {
		margin-left: 110px;
		text-align: left;
		font-family: 'Nunito', sans-serif;
		}

#bj-header-admin:before {
		content:"BlueJay Data Entry";
		display: inline-block;
		font-size: 2.375rem;
		font-weight: 600;
		padding: 10px 0px 0px 0px;
		vertical-align: middle;
		margin-right: 20px;
		color:#333333;
		}

.bj-hr {
		background-color: #cccccc;
		height: 1px;
		border: 0px;
		display: block;
	  clear: both;
		}

#bj-header-admin .bj-titolo-progetto {
		color: #8d8d8d;
		font-size: 1.4rem;
		font-weight: 400;
		margin: 0px;
		letter-spacing: inherit!important;
		}

#bj-titoli h1 {
		font-family: 'Nunito', sans-serif;
		color: #333333;
		font-size: 1.4rem;
		margin: 0px;
	  letter-spacing: inherit!important;
		}

#bj-titoli h2 {
		font-family: 'Nunito', sans-serif;
		color: #8d8d8d;
		font-weight: normal;
		font-size: 1.125rem;
		margin: 0px;
		}

label {
	  font-weight: 600;
		}

input[type="text"]:focus {
	  -moz-box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px;
	  -webkit-box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px;
	  box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px;
		}

input[type="text"], input[type="password"] {
    height: 24px;
    padding: 10px 10px;
    font-size: 1.125rem;
    line-height: 1.8;
    border: 1px solid #d9d9d9;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 96%;
    min-width: 300px;
    display: inline-block;
    margin: 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    vertical-align: top;
    -moz-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background-color: #ffffff!important;
    margin-top: 5px;
		}

input[type="text"]:hover, input[type="password"]:hover {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
		}

input[type="text"]:focus, input[type="password"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
		}

fieldset  {
		border:0px!important;
		margin: 0px;
		padding: 0px;
		}

.bj-bottone {
    display: inline-block;
    border: 2px solid #d4d4d4;
    padding: 6px 10px;
    line-height: 16px;
    margin: 0 0 10px 0;
    color: #666666;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #efefef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
		}

.bj-msg-alert {
		color: #e10505;
		margin-top: 1em;
		padding: 1em;
		margin-bottom: 1em;
		margin-left: 0em;
		background-color: #fff1b9;
		border-color: #fbd17d;
		border-style: solid;
		border-width: 2px!important;
		background-image: none!important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

.bj-msg-alert img {
		display: none;
		}

.bj-msg-alert:before {
		font-family: "Font Awesome 5 free";
		font-size: 1rem;
		content: "\f071";
		display: inline-block;
		padding: 0px 10px;
		vertical-align: middle;
		color: #e10505;
		font-weight: 800;
		}

.bj-msg-success {
		margin-top: 1em;
		padding: 1em;
		margin-bottom: 1em;
		margin-left: 0em;
		color: #155724;
		background-color: #d4edda;
		border-color: #c3e6cb;
		border-style: solid;
		border-width: 2px!important;
		background-image: none!important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

.bj-msg-success img {
		display: none;
		}

.bj-msg-success:before {
		font-family: "Font Awesome 5 free";
		font-size: 1rem;
		content: "\f00c";
		display: inline-block;
		padding: 0px 10px;
		vertical-align: middle;
		color: #155724;
		font-weight: 800;
		}

.bj-msg-error {
		margin-top: 1em;
		padding: 1em;
		margin-bottom: 1em;
		margin-left: 0em;
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
		border-style: solid;
		border-width: 2px!important;
		background-image: none!important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

.bj-msg-error img {
		display: none;
		}

.bj-msg-error:before {
		font-family: "Font Awesome 5 free";
		font-size: 1rem;
		content: "\f071";
		display: inline-block;
		padding: 0px 10px;
		vertical-align: middle;
		color: #e10505;
		font-weight: 800;
		}

.bj-bottone:before {
    font-family: "Font Awesome 5 free";
    content: "\f2f6";
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    color: #895061;
    font-weight: 800;
    font-size: 0.875rem;
		}

.bj-bottone:hover {
		color: #a56175;
		background-color: #f8f8f8;
		}

.bj-bottone:hover:before  {
    color: #895061;
		}

.bj-footer-login {
		font-size: 0.875rem;
		padding: 20px 5px;
		border-top: 1px solid #d9d9d9;
		}

.bj-footer-login:before {
		content:"BlueJay / Catbird / www.catbird.it";
		display: inline-block;
		font-size: 0.875rem;
		font-weight: 600;
		padding: 20px 0px;
		vertical-align: middle;
		margin-right: 20px;
		}
