ikan Uploader :
Directory : /var/www/html/www.shardaevents.com/assests/css/
Upload File : |
| Current File : /var/www/html/www.shardaevents.com/assests/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:10px 0 0 70px; background:#e9ecef;
}
.bg-dark { padding:0px 0px 0px 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;
}
.form1 .error_msg { color: #f54b5e; display:block; font-size:12px; position: relative; line-height:18px; margin-top:4px; }
.form1 .info_msg {color: #000; display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;}
.form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada !important; padding:11px 12px;}
.form1 .has-error textarea.form-control { border:1px solid #d54343 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"], .form1 .has-error input[type="email"] { border:1px solid #d54343;}
.form1 .clear-row { clear:left;}
.has-error { border:1px solid #d54343 !important;}
.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.btnn{
padding: 6px 16px 6px;
margin-top: 4px;
}
.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 h3 small { display:block; color:#999999; margin-top: 8px; }
.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; margin:0px 0 0 10px; }
.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-header-new .back-btns { color:#222; background:#fff;font-size:14px; border:1px solid #dadada; padding:8px 20px; }
.card-header-new .back-btns i { margin:0 5px 0 0; font-size:14px; }
.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; }
.overall-Rating small { font-size:24px; margin:0 5px 0 0; cursor:pointer; transition:ease all 0.2s; }
.overall-Rating small:hover { transform:scale(1.2,1.2) }
.overall-Rating small.checked { color:#3498db; }
.st-detils { padding:20px; border:0px solid #dadada; margin:0 0 30px 0; background:#fafafa; }
.st-detils span { width:100%; float:none; margin:5px 0 5px 0; font-size:14px; padding:0; display:inline-block; clear:both; }
.st-detils strong { float:left; margin:0 20px 0 0; width:160px; }
.st-detils .rating-m { float:left; margin:0 0 0 0px; }
.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:20px; 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 5px; color:#F00; }
#dataTable_wrapper table .fa-eye { margin:0 0px 0 5px; }
#dataTable_wrapper table .fa-edit { color:#666; }
#dataTable_wrapper table .fa { }
.form-body label { font-size:14px; font-weight:bold; }
.form-body label small { display:block; color:#999999; margin-top: 3px; margin-bottom:4px; }
.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 #dadada; 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; padding:20px; background:rgba(52,152,219,0.07); }
.highlight-sec h4 { float:left; font-size:16px; padding:0; color:#222; margin:0; }
.highlight-sec h4 i { margin:0 5px 0 0; }
.highlight-sec h4 strong { display:block; font-size:12px; text-transform:uppercase; padding:5px 0 0 22px; font-weight:normal; }
.highlight-sec span { float:right; padding:9px; background:#3498db; color:#fff; font-size:16px; }
.nav-rights { border-left:1px solid #dadada; padding:7px 10px 0 20px; height:60px; }
.icon-mix { width:60px; height:60px; text-align:center; line-height:60px; position:relative; }
.icon-mix ul { list-style:none; }
.icon-mix a { display:block; margin:0 !important; padding:0; }
.icon-mix i { font-size:20px; }
.icon-mix span { background: #3498db; color: #fff; position: absolute; width: 20px; height: 20px; font-size: 11px; border-radius: 50px; top: 8px; right: 12px; line-height: 20px;}
.icon-mix .dropdown-toggle::after { display:none; }
.icon-mix .dropdown-menu { padding:0; margin:0; }
.icon-mix .dropdown-menu a { padding:10px 15px; display:table; font-size:14px; line-height:25px; border-bottom:1px solid #dadada; width:300px; white-space:break-spaces; }
.icon-mix .dropdown-menu a strong { font-size:12px; display:block; color:#888; }
.icon-mix .dropdown-menu .View-all { text-align:center; background:#f1f1f1; color:#fff; width:auto; text-align:center; padding:7px; border-bottom:0; display:block; }
.icon-mix .notificatinsa { height:300px; overflow-y:scroll; }
.icon-mix .notificatinsa .form-not { border-bottom:1px solid #dadada; font-size:12px; padding:5px; display:inline-block; width:100%; }
.notification-list { border:1px solid #dadada; }
.notification-list h4 { font-size:18px; padding:19px 0 19px 30px; color:#fff; margin:0; background:#3498db; display:block; }
.notification-list a { padding:10px 15px; display:table; font-size:14px; line-height:25px; border-bottom:1px solid #dadada; white-space:break-spaces; }
.notification-list a strong { font-size:12px; display:block; color:#888; }
.notification-detail { border:1px solid #dadada; padding:25px; }
.notification-detail h4 { font-size:24px; padding:0px 0 0px 0px; color:#3498db; margin:0 0 0px 0; display:block; }
.notification-detail .heading { display:inline-block; width:100%; border-bottom:1px solid #dadada; margin:0 0 20px 0; padding:0px 0 19px 0px; }
.notification-detail span { font-size:14px; padding:15px 0 0 0; color:#888; display:block; }
.notification-detail p { padding:0px; margin:0; display:table; font-size:14px; line-height:25px; white-space:break-spaces; }
.notification-detail a strong { font-size:12px; display:block; }
.highlight-riply .not-alert { display:block; margin:0 0 30px 0; }
.highlight-riply .form-row { margin:0 0 20px 0; }
.highlight-riply input { display:block; width:100%; }
.highlight-riply textarea { display:block; width:100%; height:250px; }
.highlight-riply .overall-Rating { margin:0 0 0 30px; }
.detail-lisitng { margin-bottom:4px; }
.detail-lisitng .col-xl-3 strong { padding:30px; display:block; font-size:14px; }
.detail-lisitng .col-xl-6 span { padding:20px 0; display:block; font-size:14px;}
.detail-lisitng .col-xl-3 span { padding:28px; display:block;font-size:14px; }
.detail-lisitng .col-xl-3 span small { font-size:14px; }
.detail-lisitng.completed { color: #155724; background-color: #d4edda; border:1px solid #c3e6cb; }
.detail-lisitng.pending { color: #856404; background-color: #fff3cd; border:1px solid #ffeeba; }
.detail-lisitng.processing { color: #0c5460; background-color: #d1ecf1; border:1px solid #bee5eb; }
.detail-lisitng.completed .col-xl-6 span { padding:30px 0; }
.eventfrom { display:inline-block; width:100%; margin:0 0 15px 0; }
.eventfrom .lables { float:left; margin:0 40px 0 0; }
.eventfrom .lables label { font-weight:normal; color:#666; font-size:13px; }
.eventfrom .lables input[type="checkbox"] { float:left; margin:0 6px 0 0; width:18px; height:18px; }
.eventfrom .lables input[type="radio"] { float:left; margin:0 6px 0 0; width:18px; height:18px; }
.eventfrom .form-group { display:inline-block; width:100%; }
.eventfrom input[type="file"] { width:100%; padding:5px; border:1px solid #ced4da; height:auto; line-height:20px; border-radius:.25rem; }
.eventfrom .btn-block { float:left; width:auto; margin:15px 10px 0 0; padding:10px 20px; }
.eventfrom small { font-size:10px; }
.eventfrom .col-md-4 small { display:block; }
/*.highlight-riply .overall-Rating small:nth-child(1).checked { color:#408403; }
.highlight-riply .overall-Rating small:nth-child(2).checked { color:#ffcd04; }
.highlight-riply .overall-Rating small:nth-child(3).checked { color:#ffcd04; }
.highlight-riply .overall-Rating small:nth-child(4).checked { color:#ffcd04; }
.highlight-riply .overall-Rating small:nth-child(5).checked { color:#ff0000; } */
.detail-events { margin:0 0 30px 0; }
/*event detail page START */
.eventdetail { margin:0px 0 35px 0; box-sizing: border-box; border: 1px solid #DADADA; padding:15px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 10px rgba(0,0,0,0.1); }
.eventdetail .dates { box-sizing: border-box; height: 70px; width: 10%; border: 1px solid #0292DA; border-radius: 5px; float:left; text-align:center; overflow:hidden; }
.eventdetail .dates strong { display:block; font-size:16px; line-height:28px; }
.eventdetail .dates small { font-size:10px; display:block; line-height:20px; }
.eventdetail .dates span { background:#0292DA; font-size:11px; display:block; line-height:20px; padding:0px 10px; color:#fff; }
.eventdetail-bottom { display:block; padding:15px 10px 5px 10px; border-top:1px solid #dadada; margin:15px 0 0 0; font-size:11px; color: rgba(51,51,51,0.7); }
.eventdetail-bottom p { margin:0; padding:2px 0; font-size:11px; }
.eventdetail .infofeed { float:none; width:100%; }
.eventdetail .infofeed .heading {}
.eventdetail .infofeed .heading .icon { float:right; background:#0292DA; margin:0 0 0 10px; text-align:center; width:32px; height:32px; line-height:32px; color:#fff; border-radius:30px; }
.eventdetail .infofeed .heading .icon:hover { background:#313131; }
.eventdetail .infofeed h2 { font-size:18px; color:#333; padding:0 0 5px 0; margin:0; line-height:26px; width:85%; float:left; }
.eventdetail .infofeed h2 a { font-size:18px; color:#333; padding:0 0 0px 0; margin:0; transition:ease all 0.2s;}
.eventdetail .infofeed h2 a:hover { color:#0090DD; }
.eventdetail .tag-social { padding:5px 0 0 0px; float:left; width:73%; }
.eventdetail .tag-social ul { list-style:none; margin:0; padding:0; }
.eventdetail .tag-social li { float:left; margin:0 0px 0px 5px; padding:0 0 5px 0; }
.eventdetail .tag-social li a { height:32px; padding:0 20px; color:#0292DA; font-size:11px; float:left; background:none; border-radius:32px; border:1px solid #0292DA; text-align:center; line-height:32px; transition:ease all 0.2s; }
.eventdetail .tag-social li a:hover { color:#fff; background:#0292DA; }
.eventdetail .sociable { padding:5px 0 0 0px; float:right; width:25%; }
.eventdetail .sociable ul { list-style:none; margin:0; padding:0; float:right; }
.eventdetail .sociable li { float:left; margin:0 0px 0px 5px;}
.eventdetail .sociable li a { width:32px; height:32px; float:left; background:none; border-radius:32px; border:1px solid #0292DA; text-align:center; line-height:32px; transition:ease all 0.2s; }
.eventdetail .sociable li a i { color:#0292DA; }
.eventdetail .sociable li a:hover { background:#0292DA; }
.eventdetail .sociable li a:hover i { color:#fff; }
.event-table { padding:15px 0 15px 0; }
.event-table table { width:100%; border:1px solid #dadada; }
.event-table table tr { background:#fff; }
.event-table table tr td { padding:10px; font-size:14px; border:1px solid #dadada; }
.event-table table tr td span { display:block; padding:8px 0 0px 0; }
.event-table table tr td span i { font-size:16px; }
.eventdetail .images { width:100%; margin:0px 0 30px 0; }
.eventdetail .images img { width:100%; }
.contacnt-nav { margin:0 0 15px 0; background:#E7EBFB; display:block; position:relative; height:63px; }
.contacnt-nav:after { content:""; background:#E7EBFB; position:absolute; left:-15px; height:63px; width:15px; top:0; display:block; }
.contacnt-nav:before { content:""; background:#E7EBFB; position:absolute; right:-15px; height:63px; width:15px; top:0; display:block; }
.contacnt-nav ul { list-style:none; margin:0; padding:0; }
.contacnt-nav ul li { float:left; }
.contacnt-nav ul li a { font-size:14px; font-weight:bold; padding:20px 30px; margin:0 30px 0 0; display:block; float:left; color:#000; border-bottom:4px solid #E7EBFB; }
.contacnt-nav ul li a:hover, .contacnt-nav ul li.active a {border-bottom:4px solid #0292DA; }
#contant-bar { }
#contant-bar.stickyee { position: fixed; top: 0px; z-index:1; }
/* #contant-bar.stickyee + .main-content conntent { padding-top: 70px; }
*/
.eventdetail .conntent { display:block; margin:0 0 30px 0; }
.eventdetail .conntent h4 { font-size:20px; position:relative; padding:0 0 15px 0; margin:0; display:inline-block; }
.eventdetail .conntent h4:after { content:""; position:absolute; top:14px; right:-70px; width:60px; height:3px; background:#DADADA; }
.eventdetail .conntent p { font-size:15px; line-height:22px; color:#333; margin:0; padding:0; }
.eventdetail .conntent ul { list-style:disc; }
.eventdetail .conntent ul li { font-size:15px; line-height:28px; color:#333; }
.eventdetail .infofeed small { font-size:12px; display:block; line-height:20px; color:rgba(51,51,51,0.7); padding:0 0 10px 0; }
.eventdetail .infofeed img { width:100%; }
.eventdetail .infofeed p { font-size:15px; display:block; line-height:24px; color:rgba(51,51,51,0.7); padding:10px 0 10px 0; margin:0; }
.eventdetail .infofeed p a { color:#0090DD; display:block; }
.event-side { border:1px solid #dadada; padding:15px; box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
/*event detail page end */
.form-btns input { font-size:14px; font-weight:bold; padding:15px 30px !important; text-transform:uppercase; font-weight:normal; margin:20px 20px 0 0 !important; line-height:inherit !important; border:0 !important; display:block; float:left; color:#fff; background:#007bff !important; }
.form-btns input:hover { background:#333 !important;}
.form-btns a { font-size:14px; font-weight:bold; padding:15px 30px !important; text-transform:uppercase; font-weight:normal; margin:20px 20px 0 0 !important; line-height:inherit !important; border:0 !important; display:block; float:left; color:#333; background:#ddd !important; }
.form-btns a:hover { background:#333 !important; color:#fff;}
.sec-security { padding:10px 0 10px 0; }
.sec-security .add-icon1 { width:20px; height:20px; border-radius:5px; color:#fff; background:#004b99; line-height:20px; text-align:center; }
.sec-security .add-icon1 i { margin:0; }
.sec-security .re-icon { display:block; width:20px; height:20px; border-radius:5px; color:#fff; background:#ff0000; line-height:20px; text-align:center; }
.sec-security .re-icon i { margin:0; }
.sec-security .student-detail-table { padding:0 0 20px 0; }
.sec-security .student-detail-table table th { background:#fafafa; padding:10px; border:1px solid #dadada; }
.sec-security .student-detail-table table td { background:#fff; padding:10px; border:1px solid #dadada; }
Kontol Shell Bypass