body {
    background-color:  #e8eaf6;
}
.main {
    min-height: 100px;
     background-color:#5c6bc0;
    color:#ffffff; 
    padding-top: 0.5%;
}

.title {
    padding: 10px;
    text-align: right;
    padding-right: 10%;
}
.select {
         background-color:#5c6bc0/*#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:#1a237e ;
  margin-bottom:0px;
}


.content {
    background-color:  #e8eaf6;
    min-height: 80.5vh;
    /*background-image: linear-gradient(to bottom right, #fffeef, #fff3e0 );*/
 
}
.contentd { 
    min-height:300px;
    margin:auto;
    margin-top:10px;
    background-color:#cfdafa;
    border-radius:0px 0px 15px 15px;
    /*box-shadow: 4px 4px 2px #808080;*/
    /*background-image: linear-gradient(to bottom right, #fff3e0,#fffeef );*/

}
.contentside { 
    min-height:300px;
    margin:auto;
    margin-top:10px;
    background-color:#cfdafa;
    border-radius:0px 0px 15px 15px;

    /*box-shadow: 4px 4px 2px #808080;*/
    /*background-image: linear-gradient(to bottom right, #fff3e0,#fffeef );*/

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

.mycard {
    padding:15px;
    margin: auto; 
    max-width: 800px; 
    text-align: center; 
    margin-top: 25px; 
    margin-bottom: 40px;
    border-radius: 5px; 
    box-shadow: 3px 3px 2px #808080;
    border: 1px solid rgba(80,80,80,.15); 
    /*background-image: linear-gradient(to top bottom, #fff3e0,#fffeef );*/
      background-image: linear-gradient(to bottom right,#fff, #e8eaf6);
      box-sizing:border-box;
    
}
@media all and (max-width: 600px) {
  .contentd{ width:95%;  }
    .title h2 {
        font-size:18px;
        margin-left:80px !important;
    }
}

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

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

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


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