@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Open+Sans:300,400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:200,300,300i,400,400i&display=swap');
.testata {padding: 12px 0; border-radius: 6px;  background-color: #fff; margin-bottom: 20px;}

body 		{font-family: 'Open sans', sans-serif; background-color: #0050a0; font-size: 15px;}
table		{font-size: 15px;}
.table thead th {text-align: left!important;}
#wrapper 	{margin: 16px; background-color: #222; overflow: hidden; }
.core 		{padding: 0 15px;}

/*hr			{margin: 0;}*/

/* impostazioni globali */

#wrapper {max-width: 1800px; margin: 0;}
.popper { position: absolute; top: 10px; left:10px; width: 10px; height: 10px; border-radius: 10px; display: block; z-index: 100; background-color:#ccc;}
.vis-1 {background-color: #11c276;}
.vis-0 {background-color: #d11e1e;}
.card-body {border-radius: 6px;}

    input:focus, textarea:focus, select:focus, .no-focusborder:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  background-color: #f5f7e3;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.tipo-message-square .content {background-color: #fffdd9; padding: 20px; border-radius: 20px;}
.tipo-message-square .content .text-bold {border-bottom: 1px solid #ccc; display: none;}

/* icone*/

.card-body .badge .feather {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.card-body .nav-item .feather,.card-body .btn-group .feather {
  width: 23px;
  height: 23px;
  stroke-width: 2
  fill: none;
}

.card-body .feather {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.on-work {float:left; width: 3px; margin: -2px 10px -2px -13px; height: 54px;  background-color: red}
.important-icon{ height: 30px; width: 30px; position: absolute; display: block; top: -3px; left: 24px; }

/* search */

.search-box-round 	{border: 1px solid #929292; border-radius: 30px;}
.search-box-round .btn-outline-secondary {border: none;}



/* navigation menu */

.blockquote {font-size:20px; font-weight: 600;}

.btn-link {color: #f08000;}
#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .35s ease-out;
  -moz-transition: margin .35s ease-out;
  -o-transition: margin .35s ease-out;
  transition: margin .35s ease-out;
}

.nav-link {font-size: 15px;}
.navbar-nav {flex-direction: row;}
.nav-item {margin-right: 15px;}

/* gallery */

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}

/* black dropdown */

.edropdown .dropdown-menu {background-color: rgba(0,0,0,.75)}
.edropdown .dropdown-menu a {color: #fff; padding: 10px 20px; font-size: 13px;}
.edropdown .dropdown-menu i {margin-right: 10px;}
.edropdown .dropdown-menu a:hover {background-color:rgba(11,11,11,.75) }

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
  border-radius: 18px 0 0 18px;
  background-color: #f2f2f2;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

#sidebar-wrapper .list-group-item {border: none!important; background: none;}
#sidebar-wrapper .list-group-item-action {color: #e1e7ef; line-height: 1px; padding: 14px;}
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

a {color: #000;}
.btn {border-radius: 44px; min-width: 36px; font-size: 13px; padding: 5px 12px 7px 12px; line-height: 20px }
.contenuto .btn {box-shadow:1px 1px 0 0px rgba(0, 0, 0, 0.1)}
.btn-amiga {background-color: #ff8800; color: #000;}

.btn-circle {display: inline-block; padding: 6px 3px; margin-right: 4px;}

/*h1, h2 {font-family: 'Bebas Neue', cursive;}*/
h1 {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 27px; line-height: 46px; margin-right: 15px}
h1 small {font-size: 18px; margin-top: -10px;}
#myInput {margin-right: 15px;}

.min-col {min-width: 120px;}
.header-crm {background-color: #2057a7; background: rgb(2,0,36);
background: linear-gradient(350deg, rgba(2,0,36,1) 0%, rgba(67,12,161,1) 35%, rgba(0,212,255,1) 100%);}
.header-crm a {color: #fff; padding: 0 15px}
.btn-icon {width: 38px; height: 38px; border-radius: 4px; padding: 10px}

.filtro {display: block; left: 12px; top: 12px; color: #000; position: absolute}

/* attività */
.agenda-date {
    width: 200px; padding: 20px 10px;
}
.dayofmonth {    width: 36px; font-size: 36px;line-height: 36px;float: left; text-align: right; margin-right: 10px;font-weight: 200}
.dayofweek {float: left; font-size: 14px; width: 100px;}
.shortdate {font-size: 11px;float: left}
.card-cal {background-color: #f7f7f7!important; border: none!important}
.card {border: none; border-radius: 6px;}    
.card-body .table {}
.alert {border-radius: 16px 0 16px 16px; border:0px;}

.card .message-square {background-color: #fcfbe3}

.note-toolbar .note-btn {background: transparent!important;}

.row-Sabato, .row-Domenica {background-color: #EEE; color:#aaa!important;}

/* radio button style */

 .check-publish .btn-danger,.check-publish .btn-success  {background-color: gray; border: none; }
 .check-publish .btn-danger:focus,.check-publish .btn-success:focus {outline: none} 
 .check-publish .btn-danger:not(:disabled):not(.disabled).active {
  background-color: #ff0000;}
 .check-publish .btn-success:not(:disabled):not(.disabled).active {
  background-color: #15c19f;}

/* barra marginalità */
.bar {height: 18px; border-radius: 9px; margin-bottom:1px; width: 100px; position: relative; margin-top:4px;} 
.barins {height: 14px;  border-radius: 7px; position: absolute; top: 2px; left: 2px; min-width: 14px;}
.barinsNeg {height: 22px;
    border-radius: 11px;
    position: absolute;
    top: -2px;
    left: 0px;
    background-color: #28a745!important;
    border: 2px solid #fff;}
th {font-weight: 400; color:#999}
td {font-weight: 500}
h4 {margin-top: 50px!important; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 16px;}

.table td {padding:  10px; vertical-align:middle;}
.bootstrap-datetimepicker-widget {overflow: hidden; min-width: 330px;}

#myinput {border-radius: 0px; padding: 22px; padding-left: 40px; background:transparent; border: none; }
.headBtn {border-radius: 30px; padding: 10px 15px; }

.tableDivList {
    border-radius: 6px; border: 1px solid #eee; background-color: #fff;}
.tableListHead, .card-header {background-color: #f9f9f9; }
.tableListHead span {border-top: 1px solid #ccc; display: inline-block; padding: 5px 0; margin-top: 5px; width: 100%}
.tableList td, .tableList th {padding: 1px 15px; border-bottom: 1px solid #ccc;}
.tableList th {padding-top: 10px; padding-bottom: 10px;}

.tipo-bookmark td {background-color: #fbfaef} .tipo-bookmark td .btn {background-color: #f6f6db}


/* alert blinking */

.alerticon {

  color: #ff0000;
  animation: ocio 1s linear infinite;
  padding-bottom: 3px;
 }
 
.okicon {
	color: #52c300;
	padding-bottom: 3px;
}

@keyframes ocio {
0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}


/* timeline */

.tl-table td, .tl-table th {border-top: 0;}
.tl-rela {position: relative;}
.tl-vline {position: absolute; top: 0; bottom: 0; right: 50%; left: 50%; width: 1px; display: block; background-color: #ccc; z-index: -1000 }
.tl-circle {width: 40px;height: 40px; border-radius: 20px; background-color: #fff; margin: 0 auto; border: 1px solid #ccc; padding: 10px;}

/* signin */
.Login { 
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;}
  
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent!important;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}