@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap');




h2{
  background-color: unset !important;
}
.breadcrumb-item{
    font-size: 14px;
}

.fullclick  {
  list-style: none;
  background: #2b2b2b;
  position: relative;
}
.m-w-270{
  max-width: 267px;
}

.m-w-310{
  max-width: 310px;
}
.widget-margin{
  margin-bottom: 25px;

}

.fullclick a.main {
  color: #85baff;
  text-align: right;
  display: block;

}
.fullclick  a.main::after {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
}

.fa-big{

    font-size: 30px;
    padding-right: 5px;
}

.zmdi{
  /*  padding-right: 5px;*/
}

.d-flex{


    display: -ms-flexbox !important;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;

}

.absolute {
  position: absolute;
  width:100%;
  bottom: 5px;

}

.parent {

  border: 3px solid red;
}
.body{
  height: 100%
}

.custom_container{
  background: white;
  padding:25px;
  border-radius:10px;

}

.big_icon:before{
  right: 0px !important;
  top: -28px !important;

}

.card.body:hover {
  background-color: #E1EBEF !important;
  border-radius: .25rem;


}

 .custom-container {

     padding-right: 40px !important;
     padding-left: 40px !important;


 }


.card.fullclick {
    min-height: 100%;
    box-shadow: 0 0 3px rgb(187 187 187)  !important;
    margin-bottom: 0px !important;
    height: 100%;

    border-width: 1px !important;
    border-color: #a8cbff00 !important;

    overflow: hidden;
    text-align:center;
    //box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !important ;
// -webkit-transition: all 50ms ease !important;
   -webkit-transition: all 20ms ease !important;

}

.card.fullclick:hover {
    box-shadow: 0 0 3px rgb(187 187 187) !important;
    border-color: #ffffff00 !important;
    -webkit-transition: all 0ms ease !important;
    transform: scale(1.02);
}



.btn-widget{
    background: #88adc3 !important;
    box-shadow: 0 1px 2px rgb(143 161 171) !important;

    padding: 0px !important;
    width: 40px;
    height: 33px;
}

.btn-icon-widget{
    color: white;
    margin-top: 10px !important;
}

.btn-widget:hover{
    background: #5b7397 !important;
}

.aside-list {
  margin-bottom: 0px !important;
  border: solid !important;
  /*border-width: thin !important; */
  border-color: #0000001a !important;
  overflow: hidden ;
  padding-left: 2px;
  /*text-align: center;   */

}



.version-badge{
    background: #1c84c6bf;

}

.new-version{

    text-align: center !important;
    background-color: #54a9ff ;


}


.ck-hover:hover{


    border-radius: .25rem;

}

.checklist{

    padding: 5px !important;
    margin-bottom: 35px; /*server per allontanare l'elemento .absolute dal contenuto della checklist */


}

.row-widget{
    margin-left: 0px;
    margin-right: 0px
}

.center-item{
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-item{
  display: flex;
  align-items: center;
  justify-content: right;
}
.left-item{
  display: flex;
  align-items: center;
  justify-content: left;
}

.absolute-top {
  position: absolute;
  width:100%;

}

/* Sidebar Style  */

.checkbox{

/*float:left;*/
  display:flex;

}


.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
}

.notify-dot{
   background: red;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 45%) !important;
    position: absolute;
    z-index: 1;
    color: white;
    border-radius: 18px;
    float: right;
    right: 0;
    top: -6px;
    width:13px;
    height:13px;
}

.notify-dot-card{
   background: red;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 45%) !important;
    position: absolute;
    z-index: 1;
    color: white;
    border-radius: 18px;
    float: right;
    right: 3px;
    top: 4px;
    width:13px;
    height:13px;
}


.card-padding{
 padding: 10px !important;
}

/*Aggiornamento Stili 02/03/22 cruscotto  */

.head-info{
    border: 1px solid #fff;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 25%);
    background: #f5f5f5;
    padding-top: 25px;
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 20px;
    margin-top: -50px; /* preventig newline hidden charachter  */
    max-width: 400px;
    min-width: 300px;

}

.head-buttons{
   margin-top: 20px;

}

/*Aggiornamento 04/03/22  Allineamento verticale elementi all'interno del weidget*/

.element, .checklist{
    display: table-cell !important;
    vertical-align:middle !important;
    word-break: break-word; /*se non ci fosse il word break i widget si sovrapporrebbero se fossero molto grandi*/

}

.card{
  /*  display:table !important ;*/
}

.big_icon_custom{

    font-family: "Material-Design-Iconic-Font";
    /*font-size: 35px !important;  */

    top: -20px;
    right: 40px;
    line-height: normal;

}

h5{
    font-size: 1.5em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #1c1c1c !important;
}

.widget-name{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-top: 15px;

}
.widget-icon{
  padding:10px;
  /*
  margin-right: 20px;
  border: solid;
    margin-left: -18px;
    padding: 17px;
    border-color: white;
    border-radius: 11px;
    box-shadow: 0 0 3px rgb(106 106 106) !important;
    */
}

.w-icon{
  transform: rotate(5deg);

  color: #9d9d9d;
  font-size: 50px !important;
}