@import url('https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap');
html, body {
  height: 100%;
  min-height: 100vh;
  /* background-color: black;
  color: whitesmoke; */
}

.bkg-home {  background-image: url("../images/bkg-dronedrome.a88ddd57deb0.jpg"); background-repeat: repeat-y; background-size:cover;}


.title {text-align: center; text-shadow: 1px 1px 1px #fff;}
h1.title {font-size:62px;}
h2.title {font-size:30px; letter-spacing: 0.5em;}
h1.title, h2.title {font-family: 'Loved by the King', cursive; text-align: center; margin: 10px 0px 10px 0px}

.box-opacity {background-color:rgba(255, 255, 255, 0.6); border-radius:15px; margin:30px; padding:40px 30px; border: 1px solid #fff; opacity:1;    transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;}
  .look-for-ico {padding-left: 9px; padding-top:5px; }




.intro{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #87cf3d;
  font-family: 'Loved by the King', cursive;
  text-shadow: 1px 1px 2px #fff;
}
.intro  h2 {font-size:62px;}
.intro  h3 {font-size:30px; letter-spacing: 0.5em;}

.feature .box{
  background-color:rgba(255, 255, 255, 0.6); border-radius:15px; 
  min-height: 200px;

  padding:40px 30px; border: 1px solid #c1c1c1;; opacity:1;    transition: opacity .5s ease-out;
  
  -moz-transition: background-color .5s ease-out;
  -webkit-transition: background-color .5s ease-out;
  -o-transition: opabackground-colorcity .5s ease-out;}

.feature .box:hover {opacity: 1; background-color: rgba(255, 255, 255, 0.8);}
.feature .box i { color: rgb(63, 98, 59);font-size: 38px;}
.feature .box a {color: #3c657e;  text-decoration: none;}
.feature .box h2 {margin-top:15px; font-size:24px;}

/* la grid */
.fas.fa-plus-circle.add-new-record {color: #87cf3d; font-size:50px;margin-right: 20px;}
.add-new-record:hover {color: #65ac03;}
.fas.fa-plus-circle {color: #87cf3d; font-size:28px; margin-top:10px;}
.fas.fa-plus-circle:hover {color: #65ac03; }

.r1 {background-color: #f4f4f4}
.r2 {background-color: #e8e8e8;}

.grid-core .row{padding:5px 0px}
.intest {border-bottom: solid 1px #87cf3d;  font-style: italic; background-color: rgba(255,255,255,0.5);}
.btn-outline-success {border-color: #fff; color:#fff; background-color:#87cf3d;}
.btn-outline-success:hover {border-color: #65ac03; background-color: #65ac03;} 

.btn-primary {border-color: #87cf3d;  background-color:#87cf3d;}
.btn-primary:hover {border-color: #65ac03; background-color: #65ac03;}
.btn-primary:disabled{ background-color:  #87cf3d; color:white ;border-color: #87cf3d }
.btn-primary:focus{background-color:#65ac03;  box-shadow: 0px 0px 0px 3px rgb(102 172 3/ 0.4); border-color: #528806 ;}

.btn-outline-primary {border-color: #87cf3d; color: #87cf3d}
.btn-outline-primary:hover {border-color: #65ac03; background-color: #65ac03;}

.delete-unit-item-cnt i {color: #87cf3d}
.delete-unit-item-cnt:hover { background-color: #f4f4f4;}
.delete-unit-item-cnt:hover i {color: #65ac03}

.record-delete, .record-edit {color: #666; padding:0px; font-size: 20px;}
.record-delete:hover, .record-edit:hover {color: #000;}

/* .bar-action {border-top: solid 1px #87cf3d; text-align: center; margin-top:15px;} */
.bar-action i {font-size:28px; vertical-align: middle; margin-right:5px;}
.save-record:hover {color: #fff}

    .back-grid i{
        font-size: 30px;
        color: rgb(221, 221, 221);
    
    }
    .record-title{
        font-size: 30px;
        margin: 5px 0px 20px 0px;
        border-bottom: solid 1px #87cf3d;
        color: #87cf3d;
    }

hr {color:#87cf3d; opacity:1}
.headertext p {text-align: center;}
.row.selectable:hover {background-color: #b7f464;}


    .movs-paginator{
        margin-top: 15px;
        margin-bottom: 15px
    }

    /* form */
    .form-group label {font-size:18px;}
    .form-group {margin-top:10px; margin-bottom:10px;}
    .form-control{font-size:18px}
    .icon-user {
      background-image: url("../images/icon-user.c9d669add2b2.png"); background-repeat: no-repeat; width:27px; height:32px; display: inline-block; 
      color :#87cf3d
    }
    .icon-drone {background-image: url("../images/icon-drone.48895c938fd9.png"); background-repeat: no-repeat; width:80px; height:26px; display: inline-block; background-size: cover; }

body {
  display: flex;
  flex-direction: column;
  color:#3c657e;

}


.container-fluid {
  flex: 1 0 auto;
  /* Distance from top of container*/

}
.container-fluid > h2, .container-fluid h1 {text-align: center;}


footer {
 flex-shrink: 0;
 background-color: #559a53;
 color: #fff;
 -webkit-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
-moz-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
border-top:1px solid #fff;
text-align:right;
font-size:14px;
padding:10px 10px 2px 0px;
}

.navbar-brand img {max-height:80px;}
.custom-navbar {background-color: #cdd7df; border-top:5px solid #cdd7df; }
    /* -webkit-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); */
/* -moz-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); */
/* box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); } */
.custom-navbar .nav-link {background-color:#73b0d6; border-radius:6px; color:#cdd7df; margin:0px 4px; font-size:18px;}
.custom-navbar .nav-link:hover {background-color:#477fa2; }



.invio .form-control { height:45px;}
.table a:hover { text-decoration: none; color: #477fa2 }
.table thead th { background-color:#ced8de; text-transform: uppercase}

.table tr.even {background-color:#f4f4f4}

a.nav-link{
  color: #666 !important;
}
.m-border-cl{
  border-color: #ececec;
}