.example_01 {color:}
{color:#185100}
/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/
/* darkmode */

/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}

rgb(0, 91, 191)
*/

/* Correzione colori BOOTSTRAP */
.btn-primary {background:#0072BC;color:white;border-color:#0072BC;margin:10px auto;display: block;}
.btn-outline-primary {margin:10px auto;display: block;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background:#0077bb;color:white;border-color:#0072BC}
.btn-secondary {background:#0072BC;}
.btn-success {}
.btn-danger {}
.btn-warning {color:white;}

#header .bg-primary {background-color: #005BBF !important}

[data-toggle="collapse"] .fa:before {   
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

body {background: #e0e0e0 !important;}



/* ******* MENU ******* */
/* MENU */
#wrapper .navbar.bg-dark {background-color:#0072BC !important}
#wrapper .navbar.bg-dark a {color:#fff}
#wrapper .navbar.bg-dark a:hover {color:#ccc}
#wrapper #navadmin {background: #003E66 !important; color:#fff}
#wrapper .navbar #logo {height: 50px !important}
#wrapper .navbar .username {float:right; color:white}

/* MENU ADMIN */
#wrapper #menu_admin .navbar.bg-dark {background-color:#700000 !important}
#wrapper {border:2px solid #ccc;background:#eee}


a {color:#003E66;}

table.code {font-family:courier;}
table.code th {font-weight:bold;}

.ok {color:green}
.ko {color:red;background:#ccc}




/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/
/* darkmode */

/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}
*/

/* ****** GENERALE ***************************************************************************** */



body {font-family: "Open Sans",sans-serif;background: #eee;font-size: 16px;color:#333;margin-top: 30px;}
/* #wrapper {max-width:1000px;margin:0 auto;padding:0 15px;} */
#wrapper {background: #fff; width:90%; max-width: 2400px;padding:40px; margin:0 auto;border:2px solid #ddd;}
#header {text-align: center;}
#content {padding: 20px;}

#confirmation {max-width:1200px;margin:20px auto;border:1px solid #ccc;padding:40px;text-align:center;}
#confcontent {width:60%; text-align: left;margin:30px auto;font-size:18px;}


h1 {color:#0072BC;text-align: center;border-bottom:1px solid #0072BC;padding-bottom: 8px;}
h2 {color:#0072BC;text-align: center}
#title {text-align: center;color:#0072BC;margin-bottom:30px;}


p.warning {background:red;color:white;}
p.valid {background:green;color:white;}

div#logo {text-align: center;}


#mb27debug {border:1px solid orange;}
.mb27debug {color: #B97F00}

/*** Responsive Styles Tablet Only ***/
@media (max-width: 600px)  {
	#wrapper {width:100% !important}
}



/* DARK VERSION */
body.black {background:black;}
#wrapper.black {background:black;}

/*
body {background:black;color: #bbb}
#wrapper {background:black;}
pre {color: #777}
*/


#reademail #wrapper {width:95%;color:#bbb}

/* MENU */

#menu_main a {color:white;display: inline-block;border:1px solid white;padding:3px;margin:10px 2px 0 2px;}
#menu_main a:hover {color:red}
#menu_main a:selected {color:green}
#menu_main a:hover {color:yellow}
#menu_main a:active {color:purple}

.commento {font-size: 12px; margin:10px 0}
.commento p  {margin:5px 0;}



label.horizontal {width:20%;}
input.url {width:60%;}

/*
***************************************************************************
***************************** BACKLINK GENERAL ****************************
***************************************************************************
*/

#backlink_general input[type=submit] {background: none;
color: #ccc;
border: 0px;
}

#backlink_general input[type=submit]:hover {background: none;
color: #0072BC;
border: 0px;
}


#ins_masters input {
    position:relative;top:3px;
    border: 1px solid #0072BC;
    border-radius: 4px;
    height: 30px;
}

#ins_masters input.tosc5input {
    border: 1px solid #0072BC;
    border-radius: 4px;
    height:unset;
    top:0;
    margin-right:20px;
}

#ins_masters label.tosc5label {
    
    margin-left:40px;
}

#ins_masters button {height:30px;border-color:#0072BC;color:#0072BC}

#ins_masters button:hover {color:white;background:#0072BC}



.backlinks th.lang {text-align:center;}






/*
***************************************************************************
***************************** BACKLINK CREATION ****************************
***************************************************************************
*/



.bl_create {width:100%}
.bl_create td { padding: 5px 10px    }
/* 
.bl_create input { overflow: visible;background: #444;border: 0px;padding: 5px;color: white;}
*/
tr.changeSepr {border-top:4px solid #0072BC;margin:10px 0;}
tr.changeObje { border-top:1px solid #0072BC;}



.bcklUrl input {font-size:10px;}

.bcklUrl button {
padding: 3px;
font-size: .875rem;
line-height: 1;
border-radius: .2rem;
font-size: 10px;
}




.backlink button {width:80px;}

.backlink .lock-icon.red {color:red}
.backlink .lock-icon.green {color:green}


.backlink input.red {color: red;background: #fee}
.backlink input.green {color: green;background: #efe}








/*
***************************************************************************
***************************** AMMINISTRAZIONE *****************************
****************************************************************************
*/



/* DASHBOARD */


/* LOGIN */

html,
body#login {
  height: 100%;text-align:center;
}

body#login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

#login .form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

#login .form-signin .checkbox {
  font-weight: 400;
}

#login .form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  margin:15px 0;
}
#login .form-signin .form-control:focus {
  z-index: 2;
}
#login .form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#login .btn-primary {margin: 30px auto;display: block;}

#login .login-lost {margin:10px 0;}






/* ****** GESTIONE GENERALE ***************************************************************************** */

.debugmain {
    border:3px solid green;margin:25px;padding:10px;
}

.debugsection {
    border:1px solid red;margin:25px;padding:10px;
}

.debugsection h3 {font-size:16px;}

.debugsection h4 {font-size:14px;}

.column {
	display: inline-block;
	vertical-align: top;
	background:#eee;
	border:1px solid #bbb;
	padding: 10px;
	margin:10px
}
.half {
	width:45%;
}
.third {
	width:31%;
}


.column1 h3, .column2 h3 {margin-top:40px;}


[class^="add-content"] {width:100%;}



.insert_area {width: 90%; margin: 10px auto; background: #eee; padding: 10px 40px;}
.ins_content {position:relative}
.insert_area .ins_button {background:#0072BC !important; }
.insert_area .ins_content label.text {width:100px;}
.insert_area .ins_content input[type=text] {width:70%;}
.insert_area .remove-btn,.insert_area .remove-btn:hover {position:absolute; top:0;right:10px;margin:0px;padding:0;color:#0072BC;background:none;border:none;font-size:30px;}





 

/* ****** GESTIONE UTENTI ***************************************************************************** */

#ins_user {
	position:relative;
	border: 1px solid green;
	padding: 30px 20px 20px 20px;
	background:#eee;
	}

.ins_button {background:#0072BC !important; }

#ins_user label {width:180px;padding-left:10px;margin:0}
#ins_firstname {display:inline-block;}
#ins_lastname  {display:inline-block;}
#ins_email {display:inline-block;}
#ins_submit {display:inline-block;position:relative; top:-2px;margin-left:20px;}

.stnddiv {}

#ins_user button.remove-btn {position:absolute; top:0;right:10px;margin:0px;padding:0;color:#0072BC;background:none;border:none;font-size:30px;}

.usersList button.action {
border: none;
width: 30px;
height: 30px;
padding: 0;
}


#edit_user .edit label {width:100px;}

/* ****** GESTIONE ORGANIZZAZIONI ***************************************************************************** */




#organizations_list label {margin:10px 0;}
#organizations_list label.radiolabel {margin-left:20px;}
#organizations_list input {width:100%;}
#organizations_list input[type=checkbox] {width:unset;margin-right:10px;}
#organizations_list input[type=radio] { width:unset;margin-right:10px;}

.btn-group-lg > .btn, #organizations_list .btn-lg {
font-size: 16px;
line-height: 1;
border-radius: 6px;
padding: 6px;
margin: 4px 0 0 0;
}


#organizations_list #assegnazionePOS_DO label {width:160px;}
#organizations_list #assegnazionePOS_DO .dataowner {width:200px;}
#organizations_list #assegnazionePOS_DO label.checkradio {width:30px}


#organizations_list .ins_content {position:relative;}
#organizations_list .ins_content button.remove-btn {position:absolute; top:0;right:10px;margin:0px;padding:0;color:#0072BC;background:none;border:none;font-size:30px;}

#organizations_list table#list .secondline {font-size:10px;display:block}
#organizations_list table#list td {padding:0 10px; vertical-align:top;}
#organizations_list table#list tr {border-bottom: 1px solid #aaa;}


#organizations_list .insert_area {width: 90%;
margin: 0 auto;
background: #eee;
padding: 10px 40px;}

#organizations_list .neworg,#organizations_list .newpos {display:inline-block;vertical-align: top;background:#fff;}
.neworg {width: 55%;float:left}
.newpos {width: 40%;float:right}

.languageSelection {display:inline-block;margin-right:40px;}
.languageLabel {font-size:20px;margin-left:25px;}



/* ****** GESTIONE SORGENTI ***************************************************************************** */

#sources_list .half {width 50%;display:inline-block;vertical-align: top;}

#sources_list .project {background:#6ea854;border-color:#5d8a48;}

#sources_list h3 {padding:5px 0;border:1px solid #0072BC;margin-top:50px; border-left:0px; border-right:0px;}
#sources_list h3:first-of-type {margin-top:0px;}

#sources_list #org_list {width:100%}
#sources_list #org_list tr {height:50px;}
#sources_list #org_list tr.row_project {border-top:1px solid #ccc;}
#sources_list #org_list td {padding:20px;vertical-align: center;}



#sources_list #org_list button {width:180px;;}
#sources_list #org_list .deleteButton {font-size: 10px;
width: 90%;
margin: 0 auto;}

/*
.uno {border:1px solid red; }
.due {border:1px solid blue;}
.tre {border:1px solid purple;}
.quattro {border:1px solid green;}
*/



#sources_list .ins_content {position:relative;}
#sources_list .ins_content button.remove-btn {position:absolute; top:0;right:10px;margin:0px;padding:0;color:#0072BC;background:none;border:none;font-size:30px;}

#sources_list label {margin:10px 0;}
#sources_list input {width:100%;}
#sources_list input[type=checkbox] {width:unset;margin-right:10px;}
#sources_list select {width:100%;padding:4px; background:white;}


#sources_list #assegnazione label {margin:0px;}
#sources_list #assegnazione td {text-align: center;padding:5px;width:10%;}
#sources_list #assegnazione td:first-of-type {text-align: left;padding:5px;}

#sources_list #assegnazione td input[type=checkbox] {margin:0;}
#sources_list #assegnazione td:first-of-type input[type=checkbox] {margin-right:10px;}

.status0 {color:#999;margin-left:10px;}
.status0:checked {color:#999;margin-left:10px;}

.IsDO0 {font-style: italic; color:#0072BC}