%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :
ikan Uploader :
Directory :  /var/www/html/shardaveda.com/assets/css/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : //var/www/html/shardaveda.com/assets/css/sb-admin.css
/*!
 * Start Bootstrap - SB Admin v5.0.2 (https://startbootstrap.com/template-overviews/sb-admin)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100%; font-size:13px !important; background:#e9ecef; font-family: 'lato', sans-serif !important;
}

#wrapper {
    padding:60px 0 0 70px; background:#e9ecef;
}
.bg-dark { padding:10px 10px 10px 90px; height:60px; }

#wrapper #content-wrapper {
  overflow-x: hidden;  margin:17px 30px 30px 30px; padding:0px; min-height:450px;
}

body.fixed-nav #content-wrapper {
  margin-top: 56px;
  padding-left: 90px;
}

body.fixed-nav.sidebar-toggled #content-wrapper {
  padding-left: 0;
}

@media (min-width: 768px) {
  body.fixed-nav #content-wrapper {
    padding-left: 225px;
  }
  body.fixed-nav.sidebar-toggled #content-wrapper {
    padding-left: 90px;
  }
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.smaller {
  font-size: 0.7rem;
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.navbar-nav .form-inline .input-group {
  width: 100%;
}

.navbar-nav .nav-item.active .nav-link {
  color: #fff;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f107';
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

.navbar-nav .nav-item .nav-link:focus {
  outline: none;
}

.navbar-nav .nav-item .nav-link .badge {
  position: absolute;
  margin-left: 0.75rem;
  top: 0.3rem;
  font-weight: 400;
  font-size: 0.5rem;
}

@media (min-width: 768px) {
  .navbar-nav .form-inline .input-group {
    width: auto;
  }
}

.sidebar {
  width: 90px !important;
  background-color: #002855; 
  min-height: calc(100vh - 56px);
}
.bg-dark { background-color: #fff !important; position:fixed; width:100%; border-bottom:1px solid #fff; z-index:9; box-shadow:0 0 10px #ccc; }
.bg-dark a { color:#333 !important; font-size:16px;  }
.sidebar .nav-item:last-child {
  margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link {
  text-align: center;
  padding: 0.75rem 1rem;
  width: 90px;
}

.sidebar .nav-item .nav-link span {
  font-size: 0.65rem;
  display: block;
}

.sidebar .nav-item .dropdown-menu {
  position: absolute !important;
  -webkit-transform: none !important;
  transform: none !important;
  left: calc(90px + 0.5rem) !important;
  margin: 0;
}

.sidebar .nav-item .dropdown-menu.dropup {
  bottom: 0;
  top: auto !important;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}

.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar.toggled {
  width: 0 !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sidebar {
     
  }
  .sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    width: 225px;
  }
   .sidebar .nav-item .nav-link i { margin:0 5px 0 0; font-size:12px; }
  .sidebar .nav-item .nav-link span {
    font-size: 14px;
    display: inline;
  }
  .sidebar .nav-item .dropdown-menu {
    position: static !important;
    margin: 0 1rem;
    top: 0;
  }
  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: block;
  }
  .sidebar.toggled {
    overflow: visible;
    width: 90px !important;
  }
  .sidebar.toggled .nav-item:last-child {
    margin-bottom: 1rem;
  }
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 90px;
  }
  .sidebar.toggled .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
  }
  .sidebar.toggled .nav-item .dropdown-menu {
    position: absolute !important;
    -webkit-transform: none !important;
    transform: none !important;
    left: calc(90px + 0.5rem) !important;
    margin: 0;
  }
  .sidebar.toggled .nav-item .dropdown-menu.dropup {
    bottom: 0;
    top: auto !important;
  }
  .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
    display: none;
  }
}

.sidebar.fixed-top {
  top: 56px;
  height: calc(100vh - 56px);
  overflow-y: auto;
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -1rem;
  opacity: 0.4;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

:root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

.form-label-group {
  position: relative;
}

.form-label-group > input,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
 /* padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);*/
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

