ikan Uploader :
Directory : /var/www/html/shardahospital.org/shardalms/student-panel/css/
Upload File : |
| Current File : /var/www/html/shardahospital.org/shardalms/student-panel/css/style-bkp2.css |
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
font-weight: 400;
margin: 30px 0 15px;
}
h1, .h1 {
font-size: 3.2em;
}
h2, .h2 {
font-size: 2.6em;
}
h3, .h3 {
font-size: 1.825em;
line-height: 1.4;
margin: 20px 0 10px;
}
h4, .h4 {
font-size: 1.2em;
font-weight: 600;
line-height: 1.2em;
}
h5, .h5 {
font-size: 1.25em;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 15px;
}
h6, .h6 {
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
color: #9A9A9A;
font-weight: 300;
line-height: 1.4em;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
font-size: 60%;
}
.title-uppercase {
text-transform: uppercase;
}
blockquote {
font-style: italic;
}
blockquote small {
font-style: normal;
}
/* General overwrite */
body {
color: #282828;
font-size: 14px;
background-color: #eff3f5;
font-family: 'Open Sans';
}
a {
color: inherit;
}
a:hover, a:focus {
color: inherit;
text-decoration: none;
}
a:focus, a:active,
textarea::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
outline: 0 !important;
}
/*NEWcss*/
.background1 {background: #f0f5fb; padding: 35px 25px 25px 25px;}
.font11 {font-size: 11px;}
.upper {text-transform: uppercase}
.orange {color: #f76f53}
.white {color: #fff;}
.black {color: #282828;}
.application {margin: 0 0 35px 0;}
.application ul {padding:0;}
.alert {margin-bottom: 35px;}
.alert-info { color: #000; background-color:#fdf4d3; border-color:#dfd7bb;}
.form {padding: 0 15px 0 15px;}
label {margin-bottom: 7px; color: #777f8a; font-weight: 500; font-size: 13px}
.relative {position: relative}
.circle {position: absolute; top: 23px; left:15px; z-index: 9; }
.circle .orange-border {color: #fff;}
.wright {border-radius: 100%; height: 70px; width: 70px; background: #ff7e00; text-align: center; line-height: 65px; font-weight: 700; font-size: 24px;}
.border {border-left: 2px solid #ff7e00; position: absolute; z-index: 9; height: 100%; left: 50px; padding-top: -10px;}
.border-gray {border-left: 2px solid #a3adb7;}
.green-border{border: 2px solid #ff7e00; background: #fff;}
.gray-border{border: 2px solid #a3adb7; background: #fff; color: #a3adb7;}
.arrow {
background: url(../images/arrow.png) no-repeat;
background-position: 97% center;
background-color: #fff;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #dcdcdc;
}
.contact {margin: 55px 0; color: #fff;}
.contact i {color: #fff; margin: 0 10px;}
.contact ul li {float: left; clear: none!important; margin-left: 6px;}
.contact h5 {margin-bottom: 5px; color: #fff; font-size: 17px; font-weight: 700;}
.form-group { margin-bottom: 25px;}
.application h5 {font-weight: 700; font-size: 14px; margin-bottom: 45px;}
.button {background: #0094f4; padding: 10px 20px; border: 0; border-radius: 5px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; margin-top: 10px;}
.payment .table-bordered tr td { font-size: 15px;}
.payment .table-bordered tr td i.check { padding: 7px 5px 5px 6px; width: 30px; height: 30px; background: #28a745; color: #fff; margin-right: 5px;}
.payment_width table {margin-bottom: 0;}
.payment_width {border: 1px solid #d0d5d9; padding: 5px;}
.orr::before {content:""; border-top: 1px solid #3e4e85; display: block; margin: auto; position: absolute; top: 48px; left: 0; right: 0; position: relative;}
.or {margin: 25px auto; font-weight: 800; font-size: 18x; background: #3e4e85; border-radius: 100%; width: 40px; height: 40px; color: #fff; line-height: 40px; position: relative}
.p_hd {margin-bottom: 10px;}
.p_wth {position: relative;}
.p_msg {padding: 2px 10px; margin-right: 10px;}
.p_hdn {font-size: 16px; margin-bottom: 2px; font-weight: 700;}
.p_hdn2 {font-size: 13px; color: #6c6c6c; margin-bottom: 0;}
.p_thnk {margin-bottom: 25px}
.table3 > tbody > tr > td {background: #fff!important; text-align: left; border: 1px solid #ebebeb!important;}
.table3 > tbody > tr > td, .table3 > tbody > tr > th {padding: 6px 14px!important}
.table3 > tbody > tr > th {background: #f7f4f4; font-weight: normal}
.clipp { clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); background: #f76f53; padding: 5px 10px 15px 10px; color: #fff; position: absolute; top: -14px; left: -38px}
.blinking {
animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
0%{ background: #f76f53; }
49%{ background: #f76f53; }
60%{ background: transparent; }
99%{ background:transparent; }
100%{ background: #f76f53; }
}
.btnnn {margin-top: 0;}
.p_background {padding: 15px 25px 10px 25px}
.p_application {margin-top: 70px;}
.offer {margin: 35px 0 10px 0; background: #f4f8f9; padding: 20px;}
.box {background: #fff; padding: 15px; width: 100%; float: left; margin: 1%; font-size: 13px;}
.box:hover {}
.box .left {float: left; width: 63%}
.box:hover .button {background: #46b7f1; color: #fff;}
.box .button {padding: 6px 24px; margin-top: 4px; text-transform: uppercase; font-size: 12px; }
.visit {margin-top: 25px;}
.visit .btn {background: #3e4e85; color: #fff;}
.offer .active {background: #ff7e00; color: #fff;}
.offer .active i {font-size: 26px;}
.offer .active strong {color: #fff;}
.offer .active .button {background: #fff; color: #282828;}
.offer .offer-heading {margin-bottom: 20px; margin-left: 15px;}
.offer .offer-heading h6 {font-size: 18px; margin-bottom: 5px;}
.applyed {padding: 7px 5px 5px 6px; width: 30px; height: 30px; float: right; background: #28a745;}
.applyed i {font-size: 16px; text-align: center; line-height: 15px; color: #fff; }
.green {background: #28a745;}
.blue {background: #007bff;}
.orange-bg {background: #ff7e00}
.red {color: #ff0000}
.orange-clr {color: #ff7e00;}
.green-clr {color: #28a745;}
.blue-clr {color: #007bff;}
.my-profile {background: #f0f5fb; padding: 35px;}
.my-profile .bdr {background: #fff; display: block; width: 2px; height: 500px; margin: auto;}
.profile_btn {padding: 10px 65px;}
.my-profile h4 {margin-top: 0;}
.profile-img1 {background: #fff; border-radius: 100%; display: block; width: 255px; height: 255px; margin: auto; position: relative;}
.profile-img {width: 215px; height: 215px; border: 2px solid #3e4e85; margin: 15px auto 5px auto; border-radius: 100%; overflow: hidden; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.dashboard {background: #f0f5fb; margin-bottom: 15px; padding: 25px 35px 15px 35px;}
.das-box {padding: 10px 35px; color: #282828; margin-bottom: 10px; border-radius: 50px;}
.das-box h4 {font-weight: 700; margin-bottom: 2px; margin-top: 12px; font-size: 1.1em;}
.das-box h6 {font-weight: 500; margin: 0; padding: 0; text-transform: inherit;}
.dashboard1 { margin-bottom: 25px;}
.dashboard-bg1 {background: #fdf4d3;}
.dashboard-bg2 {background: #fff7ec;}
.dashboard-bg3 {background: #e5fbf8;}
.dashboard .btn {color: #fff; border: 0; border-radius: 5px; font-weight: 700; text-transform: uppercase;}
.label-success {background-color: #f3c087;}
.eduHead label {margin: 0 !important;}
.loginOtpBtn2 .label-success { background: #a5b2d9; padding: 5px 12px; border-radius: 100px; color: #fff;}
.loginOtpBtn2 .label-success:hover {background: #f76f53;}
.loginOtpBtn2 .active {background: #3e4e85;}
.log_in {background: #f9ad00; padding: 10px 25px; border-radius: 5px;}
.regi_tr {background: #fff; padding: 10px 25px; border-radius: 5px;}
.btn_form {width: 300px; margin: auto;}
.login {display: flex}
.login .login_icon {background: #f1f1ef; padding: 5px; margin-right: 5px; text-align: center; font-size: 20px; width: inherit; width: 55px; border-radius: 0px; line-height: 26px}
.login-form #home label {margin-left: 55px;}
.login-form form {padding: 25px;}
.login-form .button { margin-bottom: 25px;}
.heading {padding-bottom: 10px; font-size: 16px; font-weight: 700;}
.heading p {font-size: 13px; font-weight: 500;}
.heading h4 {font-weight: 700; font-size: 16px; margin-bottom: 2px; margin-top: 0;}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 0;}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
border-top: 1px solid #ddd;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 14px;
}
.table-bordered .btn {font-size: 11px;}
.table-bordered > thead > tr > th {color: #fff ;}
.table-bordered > tbody > tr > td {font-size: 13px; color: #282828; border: 0; background: #f0f5fb; border-radius: 25px; border-bottom: 5px solid #f9fbfd;}
.table-bordered1 > tbody {background: #fff;}
.table-bordered1 > tbody > tr > td {border: 1px solid #eee; background: inherit}
/*.table-bordered > thead > tr > th:first-child, .table-bordered > tbody > tr > td:first-child {border-left: 0;}*/
.table-bordered > thead > tr { background: #3e4e85;}
/*.table-bordered > thead > tr > th:last-child, .table-bordered > tbody > tr > td:last-child {border-right: 0;}*/
/*.table-bordered > tbody > tr {border-bottom: 10px solid #f1f1ef;}*/
.table-bordered { border: 0;}
/*.table tbody tr {background: #fff;}*/
/*.table tbody tr td, .table thead tr td {border-top: 0; border-bottom: 0;}*/
.step {margin-top: 5px; font-size: 10px; margin-bottom: 0;}
.report-issue {margin-bottom: 25px;}
.report-an-issue .checkbox label {color: #7d848b;}
.issue label {font-size: 14px; color: #282828;}
.contact_issue li i { display: block; float: left; margin-top: 4px; margin-right: 25px; color: #f76f53;}
.contact_issue ul li {margin: 15px 0; padding-left: 25px;}
.contact_issue ul li span {margin-left: 35px; display: block}
.contact_issue h5 {margin-bottom: 10px; margin-top: 25px;}
.all-form {background: #fff;}
.all-form .heading {color: #007bff;}
.all-form .heading2 {font-size: 24px; color: #ff7e00;}
.all-form h5 {margin-bottom: 35px;}
.heading_mrg {margin: 25px 0;}
.payment2 {margin-right: 1.5%;}
.position {position: absolute;}
.relative {position:relative;}
/*.tab-content { padding: 45px 20px 15px 20px; background: #fff}*/
.nav-tabs {border-bottom: 0}
.all-form .heading {color: #282828; position: relative; font-weight: 700;}
ul.nav-tabs {margin: 25px auto;}
.nav-tabs > li > a { font-weight: 700; font-size: 15px; color: #666; background: #fff; padding: 10px 15px; border-radius: 5px; border: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background-color: #3e4e85;
border-radius: 1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: 0px solid #ddd;
border-bottom: 1px solid #f0f5fb;
}
.admis_call { font-weight: 700; margin-top: 0; color: #3e4e85;}
.navbar-nav > li > a { padding-top: 0; padding-bottom: 0;}
.nav-tabs > li {width: 50%; text-align: center; text-transform: uppercase}
.navbar-brand {font-size: 14px; font-weight: 700; height: 0; float: none;}
.navbar-default { background-color: #f0f5fb; border-color: #f0f5fb;}
.loginn { padding: 45px 45px 15px 45px; background: #f0f5fb; border-radius: 10px 10px 10px 10px;}
.login_page {}
.login-form .logo {margin-bottom: 45px;}
.sidebar2 .logo a {text-align: left!important; margin-left: 45px;}
.login-left {padding: 0 35px 45px 35px;}
.login-left .heading {color: #fff;}
.login-left .heading h4 {font-size: 20px; margin-top: 35px;}
.login-left .bord {border-left: 2px solid #fff; position: absolute; height: 100%; left: 42px; top: 15px;}
.login-left ul li .img {margin-top: 0; border-radius: 100%; height: 55px; width: 55px; text-align: center; line-height: 50px; font-size: 22px; color: #3e4e85; font-weight: 700 }
.login-left ul {position: relative; margin-left: -15px;}
.login-left ul li {clear: both; color: #c4d4dc;}
.login-left .bg1 {background: #fff;}
.login-left ul li h5 { color: #fff; font-size: 14px; line-height: 26px; margin-bottom: 25px;}
.login-left ul li h5 strong {color: #fff}
.message {color: #cad1f7; font-size: 13px;}
.login-left .button {background: #fff; margin-top: 0; color: #3e4e85}
.navbar-toggle { padding: 9px 8px;}
.login .fa-mobile {font-size: 26px;}
.form-control {height: 40px; border: 1px solid #babfc5;}
.login_page .form-control {
background-color: #fff;
border: 1px solid #babfc5;
border-radius: 5px;
color: #484848!important;
font-size: 14px;
transition: background-color 0.3s ease 0s;
padding: 7px 18px;
height: 40px;
-webkit-box-shadow: none;
box-shadow: none;
}
input.form-control {
color: #000!important;
}
.bg {background-color: rgba(255, 255, 255, 0.6); padding: 25px; border-radius: 5px; margin-bottom: 15px; border: 2px solid #fff; }
.exam_d {margin-right: 25px; font-weight: 700; color: #0094f4}
.expanded {height: 100%important;}
.mbzero {margin-bottom: 10px!important;}
.checkbox-button {margin: 25px 0 35px 0;}
.btn-danger { background-color: #ff7e88;}
.ng-scope .btn-danger:hover { background-color: #e10000; color: #fff;}
.checkbox1 {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 25px;
}
/* Hide the browser's default checkbox */
.checkbox1 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border: 1px solid #c1c1c1
}
.checkmark1 {
border-radius: 50px;
}
/* On mouse-over, add a grey background color */
.checkbox1:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkbox1 input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkbox1 input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox1 .checkmark:after {
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.addresss {background: #ebeff2; padding: 25px; }
/* Checkbox and radio */
.checkbox,
.radio {
margin-bottom: 12px;
padding-left: 30px;
position: relative;
-webkit-transition: color,opacity 0.25s linear;
transition: color,opacity 0.25s linear;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
color: #66615b;
cursor: pointer;
}
.checkbox .icons,
.radio .icons {
color: #66615b;
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
text-align: center;
line-height: 21px;
font-size: 20px;
cursor: pointer;
-webkit-transition: color,opacity 0.15s linear;
transition: color,opacity 0.15s linear;
opacity: .50;
}
.checkbox.checked .icons,
.radio.checked .icons {
opacity: 1;
}
.checkbox input,
.radio input {
outline: none !important;
display: none;
}
.checkbox label,
.radio label {
padding-left: 10px;
}
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
display: inline-table;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
margin: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox:hover,
.radio:hover {
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.checkbox:hover .first-icon,
.radio:hover .first-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox:hover .second-icon,
.radio:hover .second-icon {
opacity: 1;
filter: alpha(opacity=100);
}
.checkbox.checked .first-icon,
.radio.checked .first-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.checkbox.disabled,
.radio.disabled {
cursor: default;
color: #DDDDDD;
}
.checkbox.disabled .icons,
.radio.disabled .icons {
color: #DDDDDD;
}
.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
opacity: 1;
filter: alpha(opacity=100);
}
.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
color: #DDDDDD;
}
.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
opacity: 0;
filter: alpha(opacity=0);
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
opacity: 1;
color: #DDDDDD;
filter: alpha(opacity=100);
}
/**/
.image {
display: block;
width: 100%;
height: auto;
}
.overlay_new {
margin-top: 25px;
margin-bottom: 35px;
}
.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.new {
position: relative;
overflow: hidden;
background: inherit;
padding: 10px 25px;
border-radius: 3px;
color: #282828!important;
font-size: 12px;
border: 0;
}
.new:hover {background: #fff; padding: 10px 25px;}
.new:focus {background: #fff;}
.new input {
position: absolute;
font-size: 50px;
opacity: 0;
right: 0;
top: 0;
}
.thanku {line-height: 24px;}
.thanku h1 {margin-top: 0; font-weight: 700; font-size: 38px; text-transform: uppercase;}
.thanku .id .orange-bg {margin-bottom: 5px;}
.thanku .id {margin: 35px 0;}
.thanku .id h3 {font-weight: 700;}
.thanku h3 {font-size: 22px;}
.thanku .id h4 {line-height: 26px; margin-bottom: 20px;}
.thanku .id h5 {padding: 5px 0; color: #282828}
.thanku .id h5 i {color: #007bff}
.thanku .id .font13 span {font-weight: 700;}
.thanku .id .line {position: relative; color: #007bff; margin-top: 35px;}
.thanku .id .line::after {border-bottom: 1px solid #c1c1c1; position: absolute; top: 12px; left: 0; width: 38%; content:''; z-index: 1;}
.thanku .id .line::before {border-bottom: 1px solid #c1c1c1; position: absolute; top: 12px; right: 0; width: 38%; content:''; z-index: 1;}
.thanku p strong {font-size: 16px;}
.thanku .logo {margin-bottom: 25px;}
/*.thanku label {margin-left: 55px;}*/
.thanku .box {padding: 15px 35px; width: 100%; text-align: left; font-size: 15px; margin: auto;}
.thanku .box h6 {font-size: 16px; font-weight: 700; }
.thanku .box ul {margin-left: 25px;}
.thanku .box ul li {margin: 15px 0; position: relative}
.thanku .box ul li i {position: absolute; left: -25px; top: 5px;}
.font-italic {font-style: italic;}
.fail .button {text-transform: capitalize;}
.fail .auto {margin: 25px auto; background: #eff3f5; padding: 20px 35px;}
.fail .auto ul {text-align: left; padding-left: 15px;}
.fail .auto ul li {margin: 5px 0;}
.get-detail h4 {margin-top: 0;}
.get-detail .detail {margin-top: 45px;}
.get-detail .font-italic {font-size: 15px;}
.get-detail .detail .table-bordered tbody tr td {border: 1px solid #ededed;}
.get-detail .detail .table-bordered tbody tr td:first-child {font-weight: 700; color: #282828;}
.get-detail .detail h5 {margin-bottom: 15px;}
.font13 {font-size: 13px;}
.campus_img {margin: auto; text-align: center}
.panel-default > .panel-heading {
color: #333;
background-color: inherit;
border-color: #fff;
}
.panel {
margin-bottom: 10px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
border-top-color: rgb(221, 221, 221);
}
.panel-body {
padding: 0 15px 15px 15px;
}
.panel-body h3 {margin-top: 0;}
/*TABB*/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 45px;
border-bottom: 0;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px;
height: 45px;
line-height: 45px;
margin-right: 4px;
background-color: #3e4e85;
color: #fff;
overflow: hidden;
position: relative;
font-weight: 700;
}
.tab_last { border-right: 0 }
ul.tabs li:hover {
background-color: #fff;
color: #333;
}
ul.tabs li.active {
background-color: #f0f5fb;
color: #333;
border-bottom: 1px solid #f0f5fb;
display: block;
}
ul.tabs li.active2 {
background-color: #28a745;
color: #fff;
border-bottom: 0;
font-weight: 700;
}
.active2 i {font-size: 18px; position: relative; padding-top: 5px;}
.block{display: none!important}
.tab_container {
border: 1px solid #fff;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #f0f5fb;
overflow: auto;
padding-bottom: 25px;
}
.tab_content {
padding: 20px 0 0 0px;
display: none;
}
.tab_drawer_heading { display: none; }
.slotbooking {background: #fffaf1; border: 2px dashed #f2ede4; padding: 25px; line-height: 21px; font-size: 13px; margin-bottom: 15px; color: #666}
.slotbooking h4 {margin-top: 0; color: #1c348d; font-size: 15px;}
.slotbooking h4 i {margin-right: 15px; color: #0094f4;}
.slotbooking1 {background: #f0f5fb; padding: 35px;}
.slotbooking1 i {font-size: 18px; color: #fff}
.slotbooking1 button {width: 100%; margin-top: 6px;}
@media screen and (max-width: 480px) {
.tabs {
display: none;
}
.tabss {display: inherit;}
.tab_drawer_heading {
background-color: #3e4e85;
color: #fff;
border-top: 1px solid #fff;
margin: 0;
padding: 8px 20px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 15px;
font-weight: 700;
}
.d_active {
background-color: #3e4e85;
color: #fff;
}
.dashboard {padding: 25px 15px 15px 15px;}
.my-profile {padding: 35px 10px;}
.bg {padding: 25px 15px;}
.form {padding: 0;}
.my-profile-form {margin-bottom: 25px;}
.slotbooking1 {padding: 15px;}
.btnnn {font-size: 13px; padding: 5px 5px }
.p_wth .table-bordered tr td {font-size: 11px;}
.p_wth .table-bordered tr td strong {font-size: 15px;}
.p_background {padding: 15px 0 15px 0;}
.p_bg {padding: 10px 5px}
.clipp {top: -31px; left: -22px;}
.p_application {margin-top: 150px;}
.campus {width: 300px;}
}
/*TABB*/
.payment_new {background: #3e4e85; padding: 25px; margin-bottom: 25px; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.payment_new .p_name {font-size: 18px; color: #fff; margin-top: 10px; font-weight: 700; text-transform: capitalize; }
/*TabPageNew*/
.view, .remove {font-size: 11px; color: #fff; font-weight: 700; border: 0;}
.blue:hover {background: #006de1; color: #fff;}
.nav-tabsss > li {width: inherit}
.nav-tabsss > li > a {margin-right: inherit}
.tabss ul.nav-tabs {width: inherit; margin: inherit;}
.tabss .nav-tabsss{border-bottom:0px;}
.tabss .nav-tabsss li{border-right:1px solid #ddd;}
.tabss .nav-tabsss li:first-child a{border-left:1px solid #F0F5FB;}
.tabss .nav-tabsss li a {
color: #3e4e85;
background:#fff;
border-radius:0;
font-size:14px;
margin-right:-1px;
padding: 10.5px 30px;
border-top:1px solid #F0F5FB;
border-bottom: 1px solid #F0F5FB;
text-transform: capitalize;
}
.tabss .nav-tabsss li a:hover{ background:#F0F5FB;}
.tabss .nav-tabsss li a:hover:before{ border-left: 15px solid #F0F5FB;}
.tabss .nav-tabsss li.active a:after,
.tabss .nav-tabsss li a:after{
content:"";
border-left: 17px solid #F0F5FB;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
position: absolute;
top: 0px;
right: -17px;
z-index:1;
}
.tabss .nav-tabsss li a:after{
border-left: 17px solid #F0F5FB;
}
.tabss .nav-tabsss li.active a:before{
border-left: 17px solid #F0F5FB;
}
.tabss .nav-tabsss li a:before{
border-bottom: 20px solid rgba(0, 0, 0, 0);
border-left: 15px solid #fff;
border-top: 20px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
right: -15px;
top: 2px;
z-index: 2;
}
.tabss .nav-tabsss li.active > a,
.tabss .nav-tabsss > li.active > a:focus,
.tabss .nav-tabsss > li.active > a:hover {
border: none;
color:#0094f4;
background:#F0F5FB;
border-top:1px solid #F0F5FB;
border-bottom: 1px solid #F0F5FB;
}
.tabss .tab-content{ color:#5a5c5d; font-size: 14px;}
.tabss .tab-content .btn {color: #ffffff; font-weight: 700;}
.pho_sign {margin-bottom: 30px;}
.phosign_btn {margin: 15px 0;}
/*TabPageNew*/
/*NEWcss*/
.ui-slider-handle:focus,
.navbar-toggle,
input:focus,
button:focus {
outline: 0 !important;
}
/* Animations */
.form-control,
.input-group-addon,
.tagsinput,
.navbar,
.navbar .alert {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.wrapper {
position: relative;
top: 0;
height: 100vh;
}
.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 10;
background-size: cover;
background-position: center center;
}
.sidebar .sidebar-wrapper {
position: relative;
overflow: auto;
width: 260px;
z-index: 4;
height: 104vh;
}
.sidebar .sidebar-background {
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
.sidebar,
.off-canvas-sidebar {
width: 260px;
display: block;
font-weight: 200;
}
.sidebar2,
.off-canvas-sidebar {
width: 528px;
}
.sidebar .logo,
.off-canvas-sidebar .logo {
padding: 18px 0px;
margin: 0;
}
.sidebar .logo p,
.off-canvas-sidebar .logo p {
float: left;
font-size: 20px;
margin: 10px 10px;
line-height: 20px;
}
.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
text-transform: uppercase;
padding: 4px 0px;
display: block;
font-size: 18px;
text-align: center;
font-weight: 400;
line-height: 30px;
}
.sidebar .nav,
.off-canvas-sidebar .nav {
margin-top: 20px;
}
.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a {
margin: 10px 0;
padding-left: 25px;
padding-right: 25px;
}
.sidebar .nav li:hover > a,
.off-canvas-sidebar .nav li:hover > a {
opacity: 1;
}
.sidebar .nav li.active > a,
.off-canvas-sidebar .nav li.active > a {
color: #7A9E9F;
opacity: 1;
}
/*.sidebar .nav li.active > a:before,
.off-canvas-sidebar .nav li.active > a:before {
border-left: 17px solid #DDDDDD;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -17px;
top: 8px;
}
.sidebar .nav li.active > a:after,
.off-canvas-sidebar .nav li.active > a:after {
border-left: 17px solid #fff;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -71px;
top: 8px;
}*/
.sidebar .nav p,
.off-canvas-sidebar .nav p {
margin: 0;
line-height: 30px;
font-size: 14px;
font-weight: 500;
}
.sidebar .nav i,
.off-canvas-sidebar .nav i {
font-size: 16px;
float: left;
margin-right: 15px;
line-height: 30px;
width: 30px;
text-align: center;
color: #cdd2d6;
}
.sidebar:after, .sidebar:before,
.off-canvas-sidebar:after,
.off-canvas-sidebar:before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
background-color: #3e4e85;
background-image: url("../images/sharda_university.jpg");
background-repeat: no-repeat;
background-position: center top;
}
.sidebar2:after, .sidebar2:before, .sidebar2[data-background-color="white"]:after, .sidebar2[data-background-color="white"]:before,
.off-canvas-sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar[data-background-color="white"]:after,
.off-canvas-sidebar[data-background-color="white"]:before {
background-color: #3e4e85;
/*background-image: url("../images/sharda_university.jpg");
background-repeat: no-repeat;
background-position: left top;*/
}
.sidebar .logo, .sidebar[data-background-color="white"] .logo,
.off-canvas-sidebar .logo,
.off-canvas-sidebar[data-background-color="white"] .logo {
/*border-bottom: 1px solid #374a5c;*/
}
.sidebar .logo p, .sidebar[data-background-color="white"] .logo p,
.off-canvas-sidebar .logo p,
.off-canvas-sidebar[data-background-color="white"] .logo p {
color: #66615B;
}
.sidebar .logo .simple-text, .sidebar[data-background-color="white"] .logo .simple-text,
.off-canvas-sidebar .logo .simple-text,
.off-canvas-sidebar[data-background-color="white"] .logo .simple-text {
color: #66615B;
}
.sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a,
.off-canvas-sidebar .nav li:not(.active) > a,
.off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a {
color: #fff;
}
.sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider,
.off-canvas-sidebar .nav .divider,
.off-canvas-sidebar[data-background-color="white"] .nav .divider {
background-color: rgba(102, 97, 91, 0.2);
}
.sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before,
.off-canvas-sidebar[data-background-color="black"]:after,
.off-canvas-sidebar[data-background-color="black"]:before {
background-color: #212120;
}
.sidebar[data-background-color="black"] .logo,
.off-canvas-sidebar[data-background-color="black"] .logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sidebar[data-background-color="black"] .logo p,
.off-canvas-sidebar[data-background-color="black"] .logo p {
color: #FFFFFF;
}
.sidebar[data-background-color="black"] .logo .simple-text,
.off-canvas-sidebar[data-background-color="black"] .logo .simple-text {
color: #FFFFFF;
}
.sidebar[data-background-color="black"] .nav li:not(.active) > a,
.off-canvas-sidebar[data-background-color="black"] .nav li:not(.active) > a {
color: #FFFFFF;
}
.sidebar[data-background-color="black"] .nav .divider,
.off-canvas-sidebar[data-background-color="black"] .nav .divider {
background-color: rgba(255, 255, 255, 0.2);
}
.sidebar[data-active-color="primary"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="primary"] .nav li.active > a {
color: #7A9E9F;
opacity: 1;
}
.sidebar[data-active-color="info"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="info"] .nav li.active > a {
color: #68B3C8;
opacity: 1;
}
.sidebar[data-active-color="success"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="success"] .nav li.active > a {
color: #7AC29A;
opacity: 1;
}
.sidebar[data-active-color="warning"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="warning"] .nav li > a {
color: #F3BB45;
opacity: 1;
}
.sidebar[data-active-color="danger"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active > a {
color: #fff;
opacity: 1;
font-weight: 700;
font-weight: normal;
background: #4f5e95;
}
.main-panel {
background-color: #fff;
position: relative;
z-index: 2;
float: right;
width: calc(100% - 260px);
-webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.main-panel2 {
width: calc(100% - 528px);
}
.main-panel3 {
width: 100%;
}
.sidebar-wrapper2
{
background-color: #48a5ea;
background-image: url("../images/sharda_university.jpg");
background-repeat: no-repeat;
background-position: left top;
}
.main-panel2 > .content {
padding: 50px 35px 50px 35px;
min-height: calc(100vh - 123px);
/*background-image: url("../images/bg.jpg");
background-repeat: repeat;
background-position: left top;*/
}
.main-panel > .content {
padding: 50px 35px 50px 35px;
min-height: calc(100vh - 123px);
}
.main-panel > .footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.main-panel .navbar {
margin-bottom: 0;
min-height: 0;
padding: 10px 15px;
}
.main-panel .navbar-brand {padding: 0;}
.navbar-fixed {
position: fixed;
z-index: 1032;
right: 0;
width: 100%;
}
.navbar-fixed ~ .main-panel > .content {
padding-top: 95px;
min-height: calc(100vh - 71px);
}
@media (min-width: 991px) {
.navbar-fixed {
width: calc(100% - 260px);
}
}
/*.btn,
.navbar .navbar-nav > li > a.btn {
border-radius: 20px;
box-sizing: border-box;
border-width: 2px;
font-size: 14px;
font-weight: 500;
padding: 7px 18px;
border-color: #66615B;
color: #66615B;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
*/
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
}
.footer {
background-attachment: fixed;
position: relative;
line-height: 20px;
}
.footer nav ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.footer nav ul li {
display: inline-block;
padding: 10px 15px;
margin: 15px 3px;
line-height: 20px;
text-align: center;
}
.footer nav ul a:not(.btn) {
color: #66615b;
display: block;
margin-bottom: 3px;
}
.footer nav ul a:not(.btn):focus, .footer nav ul a:not(.btn):hover {
color: #403D39;
}
.footer .copyright {
color: #66615b;
padding: 10px 15px;
font-size: 12px;
white-space: nowrap;
margin: 15px 3px;
line-height: 20px;
text-align: right;
}
.footer .heart {
color: #EB5E28;
}
.dropdown-menu {
background-color: #f4f8f9;
border: 0 none;
border-radius: 6px;
display: block;
margin-top: 10px;
padding: 0px;
position: absolute;
visibility: hidden;
z-index: 9000;
opacity: 0;
filter: alpha(opacity=0);
-webkit-box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
}
.open .dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.dropdown-menu .divider {
background-color: #F1EAE0;
margin: 0px;
}
.dropdown-menu .dropdown-header {
color: #9A9A9A;
font-size: 12px;
padding: 10px 15px;
}
.select .dropdown-menu {
border-radius: 0 0 10px 10px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform-origin: 50% -40px;
-moz-transform-origin: 50% -40px;
-o-transform-origin: 50% -40px;
-ms-transform-origin: 50% -40px;
transform-origin: 50% -40px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
margin-top: -20px;
}
.select.open .dropdown-menu {
margin-top: -1px;
}
.dropdown-menu > li > a {
color: #66615b;
font-size: 14px;
padding: 10px 15px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.dropdown-menu > li > a img {
margin-top: -3px;
}
.dropdown-menu > li > a:focus {
outline: 0 !important;
}
.btn-group.select .dropdown-menu {
min-width: 100%;
}
.dropdown-menu > li:first-child > a {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.dropdown-menu > li:last-child > a {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.select .dropdown-menu > li:first-child > a {
border-radius: 0;
border-bottom: 0 none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #ff7e00;
color: rgba(255, 255, 255, 0.7);
opacity: 1;
text-decoration: none;
}
.dropdown-menu.dropdown-primary > li > a:hover,
.dropdown-menu.dropdown-primary > li > a:focus {
background-color: #7A9E9F;
}
.dropdown-menu.dropdown-info > li > a:hover,
.dropdown-menu.dropdown-info > li > a:focus {
background-color: #68B3C8;
}
.dropdown-menu.dropdown-success > li > a:hover,
.dropdown-menu.dropdown-success > li > a:focus {
background-color: #7AC29A;
}
.dropdown-menu.dropdown-warning > li > a:hover,
.dropdown-menu.dropdown-warning > li > a:focus {
background-color: #F3BB45;
}
.dropdown-menu.dropdown-danger > li > a:hover,
.dropdown-menu.dropdown-danger > li > a:focus {
background-color: #EB5E28;
}
.btn-group.select {
overflow: hidden;
}
.btn-group.select.open {
overflow: visible;
}
.card2 {
background-color: #FFFFFF;
color: #252422;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.card-user .footer,
.card-price .footer {
padding: 5px 15px 10px;
}
.card-user hr,
.card-price hr {
margin: 5px 15px;
}
.card-plain {
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
.card-plain .image {
border-radius: 4px;
}
.ct-label {
fill: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.4);
font-size: 0.9em;
line-height: 1;
}
@media (min-width:1200px){
.loginn1 {
width: 600px;
margin: auto;
}
.my-profile {min-height: 300px;}
.payment_width {width: 750px; margin: auto; border: 1px solid #d0d5d9; padding: 30px 25px 15px 25px; position: relative;}
.p_msg {position: absolute; top: -12px; left: 25px; background: #f9fbfd; padding: 2px 10px;}
.table3 {width: 650px; margin: auto; margin-bottom: 10px;}
.orr::before {width: 750px; top: 45px;}
}
@media (min-width: 992px) {
/*.navbar {
min-height: 75px;
}*/
.nav-mobile-menu {
display: none;
}
.navbar-form {
margin-top: 21px;
margin-bottom: 21px;
padding-left: 5px;
padding-right: 5px;
}
.navbar-search-form {
display: none;
}
.navbar-nav > li > .dropdown-menu,
.dropdown .dropdown-menu {
transform: translate3d(0px, -40px, 0px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s;
}
.navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu {
transform: translate3d(0px, 0px, 0px);
}
.navbar-nav > li > .dropdown-menu:before {
border-bottom: 11px solid #F1EAE0;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
position: absolute;
right: 12px;
top: -11px;
}
.navbar-nav > li > .dropdown-menu:after {
border-bottom: 11px solid #FFFCF5;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
position: absolute;
right: 12px;
top: -10px;
}
.navbar-nav.navbar-left > li > .dropdown-menu:before {
right: auto;
left: 12px;
}
.navbar-nav.navbar-left > li > .dropdown-menu:after {
right: auto;
left: 12px;
}
.navbar .navbar-header {
margin-left: 10px;
}
.footer:not(.footer-big) nav > ul li:first-child {
margin-left: 0;
}
body > .navbar-collapse.collapse {
display: none !important;
}
.card form [class*="col-"] {
padding: 6px;
}
.card form [class*="col-"]:first-child {
padding-left: 15px;
}
.card form [class*="col-"]:last-child {
padding-right: 15px;
}
}
/* Changes for small display */
@media (max-width: 991px) {
.main-panel {
width: 100%;
}
.navbar-transparent {
padding-top: 15px;
background-color: rgba(0, 0, 0, 0.45);
}
body {
position: relative;
}
h6 {
font-size: 1em;
}
.navbar .navbar-wrapper {
left: 0;
width: 100%;
-webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
position: relative;
}
.navbar .navbar-collapse.collapse,
.navbar .navbar-collapse.collapse.in,
.navbar .navbar-collapse.collapsing {
display: none !important;
}
.navbar-nav > li {
float: none;
position: relative;
display: block;
}
.off-canvas-sidebar,
.navbar-collapse {
position: fixed;
display: block;
top: 0;
left: auto;
height: 100%;
width: 260px;
right: 0;
z-index: 1032;
visibility: visible;
background-color: #999;
overflow-y: visible;
border-top: none;
text-align: left;
padding-right: 0px;
padding-left: 0;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
-o-transform: translate3d(260px, 0, 0);
-ms-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
-webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.off-canvas-sidebar .sidebar-wrapper,
.navbar-collapse .sidebar-wrapper {
position: relative;
z-index: 3;
overflow-y: scroll;
/*height: 100%;*/
box-shadow: inset 1px 0px 0px 0px #DDDDDD;
}
.off-canvas-sidebar .dropdown-menu,
.navbar-collapse .dropdown-menu {
background-color: transparent;
position: relative;
border: 0;
padding-bottom: 20px;
-webkit-transition: none;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none !important;
transform: none !important;
width: 100%;
margin-bottom: 15px;
padding-top: 0;
opacity: 1;
overflow-y: scroll;
display: none;
}
.off-canvas-sidebar .dropdown.open .dropdown-menu,
.navbar-collapse .dropdown.open .dropdown-menu {
display: block;
}
.off-canvas-sidebar .nav,
.navbar-collapse .nav {
margin-top: 0;
padding: 10px 0 10px 0;
color: #fff;
}
.off-canvas-sidebar .nav > li > a:hover, .off-canvas-sidebar .nav > li > a.active,
.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a.active {
color: #403D39;
}
.off-canvas-sidebar .nav > li > a p,
.off-canvas-sidebar .nav > li > a .notification,
.off-canvas-sidebar .nav > li > a .caret,
.navbar-collapse .nav > li > a p,
.navbar-collapse .nav > li > a .notification,
.navbar-collapse .nav > li > a .caret {
display: inline-block;
}
.off-canvas-sidebar .nav > li > a .caret,
.navbar-collapse .nav > li > a .caret {
float: right;
position: relative;
top: 12px;
}
.off-canvas-sidebar .nav > li.active > a:before,
.navbar-collapse .nav > li.active > a:before {
border-right: none;
border-left: 17px solid #DDDDDD;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
right: auto;
margin-left: -15px;
left: 0px;
top: 8px;
}
.off-canvas-sidebar .nav > li.active > a:after,
.navbar-collapse .nav > li.active > a:after {
border-right: none;
border-left: 17px solid #f4f3ef;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
right: auto;
margin-left: -15px;
left: -1px;
top: 8px;
}
.off-canvas-sidebar::after,
.navbar-collapse::after {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background-color: #f4f3ef;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%);
display: block;
content: "";
z-index: 1;
}
.off-canvas-sidebar.has-image::after,
.navbar-collapse.has-image::after {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(17, 17, 17, 0.8);
display: block;
content: "";
z-index: 1;
}
.off-canvas-sidebar .logo,
.navbar-collapse .logo {
position: relative;
z-index: 4;
padding-top: 11px;
padding-bottom: 11px;
}
.off-canvas-sidebar .divider,
.navbar-collapse .divider {
height: 1px;
margin: 10px 0;
}
.docs .navbar .navbar-toggle,
.docs .navbar .logo-container,
.navbar-fixed .navbar-header {
-webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.nav-open .sidebar {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.nav-open .main-panel,
.nav-open .docs .navbar .navbar-toggle,
.nav-open .docs .navbar .logo-container,
.nav-open .navbar-fixed .navbar-header {
left: 0;
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
.navbar-toggle .icon-bar {
display: block;
position: relative;
background: #fff;
width: 24px;
height: 2px;
border-radius: 1px;
margin: 0 auto;
}
.navbar-header .navbar-toggle {
margin: 10px 15px 10px 0;
width: 40px;
height: 40px;
}
.bar1,
.bar2,
.bar3 {
outline: 1px solid transparent;
}
.bar1 {
top: 0px;
-webkit-animation: topbar-back 500ms linear 0s;
-moz-animation: topbar-back 500ms linear 0s;
animation: topbar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.bar2 {
opacity: 1;
}
.bar3 {
bottom: 0px;
-webkit-animation: bottombar-back 500ms linear 0s;
-moz-animation: bottombar-back 500ms linear 0s;
animation: bottombar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar1 {
top: 6px;
-webkit-animation: topbar-x 500ms linear 0s;
-moz-animation: topbar-x 500ms linear 0s;
animation: topbar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
bottom: 6px;
-webkit-animation: bottombar-x 500ms linear 0s;
-moz-animation: bottombar-x 500ms linear 0s;
animation: bottombar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes topbar-x {
0% {
top: 0px;
transform: rotate(0deg);
}
45% {
top: 6px;
transform: rotate(145deg);
}
75% {
transform: rotate(130deg);
}
100% {
transform: rotate(135deg);
}
}
@-webkit-keyframes topbar-x {
0% {
top: 0px;
-webkit-transform: rotate(0deg);
}
45% {
top: 6px;
-webkit-transform: rotate(145deg);
}
75% {
-webkit-transform: rotate(130deg);
}
100% {
-webkit-transform: rotate(135deg);
}
}
@-moz-keyframes topbar-x {
0% {
top: 0px;
-moz-transform: rotate(0deg);
}
45% {
top: 6px;
-moz-transform: rotate(145deg);
}
75% {
-moz-transform: rotate(130deg);
}
100% {
-moz-transform: rotate(135deg);
}
}
@keyframes topbar-back {
0% {
top: 6px;
transform: rotate(135deg);
}
45% {
transform: rotate(-10deg);
}
75% {
transform: rotate(5deg);
}
100% {
top: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes topbar-back {
0% {
top: 6px;
-webkit-transform: rotate(135deg);
}
45% {
-webkit-transform: rotate(-10deg);
}
75% {
-webkit-transform: rotate(5deg);
}
100% {
top: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes topbar-back {
0% {
top: 6px;
-moz-transform: rotate(135deg);
}
45% {
-moz-transform: rotate(-10deg);
}
75% {
-moz-transform: rotate(5deg);
}
100% {
top: 0px;
-moz-transform: rotate(0);
}
}
@keyframes bottombar-x {
0% {
bottom: 0px;
transform: rotate(0deg);
}
45% {
bottom: 6px;
transform: rotate(-145deg);
}
75% {
transform: rotate(-130deg);
}
100% {
transform: rotate(-135deg);
}
}
@-webkit-keyframes bottombar-x {
0% {
bottom: 0px;
-webkit-transform: rotate(0deg);
}
45% {
bottom: 6px;
-webkit-transform: rotate(-145deg);
}
75% {
-webkit-transform: rotate(-130deg);
}
100% {
-webkit-transform: rotate(-135deg);
}
}
@-moz-keyframes bottombar-x {
0% {
bottom: 0px;
-moz-transform: rotate(0deg);
}
45% {
bottom: 6px;
-moz-transform: rotate(-145deg);
}
75% {
-moz-transform: rotate(-130deg);
}
100% {
-moz-transform: rotate(-135deg);
}
}
@keyframes bottombar-back {
0% {
bottom: 6px;
transform: rotate(-135deg);
}
45% {
transform: rotate(10deg);
}
75% {
transform: rotate(-5deg);
}
100% {
bottom: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes bottombar-back {
0% {
bottom: 6px;
-webkit-transform: rotate(-135deg);
}
45% {
-webkit-transform: rotate(10deg);
}
75% {
-webkit-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes bottombar-back {
0% {
bottom: 6px;
-moz-transform: rotate(-135deg);
}
45% {
-moz-transform: rotate(10deg);
}
75% {
-moz-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-moz-transform: rotate(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.dropdown-menu .divider {
background-color: rgba(229, 229, 229, 0.15);
}
.navbar-nav {
margin: 1px 0;
}
.dropdown-menu {
display: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: transparent;
}
.navbar-fixed-top {
-webkit-backface-visibility: hidden;
}
#bodyClick {
height: 100%;
width: 100%;
position: fixed;
opacity: 0;
top: 0;
left: auto;
right: 260px;
content: "";
z-index: 9999;
overflow-x: hidden;
}
.form-control + .form-control-feedback {
margin-top: -8px;
}
.navbar-toggle:hover, .navbar-toggle:focus {
background-color: transparent !important;
}
.btn.dropdown-toggle {
margin-bottom: 0;
}
.media-post {
width: 20%;
float: none !important;
display: block;
margin: 0 auto 10px;
}
.media-post .media-body {
width: 100%;
}
.navbar-collapse.collapse {
height: 100% !important;
}
.navbar-collapse.collapse.in {
display: block;
}
.navbar-header .collapse, .navbar-toggle {
display: block !important;
}
.navbar-header {
float: none;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-panel > .content {
padding-left: 0;
padding-right: 0;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: transparent;
}
.footer .copyright {
padding: 0px 15px;
width: 100%;
}
}
@media (min-width: 992px) {
.sidebar .sidebar-wrapper2 {
width: 528px;
}
.input {
display: block;
max-width: inherit;
width: calc(100% - 0em);
}
.thanku .box {padding: 10px 25px 10px 25px; min-height: 300px; }
.box { width: 47%;}
.form {padding: 15px 25px 0 25px; border-top: 0;}
.accordion-trigger { padding: 35px 150px; border: 1px solid #e7e7e7; border-bottom: 0;}
.border {left: 80px;}
.circle {left:45px;}
/*.login-form {width: 700px; margin: auto;}*/
/*.my-profile-form form {border: 6px solid #f4f8f9!important; padding: 35px 55px!important; }*/
.table-full-width {
margin-left: -15px;
margin-right: -15px;
}
.table-responsive {
overflow: visible;
}
}
@media (max-width: 991px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
border: 1px solid #dddddd;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/** Satyendra **/
input[disabled], select[disabled] {background:#eee !important; /*cursor:not-allowed !important*/}
/** \ **/
Kontol Shell Bypass