/*!
 Style sheet referals
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*! navbar styling */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #000066 !important;
    border-color: #428BCA !important;
    }

/*! files styles */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #000066 !important;
    border-color: #428BCA !important;
    }

	.modal-footer {
    border-top: 1px solid #e5e5e5 !important;
    margin-top: 15px !important;
    padding: 10px !important;
    text-align: right !important;
}

		.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}



/* nav select */

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #000066 !important;
    border-color: #428BCA !important;
    }
.carousel-control.right, .carousel-control.left  {
            background-image: none !important;
        }
		.navbar-static-side {
	margin-top: 0px;
	}

/* ------------------------ */

		<!-- code for Carosuel -->
		.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #000066 !important;
    border-color: #428BCA !important;
    }
        .carousel-control.right, .carousel-control.left  {
            background-image: none !important;
        }
        

		
		<!-- End Carosuel code -->
<!--- for fixed carosel div -->
.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 25%;
	cursor: pointer;
	float: right;
        padding: 2px;
}
.item .thumb img {
	width: 100%;
	margin: 10px;
        border: 1px solid #808080;
        
}
.item img {
	width: 100%;
        
        	
}
<!-- end  -->



<!--- FOR SIZE -->
.buttons {
      background: #dfdfdf;
      padding: 4px;
      border-radius: 3px;
      position: relative;
      width: fit-content;
    }

    .buttons input {
      appearance: none;
      cursor: pointer;
      border-radius: 2px;
      padding: 5px 10px;
      background: #3f414d;
      color: #ececec;
      font-size: 15px;
      font-family: sans-serif;
      transition: all 0.1s;
    }

    .buttons input:checked {
      background: #c926bb;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
      text-shadow: 0 1px 0px #808080;
    }

    .buttons input:before {
      content: attr(label);
      text-align: center;
    }
     .checked { color: orange; }
    .button5 {border-radius:40px 40px 40px 40px;  text-align:center justify;font-size:15px; padding-top:3px;margin-top:2px; color:white;}
    .pretag { display: block;border:0;background-color:white;}