/* Add here all your css styles (customizations) */

/*.logoName{
  float: left;
  font-family: 'Alegreya', serif;
  font-size: 25px;
}
.logoHW{
  height: 50px;
  width: 50px;
}*/
.txtclr{
      color: white;
    }

    #myList > li > img.SHOW, #myList > li > a.SHOW, #myList > li.SHOW{
      display: block;
    }
    #myList > li > img.HIDE, #myList > li > a.HIDE, #myList > li.HIDE{
      display: none;
    }
    .subnoti{
      margin-left: 30px;
    }
#clgName:after{
  content: 'MGM Medical College, Vashi, Navi Mumbai';
  color:white;
 }
 #smallName:after{
  content: 'A constituent unit of MGM Institute of Health Sciences.';
  color:white;
 }
 #smallName2:after{
  content: 'Deemed to be university u/s 3 of UGC Act 1956';
  color:white;
 }
 @media (min-width: 1200px){
    .logoName{
      float: left;
      font-family: 'Alegreya', serif;
      font-size: 27px;
      margin-top: -10px;
    }

    .smallName {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -7px;
        /* text-decoration-color: yellow; */
    }
    .smallName2 {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -8px;
        /* text-decoration-color: yellow; */
    }
    .logoHW{
      height: auto;
      width: 70px;
    }
  }
 @media (max-width: 1200px){
    .logoName{
      float: left;
      font-family: 'Alegreya', serif;
      font-size: 21px;
      margin-top: -25px;
    }

    .smallName {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .smallName2 {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .logoHW{
      height: auto;
      width: 70px;
    }
  }
 @media (max-width: 991px){
    .logoName{
      float: left;
      font-family: 'Alegreya', serif;
      font-size: 23px;
      margin-top: -5px;
    }

    .smallName {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .smallName2 {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .logoHW{
      height: auto;
      width: 70px;
    }
  }
  
@media (max-width: 767px){
    .logoName{
      float: left;
      font-family: 'Alegreya', serif;
      font-size: 19px;
      margin-top: -25px;
    }

    .smallName {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .smallName2 {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        /* text-decoration-color: yellow; */
    }
    .logoHW{
      height: auto;
      width: 70px;
    }
  }
  
@media (max-width: 530px){
    .logoName{
      float: left;
      font-family: 'Alegreya', serif;
      font-size: 20px;
      margin-top: -27px;
    }

    .smallName {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -4px;
        
        /* text-decoration-color: yellow; */
    }
    .smallName2 {
        font-size: 13px;
        float: left;
        color: white;
        font-family: 'Alegreya', serif;
        margin-top: -5px;
        
        /* text-decoration-color: yellow; */
    }
    .logoHW{
      height: auto;
      width: 70px;
    }
  }
  
@media (max-width: 425px) {
  .show-hr{
    visibility: hidden;
  }
  .logoName{
    float: left;
    font-family: 'Alegreya', serif;
    font-size: 22px;
    margin-top: -27px;
  }
  .smallName {
      font-size: 11px;
      float: left;
      color: white;
      font-family: 'Alegreya', serif;
      margin-top: -5px;
      display: none;
      /*visibility: hidden;
      display: block;*/
      /* text-decoration-color: yellow; */
  }
  .smallName2 {
      font-size: 11px;
      float: left;
      color: white;
      font-family: 'Alegreya', serif;
      margin-top: -10px;
      display: none;
      /*visibility: hidden;
      display: block;*/
      /* text-decoration-color: yellow; */
  }
  .logoHW{
    height: auto;
    width: 60px;
    margin-top: 0px;
  }
  .up-menu{
    background-color: white;
    margin-top: 0px;
  }
}

@media (max-width: 375px) {
  .logoName{
    float: left;
    font-family: 'Alegreya', serif;
    font-size: 20px;
    margin-top: -20px;
  }
  .smallName {
      font-size: 11px;
      float: left;
      color: white;
      font-family: 'Alegreya', serif;
      margin-top: -5px;
      /* text-decoration-color: yellow; */
  }
  .smallName2 {
      font-size: 11px;
      float: left;
      color: white;
      font-family: 'Alegreya', serif;
      margin-top: -5px;
      /* text-decoration-color: yellow; */
  }
  .logoHW{
    height: auto;
    width: 60px;
    margin-top: 0px;
  }
  .up-menu{
    background-color: white;
    margin-top: 0px;
  }
  .up-menu1{
    background-color: white;
    top: -60px;
    bottom: 0px;
  }
}
.g-py-30-20 {
    padding-top: 0.714296rem !important;
    padding-bottom: 0.71429rem !important;
  }
  .bg-wh--h-w-40--borad-100 {
  	background-color: white;
  	height: 35px;
  	width: 35px;
  	border-radius: 20%;
  }

  .mg-top-8px
  {
  	margin-top: 5px;

  }
  .bagcolcapt {
    background-color: rgba(25, 47, 86, 0.72);
    /*width: 87%;*/
    left: 0px;
    right: 0px;
  }
  .font-size-20{
  	font-size: 10px;
  }
  th{
    background-color: #e6e6e6;
  }

      .collapsibles {
        background-color: #f3d7d7;
        color: black;
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border-bottom: solid;
        text-align: left;
        outline: none;
        font-size: 15px;
        border-color: white;
        text-align: center;
      }

      .collapsibles:hover {
        background-color: #777;
        
      }

      .collapsibles:after {
        content: '\002B';
        color: black;
        font-weight: bold;
        float: right;
        margin-left: 5px;

      }

      .activee:after {
        content: "\2212";
      }

      .collapsibles.activee {
        background-color: #777;
        color: white;
      }

      .content {
        padding: 0 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        background-color: #fdf7fa;
      }

      .pad0px{
        padding-right: 0px;
        padding-left: 0px;
      }
      .floats2{
        transition: all 0.2s ease-out 0s;
        position:fixed;
        width:68px;
        height:142px;
        /*bottom:10px;*/
        margin-top: 210px;
        right:0px;
        /*background-color:rgba(197, 183, 183, 0.5);*/
        color:#FFF;
        border-radius:0px;
        text-align:center;
        /*box-shadow: 2px 2px 3px #000;*/
        z-index: 500;
      }
  
.floats{
    position:fixed;
    width:60px;
    height:60px;
    /*bottom:10px;*/
    margin-top: 10px;
    right:4px;
    /*background-color:#0C9;*/
    background: url(assets/img/NIRF.png);
    color:#FFF;
    border-radius:0px;
    text-align:center;
    /*box-shadow: 2px 2px 3px #000;*/
    z-index: 500;
    filter: drop-shadow(1px 2px 3px black);
  }

  .floats > img{
    border-radius: 50px;
    height: 40px;
    width: 40px;
  }
  /*.floats:hover {
    width: 52px;
    height: 52px;
  }*/

  .my-floats{
    margin-top:12px;
  }

.tooltips {
  position: relative !important;
  display: inline-block;
  border-bottom: 1px dotted black;
  color: black;
}

.tooltips .tooltipstext {
  visibility: hidden;
  width: 400px;
  background-color: white;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  top: 100%;
  left: 0%;
  margin-left: -60px !important; /* Use half of the width (120/2 = 60), to center the tooltip */

  /* Position the tooltip */
  position: absolute;
  box-shadow: 1px 1px 4px 1px black;
  z-index: 1 !important;
}

.tooltips:hover .tooltipstext {
  visibility: visible;
}

.img-center{
    margin-left: auto;
    margin-right: auto;
  }


.svg-bg1{
  background: url(../include/svg/svg-bg1.svg)  no-repeat left top;
}

.svg-bg2{
  background: url(../include/svg/svg-bg2.svg)  no-repeat left top;
}
.svg-bg3{
  background: url(../include/svg/svg-bg3.svg)  no-repeat left top;
}
.svg-bg4{
  background: url(../include/svg/svg-bg4.svg)  no-repeat;
}
@media screen and (max-width:768px){
    .font{
      display: none;
    }
  }
  .font{
    position: absolute;
    z-index: 1000;
    right: 5px;
    top: 0;
  }


  .fontplus, .fontminus, .fontdefault{
    border-radius: 10px;
    background-color: white;
    height: 27px;
    width: 27px;
    margin: 2px 0;
    font-weight: bold;
    border:none;
    cursor: pointer;
    outline: none;
    box-shadow: -2px 1px 6px 0px #000000c7;
  }
  .fontplus:focus, .fontminus:focus, .fontdefault:focus{
    outline: none;
    background-color: aqua;
  }
  .fontplus:hover, .fontminus:hover, .fontdefault:hover{
    background-color: aqua;
    transform: scale(1.2);
    transition-timing-function: linear;
  }
  .fontplus{
    font-size: 15px;
  }
  .fontminus{
    font-size: 10px;
  }
  .fontdefault{
    font-size: 13px;
  }