.main {
    min-height: 100px;
    background-color: #cfd8dc;
    padding-top: 0.5%;
}
.title {
    padding: 10px;
    text-align: right;
    padding-right: 10%;
}
.select {
         background-color:#1FB5E0/*#00b0ff*/ !important;
}


.navbar-custom .nav-item:hover .nav-link {
    background-color:#dd2c00 !important;
    /*color: #3e27 !important;*/
}

.navbar-inverse .navbar-nav > li > a {
    color:#fff !important;
    font-size : 15px;
}
  

.navbar-inverse {
  background-color:#546e7a ;
  margin-bottom:0px;
}


.content {
    background-color: #e1f5fe;
    min-height: 80.5vh;
    background-image: linear-gradient(to bottom right, #cfd8dc, #90a4ae );
}
.contentd { 
    min-height:300px;
    margin:auto;
    margin-top:10px;
    /*background-color:white;*/
    border-radius:0px 0px 15px 15px;
    box-shadow: 4px 4px 2px #808080;
    background-image: linear-gradient(to bottom right, #fff, #cfd8dc );
}
@media all and (max-width: 600px) {
  .contentd{ width:95%;  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media all and (min-width: 600px) {
  .contentd { width:90%}
}

/* Medium devices (landscape tablets, 768px and up) */
@media all and (min-width: 768px) {
  .contentd{ width:80%}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media all and (min-width: 992px) {
  .contentd{ width:70%}
} 


.content-title {
    text-align: left;
    margin-top: 10px;
    width: 106%;
    margin-left: -3%;
    background-color: #1FB5E0 /*#9ccc65*/;
    color: white;
    padding: 1px;
}