footer.sticky-footer {
  
  right: 0; padding:0 0 30px 0;
  bottom: 0;
  
  
  background-color: #e9ecef;
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  footer.sticky-footer {
   /* width: calc(100% - 225px);*/
  }
}

body.sidebar-toggled footer.sticky-footer {
  width: 100%;
}

@media (min-width: 768px) {
  body.sidebar-toggled footer.sticky-footer {
    width: calc(100% - 90px);
  }
}

.fomr-news1 label {   display:inline-block; }
.fomr-news1 .select {width:250px; display:inline-block;   }

.fomr-news label { display:none !important; } 
.fomr-news .form-group { float:left; }
.fomr-news1 .form-group { float:left; }

.button2 {     border-radius: 3px;
    background: #3498db;
    border: 0;
    border-radius:5px;
    color: #fff;
    font-size: 13px;
    padding: 9px 30px 10px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: none; }
	
	
	.button2:hover { color:#fff; background:#3498db; }
	
	.button3 {     border-radius: 3px;
    background: #fff; border:2px solid #3498db;
   
    border-radius:5px;
    color: #3498db;
    font-size: 13px;
    padding: 7px 30px 8px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: none; }
	
	.card-header-new h3 { float:left; font-size:20px; margin:5px 0 0 0; }
	.card-header-new   input {     border-radius: 3px;
    background: #3498db;
     border: 0;
    border-radius:5px;
    color: #fff;
    font-size: 11px;
    padding: 8px 30px; float:right;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: none; }
	.card-header-new  a {     border-radius: 3px;
    background: #3498db;
     border: 0;
    border-radius:5px;
    color: #fff;
    font-size: 11px;
    padding: 8px 30px; float:right;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: none; }
		.card-header-new a input { padding:0; }

.card-body { padding:25px; background:#fff; }
.form-control { font-size:12px; }

.breadcrumb { background:none; padding:0; }

.page-item.active .page-link { background-color:#3498db; border-color:#3498db; }

.main-menu .fa-2x {font-size: 2em;}
.main-menu .fa ,.main-menu .fas {position: relative;display: table-cell;width: 70px;height: 50px;text-align: center;vertical-align: middle;font-size:16px;}
.main-menu:hover,nav.main-menu.expanded {width:270px; }
.main-menu {background:#002855; position:fixed; top:0px;bottom:0; left:0;width:70px; -webkit-transition:width .05s linear;transition:width .05s linear;-webkit-transform:translateZ(0) scale(1,1);z-index:1000; margin:0; padding:0; min-height:100%;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden; border-right:1px solid #fff; }
.main-menu>ul {margin:0px 0;  }
.main-menu li {position:relative;display:block;width:270px;}
.main-menu li a {position:relative;display:table;border-collapse:collapse;border-spacing:0;color:#fff;font-family: arial;font-size: 15px;text-decoration:none;-webkit-transform:translateZ(0) scale(1,1);-webkit-transition:all .1s linear;transition:all .1s linear; padding:0; }
.main-menu .nav-icon {position:relative;display:table-cell;width:80px;height:60px;text-align:center;vertical-align:middle;font-size:18px;}
.main-menu .nav-text {position:relative;display:table-cell;vertical-align:middle;width:200px;  font-family: 'Titillium Web', sans-serif;}
.main-menu>ul.logout {position:absolute;left:0;bottom:0;}
.no-touch .scrollable.hover {overflow-y:hidden;}
.no-touch .scrollable.hover:hover {overflow-y:auto;overflow:visible; }
a:hover,a:focus {text-decoration:none;}
nav {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
nav ul,nav li {outline:0;margin:0;padding:0;}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu li:hover a,.dashboard-page nav.dashboard-menu li.active a {color:#fff;background-color:rgba(255,255,255,0.1);}
.area {float: left;background: #e2e2e2;width: 100%;height: 100%; }

.main-menu .dropdown-toggle::after {   position:absolute; top:22px; right:15px; } 
.main-menu  .dropdown-menu { position:relative !important; transform:none !important; background:rgba(255,255,255,0.05); padding:0 0 0 0px; margin:0 0 0 0px; }
  
.mantee-design-headings { padding:20px;   }
.mantee-design-file { padding:20px; border:1px solid rgba(0,0,0,.125); border-radius:.25rem; min-height:170px; }

.mantee-design h4 ,.mantee-design-headings h4 { font-size:22px; display:block; margin:0 0 10px 0; }
.mantee-design p ,.mantee-design-headings p { font-size:16px; display:block; margin:0 0 20px 0; }

.container-fluid { padding:0; }

.fomr-news ,.fomr-news1 { background:#fafafa; padding:15px 25px 0px 25px; margin-bottom:0 !important; border:0; border-bottom:0 !important; border-radius:0; }
.fomr-news .row ,.fomr-news1 .row { margin:0 0 20px 0 !important; border-top:1px solid #dadada; padding:20px 0 0 0; }
.card-header { background:none; border-bottom:0; padding:0 0 20px 0;  }
.fomr-news .form-group ,.fomr-news1 .form-group { margin-bottom:0; }

.navbar-nav i { font-size:20px; margin:5px 0 0 0; }

.tabing-mantee .nav-tabs { list-style:none;  }
.tabing-mantee .nav-tabs li {  }
.tabing-mantee .nav-tabs li a { display:block; float:left; padding:10px 24px; margin:0 10px 0 0 ;   background:#fafafa; color:#000; font-size:16px; }
.tabing-mantee .nav-tabs li a:hover ,.tabing-mantee .nav-tabs li .active  {   background:#3498db; color:#fff; }

.tab-pane { padding:20px 0 0 0; }

.tab-content {}
.student-photo {/*border:1px solid #dadada; padding:20px; */} 

.student-photo button { width:100%; }
.student-photo .image { background:#fafafa; height:200px; display:block; margin:0 0 20px 0; }

.student-detail {  padding:20px; display:inline-block; width:100%; }
.student-detail h5 {  font-size:22px; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #dadada; }

.student-detail span { width:50%; float:left; font-size:14px; padding:0 0 5px 0; }

.student-detail .overall-Rating { margin:30px 0 0 0; }    
.student-detail .overall-Rating  small { font-size:30px; margin:0 5px 0 0; cursor:pointer; transition:ease all 0.2s; }
.student-detail .overall-Rating  small:hover { transform:scale(1.2,1.2) }
.student-detail .overall-Rating  small.checked { color:#3498db; }

.st-detils { padding:20px; border:0px solid #dadada; margin:0 0 30px 0; background:rgba(52,152,219,0.07); }
.st-detils span { width:100%; float:none; margin:5px 0 5px 0; font-size:17px; display:inline-block; clear:both;   }
.st-detils strong { float:left; margin:0 20px 0 0; }
 .st-detils .rating-m { float:left; margin:0 0 0 40px;; }
 
.student-detail-table {   padding:20px 0; display:inline-block; width:100%; }
.student-detail-table .button2 { float:right; margin:0 0 20px 0; }
.student-detail-table h5 {  font-size:22px; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #dadada; }

.student-detail-table table th ,.student-detail-table table td { border:1px solid #dadada; }

.rc-tab .nav-tabs { border-bottom:0; }
.rc-tab .nav-tabs li { float:none; width:100%; }
.rc-tab .nav-tabs li a { display:block; float:none; margin:0 0 6px 0; }

.rc-tab-detail { min-height:400px; border-left:1px solid #ddd; padding:0 0 0 30px; }
.rc-tab-detail h4 {  font-size:22px; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #dadada; }

.tab-contents {   padding:20px; margin:0 0 20px 100px; position:relative; background:#fafafa; }
.tab-contents span { background:#3498db; position:absolute; left:-100px; width:90px; top:0; padding:10px; color:#fff; text-align:center; font-size:12px; border-radius:10px; }
.tab-contents span:after{ content:""; width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #3498db; position:absolute; right:-7px; top:19px; }

.tab-contents span strong { display:block; font-size:14px; }
.tab-contents p { margin:0; padding:0;  }

.tab-contents:last-child {   }
.table-body-dashboard .card-body { background:none; }

.table-bordered thead td, .table-bordered thead th { border-bottom-width:0; border-top-width:0; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-bottom-width:0; }

#dataTable_wrapper thead { background:#f7f7f7;  }
#dataTable_wrapper tbody tr:hover { background:rgba(0,0,0,0.02); }
#dataTable_wrapper tfoot { display:none; }
.alert { padding:5px 10px; margin:0px 5px 5px 0; display:inline-block; }

#dataTable_wrapper table .fa-trash { margin:0 0px 0 10px; color:#F00; }
#dataTable_wrapper table  .fa-edit { color:#666; }
.form-body label { font-size:14px; font-weight:bold; }
.form-body input ,.form-body select { height:40px; line-height:40px; padding:0 10px; font-size:14px; }
.form-body input[type="checkbox"] { line-height:20px; margin:0 3px 0 0; height:auto; }
.form-body input[type="submit"] { margin:20px 0 0 0; width:auto; padding:0px 30px; height:auto; line-height:40px; background:#3498db; display:inline-block; }
.form-body .btn-cancel  {  width:auto; padding:0px 30px; margin:20px 10px 0 0; height:auto; color:#000; line-height:36px; background:#fff; border:2px solid #3498db; display:inline-block; }

.form-body1 input[type="submit"]  { margin:0; }
.form-body1 .btn-cancel  {  width:auto; padding:0px 30px; margin:0px 10px 0 0; height:auto; color:#000; line-height:36px; background:#fff; border:2px solid #3498db; display:inline-block; }

.popup-delate { text-align:center; }
.popup-delate p { font-size:16px; margin:20px 0; display:block;  }

.popup-delate button { float:none; display:inline-block; text-transform:uppercase;  }


.View-Missed-Interactions { position:relative; display:inline-block; width:100%; }
.View-Missed-Interactions ul { list-style:none; padding:0 100px; margin:0; }
.View-Missed-Interactions:after { content:""; width:1px; background:#eee; position:absolute; left:50%; top:0; height:100%;   }

.View-Missed-Interactions ul li { width:54%; float:left; position:relative; z-index:1; padding:40px 0 0 0; }

.View-Missed-Interactions ul li:nth-child(even) { float:right; }

.View-Missed-Interactions ul li:nth-child(odd) .tab-contents1 { margin:0 100px 20px 0; } 
.View-Missed-Interactions ul li:nth-child(odd) .tab-contents1 span { right:-100px; left:inherit; border-radius:10px 60px 60px 60px; }
.View-Missed-Interactions ul li:nth-child(odd) .tab-contents1 span:after { position:absolute; left:-7px; right:inherit; transform:rotate(180deg); }

.View-Missed-Interactions .tab-contents1 {   padding:20px; margin:0 0 20px 100px; position:relative; background:#fafafa;  border-radius:30px 10px 30px 30px; }
.View-Missed-Interactions .tab-contents1 h5 { display:block; border-bottom:1px solid #dadada; padding:0 0 10px 0; margin:0 0 10px 0; font-size:16px;  }
.View-Missed-Interactions .tab-contents1 span { background:#3498db; position:absolute; left:-100px; width:90px; top:0; padding:23px 12px 12px 12px; color:#fff; text-align:center; font-size:10px; border-radius:60px 10px 60px 60px; height:90px; }

.View-Missed-Interactions .tab-contents1 h3 { position:absolute; top:-26px; display:block; right:3px; padding:0 0 0px 0; margin:0 0 0px 0; font-size:16px; color:#3498db;   }
.View-Missed-Interactions ul li:nth-child(even) .tab-contents1 {  border-radius:10px 30px 30px 30px; }
.View-Missed-Interactions ul li:nth-child(even) .tab-contents1 h3 { left:3px; right:inherit; }

.View-Missed-Interactions .tab-contents1 span:after{   width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #3498db; position:absolute; right:-7px; top:19px; }

.View-Missed-Interactions .tab-contents1 span strong { display:block; font-size:14px; }
.View-Missed-Interactions .tab-contents1 p { margin:0; padding:0;  }
.View-Missed-Interactions .tab-contents1 a, .View-Missed-Interactions .tab-contents1 button { background:none; padding:5px 10px; margin:20px 0 0 0; display:inline-block; }

.table-body-dashboard .mr-5 { font-size:18px; }
.table-body-dashboard .mr-5 strong { display:block; font-size:30px; }
.table-body-dashboard  .card-footer { font-size:14px; }
.table-body-dashboard  .mb-3{ margin-bottom:30px !important; }

#AcademicRecord table thead{ background:#002855; color:#fff; }

.button5 { background:#F00 !important; }


.bootbox-confirm .btn-danger { background:#999 !important; text-transform:uppercase; padding:8px 30px; border:0; font-size:14px; }
.bootbox-confirm .btn-success { background:#ff0000 !important; text-transform:uppercase; padding:8px 30px; border:0; font-size:14px; }

.bootbox-confirm .bootbox-body { text-align:center; }
.bootbox-confirm .bootbox-body { font-size:20px; }

.table-responsive { overflow:inherit;  }

.highlight-sec { width:100%; display:inline-block; background:rgba(52,152,219,0.07); }
.highlight-sec h4 { float:left; font-size:18px; padding:19px 0 19px 30px; color:#222; margin:0;  }
.highlight-sec h4 strong { display:block; font-size:14px; text-transform:uppercase; padding:5px 0 0 0; font-weight:normal; }

.highlight-sec span { float:right; padding:30px; background:#3498db; color:#fff; font-size:16px;  }

.white-box { background:#fff; padding:30px }
.box-design {}
.box-design ul { margin:0; padding:0; list-style:none;}
.box-design ul li { float:left; width:11%; margin:.7%; border-radius:10px; padding:10px; transition:ease all 0.3s;   }
.box-design ul li i { display:block; margin:0px auto 0px;  width:60px; height:60px; line-height:60px; color:#6259ca; font-size:30px; text-align:center; border-radius:100px; border:1px solid #fff; background:#fff;  }
.box-design ul li strong { display:block; font-size:14px; text-align:center; margin:10px 0 5px 0; color:#666; font-weight:normal; }
.box-design ul li:hover {box-shadow:0 0px 10px #eee; }
.box-design ul li:nth-child(1) {	background: #cbe4f9}
.box-design ul li:nth-child(2) {	background: #cdf5f6}
.box-design ul li:nth-child(3) {	background: #eff9dc}
.box-design ul li:nth-child(4) {	background: #f9ebdf}
.box-design ul li:nth-child(5) {	background: #f9d8d6}
.box-design ul li:nth-child(6) {	background: #d6cdea}

.box-design ul li:nth-child(7) {	background: #cbe4f9}
.box-design ul li:nth-child(8) {	background: #cdf5f6}
.box-design ul li:nth-child(9) {	background: #eff9dc}
.box-design ul li:nth-child(10) {	background: #f9ebdf}
.box-design ul li:nth-child(11) {	background: #f9d8d6}
.box-design ul li:nth-child(12) {	background: #d6cdea}

.box-design ul li:nth-child(13) {	background: #cbe4f9}
.box-design ul li:nth-child(14) {	background: #cdf5f6}
.box-design ul li:nth-child(15) {	background: #eff9dc}
.box-design ul li:nth-child(16) {	background: #f9ebdf}
.box-design ul li:nth-child(17) {	background: #f9d8d6}
.box-design ul li:nth-child(18) {	background: #d6cdea}

.box-design ul li:nth-child(19) {	background: #cbe4f9}
.box-design ul li:nth-child(20) {	background: #cdf5f6}

Kontol Shell Bypass