/* ====== index =====
1. home page
1. Header
1 Header V1
2 Header V2
3 Header V3
2. Main slider
1 Banner V1
2 Banner V2h
3 Banner V3
3 Home
1 Home Default
1. AboutArea
2. MainContent
3. Count
4. testimonial-section
5. Brand-section
2 Home V1
1. BANNER BOTTOM
2. MAIN CONTENT
3. COURSE CATEGORY
4. LIGHT SECTION
5. SUCCESS SECTION
3 Home V2
1. BANNER BOTTOM
2. NEWS SECTION
3. VIDEO SECTION
4. GALLERY
4. Footer
1. Footer V1
2. Footer V2
3. Footer V3
2. about
2.1 content_top
2.2 count_section
2.3 content_bottom
3. Blog
4. single_blog
5. courses
6. single_course
7. admission
8. international_student
9. events calendar
10. Stuff
11. our campus
12. Photo gallery
13. Apply nowƒ√
14. Privacy policy
15. Contact Us
16. Price Table
17. Error
18. Cart
19. Checkout
20. Coming Soon
===================== */
* {
outline: 0;
margin: 0;
padding: 0;
}
html, * {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn, .form-control {
border-radius: 3px;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
/*line-height: 24px;*/
color: #545454;
}
.bodyColor {
background-color: #f0f0f0;
}
.main_wrapper.container {
padding: 0;
background-color: #ffffff;
}
a {
/*font-weight: 400;*/
text-decoration: none;
/*font-size: 14px;*/
transition: color 0.3s ease;
cursor: pointer;
}
a, a:hover {
text-decoration: none;
}
a, a:focus, a:active {
outline: none !important;
}
p {
margin: 0 0 15px;
}
p.help-block {
line-height: normal;
}
h1, h2, h3, h4 {
color: #282428;
margin-top: 0;
letter-spacing: -1px;
hyphens: auto;
}
h1 {
text-transform: uppercase;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
margin-bottom: 10px;
}
.grey {
color: #686868;
}
h5 {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin: 0;
color: #282428;
line-height: normal;/*30px;*/
letter-spacing: -0.5px;
}
h5.active {
color: #337ab7;
}
h5.inactive {
color: #666;
}
h5.complete:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f058";
padding-right:3px;
font-size: 110%;
color:#5cb85c;
}
h1 small, h2 small, h3 small, h4 small {
letter-spacing: normal;
}
small {
line-height:normal;
}
ul {
margin: 10px 10px 10px 10px;
}
.nav-tabs {
margin: 0;
}
img {
max-width: 100%;
}
@media (max-width: 767px) {
img {
height: auto !important;
}
}
iframe {
max-width:100%;
border: none;
}
.block {
display: block !important;
}
.no-margin {
margin: 0 !important;
}
.no-border {
border: none !important;
}
.nowrap {
white-space: nowrap;
}
.mb-5 {
margin-bottom: 5px;
}
.animated {
/*opacity: 0;*/
}
.visible {
opacity: 1;
}
.help {
border-bottom: 1px dotted gray;
cursor: default;
}
.border-left {
border-left:rgba(0,0,0,0.1) solid 1px;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
}
a.grey-link:not(.btn),p a.grey-link:not(.btn) {
color: #999 !important;
text-decoration: none !important;
border-bottom: none !important;
}
a.grey-link:not(.btn):hover,p a.grey-link:not(.btn):hover {
color: #999 !important;
border-bottom: #999 solid 2px !important;
}
@media (min-width: 768px) {
.pull-right-sm {
float: right !important;
}
}
textarea {
resize: vertical;
}
@media (max-width: 479px) {
h1 {
font-size: 22px;
}
}
@media (min-width: 768px) {
h1 {
font-size: 25px;
}
}
@media (min-width: 1200px) {
h1 {
font-size: 30px;
}
}
h3 {
font-size: 22px;
}
@media (min-width: 768px) {
h3 {
font-size: 18px;
}
}
@media (min-width: 992px) {
h3 {
font-size: 22px;
margin-bottom:15px;
}
}
.sbToggle {
background: none;
height: 10px;
top: 10px;
right: 10px;
}
.sbToggle:after {
color: rgba(0, 0, 0, 0.4);
content: "\f0d7";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.display-block {
display: block;
}
body.bodyColor.wrapper {
margin: 0 auto;
}
.main_wrapper {
background-color: #fff;
width: 100%;
float: left;
}
.container.body {
padding-top: 15px;
}
@media (min-width: 992px) {
.container {
width: 970px;
}
body.bodyColor.wrapper {
width: 970px;
}
body.bodyColor .header-wrapper,
body.bodyColor .header {
max-width: 970px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
body.bodyColor.wrapper {
width: 1170px;
}
body.bodyColor .header-wrapper,
body.bodyColor .header {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
}
body.bodyColor.default {
background-color: #f5f5f5;
}
body.static .bb-fixed-header {
display: none;
}
.padding-border-left {
padding-left: 30px;
border-left: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.padding-border-left {
padding-left: 0;
border-left: none;
}
}
.padding-border-right {
padding-right: 30px;
border-right: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.padding-border-right {
padding-right: 0;
border-right: none;
}
}
.padding-border-left-twenty {
padding-left: 20px;
border-left: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.padding-border-left-twenty {
padding-left: 0;
border-left: none;
}
}
.padding-border-right-twenty {
padding-right: 20px;
border-right: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.padding-border-right-twenty {
padding-right: 0;
border-right: none;
}
}
/*=== 1. Header V1 ===*/
/*=== 1. Topbar ===*/
.topbar {
height: auto;
padding: 0;
background-color: #000000;
}
.topbar i {
color: rgba(255, 255, 255, 0.8);
font-size: 17px;
vertical-align: text-bottom;
}
.topbar a {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s;
}
.topbar a:hover, .topbar a:focus {
color: white;
transition: color 0.3s ease;
}
.topbar-brand.logo {
width: 220px;/*160px;*/
}
.topbar-brand.logo img {
position: relative;
top: 5px;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}
.topbar .dropdown-menu a i {
color: #444;
}
.topbar .dropdown-menu a:hover i {
color: #337ab7;
}
/*@media (max-width: 767px) {
.topbar {
display: none;
}
}*/
.top-search a i {
width: 16px;
}
@media (max-width: 479px) {
.topbar-left li.phoneNo {
display: none;
}
}
.topbar-left {
display: inline-block;
margin: 5px 5px 5px 0;
}
.topbar-left li {
display: inline-block;
margin-right: 20px;
font-size: 14px;
color: white;
font-weight: 700;
}
@media (min-width: 768px) {
.topbar-left li {
margin-right: 50px;
}
}
.topbar-left li i {
padding-right: 7px;
}
.topbar-left li a {
color: white;
}
.topbar-left li:last-child {
margin-right: 0;
}
ul.topbar-right {
float: right;
margin: 0;
padding: 19px 0 19px 10px;
height:58px;
}
ul.topbar-right > li {
display: inline-block;
margin-left: 15px;
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
position: relative;
}
ul.topbar-right > li a:hover i, ul.topbar-right > li a:focus i {
color: white;
}
ul.topbar-right > li:first-child {
margin-left: 0;
}
ul.topbar-right ul.dropdown-menu {
position: absolute;
top: 100%;
left: auto;
right: 0;
min-width: 0;
font-size: 14px;
border: 1px solid #e0e1e2;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.33);
border-radius: 2px;
}
ul.topbar-right ul.dropdown-menu:before {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -10px;
right: 15%;
margin-left: -7px;
background: url(../img/home/arrow.png) no-repeat center bottom;
}
ul.topbar-right > li.top-login {
display: inline-block !important;
}
ul.topbar-right > li.top-signup {
display: inline-block !important;
}
ul.topbar-right > li.top-menu-item.top-signup {
margin-left: 5px !important;
}
ul.topbar-right > li.top-login .btn, ul.topbar-right > li.top-signup .btn {
margin-top: -4px;
font-weight: normal !important;
border: none;
box-shadow: none;
}
ul.topbar-right li ul.dropdown-menu {
max-height: 90vh;
overflow-y: auto;
}
@media (max-width: 767px) {
ul.topbar-right > li {
margin-left: 5px;
}
ul.topbar-right > li a.btn .fa {
display: none;
}
}
#loginModal .sso {
margin-top: 15px;
}
#loginModal .sso-buttons {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
row-gap:15px;
column-gap: 10px;
margin-top: 15px;
}
/*li.top-search {
padding-right: 15px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
li.top-search {
padding-left: 15px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
}*/
li.top-search ul.dropdown-menu {
width: 220px;
min-width: 200px;
padding: 10px 5px;
margin: 2px 0 0;
left: 0;
top: 28px;
}
@media (min-width: 768px) {
li.top-search ul.dropdown-menu {
min-width: 330px;
padding: 15px 10px;
/*right: 0;*/
}
li.top-search ul.dropdown-menu .input-group {
white-space: nowrap;
}
}
li.top-search ul.dropdown-menu:before {
left: 12%;
}
@media (min-width: 768px) {
li.top-search ul.dropdown-menu:before {
right: 5%;
}
}
.top-search.list-inline .dropdown-menu form {
width: 100%;
display: table;
}
.top-search.list-inline .dropdown-menu .form-control {
width: 148px;
box-shadow: none;
/*margin-right: 5px;*/
display: table-cell;
height: 35px;
}
@media (min-width: 768px) {
.top-search.list-inline .dropdown-menu .form-control {
width: 184px;
margin-right: 0;
height: 42px;
}
}
.top-search .select2-container--default .select2-selection--multiple {
padding-left:12px;
}
.select2 input {
font-weight: normal;
}
.top-search.list-inline .dropdown-menu .btn.commonBtn {
width: auto;
padding-left: 5px;
padding-right: 5px;
display: table-cell;
height: 35px;
line-height: 35px;
margin-top: -1px;
}
@media (min-width: 768px) {
.top-search.list-inline .dropdown-menu .btn.commonBtn {
width: 122px;
padding-left: 0;
padding-right: 0;
height: 42px;
line-height: 42px;
}
}
li.language.dropdown {
padding: 0;
}
li.language.dropdown a i {
vertical-align: text-bottom;
position: relative;
}
li.language.dropdown a i.fa-globe {
left: -10px;
}
li.language.dropdown a i.fa-caret-down {
right: -5px;
}
li.language.dropdown ul.dropdown-menu {
width: 180px;
min-width: 10px;
padding: 5px 0;
margin: 2px 0 0;
}
li.language.dropdown ul.dropdown-menu li {
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
}
li.language.dropdown ul.dropdown-menu li a {
display: block;
color: #46555e;
transition: color 0.5s;
font-size: 13px;
font-weight: 500;
}
li.language.dropdown ul.dropdown-menu li a:hover, li.language.dropdown ul.dropdown-menu li a:focus {
background: rgba(0, 0, 0, 0.07);
}
li.language.dropdown ul.dropdown-menu li.active a {
background: transparent;
color: #000000;
transition: color 0.3s;
}
li.language.dropdown > a {
padding-left: 10px;
padding-right: 10px;
color: rgba(255, 255, 255, 0.5);
}
li.language.dropdown > a:hover, li.language.dropdown > a:focus {
color: white;
}
/*@media (min-width: 768px) {*/
.dropdown > ul {
display: block;
visibility: hidden;
opacity: 1;
transition: all 0.05s linear;
}
.dropdown > ul ul {
transition: all 0.05s linear;
}
.dropdown:hover > ul ul, ul.dropdown-menu:hover ul {
transition: all 0.1s linear;
}
.dropdown:hover > ul, ul.dropdown-menu:hover {
visibility: visible;
opacity: 1;
}
/*}*/
/*=== 2. Header ===*/
.bb-fixed-header {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 10999;
}
.static .bb-fixed-header {
display: none;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
border: 1px solid #337ab7;
background: #337ab7;
margin: 9px 0 9px;
border-radius: 0;
}
@media (min-width: 768px) {
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
margin: 14px 0 14px;
}
}
.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-toggle.collapsed, .navbar-default .navbar-toggle:hover.collapsed, .navbar-default .navbar-toggle:focus.collapsed {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 1px rgba(0,0,0,.15);
}
.navbar-default .navbar-toggle.collapsed .icon-bar, .navbar-default .navbar-toggle:hover.collapsed .icon-bar, .navbar-default .navbar-toggle:focus.collapsed .icon-bar {
background-color: #333 !important;
}
.header {
width: 100%;
height: auto;
background: #fff;
background-color: #ffffff;
}
.header .navbar {
padding: 5px 0;
background-color: #ffffff;
border-radius: 0;
/*box-shadow: rgba(0, 0, 0, 0.1) 0 5px 0;*/
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
z-index: 100;
}
@media (min-width: 768px) {
.header .navbar {
padding: 8px 0;
}
.header .navbar .header_inner {
height: 74px;
}
}
@media (min-width: 992px) {
.header .navbar {
padding: 5px 0;
}
}
.header .navbar-collapse {
padding: 0;
border-top: none;
/*max-height: 340px;*/
min-height: 74px;
}
.navbar-brand.logo {
/*width: 180px;*/
width: 280px;
}
.navbar-brand.logo img {
margin-top: 14px;
image-rendering: -webkit-optimize-contrast;
}
.organisation-5 .navbar-brand.logo img {
margin-top: 26px;
}
@media (max-width: 767px) {
.navbar-brand.logo img {
margin-top: 6px;
max-height: 50px;
}
.organisation-1 .navbar-brand.logo img,.organisation-3 .navbar-brand.logo img {
margin-top: 0;
max-height: 52px;
}
.organisation-4 .navbar-brand.logo img {
margin-top: -2px;
max-height: 58px;
}
.organisation-5 .navbar-brand.logo img {
margin-top: 6px;
}
.organisation-7 .navbar-brand.logo img, .organisation-16 .navbar-brand.logo img, .organisation-18 .navbar-brand.logo img {
margin-top: -4px;
}
}
@media (min-width: 768px) {
.navbar-brand.logo, .organisation-1 .navbar-brand.logo,.organisation-3 .navbar-brand.logo {
margin-top: -14px !important;
}
.organisation-4 .navbar-brand.logo img {
margin-top: 7px;
max-height: 90px;
}
.organisation-5 .navbar-brand.logo {
width: 240px;
}
.organisation-7 .navbar-brand.logo, .organisation-16 .navbar-brand.logo, .organisation-18 .navbar-brand.logo {
margin-top: 22px;
}
}
@media (min-width: 1200px) {
.navbar-brand.logo {
width: 232px;/*220px;*/
}
.organisation-1 .navbar-brand.logo,.organisation-3 .navbar-brand.logo {
width: 232px;
}
.navbar-brand.logo img {
margin-top: 8px;
}
.organisation-4 .navbar-brand.logo img {
max-height: 90px;
}
.organisation-5 .navbar-brand.logo {
width: 280px;
}
.organisation-5 .navbar-brand.logo img {
margin-top: 22px;
}
.organisation-7 .navbar-brand.logo img, .organisation-16 .navbar-brand.logo img, .organisation-18 .navbar-brand.logo img {
margin-top: 22px;
}
}
@media (min-width: 768px) {
.body-wrapper .navbar-brand.logo {
display: table-cell;
margin-top: 0 !important;
height: 100%;
vertical-align: middle;
}
.body-wrapper .navbar-brand.logo img {
margin: 0;
display: inline-block;
transform: translateY(10%);
}
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
padding: 0;
margin: 0;
}
.navbar-default {
background: none;
border: none;
margin: 0;
}
.header .navbar-nav.navbar-right:last-child {
margin: 0px;
}
.nav.navbar-nav.navbar-right {
padding: 10px 0;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-default .navbar-nav > li > a:not(.btn) {
padding: 15px 20px;
background: none;
}
.navbar-default .navbar-nav > li > a:not(.btn):hover {
background: none;
}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a:not(.btn) {
font-size: 12px;
padding: 15px 8px;
}
}
@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a:not(.btn) {
font-size: 14px;
padding: 15px 15px;
}
}
@media (min-width: 1200px) {
.navbar-default .navbar-nav > li > a:not(.btn) {
padding: 15px 20px;
}
}
.header .navbar-default .navbar-nav li a:not(.btn) {
text-decoration: none;
color: #545454;
text-transform: uppercase;
font-weight: 600;
background: none;
}
@media (min-width: 768px) {
.header .navbar-default .navbar-nav li a {
font-size: 12px;
}
}
@media (min-width: 992px) {
.header .navbar-default .navbar-nav li a {
font-size: 16px;
}
}
.header .navbar-default .navbar-nav li a:not(.btn):hover {
color: #000000;
}
.header .navbar-default .navbar-nav .active a, .header .navbar-default .navbar-nav .active a:hover, .header .navbar-default .navbar-nav .active a:focus {
background: none;
color: #000000;
}
@media (max-width: 767px) {
/*.header .navbar-default .navbar-nav li.apply_now > a {
background: transparent;
color: #ffffff;
}
.header .navbar-default .navbar-nav li.apply_now > a:hover {
color: #000000;
}*/
}
@media (min-width: 768px) {
/*.header .navbar-default .navbar-nav li.apply_now > a {
background: #337ab7;
color: #fff;
}*/
.header .navbar-default .navbar-nav li.apply_now > a:hover {
background-color: #3d8cd1;
color: #fff;
}
.header .navbar-default .navbar-nav li.apply_now > a:focus {
background-color: #3d8cd1;
color: #fff;
}
}
.header .navbar-default .navbar-nav li.apply_now.active > a, .header .navbar-default .navbar-nav li.apply_now.active > a:hover, .header .navbar-default .navbar-nav li.apply_now.active > a:focus {
color: #fff;
}
.navbar-right .dropdown-menu {
left: 0;
right: auto;
}
.top-menu-item .dropdown-menu {
width: 320px;
max-height: 400px;
overflow-y: scroll;
}
.top-menu-item .dropdown-menu>li>a {
white-space: normal;
}
.header .navbar-nav li.open .dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu {
min-width: 200px;
width: auto;
border: 1px solid #e0e1e2;
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 2px;
left: 0;
top: 36px;
right: auto;
}
@media (max-width: 520px) {
ul.topbar-right .top-menu-item ul.dropdown-menu {
left: -100%;
}
ul.topbar-right .top-menu-mobile ul.dropdown-menu {
left: auto;
}
}
@media (max-width: 767px) {
.header .navbar-nav li.open .dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu {
border-radius: 0;
box-shadow: none;
border: none;
width: 100%;
}
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu {
width: 400px;
max-height: 400px;
overflow-y: scroll;
}
}
@media (max-width: 1400px) {
.header .navbar-nav li.open .dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu {
left: auto;
right: 0;
}
.header .navbar-nav > li > .dropdown-menu:before {
left:auto !important;
right:15% !important;
}
}
.header .navbar-nav li.open .dropdown-menu ul.dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu ul.dropdown-menu {
top: 100%;
left: 0;
margin-top: 0;
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu ul.dropdown-menu,
.header .navbar-nav li.dropdown .dropdown-menu ul.dropdown-menu {
top: 0 !important;
left: 100% !important;
margin-top: 5px;
margin-left: 10px;
}
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu ul.dropdown-menu:before,
.header .navbar-nav li.dropdown .dropdown-menu ul.dropdown-menu:before {
content: "";
display: block;
width: 8px;
height: 13px;
position: absolute;
top: 15px;
left: -8px;
background: url(../img/home/arrow-left.png) no-repeat top left;
}
}
.header .navbar-nav li.open .dropdown-menu li,
.header .navbar-nav li.dropdown .dropdown-menu li {
padding-left: 30px;
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu li,
.header .navbar-nav li.dropdown .dropdown-menu li {
padding: 0 10px;
}
}
.header .navbar-nav li.open .dropdown-menu li a,
.header .navbar-nav li.dropdown .dropdown-menu li a {
font-size: 14px;
color: #545454;
font-weight: 600;
text-transform: capitalize;
padding: 9px 0;
display: block;
border-bottom: 1px solid #e2e3e4;
background: none;
}
.header .navbar-nav li.open .dropdown-menu li a:hover, .header .navbar-nav li.open .dropdown-menu li a:focus,
.header .navbar-nav li.dropdown .dropdown-menu li a:hover,
.header .navbar-nav li.dropdown .dropdown-menu li a:focus {
color: #000000;
background: none;
}
@media (max-width: 767px) {
.header .navbar-nav li.open .dropdown-menu li a,
.header .navbar-nav li.dropdown .dropdown-menu li a {
color: #545454;
}
.header .navbar-nav li.open .dropdown-menu li a:hover, .header .navbar-nav li.open .dropdown-menu li a:focus,
.header .navbar-nav li.dropdown .dropdown-menu li a:hover,
.header .navbar-nav li.dropdown .dropdown-menu li a:focus {
color: #000000;
background: none;
}
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu li a,
.header .navbar-nav li.dropdown .dropdown-menu li a {
font-size: 13px;
}
}
@media (min-width: 992px) {
.header .navbar-nav li.open .dropdown-menu li a,
.header .navbar-nav li.dropdown .dropdown-menu li a {
font-size: 15px;
}
}
.header .navbar-nav li.open .dropdown-menu li li,
.header .navbar-nav li.dropdown .dropdown-menu li li {
padding-left: 20px;
}
@media (min-width: 768px) {
.header .navbar-nav li.open .dropdown-menu li li,
.header .navbar-nav li.dropdown .dropdown-menu li li {
padding: 0 10px;
}
}
.header .navbar-nav li.open .dropdown-menu li.active > a,
.header .navbar-nav li.dropdown .dropdown-menu li.active > a {
background: none;
color: #000000;
}
.header .navbar-nav li.open .dropdown-menu li:last-child a,
.header .navbar-nav li.dropdown .dropdown-menu li:last-child a {
border: none;
}
.header .navbar-nav li.open .dropdown-menu .dropdown-menu li a,
.header .navbar-nav li.dropdown .dropdown-menu .dropdown-menu li a {
border-bottom: 1px solid #e2e3e4;
}
.header .navbar-nav li.open .dropdown-menu .dropdown-menu li:last-child a,
.header .navbar-nav li.dropdown .dropdown-menu .dropdown-menu li:last-child a {
border: none;
}
@media (min-width: 1200px) {
.header .navbar-nav > li {
margin-left: 15px;
}
}
@media (min-width: 768px) {
.header .navbar-nav > li > .dropdown-menu:before {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -10px;
left: 15%;
margin-left: -7px;
background: url(../img/home/arrow.png) no-repeat center bottom;
}
}
.list-inline {
margin-left: 0;
}
@media (max-width: 767px) {
.navbar-collapse ul.navbar-nav.in > li.dropdown > a:after {
position: relative;
right: -8px;
content: "\f078";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navbar-collapse ul.navbar-nav > li.dropdown.open > a:after {
content: "\f106";
}
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown.open > a:after {
content: "\f106";
}
}
.navbar-collapse ul.navbar-nav > li.dropdown > a:after {
position: absolute;
right: 15px;
top: 10px;
content: "\f078";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.navbar-collapse ul.navbar-nav > li.dropdown > a:after {
position: relative;
right: -8px;
top: auto;
content: "\f078";
}
}
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown > a:after {
position: absolute;
right: 15px;
top: 11px;
content: "\f078";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown > a:after {
right: 15px;
top: 11px;
content: "\f105";
}
}
.LanguageList {
width: 115px;
}
.LanguageList .sbToggle {
background: none;
top: 7px;
}
.LanguageList .sbToggle:after {
position: absolute;
top: -2px;
content: "\f078";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: rgba(255, 255, 255, 0.5);
}
.LanguageList .sbHolder {
height: 24px;
font-size: 14px;
color: white;
background: transparent;
border: none;
}
.LanguageList .sbHolder a {
font-weight: 600;
}
.LanguageList .sbSelector {
height: 24px;
line-height: 24px;
}
.LanguageList .sbSelector:link, .LanguageList .sbSelector:visited, .LanguageList .sbSelector:hover {
color: white;
display: block;
}
.LanguageList .sbOptions {
z-index: 999;
top: 35px !important;
}
.LanguageList .sbOptions a:link {
color: #46555e;
}
.LanguageList .sbOptions a:hover, .LanguageList .sbOptions a:visited {
color: #337ab7;
}
.cart-dropdown {
position: absolute;
right: 15px;
top: 20px;
}
.cart-dropdown .shop-cart {
display: inline-block;
position: relative;
}
.cart-dropdown .shop-cart i {
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3);
line-height: 40px;
padding: 0 11px;
font-size: 20px;
}
@media (min-width: 768px) {
.cart-dropdown .shop-cart i {
height: 50px;
line-height: 50px;
padding: 0 15px;
}
}
.cart-dropdown .shop-cart .badge {
position: absolute;
top: 4px;
right: 5px;
color: #ffffff;
background: #337ab7;
border-radius: 50%;
padding: 2px 4px;
font-weight: 600;
font-size: 13px;
}
@media (min-width: 768px) {
.cart-dropdown .shop-cart .badge {
top: 8px;
right: 7px;
}
}
.nav-right {
float: right;
}
.nav-right .top-search {
position: relative;
display: inline-block;
font-size: 14px;
color: white;
font-weight: 700;
line-height: 50px;
border: none;
}
.nav-right .top-search a {
position: relative;
}
.nav-right .top-search a:before {
content: '';
position: absolute;
right: -10px;
border-right: 1px solid rgba(255, 255, 255, 0.7);
top: 0;
height: 18px;
}
.nav-right .top-search i {
margin-right: 10px;
font-size: 16px;
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
.nav-right .top-search {
left: 15px;
top: 0;
}
}
.nav-right .top-search .dropdown-menu {
top: 48px;
left: auto;
right: 0;
font-size: 14px;
border: 1px solid #e0e1e2;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.33);
border-radius: 2px;
}
.nav-right .top-search .dropdown-menu .form-control {
margin-top: 5px;
}
.nav-right .top-search .dropdown-menu:before {
right: 30px;
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -10px;
margin-left: -7px;
background: url(../img/home/arrow.png) no-repeat center bottom;
}
.nav-right .cart {
display: inline-block;
margin-left: 0px;
position: relative;
}
.nav-right .shop-cart i {
height: 40px;
color: rgba(255, 255, 255, 0.6);
line-height: 40px;
padding: 0 11px;
font-size: 20px;
}
.nav-right .shop-cart .badge {
position: absolute;
top: 8px;
right: 0px;
color: #ffffff;
background: #337ab7;
border-radius: 50%;
padding: 2px 4px;
font-weight: 600;
font-size: 13px;
}
@media (max-width: 767px) {
.header-wrapper .visible-xs {
display: inline-block !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.header-wrapper .visible-sm {
display: inline-block !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.header-wrapper .visible-md {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.header-wrapper .visible-lg {
display: inline-block !important;
}
}
/*=== 1 Banner V1 ===*/
.banner {
position: relative;
background: #222c34;
}
.banner .slides {
position: relative;
z-index: 1;
}
.banner .slides li {
position: relative;
}
.flex-direction-nav {
width: 100%;
float: left;
height: 100%;
position: absolute;
top: 0;
margin: 0;
}
.flex-direction-nav a {
position: absolute;
height: 100%;
text-indent: -9999px;
width: 36px;
z-index: 9999;
height: 48px;
margin-top: -24px;
top: 50%;
text-indent: -9999px;
z-index: 9999;
}
.banner .flex-direction-nav a.flex-prev {
background: transparent url("../img/home/slider/prev.png") no-repeat scroll left center;
left: 0;
position: absolute;
}
.banner .flex-direction-nav a.flex-next {
position: absolute;
background: url(../img/home/slider/next.png) no-repeat left center;
right: 0;
}
.banner_caption {
width: 100%;
float: left;
height: auto;
position: absolute;
opacity: 0;
z-index: 9999;
transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
.banner_caption {
padding: 5px;
bottom: 5px;
}
}
@media (min-width: 768px) {
.banner_caption {
padding: 35px;
bottom: 13px;
}
}
@media (min-width: 992px) {
.banner_caption {
padding-left: 30px;
bottom: 12px;
}
}
.item.active .banner_caption {
opacity: 1;
}
#recommended-item-carousel .recommended-item-control {
display: none;
position: absolute;
top: 50%;
margin-top: -24px;
z-index: 999;
}
#recommended-item-carousel:hover .recommended-item-control {
display: block;
}
#recommended-item-carousel .recommended-item-control.left {
left: 0;
}
#recommended-item-carousel .recommended-item-control.right {
right: 0;
}
.caption_inner {
width: 595px;
padding: 25px;
background: rgba(0, 0, 0, 0.6);
position: relative;
z-index: 9999;
}
.caption_inner h1 {
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
}
.caption_inner h1 small {
color: #ffffff;
}
.caption_inner p {
color: #fff;
font-size:120%;
}
/*.caption_inner a {
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
color: #fff !important;
background: #337ab7;
cursor: pointer;
}*/
.image_full{
display:block !important;
}
.image_mobile{
display:none !important;
}
@media (max-width: 640px) and (min-width: 300px){
.image_full{
display:none !important;
}
.image_mobile{
display:block !important;
}
.caption_inner {
width: 300px;
}
}
@media (max-width: 767px) {
.caption_inner {
padding: 10px;
}
.caption_inner h1 {
font-size: 15px;
margin: 0 0 5px;
}
.caption_inner p {
font-size: 15px;
line-height:18px;
margin: 0 0 5px;
}
.caption_inner a {
padding: 8px 10px;
font-size: 10px;
}
}
@media (min-width: 768px) {
.caption_inner {
padding: 20px;
}
.caption_inner h1 {
font-size: 20px;
margin: 0 0 10px;
}
.caption_inner p {
line-height: 21px;
margin: 0 0 15px;
}
.caption_inner a {
padding: 8px 25px;
}
}
@media (min-width: 992px) {
.caption_inner {
padding: 30px;
}
.caption_inner h1 {
font-size: 26px;
margin: 0 0 12px;
}
.caption_inner p {
line-height: 24px;
margin: 0 0 30px;
}
.caption_inner a {
padding: 12px 40px;
}
}
/*================= 1.Home Default ==================*/
/*=== 1 aboutArea ===*/
.aboutArea {
padding: 25px 0 40px;
}
@media (max-width: 767px) {
.aboutArea {
padding: 30px 0 10px;
}
}
.aboutArea, .aboutTitle, .aboutImage, .mainContent, .menuFooter, .footer {
width: 100%;
display: block;
}
.aboutArea {
padding: 35px 0 80px 0;
background-color: #f1f4f7;
/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* background: linear-gradient(to right, #222c34 0%, #2a3a46 100%); */
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222c34', endColorstr='#2a3a46',GradientType=1 );
/* IE6-9 */
}
.aboutTitle > h2 {
text-transform: uppercase;
color: #ffffff;
text-align: center;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
margin: 0 0 25px;
display: inline-block;
padding: 3px 10px 5px 10px;
background: rgba(0,0,0,0.3);
}
@media (max-width: 767px) {
.aboutTitle > h2 {
margin-bottom: 5px;
font-size: 28px;
}
.aboutArea {
padding: 20px 0 30px 0;
}
}
.form-group
.aboutImage {
position: relative;
box-shadow: rgba(0, 0, 0, 0.1) 0 5px 0;
}
.aboutImage {
box-shadow: 0 1px 4px rgba(0,0,0,.6);
}
.aboutImage a:focus {
text-decoration: none;
}
.aboutImage img {
/*margin-top: -6px;*/
width: 100%;
/*border-left:1px solid #337ab7;
border-top:1px solid #337ab7;
border-right:1px solid #337ab7;*/
}
.aboutImage .overlay {
position: absolute;
top: 0;
left: 0;
bottom: 44px;
width: 100%;
padding: 10px 20px;
text-align: center;
background: transparent;
transition: background 0.3s;
}
@media (max-width: 479px) {
.aboutImage .overlay {
display: none;
}
}
@media (min-width: 768px) {
.aboutImage .overlay {
text-align: left;
padding: 10px;
bottom: 30px;
}
}
@media (min-width: 992px) {
.aboutImage .overlay {
bottom: 36px;
}
}
@media (min-width: 1200px) {
.aboutImage .overlay {
bottom: 44px;
}
}
.aboutImage .overlay p {
font-size: 14px;
line-height: 23px;
margin: 0;
color: #ffffff;
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
font-weight: 400;
}
@media (min-width: 768px) {
.aboutImage .overlay p {
font-size: 11px;
line-height: 16px;
}
}
@media (min-width: 992px) {
.aboutImage .overlay p {
font-size: 12px;
line-height: 18px;
}
}
@media (min-width: 1200px) {
.aboutImage .overlay p {
font-size: 14px;
line-height: 23px;
}
}
.aboutImage:hover .overlay {
background: rgba(0, 0, 0, 0.45);
transition: background 0.3s;
}
.aboutImage:hover .overlay p {
opacity: 1;
transition-delay: 0.1s;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/*@media (min-width: 768px) {
.captionLink, .captionLink:hover {
font-size: 9px;
text-indent: 10px;
height: 30px;
line-height: 30px;
}
}*/
@media (min-width: 992px) {
.captionLink, .captionLink:hover {
font-size: 11px;
text-indent: 10px;
height: 36px;
line-height: 36px;
}
}
@media (min-width: 1200px) {
.captionLink, .captionLink:hover {
font-size: 14px;
text-indent: 13px;
height: 44px;
line-height: 44px;
}
}
.captionLink:focus {
color: #fff;
text-decoration: none;
}
.captionLink > span {
background-image: url(../img/read_more_link.png);
background-repeat: no-repeat;
width: 8px;
height: 13px;
display: inline-block;
float: right;
margin: 16px 10px 0 0;
}
@media (min-width: 768px) {
.captionLink > span {
margin: 9px 10px 0 0;
}
}
@media (min-width: 992px) {
.captionLink > span {
margin: 11px 10px 0 0;
}
}
@media (min-width: 1200px) {
.captionLink > span {
margin: 16px 10px 0 0;
}
}
@media (max-width: 479px) {
.about_inner .col-xs-6 {
width: 100%;
}
}
@media (max-width: 767px) {
.about_inner .col-xs-6 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.about_inner .col-sm-3 {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) {
.about_inner .col-sm-3 {
padding-left: 15px;
padding-right: 15px;
}
}
/*=== 2 mainContent ===*/
.mainContent {
padding: 47px 0 65px 0;
background-color: #fff;
float: left;
}
@media (max-width: 767px) {
.mainContent {
padding: 30px 0;
margin: 0 0 20px;
}
}
.videoArea {
margin-bottom: 20px;
/*padding-bottom: 30px;
border-bottom: 1px solid #dce4ea;*/
}
.videoArea > h3 {
margin-bottom: 20px;
font-size: 28px;
text-transform: uppercase;
}
.videoLeft {
position: relative;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.videoLeft {
margin-bottom: 0;
}
}
.videoLeft img {
cursor: pointer;
width: 100%;
}
.videoLeft iframe {
width: 100%;
}
.videoButton {
width: 100%;
display: block;
position: absolute;
left: 0;
top: 50%;
text-align: center;
cursor: pointer;
margin-top: -39px;
}
.videoRight > p {
margin: 0 0 15px 0;
line-height: 22px;
}
.btn.learnBtn {
padding: 0;
height: 42px;
border: 1px solid #000000;
background: #000000;
border-radius: 0;
line-height: 42px;
color: #ffffff;
text-transform: uppercase;
font-weight: 400;
}
.btn-secondary {
color: #fff;
background-color: #474747;
border-color: #303030;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
color: #fff;
background-color: #343434;
}
.btn-secondary:hover:active {
color: #fff;
background-color: #242424;
}
.btn-important {
color: #fff;
background-color: rgb(123, 75, 137);
border-color: rgb(53, 1, 68);
}
.btn-important:hover,
.btn-important:active,
.btn-important:focus {
color: #fff;
background-color: rgb(98, 53, 111);
}
.btn-aub:focus,
.btn-aub:active,
.btn-aub:hover {
color: #fff;
background-color: rgb(98, 53, 111);
}
@media (max-width: 767px) {
.btn.learnBtn {
padding: 0 20px;
width: auto;
display: inline-block;
}
}
.btn.learnBtn:hover {
color: #ffffff;
}
.videoNine .single_post.related_post_sec ul li {
border-bottom: none;
}
.videoNine .single_post.related_post_sec ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
@media (max-width: 767px) {
.videoNine .single_post.related_post_sec ul li:last-child {
padding: 0 0 25px;
margin: 0 0 10px;
}
}
.CourseSummaryDesc {
padding:20px;
height:250px;
background-color:#ffffff;
overflow:hidden;
}
.CourseSummaryDesc h4 {
font-weight: 600;
line-height: 1;
}
.CourseSummaryDesc p {
margin-top: 10px;
margin-bottom: 0;
color: #444;
font-weight: normal;
font-size: 14px;
}
.CourseSummaryOrg {
line-height:20px;
padding: 9px 10px 6px 10px;
background-color: #e8e8e8;
overflow: hidden;
white-space: nowrap;
}
.CourseSummaryOrgName {
display: inline-block;
color: #222;
font-size: 15px;
padding: 1px 0 0 5px;
}
.CourseSummaryTimes {
font-family: 'Open Sans', sans-serif;
padding: 15px 20px;
/*height: 160px;*/
background-color: #f8f8f8;
overflow: hidden;
}
.CourseSummaryTimes p {
margin: 0;
color: #222;
}
.CourseSummaryTimes b {
font-weight: 600;
}
.CourseSummaryTimes .label.block {
display: block;
margin-bottom: 3px;
margin-left: -6px;
padding: 7px 5px;
font-size: 16px;
text-align: left;
}
.CourseSummaryTimes .label.block b {
font-weight: bold;
}
@media (max-width: 479px) {
.CourseSummaryDesc {
height:auto;
}
.CourseSummaryTimes {
height:auto;
}
}
.resultPart h4 {
color: #000;
margin-bottom: 13px;
font-size: 15px;
}
@media (max-width: 479px) {
.resultPart h4 {
font-size: 14px;
}
}
@media (min-width: 768px) {
.resultPart h4 {
font-size: 13px;
}
}
@media (min-width: 992px) {
.resultPart h4 {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.resultPart h4 {
font-size: 18px;
}
}
.videoNine {
margin-bottom: 20px;
padding-right: 30px;
border-right: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.videoNine {
padding-right: 0;
border-right: none;
}
}
@media (max-width: 479px) {
.resultPart .col-sm-4 {
width: 100%;
}
}
@media (max-width: 767px) {
.resultPart .col-sm-4 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.resultPart .col-sm-4:first-child {
padding-right: 5px;
}
.resultPart .col-sm-4:nth-child(2n) {
padding: 0 10px;
}
.resultPart .col-sm-4:last-child {
padding-left: 5px;
}
}
@media (min-width: 1200px) {
.resultPart .col-sm-4:first-child, .resultPart .col-sm-4:nth-child(2n),
.resultPart .col-sm-4:last-child {
padding: 0 15px;
}
}
/*=== 3. count ===*/
.paralax {
background-attachment: fixed;
background-size: cover;
background-position: center center;
float: left;
width: 100%;
padding: 40px 0;
color: #ffffff;
}
.icon {
padding-top: 40px;
border: 2px solid rgba(255, 255, 255, 0.2);
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
}
@media (max-width: 767px) {
.icon {
padding-top: 35px;
width: 110px;
height: 110px;
}
}
.icon i {
font-size: 36px;
}
@media (max-width: 767px) {
.icon i {
font-size: 30px;
}
}
.counter {
font-size: 50px;
line-height: 50px;
font-weight: 700;
margin-top: 10px;
}
@media (max-width: 767px) {
.counter {
font-size: 40px;
}
}
.seperator-small {
width: 10%;
height: 2px;
background-color: rgba(255, 255, 255, 0.47);
margin: 15px auto;
}
.count .col-xs-6 p {
font-size: 20px;
line-height: 20px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
}
@media (max-width: 479px) {
.count .col-xs-6, .menuFooter .col-xs-6 {
width: 100%;
}
}
@media (max-width: 767px) {
.count .col-xs-6, .menuFooter .col-xs-6 {
margin-bottom: 35px;
}
}
.count .col-xs-6:nth-child(2), .menuFooter .col-xs-6:nth-child(2) {
clear: right;
}
@media (max-width: 767px) {
.menuFooter .col-xs-6 {
min-height: 150px;
}
}
.paralax-text {
padding-top: 60px;
margin-top: 60px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 767px) {
.paralax-text {
padding-top: 45px;
margin-top: 45px;
}
}
.paralax-text h2 {
font-size: 22px;
margin-bottom: 25px;
color: #ffffff;
text-transform: uppercase;
}
@media (min-width: 768px) {
.paralax-text h2 {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.paralax-text h2 {
font-size: 30px;
}
}
.paralax-text p {
margin: 0;
}
.paralax-text a.commonBtn {
padding-right: 45px;
padding-left: 45px;
margin-top: 40px;
}
.paralax-text .list-inline {
display: block;
margin-top: 30px;
}
.paralax-text .list-inline li {
margin: 0 6px;
padding: 0;
}
@media (max-width: 479px) {
.paralax-text .list-inline li {
margin: 0 3px;
}
}
.paralax-text .list-inline li a {
display: inline-block;
width: 65px;
height: 65px;
line-height: 65px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.4);
color: white;
}
@media (max-width: 479px) {
.paralax-text .list-inline li a {
width: 45px;
height: 45px;
line-height: 45px;
}
}
.paralax-text .list-inline li a i {
font-size: 22px;
}
@media (max-width: 479px) {
.paralax-text .list-inline li a i {
font-size: 18px;
}
}
.paralax-text .list-inline li:hover i {
-webkit-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
/*=== 4. testimonial-section ===*/
.testimonial-section {
padding: 75px 0;
background-color: #f1f4f7;
width: 100%;
float: left;
}
.testimonial .carousal_bottom {
padding-left: 0;
}
.features {
padding-left: 30px;
}
@media (max-width: 767px) {
.features {
padding-left: 0;
margin-top: 25px;
}
}
.features h3 {
text-transform: uppercase;
margin-bottom: 25px;
}
.features ul li {
width: 100%;
line-height: 27px;
margin: 0 0 15px;
font-weight: 600;
font-style: italic;
color: rgba(0, 0, 0, 0.8);
transition: color 0.3s;
position: relative;
padding-left: 35px;
list-style-type: none;
}
.features ul li:hover {
color: black;
transition: color 0.3s;
}
.features ul li:hover i {
color: #337ab7;
transition: color 0.3s;
}
.features ul li i {
font-size: 28px;
text-align: right;
margin-right: 10px;
color: #c5c5c5;
transition: color 0.3s;
font: normal normal normal 28px/1 "Font Awesome 5 Free";
position: absolute;
left: 0;
top: 1px;
}
/*=== 5. Brand-section ===*/
.brandSection {
width: 100%;
float: left;
overflow: hidden;
padding: 65px 0;
}
.brandSection .partnersLogoSlider .slide {
display: table;
width: 100%;
}
.brandSection .partnersLogoSlider .slide .partnersLogo {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.brandSection .partnersLogoSlider .slide .partnersLogo img {
width: auto;
margin: 0 auto;
}
@media (min-width: 768px) {
.brandSection .partnersLogoSlider .slide .partnersLogo {
width: 270px;
}
}
.brandSection .owl-nav {
opacity: 1;
width: 100%;
top: 72%;
margin-top: -40px;
}
.brandSection .owl-carousel .owl-controls .owl-nav .owl-prev,
.brandSection .owl-carousel .owl-controls .owl-nav .owl-next {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 24px;
transition: all 0.4s;
padding: 0;
background-color: transparent;
color: 666666;
border-radius: 0;
box-shadow: none;
border: none;
}
.brandSection .owl-carousel .owl-controls .owl-nav .owl-prev:before {
color: #666666;
line-height: 40px;
content: "\f104";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.brandSection .owl-carousel .owl-controls .owl-nav .owl-next:before {
color: #666666;
content: "\f105";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 40px;
}
.brandSection .owl-carousel .owl-controls .owl-nav:hover .owl-prev:before,
.brandSection .owl-carousel .owl-controls .owl-nav:hover .owl-next:before {
color: #666666;
}
.brandSection .owl-carousel .owl-controls .owl-nav .owl-prev {
left: 0;
}
@media (min-width: 992px) {
.brandSection .owl-carousel .owl-controls .owl-nav .owl-prev {
margin-left: -40px;
}
}
.brandSection .owl-carousel .owl-controls .owl-nav .owl-next {
right: 0;
}
@media (min-width: 992px) {
.brandSection .owl-carousel .owl-controls .owl-nav .owl-next {
margin-right: -40px;
}
}
.brandSection:hover .owl-carousel .owl-controls .owl-nav .owl-prev {
left: 0;
margin-left: 0;
}
@media (min-width: 992px) {
.brandSection:hover .owl-carousel .owl-controls .owl-nav .owl-prev {
margin-left: -40px;
}
}
.brandSection:hover .owl-carousel .owl-controls .owl-nav .owl-next {
right: 0;
margin-right: 0;
}
@media (min-width: 992px) {
.brandSection:hover .owl-carousel .owl-controls .owl-nav .owl-next {
margin-right: -40px;
}
}
.owl-prev span,
.owl-next span {
opacity: 0;
}
/*================= 2.Home V1 ==================*/
/*=== 1. BANNER BOTTOM ===*/
.banner-bottom-inner {
position: relative;
z-index: 500;
width: 100%;
float: left;
top: -60px;
padding: 35px;
background: #232e37;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.selectBox.select-category {
height: 45px;
line-height: 45px;
position: relative;
margin-bottom: 0;
}
@media (max-width: 767px) {
.selectBox.select-category {
margin-bottom: 15px;
}
}
.selectBox.select-category .sbToggle:after {
color: rgba(0, 0, 0, 0.4);
content: "\f078";
position: absolute;
top: 3px;
}
.selectBox.select-category select {
height: 45px;
line-height: 45px;
width: 100%;
border: none;
padding: 0 15px;
background-color: white;
}
.selectBox.select-category .sbSelector {
color: #000000;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
padding-left: 30px;
position: relative;
}
@media (min-width: 768px) {
.selectBox.select-category .sbSelector {
font-size: 11px;
}
}
@media (min-width: 992px) {
.selectBox.select-category .sbSelector {
font-size: 15px;
}
}
.selectBox.select-category .sbSelector:hover {
color: #000000;
}
.selectBox.select-category .sbSelector:before {
position: absolute;
left: 0;
top: 15px;
color: rgba(0, 0, 0, 0.8);
content: "\f039";
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.searchCourse .form-control {
height: 45px;
width: 72%;
float: left;
margin-right: 3%;
}
@media (min-width: 768px) {
.searchCourse .form-control {
width: 70%;
margin-right: 5%;
}
}
@media (min-width: 992px) {
.searchCourse .form-control {
width: 71%;
margin-right: 4%;
}
}
.searchCourse .commonBtn {
height: 45px;
width: 25%;
}
/*=== 2. MAIN CONTENT ===*/
.info-section {
padding: 15px 0 75px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.box {
padding: 50px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.box {
margin-bottom: 15px;
}
}
@media (min-width: 1200px) {
.box {
padding: 50px;
}
}
.box i {
display: block;
font-size: 35px;
clear: both;
color: #337ab7;
}
.box .separator {
width: 70px;
height: 1px;
background: rgba(0, 0, 0, 0.1);
margin: 20px auto;
}
.box span {
display: block;
font-size: 14px;
clear: both;
color: #545454;
font-weight: 600;
}
.padding {
padding: 85px 0;
}
.nopadding {
padding: 0;
}
.sectionTitle h3 {
color: #000000;
text-transform: uppercase;
clear: both;
margin-bottom: 60px;
}
@media (max-width: 479px) {
.popularCourse .col-xs-6 {
width: 100%;
}
}
.imageBox {
margin-bottom: 70px;
}
.productImage {
position: relative;
}
.productImage img {
max-width: 100%;
display: block;
width: 100%;
}
.productImage .sticker {
position: absolute;
bottom: 30px;
right: 0;
background: #ffffff;
padding: 5px 10px;
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.productImage .sticker i {
margin-right: 10px;
}
.productCaption {
border: 1px solid rgba(0, 0, 0, 0.2);
background-color:#ffffff;
border-top: none;
}
.productCaption h3 {
font-size: 20px;
color: #000000;
font-weight: 400;
margin: 20px 0 10px;
padding: 0 15px;
}
.productCaption h3 a {
color: #000000;
}
.productCaption .product-meta span {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
display: block;
padding: 0 15px;
margin-bottom: 15px;
font-style: italic;
}
.productCaption .rating {
padding: 0 15px;
margin-bottom: 30px;
}
.productCaption .rating span {
display: inline-block;
}
.productCaption .rating span .fa {
color: #ffc100;
}
.productCaption .rating .rating-star {
margin-right: 5px;
}
.productCaption .rating-review {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
}
.productCaption .caption-bottom > div {
display: inline-block;
width: 50%;
text-align: center;
height: 50px;
float: left;
}
.productCaption .caption-bottom .price {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.productCaption .caption-bottom .price span {
line-height: 50px;
}
.productCaption .caption-bottom .offer-price {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: 20px;
color: #337ab7;
}
.productCaption .caption-bottom .regular-price {
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.productCaption .caption-bottom .user {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 20px;
}
@media (min-width: 992px) {
.productCaption .caption-bottom .user {
padding: 0 15px;
}
}
.productCaption .caption-bottom .user i {
font-size: 20px;
color: rgba(0, 0, 0, 0.5);
line-height: 50px;
float: left;
}
.productCaption .caption-bottom .user span {
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
line-height: 14px;
display: table-cell;
text-align: left;
padding-top: 10px;
padding-left: 7px;
}
.btnArea .commonBtn {
padding-left: 30px;
padding-right: 30px;
}
/*=== 3. COURSE CATEGORY ===*/
.courseCategory {
color: #ffffff;
}
.courseCategory .sectionTitle h3 {
color: #ffffff;
}
.courseCategory .btnArea {
margin-top: 30px;
}
@media (max-width: 479px) {
.courseCategory .col-xs-6 {
width: 100%;
}
.feature-section .col-xs-6 {
width: 100%;
}
}
.text-box {
background: rgba(255, 255, 255, 0.12);
padding: 30px 20px;
position: relative;
transition: background 0.4s ease;
margin-bottom: 30px;
}
@media (max-width: 479px) {
.text-box {
padding: 45px 25px;
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.text-box {
padding: 45px 25px;
}
}
.text-box-icon {
position: absolute;
left: 20px;
top: 30px;
}
@media (max-width: 479px) {
.text-box-icon {
left: 25px;
top: 45px;
}
}
@media (min-width: 992px) {
.text-box-icon {
left: 25px;
top: 45px;
}
}
.text-box-icon i {
font-size: 20px;
color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) {
.text-box-icon i {
font-size: 25px;
}
}
.text-box-top {
margin-left: 30px;
}
@media (max-width: 479px) {
.text-box-top {
margin-left: 45px;
}
}
@media (min-width: 992px) {
.text-box-top {
margin-left: 45px;
}
}
.text-box-top h4 {
margin-bottom: 20px;
display: inline-block;
}
.text-box-top h4 a {
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 20px;
color: #ffffff;
}
.text-box-top .courseNo {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
line-height: 28px;
font-weight: 400;
display: block;
margin-bottom: 10px;
}
@media (max-width: 479px) {
.text-box-top .courseNo {
float: right;
display: inline-block;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.text-box-top .courseNo {
float: right;
display: inline-block;
margin-bottom: 0;
}
}
.text-box-top p {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
.text-box:hover {
background: white;
}
.text-box:hover .text-box-icon i {
color: #337ab7;
}
.text-box:hover .text-box-top h4 a {
color: #337ab7;
}
.text-box:hover .text-box-top .courseNo {
color: rgba(0, 0, 0, 0.7);
}
.text-box:hover .text-box-top p {
color: rgba(0, 0, 0, 0.7);
}
/*=== 4. LIGHT SECTION ===*/
.feature-box {
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
}
.feature-box span {
transition: all 0.3s ease-in-out;
border: 3px solid transparent;
color: #337ab7;
text-align: center;
border-radius: 50%;
background-color: transparent;
width: 85px;
height: 85px;
display: block;
margin: 0 auto;
}
.feature-box span i {
transition: all 0.3s ease-in-out;
width: 100%;
height: 100%;
text-align: center;
border: 3px solid #dce4ea;
color: #c0c3c7;
line-height: 73px;
font-size: 28px;
border-radius: 50%;
}
.feature-box:hover {
transition: all 0.3s ease-in-out;
}
.feature-box:hover span {
transition: all 0.3s ease-in-out;
border: 3px solid #337ab7;
}
.feature-box:hover span i {
transition: all 0.3s ease-in-out;
border: 3px solid transparent;
color: #337ab7;
line-height: 73px;
}
.feature-box h3 {
color: #000000;
font-size: 20px;
margin: 25px auto;
}
.feature-box p {
color: #545454;
font-size: 14px;
margin: 0;
}
.feature-section {
width: 100%;
float: left;
background: #f1f4f7;
}
.feature-section .btnArea {
margin-top: 30px;
}
.feature-section .commonBtn {
width: 170px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 479px) {
.feature-section .commonBtn {
display: block;
margin: 0 auto;
clear: both;
}
}
.feature-section .commonBtn:first-child {
margin-right: 15px;
}
@media (max-width: 479px) {
.feature-section .commonBtn:first-child {
margin: 0 auto 15px;
}
}
.feature-section .commonBtn.secondaryBtn {
background-color: #000000;
border-color: #000000;
}
.feature-section .commonBtn.secondaryBtn:hover, .feature-section .commonBtn.secondaryBtn:focus {
background-color: #000000;
border-color: #000000;
}
/*=== 5. SUCCESS SECTION ===*/
.success-section {
width: 100%;
float: left;
}
.success_video {
cursor: pointer;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.success_video {
display: none;
}
}
@media (min-width: 768px) {
.success_video {
margin-bottom: 0;
}
}
.success_video iframe {
max-width: 100%;
}
.slide-info .carousal_content {
background: #f1f4f7;
}
.slide-info .carousal_content::after {
width: auto;
height: auto;
position: absolute;
content: " ";
background: none;
bottom: -40px;
left: 50%;
margin-left: -20px;
border-top: 20px solid #f1f4f7;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
content: "";
display: inline-block;
}
.slide-info .carousal_bottom .thumb {
float: none;
height: auto;
margin-right: 0;
display: inline-block;
clear: both;
}
.slide-info .thumb_title {
margin: 12px 0 0;
float: none;
}
.success-inner .owl-dots {
margin-top: 10px;
}
.success-inner .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 8px 4px;
background: #cccccc;
}
.success-inner .owl-dots .owl-dot.active span,
.success-inner .owl-dots .owl-dot:hover span {
width: 14px;
height: 14px;
background: #337ab7;
border: none;
margin: 5px 6px;
}
.success-inner .owl-dots .owl-dot.active:hover span {
margin: 5px 6px;
}
.success-inner .owl-dots .owl-dot:hover span {
margin: 5px 1px;
}
@media (max-width: 479px) {
.popularCourse .col-xs-6 {
width: 100%;
}
}
/*================= 2.Home V2 ==================*/
/*=== 1. BANNER BOTTOM ===*/
.bannercontainer-bottom .fullscreenbanner-container {
width: 100%;
position: relative;
padding: 35px 0;
background: #f1f4f7;
}
@media (max-width: 767px) {
.bannercontainer-bottom .fullscreenbanner-container {
padding: 20px 0;
}
}
.bannercontainer-bottom i {
width: 75px;
height: 75px;
line-height: 75px;
font-size: 25px;
border-radius: 50%;
background: #337ab7;
display: inline-block;
color: white;
text-align: center;
float: left;
position: absolute;
top: 25px;
z-index: 9;
}
@media (max-width: 767px) {
.bannercontainer-bottom i {
width: 60px;
height: 60px;
line-height: 60px;
}
}
.bannercontainer-bottom .slide-info {
width: 80%;
margin: 0 auto;
}
@media (max-width: 767px) {
.bannercontainer-bottom .slide-info {
width: 60%;
}
}
.bannercontainer-bottom .slide-info p {
font-size: 18px;
font-style: italic;
color: rgba(0, 0, 0, 0.8);
margin: 15px auto 0;
}
@media (max-width: 767px) {
.bannercontainer-bottom .slide-info p {
font-size: 13px;
}
}
.bannercontainer-bottom .owl-nav {
width: auto;
position: absolute;
top: 100%;
margin-top: -30px;
right: 0;
}
@media (max-width: 767px) {
.bannercontainer-bottom .owl-nav {
top: 48px;
}
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 5px;
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-prev,
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-next {
width: 35px;
height: 35px;
background: #dfe3e7;
border-radius: 50%;
text-align: center;
line-height: 33px;
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-prev:after,
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-next:after {
color: rgba(0, 0, 0, 0.7);
content: "\f104";
background: none;
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-prev span,
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-next span {
display: none;
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-prev:after {
content: "\f104";
}
.bannercontainer-bottom .owl-carousel .owl-controls .owl-nav .owl-next:after {
content: "\f105";
}
/*=== 2. NEWS SECTION ===*/
.title-block.sectionTitle {
display: inline-block;
}
.title-block.sectionTitle h3 {
margin-bottom: 30px;
}
.news-section {
border-bottom: 1px solid #dce4ea;
}
@media (min-width: 768px) {
.news-section .news-content {
padding-right: 30px;
border-right: 1px solid #dce4ea;
}
}
@media (max-width: 767px) {
.news-section .news-boxInner {
margin-bottom: 40px;
}
}
.news-section .related_post_sec h3 {
padding-bottom: 0;
border-bottom: none;
margin: 0 0 5px;
}
@media (min-width: 992px) {
.news-section .related_post_sec h3 {
margin: 0 0 25px;
}
}
.news-section .more {
display: block;
margin-bottom: 15px;
float: none;
}
@media (min-width: 992px) {
.news-section .more {
float: right;
margin: 0;
display: inline-block;
}
}
.news-section .single_post.related_post_sec .rel_thumb {
width: 100%;
float: none;
margin: 0 0 10px 0;
display: block;
}
.news-section .rel_right h4 {
margin-bottom: 15px;
}
.news-section .upcoming_events .related_post_sec.single_post .rel_right {
padding-left: 0;
float: none;
}
.news-section .upcoming_events .meta span.publish-date {
color: black;
margin-right: 0;
margin-top: 30px;
display: block;
}
.news-section #event_timer {
margin: 20px 0;
}
.news-section #event_timer .table-cell {
display: inline-block;
width: 70px;
height: 70px;
text-align: center;
border: 1px solid #dce4ea;
border-radius: 50%;
padding-top: 12px;
margin-right: 10px;
}
@media (max-width: 479px) {
.news-section #event_timer .table-cell {
width: 50px;
height: 50px;
padding-top: 6px;
margin-right: 7px;
}
}
@media (min-width: 768px) {
.news-section #event_timer .table-cell {
width: 50px;
height: 50px;
padding-top: 6px;
margin-right: 3px;
}
}
@media (min-width: 992px) {
.news-section #event_timer .table-cell {
width: 65px;
height: 65px;
padding-top: 9px;
margin-right: 7px;
}
}
@media (min-width: 1200px) {
.news-section #event_timer .table-cell {
width: 70px;
height: 70px;
padding-top: 12px;
margin-right: 10px;
}
}
.news-section #event_timer .table-cell:last-child {
margin-right: 0;
}
.news-section #event_timer .tab-val {
font-size: 20px;
font-family: 'Roboto Slab', serif;
font-weight: 700;
color: #545454;
}
@media (max-width: 479px) {
.news-section #event_timer .tab-val {
font-size: 16px;
line-height: 16px;
}
}
@media (min-width: 768px) {
.news-section #event_timer .tab-val {
font-size: 16px;
line-height: 16px;
}
}
@media (min-width: 992px) {
.news-section #event_timer .tab-val {
font-size: 20px;
line-height: 26px;
}
}
.news-section #event_timer .tab-metr {
font-size: 13px;
color: rgba(0, 0, 0, 0.45);
}
@media (max-width: 479px) {
.news-section #event_timer {
font-size: 11px;
line-height: 14px;
}
}
@media (min-width: 768px) {
.news-section #event_timer {
font-size: 11px;
line-height: 14px;
}
}
@media (min-width: 992px) {
.news-section #event_timer {
font-size: 13px;
line-height: 16px;
}
}
.more {
font-size: 12px;
font-weight: 700;
color: rgba(0, 0, 0, 0.3);
display: inline-block;
text-transform: uppercase;
float: right;
}
.feature-section1 span {
width: 130px;
height: 130px;
}
@media (min-width: 992px) {
.feature-section1 span i {
line-height: 130px;
font-size: 42px;
}
}
@media (min-width: 992px) {
.feature-section1:hover span i {
line-height: 130px;
}
}
.icon-box.border .icon {
border: 3px solid #333;
text-align: center;
border-radius: 50%;
background-color: transparent;
}
.icon-box.border .icon i {
line-height: 60px;
}
.icon-box.border:hover > .icon i {
line-height: 66px;
}
.icon-box.border:hover > .icon {
border: 0px;
}
.icon-box.border .icon i {
background-color: transparent !important;
color: #333;
}
.paralax-text.paralaxInner {
padding-top: 0;
margin-top: 0;
border-top: none;
}
/*=== 3. VIDEO SECTION ===*/
.video-section {
width: 100%;
float: left;
}
@media (max-width: 479px) {
.video-section .more {
display: block;
margin-bottom: 15px;
float: none;
}
}
.video-section .rel_right h4 {
margin-bottom: 10px;
}
.video-section .videoLeft {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.video-section .videoLeft {
padding-right: 15px;
margin-bottom: 0;
}
}
.video-section .videoLeft .single_post.related_post_sec .rel_thumb {
width: 100%;
float: none;
margin: 0 0 10px 0;
display: block;
}
@media (min-width: 992px) {
.video-section .videoRight {
padding-left: 15px;
}
}
.video-section .videoRight .single_post.related_post_sec .rel_thumb {
margin: 0;
/*width: 34%;*/
}
.video-section .videoRight .rel_right {
margin-left: 40%;
}
.video-section .videoRight .single_post.related_post_sec ul li {
border-bottom: none;
}
.video-section .videoRight .single_post.related_post_sec ul li:last-child {
margin: 0;
padding: 0;
}
/*=== 4. GALLERY ===*/
.gallery-section {
width: 100%;
float: left;
}
@media (min-width: 768px) {
.gallery-section .photo_gallery .gallery li {
margin-bottom: 0;
}
}
.gallery-section .photo_gallery .gallery li img {
width: 100%;
}
.gallery-section .photo_gallery {
border-bottom: 1px solid #dce4ea;
}
.feature-box.v3 span {
width: 100px;
height: 100px;
}
.feature-box.v3 span i {
line-height: 80px;
}
.feature-box.v3 span:hover {
width: 100px;
height: 100px;
}
.feature-box.v3 span:hover i {
line-height: 80px;
}
/*=== 3.1 menuFooter ===*/
@media (max-width: 767px) {
.menuFooter .col-xs-6:nth-child(2n+1) {
clear: left;
}
}
.menuLink li {
list-style: none;
}
.menuLink li a {
line-height: 30px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-transform: uppercase;
}
.menuLink li a:hover {
opacity: .8;
}
.menuFooter {
background-color: #fff;
width: 100%;
float: left;
height: auto;
padding: 17px 0 35px;
border-top: 1px solid #dce4ea;
}
.footer-address address {
line-height: 24px;
margin-bottom: 5px;
}
.footer-address .place {
font-size: 13px;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
}
.footer-address .place:hover, .footer-address .place:focus {
color: black;
}
.footer-address .place i {
font-size: 20px;
padding-right: 7px;
vertical-align: middle;
color: rgba(0, 0, 0, 0.3);
}
.socialArea > h5, .contactNo > h5, .footer-address h5 {
margin-bottom: 10px;
text-transform: uppercase;
}
.socialArea > .list-inline > li > a:hover > img {
opacity: .8;
}
.socialArea {
margin-bottom: 20px;
clear: both;
width: 100%;
float: left;
}
.socialArea .list-inline {
margin-left: 0;
text-align: center;
}
.socialArea .list-inline li {
padding: 0;
float: left;
margin: 0 4px 4px 0;
}
.socialArea .fa {
background: #c5c5c5;
color: #fff;
font-size: 18px;
height: 31px;
line-height: 32px;
text-align: center;
width: 31px;
border-radius: 50%;
opacity: 1;
filter: alpha(opacity=100);
}
.socialArea .fa:hover {
opacity: 0.8;
filter: alpha(opacity=80);
transition: opacity 0.3s;
}
.contactNo > h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
@media (min-width: 768px) {
.contactNo > h3 {
font-size: 18px;
}
}
@media (min-width: 992px) {
.contactNo > h3 {
font-size: 22px;
}
}
@media (max-width: 479px) {
.borderLeft {
height: auto;
border: none;
border-top: 1px solid #dce4ea;
padding-top: 8px;
}
}
@media (min-width: 768px) {
.borderLeft {
border-left: 1px solid #dce4ea;
min-height: 180px;
}
}
@media (min-width: 992px) {
.borderLeft {
min-height: 170px;
}
}
/*=== 3.2 footer ===*/
.footer {
padding: 20px 0;
float: left;
}
@media (max-width: 767px) {
.footer {
text-align: center;
}
}
.footer a:not(.btn) {
font-size: 13px;
color: rgba(255, 255, 255, 0.8) !important;
font-weight: 400;
transition: color 0.3s;
border-bottom: none;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus {
color: white !important;
transition: color 0.3s;
border-bottom: none !important;
}
.copyRight p {
font-size: 13px;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.5);
}
.copyRight p a {
text-decoration: underline;
}
.privacy_policy {
text-align: right;
}
@media (max-width: 767px) {
.privacy_policy {
text-align: center;
}
}
.privacy_policy a {
display: inline-block;
margin-right: 3px;
border-right: 2px solid rgba(255, 255, 255, 0.5);
padding-right: 8px;
line-height: 16px;
}
.privacy_policy a:last-child {
margin-right: 0;
border-right: none;
padding-right: 0;
}
.footer-v2 {
color: rgba(0, 0, 0, 0.7);
}
.footer-v2 a {
transition: color 0.3s ease;
}
.footer-v2 a.footer-logo {
width: 170px;
display: inline-block;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.footer-v2 a.footer-logo {
width: 150px;
}
}
@media (min-width: 992px) {
.footer-v2 a.footer-logo {
width: 190px;
}
}
.footer-v2 .menuFooter {
padding: 65px 0;
}
.footer-v2 h5 {
font-size: 15px;
margin-bottom: 15px;
margin-top: 25px;
}
.footer-v2 .menuLink li a {
font-size: 14px;
line-height: 20px;
color: rgba(0, 0, 0, 0.7);
font-weight: 400;
text-transform: capitalize;
display: block;
margin-bottom: 7px;
}
.footer-v2 .menuLink li a:hover {
color: black;
}
.footer-about a {
font-size: 12px;
color: #929497;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s ease;
}
.footer-about a:hover {
color: rgba(0, 0, 0, 0.8);
}
.footer-contact ul li {
font-size: 14px;
color: rgba(0, 0, 0, 0.7);
transition: color 0.3s ease;
margin-bottom: 10px;
padding-left: 30px;
position: relative;
}
.footer-contact ul li:hover {
color: black;
}
.footer-contact ul li a {
color: rgba(0, 0, 0, 0.7);
font-weight: 400;
}
.footer-contact ul li a:hover {
color: black;
}
.footer-contact ul li i {
font-size: 16px;
position: absolute;
left: 0;
top: 5px;
}
.footer-v2 .footer {
padding: 0;
background: #fff;
}
.footer-v2 .footer .copyRight p, .footer-v2 .footer a {
color: rgba(0, 0, 0, 0.7);
}
.footer-v2 .footer a:hover, .footer-v2 .footer a:focus {
color: black;
}
.footer-v2 .footer .privacy_policy a {
display: inline-block;
margin-right: 0;
border-right: none;
padding-right: 0;
line-height: 16px;
}
.footer-v2 .footer .privacy_policy a:after {
content: "|";
font-size: 12px;
display: inline-block;
padding: 0 4px;
}
.footer-v2 .footer .privacy_policy a:last-child:after {
content: "";
padding: 0;
}
.footer-v2 .footer-bottom {
padding: 20px 0;
border-top: 1px solid #dce4ea;
}
.footer-v2.footer-v3 {
color: rgba(255, 255, 255, 0.5);
}
.footer-v2.footer-v3 .menuFooter {
background: #222c34;
}
.footer-v2.footer-v3 h5 {
color: white;
}
.footer-v2.footer-v3 .menuLink li a {
color: rgba(255, 255, 255, 0.5);
}
.footer-v2.footer-v3 .menuLink li a:hover {
color: white;
}
.footer-v3 .footer-about a {
color: rgba(255, 255, 255, 0.5);
}
.footer-v3 .footer-about a:hover {
color: white;
}
.footer-v3 .footer-contact ul li {
color: rgba(255, 255, 255, 0.5);
}
.footer-v3 .footer-contact ul li:hover {
color: white;
}
.footer-v3 .footer-contact ul li a {
color: rgba(255, 255, 255, 0.5);
}
.footer-v3 .footer-contact ul li a:hover {
color: white;
}
.footer-v3 .footer-contact ul li i {
font-size: 16px;
position: absolute;
left: 0;
top: 5px;
}
.footer-v2.footer-v3 .footer {
padding: 0;
background: #1e2830;
}
.footer-v2.footer-v3 .footer .copyRight p, .footer-v2.footer-v3 .footer a {
color: rgba(255, 255, 255, 0.3);
}
.footer-v2.footer-v3 .footer a:hover, .footer-v2.footer-v3 .footer a:focus {
color: rgba(255, 255, 255, 0.8);
}
.footer-v2.footer-v3 .footer-bottom {
border-top: none;
}
.modal {
width: 100%;
z-index: 10001;
}
.modal-dialog {
max-width: 100%;
}
.modal-lg .modal-dialog {
width: 900px;
}
.modal-xl .modal-dialog {
width: 1200px;
}
.modal-footer {
clear: both;
}
.modal-header .close {
margin-top: 0;
font-size: 3.4rem;
}
.modal.loading .modal-body {
background:#fff url("../img/spinner.gif") center center no-repeat;
}
.modal1000{
width:1000px;
}
.customModal .modal-content {
border-radius: 0;
}
.customModal .panel-default > .panel-heading {
color: #000000;
background-color: transparent;
padding: 25px;
border-bottom: 1px solid #dce4ea;
border-radius: 0;
}
.customModal .panel-default > .panel-heading .panel-title {
font-size: 24px;
}
.customModal.modal {
padding: 25px;
/*text-align: center;*/
}
.customModal .form-group {
position: relative;
}
.customModal .form-group i {
position: absolute;
top: 15px;
left: 15px;
color: rgba(0, 0, 0, 0.3);
font-size: 17px;
}
.customModal .form-group {
margin-bottom: 10px;
}
.customModal .checkbox, .customModal .radio {
text-align: left;
}
.customModal:not(.normal-form) .form-control {
height: 47px;
border-color: #dcdfe3;
line-height: 1.42857143;
color: rgba(0, 0, 0, 1);
border-radius: 0;
box-shadow: none;
/*padding-left: 45px;*/
}
.customModal:not(.normal-form) .formField .form-control {
padding-left: 45px;
}
.customModal .modal-border {
border-bottom: 1px solid #dce4ea;
}
.customModal .modal-border {
margin-top: -32px;
}
.customModal .alt-text {
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
font-weight: 600;
padding: 0 7px;
background-color: #fff;
display: inline-block;
margin: 20px auto;
text-transform: uppercase;
padding: 0 10px;
}
.customModal .alt-btn {
margin: 25px 0 0;
}
.customModal .facebook-btn {
background-color: #6684c4;
border-color: #6684c4;
margin-bottom: 10px;
font-weight: 600;
}
.customModal .twitter-btn {
background-color: #2eb9e0;
border-color: #2eb9e0;
font-weight: 600;
}
.customModal .panel-footer {
padding: 10px 25px;
background-color: transparent;
border-top: 1px solid #dce4ea;
border-radius: 0;
/*text-align: center;*/
}
.customModal .panel-footer p {
color: rgba(0, 0, 0, 0.8);
margin: 0;
font-weight: 600;
}
.customModal .panel-footer p a:not(.btn) {
color: #337ab7;
}
.customModal .panel {
margin-bottom: 0;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
}
.customModal .close {
float: right;
font-size: 40px;
font-weight: 400;
line-height: 1;
color: #000;
text-shadow: none;
filter: alpha(opacity=100);
opacity: 1;
margin-top: -29px;
}
.customModal .close:focus, .customModal .close:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.modal-dialog {
/*max-width: 400px;*/
margin: 30px auto;
}
@media (max-width: 479px) {
.modal-dialog {
max-width: auto;
margin: 0;
}
}
@media (min-width: 768px) {
.modal-dialog {
/*width: 400px;*/
}
}
@media (min-width: 768px) {
.modal.in .modal-dialog {
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
}
.customModal#createAccount .checkbox {
display: inline-block;
margin-right: 20px;
}
#iframeModal {
padding-right: 0 !important;
}
/*====================================== 2. about =======================================*/
/*=== 2.1 content_top ===*/
.content_top {
padding: 30px 0 80px;
background: #fff;
}
.content_top h1 {
margin: 0 0 15px;
}
.content_top p {
margin: 0 0 25px;
}
.content_left ul {
margin: 0;
list-style-type: none;
}
.content_right {
margin-top: 50px;
}
@media (max-width: 767px) {
.content_right {
margin: 20px 0 0;
}
}
.content_right .banner {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.content_right .banner .slides img {
width: 100%;
}
}
.about_caption {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
background: rgba(0, 0, 0, 0.35);
padding: 15px 10px;
}
.about_caption h2 {
font-size: 25px;
text-transform: uppercase;
color: #fff;
margin: 0;
font-weight: 700;
}
@media (max-width: 479px) {
.about_caption h2 {
font-size: 15px;
}
}
@media (min-width: 768px) {
.about_caption h2 {
font-size: 15px;
}
}
@media (min-width: 992px) {
.about_caption h2 {
font-size: 25px;
}
}
.flex-control-paging {
position: absolute;
bottom: 70px;
text-align: center;
width: 100%;
float: left;
margin: 0;
z-index: 999;
list-style-type: none;
}
.flex-control-paging li {
display: inline-block;
margin: 0 2px;
}
.flex-control-paging li a {
display: block;
text-indent: -99999px;
cursor: pointer;
width: 10px;
height: 10px;
background: #ffffff;
border-radius: 50%;
}
.flex-control-paging li a.flex-active {
background: #000000;
}
#about_banner .flex-direction-nav a {
width: 30px;
height: 76px;
}
#about_banner .flex-direction-nav a.flex-prev {
background: url(../img/about/prev.png) no-repeat left center;
}
#about_banner .flex-direction-nav a.flex-next {
background: url(../img/about/next.png) no-repeat left center;
}
/*=== 2.2 count_section ===*/
.count_section {
min-height: 455px;
background: url(../img/about/bg.jpg) no-repeat center center;
background-size: cover;
padding: 65px 0 62px;
}
.count_title {
text-align: center;
margin: 0 0 55px;
}
.count_title h1 {
text-transform: uppercase;
color: #fff;
margin: 0;
}
.count_inner {
min-height: 240px;
background: #fff;
border-top: 3px solid #50afff;
text-align: center;
padding: 35px 20px 10px;
}
@media (max-width: 767px) {
.count_inner {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.count_inner {
min-height: 205px;
}
}
@media (min-width: 992px) {
.count_inner {
min-height: 215px;
}
}
@media (min-width: 1200px) {
.count_inner {
min-height: 240px;
}
}
.count_inner.postgraduate {
border-top: 3px solid #ffc85d;
}
.count_inner.post {
border-top: 3px solid #ffc85d;
}
.count_inner.res {
border-top: 3px solid #84e06f;
}
.count_inner.stuff {
border-top: 3px solid #ff8484;
}
.count_inner h1 {
font-size: 50px;
font-weight: 700;
color: #000;
margin: 0 0 26px;
}
@media (max-width: 479px) {
.count_inner h1 {
font-size: 40px;
}
}
@media (min-width: 768px) {
.count_inner h1 {
font-size: 40px;
}
}
@media (min-width: 992px) {
.count_inner h1 {
font-size: 45px;
}
}
@media (min-width: 1200px) {
.count_inner h1 {
font-size: 50px;
}
}
.count_inner h3 {
font-size: 20px;
font-weight: 700;
color: #7e7e7e;
text-transform: uppercase;
line-height: 33px;
}
@media (min-width: 768px) {
.count_inner h3 {
font-size: 15px;
line-height: 25px;
}
}
@media (min-width: 992px) {
.count_inner h3 {
font-size: 18px;
line-height: 33px;
}
}
@media (min-width: 1200px) {
.count_inner h3 {
font-size: 20px;
line-height: 33px;
}
}
/*=== 2.3 content_bottom ===*/
.content_bottom {
padding: 55px 0 45px;
background: #f1f4f7;
}
.carousal_title {
text-align: center;
padding: 0 25%;
}
@media (max-width: 767px) {
.carousal_title {
padding: 0 5%;
}
}
@media (min-width: 768px) {
.carousal_title {
padding: 0 15%;
}
}
@media (min-width: 992px) {
.carousal_title {
padding: 0 25%;
}
}
.carousal_title h1 {
margin: 0 0 20px;
}
@media (max-width: 479px) {
.carousal_title h1 {
font-size: 22px;
}
}
.carousal_title p {
margin: 0 0 42px;
}
.carousal_section ul {
margin: 0;
}
.carousal_section ul li {
position: relative;
float: left;
height: auto;
margin: 0;
}
@media (min-width: 768px) {
.carousal_section ul li {
margin: 0;
}
}
@media (min-width: 992px) {
.carousal_section ul li {
width: 447px !important;
margin: 0 15px;
}
}
@media (min-width: 1200px) {
.carousal_section ul li {
width: 475px !important;
margin: 0 50px;
}
}
.carousal_content {
background: #fff;
border-radius: 3px;
padding: 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
position: relative;
margin: 0 0 36px;
}
.carousal_content p {
font-weight: 600;
font-style: italic;
color: #7e7e7e;
margin: 0;
line-height: 28px;
}
.carousal_content::after {
width: 26px;
height: 27px;
position: absolute;
content: " ";
background: url(../img/about/bottom_arrow.png) no-repeat center center;
bottom: -27px;
left: 30px;
}
.carousal_bottom .thumb {
width: 70px;
float: left;
height: auto;
margin-right: 18px;
border-radius: 50%;
}
.carousal_bottom .thumb img {
border-radius: 50%;
}
.thumb_title {
margin: 12px 0 0;
float: left;
}
.thumb_title span {
display: block;
font-weight: 600;
}
.thumb_title .author_name {
font-size: 16px;
color: #000;
text-transform: uppercase;
}
.thumb_title .author_designation {
font-style: italic;
font-size: 14px;
color: #7e7e7e;
}
.thumb_title .author_designation a {
text-decoration: none;
color: #337ab7;
}
.carousal_section .flex-control-paging {
position: relative;
bottom: 0;
margin-top: 80px;
}
/*========================================== 3. Blog =================================*/
.post_section {
padding: 35px 0 35px;
}
.post_left_border {
padding-right: 30px;
border-right: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.post_left_border {
padding-right: 0;
border-right: none;
}
}
.post_right_border {
padding-left: 30px;
border-left: 1px solid #dce4ea;
}
@media (max-width: 767px) {
.post_right_border {
padding-left: 0;
border-left: none;
}
}
.post {
float: left;
margin: 0 0 30px;
border-bottom: 1px solid #dce4ea;
}
.post_thumb {
margin: 0 0 13px;
}
.post_thumb > img {
width: 100%;
}
.meta {
padding: 0 0 6px 0;
border-bottom: 1px solid #dce4ea;
margin: 0 0 25px;
}
.meta span {
font-weight: 400;
font-style: italic;
line-height: 20px;
display: inline-block;
padding-right: 20px;
margin-right: 10px;
border-right: 1px solid #dce4ea;
}
.meta span a {
color: #337ab7;
text-decoration: none;
font-weight: 400;
}
.meta span.date {
border: none;
padding: 0;
margin: 0;
}
.list_block .upcoming_events .meta {
padding: 0;
border-bottom: none;
margin: 0;
}
.post h1 {
font-weight: normal;
color: #282428;
margin: 0 0 15px;
clear: both;
margin: 0 0 20px;
font-size: 25px;
}
@media (min-width: 1200px) {
.post h1 {
margin: 0 0 30px;
font-size: 30px;
}
}
.post h1 a {
color: #282428;
font-size: inherit;
}
.post_desc {
margin: 0 0 20px;
}
.post_bottom {
margin: 0 0 35px;
float: left;
}
.post_section .post_bottom > ul {
width: 100%;
}
.post_section .post_bottom > ul > li {
margin: 0;
margin-right: 25px;
padding: 0;
display: inline-block;
width: auto;
border: none;
clear: none;
}
.post_section .post_bottom > ul > li:last-child {
border: none;
}
.post_section .post_bottom > ul > li a {
position: relative;
text-decoration: none;
width: 59px;
height: 39px;
background: #f2f2f2;
border-radius: 20px;
display: block;
text-align: center;
}
.post_section .post_bottom > ul > li a span {
font-weight: 600;
font-size: 10px;
color: #fff;
line-height: 18px;
background: #337ab7;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
top: -8px;
width: 24px;
text-align: center;
display: block;
right: -6px;
}
.post_section .post_bottom > ul > li img {
margin-top: 12px;
}
.pagination_section li {
display: inline-block;
}
.pagination_section li a {
font-weight: 400;
color: #000;
line-height: 34px;
padding: 0 20px;
background: #f2f2f2;
border-radius: 15px;
display: block;
text-transform: uppercase;
text-decoration: none;
}
.list_block {
border: 1px solid #dce4ea;
padding: 15px 12px;
border-top: 3px solid #337ab7;
margin: 0 0 20px;
}
.related_post_sec h3 {
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px solid #dce4ea;
margin: 0 0 15px;
font-size: 22px;
}
@media (min-width: 768px) {
.related_post_sec h3 {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.related_post_sec h3 {
font-size: 22px;
}
}
.related_post_sec ul li {
padding: 0 0 6px;
margin: 0 0 18px;
/*border-bottom: 1px solid #dce4ea;*/
display: block;
/*clear: both;
width: 100%;*/
/*float: left;*/
}
@media (max-width: 767px) and (max-height: 450px) {
.related_post_sec ul li {
padding: 0 0 24px;
}
}
.related_post_sec ul li:last-child {
border: none;
}
.rel_thumb {
width: auto;
float: left;
height: auto;
margin: 5px 10px 0 0;
}
.rel_right h4 {
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin-bottom:0px;
}
.rel_right span.date {
font-weight: 400;
font-style: italic;
font-weight: normal;
line-height: 20px;
}
.rel_right span.date a {
text-decoration: none;
color: #337ab7;
font-weight: 400;
}
.related_post_sec a.more_post {
width: 100%;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
line-height: 44px;
border: 1px solid #000000;
text-align: center;
color: #000;
display: block;
clear: both;
}
.formTitle.news h3.extraPadding {
padding-bottom: 0;
border: none;
}
.newsletter h3 {
border: none;
padding: 0;
margin: 0 0 20px;
}
.form-control {
/*height: 42px;*/
/*line-height: 42px;*/
border-color: #dcdfe3;
}
.form-control:focus {
border-color: #337ab7;
box-shadow: none;
}
.input-group .form-control {
-webkit-border-radius: 0;
}
.input-group .form-control:focus {
z-index: 2;
}
.commonBtn {
padding: 0;
background-color: #AA0000;
text-transform: uppercase;
color: #fff;
border-color: #337ab7;
height: 42px;
line-height: 42px;
font-weight: 700;
}
.commonBtn:hover, .commonBtn:focus {
background-color: #AA0000;
color: #fff;
}
.formTitle h3 {
margin-bottom: 20px;
text-transform: uppercase;
}
.formTitle p {
margin-bottom: 25px;
}
.selectBox {
margin-bottom: 20px;
width: 100%;
}
.formArea .form-group {
margin: 0 0 20px;
}
.sbHolder, .sbSelector, .sbSelector:hover, .sbOptions a {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.formArea, .getArea {
width: 100%;
margin-bottom: 20px;
border: 1px solid #DCE4EA;
padding: 15px 12px 25px;
border-top: 3px solid #337ab7;
}
.getArea {
margin-bottom: 0;
}
h3.extraPadding {
padding-right: 25px;
margin-bottom: 18px;
}
.getImage {
width: 100%;
border: 1px solid #dce4ea;
margin-bottom: 20px;
text-align: center;
}
.getImage img {
display: block;
width: 100%;
}
@media (max-width: 767px) {
.post_right {
margin: 30px 0 0;
}
}
p.reduceMargin {
margin-bottom: 17px;
}
/*==================================== 4. single_blog ==============================*/
@media (min-width: 1200px) {
.single_post h1 {
margin: 0 0 30px;
}
}
.single_post p {
/*margin: 0 0 45px;*/
}
.single_post .block_quate {
margin: 40px 0;
}
.single_post ul li {
padding: 0 0 15px;
margin: 0;
/*float: left;*/
display: block;
}
.single_post.related_post_sec ul {
margin-left: 0 !important;
}
.single_post.related_post_sec h4 {
margin-bottom: 5px;
}
.single_post.related_post_sec h4 a {
font-size: 18px;
font-weight: 700;
color: #337ab7;
line-height: 20px;
margin: 0 0 8px;
text-decoration: none;
}
.single_post.related_post_sec h4 a:hover {
color: #3d8cd1;
}
.single_post.related_post_sec .rel_thumb {
margin-right: 20px;
width: 34%;
}
@media (max-width: 479px) {
.single_post.related_post_sec .rel_thumb {
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}
}
.single_post.related_post_sec .thumb {
margin-bottom: 10px;
}
.single_post.related_post_sec .meta {
padding: 0;
border: none;
margin: 0 0 5px;
}
.single_post.related_post_sec .meta > span {
border: none;
}
.single_post ul li:last-child {
/*border-bottom: 1px solid #dce4ea;*/
}
.single_post.related_post_sec p {
margin-bottom:10px;
line-height:18px;
}
.videoNine .single_post.related_post_sec p {
clear: none;
}
video {
max-width: 100%;
height: auto;
}
.video-container { position: relative; width:100%; /* keeps the aspect ratio */ padding-bottom: 56.25%; /* fine tunes the video positioning */ overflow: hidden;margin-bottom:15px;}
.video-container iframe,
.video-container video,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-container.floating {
position: fixed;
top: 40%;
right: 0;
padding: 0;
width: 400px;
height: 300px;
max-width: 100%;
z-index: 999;
background: #000;
border: #000 solid 2px;
box-shadow: rgba(0,0,0,0.6) 0 0 10px;
}
.video-container.floating a.opt {
display: none;
position: absolute;
top: 5px;/*41px;*/
width: 22px;
height: 22px;
text-align: center;
background: white;
border-radius: 10px;
z-index: 999;
}
.video-container.floating a.opt.move {
left: 4px;
cursor: move;
}
.video-container.floating .opt.off {
right: 4px;
}
.video-container.floating:hover a.opt {
display: inline-block;
}
@media (max-width: 1024px) {
.video-container.floating a.opt {
display: inline-block;
}
.video-container.floating a.opt.move {
display: none;
}
.video-container.floating .opt.off {
right: auto;
left: 4px;
}
}
.embed-responsive {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 15px;
}
.embed-responsive .embed-responsive-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-container { margin-bottom: 15px; text-align: center; }
@media (max-width: 767px) {
.image-container .thumbnail,.image-container img {
width: auto !important;
}
}
.comments_section h3 {
font-size: 22px;
font-weight: 700;
color: #000;
line-height: normal;
padding-bottom: 15px;
border-bottom: 1px solid #dce4ea;
margin: 0 0 26px;
text-transform: uppercase;
}
.comment_header {
margin: 0 0 15px;
}
.comment_header ul {
margin: 0;
}
.comment_header ul li {
font-size: 18px;
color: #333333;
font-weight: 700;
display: inline-block;
}
.comment_header ul li.comment_favorite_count {
float: right;
font-size: 13px;
}
.comment_header ul li.comment_favorite_count span {
width: 23px;
background: #d3d8db;
display: inline-block;
line-height: 23px;
text-align: center;
border-radius: 3px;
position: relative;
margin-left: 4px;
}
.comment_header ul li.comment_favorite_count span:before {
content: "";
position: absolute;
width: 4px;
height: auto;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #d3d8db;
left: -4px;
top: 50%;
margin-top: -4px;
}
.fa.fa-star {
color: #ffc100;
}
.fa.info {
color: #5bc0de;
}
.fa.warning {
color: #f0ad4e;
}
.postbox {
display: table;
margin: 0 0 30px;
width: 100%;
}
.avatar {
width: 60px;
height: auto;
display: table-cell;
vertical-align: middle;
margin: 0 12px 0 0;
}
.post-content .avatar {
vertical-align: top;
}
.comments_field {
width: auto;
height: auto;
display: table-cell;
}
.comments_field .form-control {
height: 52px;
border: 2px solid #cdd4d9;
border-radius: 5px;
font-size: 18px;
color: #b2bbc0;
}
.post-content {
display: table;
}
#post_list .comment_tools ul {
margin: 0 0 18px;
border-bottom: 2px solid #eaeef0;
padding: 0 0 7px 10px;
position: relative;
}
#post_list .comment_tools ul li {
display: inline-block;
margin-right: 20px;
}
#post_list .comment_tools ul li a {
font-size: 13px;
font-weight: 700;
color: #a7adb2;
}
#post_list .comment_tools ul li .fa {
font-size: 13px;
}
#post_list .comment_tools ul li.sort a {
color: #363a3d;
}
#post_list .comment_tools ul li.share, #post_list .comment_tools ul li.setting {
float: right;
margin: 0 0 0 20px;
}
.comment_tools ul:before {
width: 62px;
height: 2px;
content: " ";
position: absolute;
left: 0;
background: #424242;
top: 31px;
}
.comment_bottom_block {
border-top: 2px solid #eaeef0;
padding-top: 20px;
margin: 65px 0 70px;
}
.comment_bottom_block ul li {
display: inline-block;
}
.comment_bottom_block ul li a {
font-size: 12px;
color: #a7b1b7;
font-weight: 700;
margin: 0 20px 0 0;
}
.comment_bottom_block ul li.disqus_logo {
float: right;
margin: 0;
}
.comments_form {
padding-bottom: 45px;
}
.comments_form .form-control {
box-shadow: none;
}
.comments_form .half {
width: 48%;
float: left;
height: auto;
margin: 0 4% 20px 0;
}
@media (max-width: 479px) {
.comments_form .half {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
}
.comments_form .half.right {
margin-right: 0;
}
.comments_form .full {
margin: 0 0 20px;
clear: both;
}
.comments_form .commonBtn {
border: none;
float: right;
width: 218px;
}
.post-byline a {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 13px;
color: #424242;
text-decoration: none;
margin-right: 25px;
}
.post-meta a {
font-size: 12px;
color: #a9b2b9;
font-family: 'Open Sans', sans-serif;
}
.post-meta a:hover {
color: #a9b2b9;
}
.post-message p {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #41474a;
margin: 0;
}
.comment_footer {
width: 100%;
display: inline;
height: auto;
}
.comment_footer li {
display: inline-block;
margin-right: 20px;
}
.comment_footer li a {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 13px;
color: #919da6;
}
#post_list li.voting .control.left {
border-right: 2px solid #edeeef;
padding-right: 10px;
margin-right: 10px;
}
#post_list .fa {
font-size: 16px;
color: #9a9a9a;
}
#post_list .comment_footer li.share .fa {
font-size: 9px;
}
.upcoming_events ul {
margin-bottom: 0;
}
.upcoming_events ul li {
/*display: table;
float: none;
position: relative;*/
}
.upcoming_events span.date {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.7);
transition: color 0.3s;
padding-top: 5px;
border: 3px solid #dce4ea;
display: inline-block;
width: 60px;
text-align: center;
margin-right: 10px;
margin-top: -20px;
background: #fff;
}
.upcoming_events span.date span {
font-weight: 700;
font-size: 36px;
display: block;
line-height: 30px;
}
.upcoming_events span.date span.custom {
font-size: 24px;
line-height: 24px;
padding-bottom: 0;
}
.related_post_sec.single_post .upcoming_events li {
/*margin-bottom: 30px;
position: relative;
float: left;*/
}
.related_post_sec.single_post .upcoming_events .date-wrapper {
position: absolute;
top: 0;
left: 20px;
}
.related_post_sec.single_post .upcoming_events span.date {
display: block;
margin-right: 20px;
}
.related_post_sec.single_post .upcoming_events .rel_right {
padding-left: 80px;
float: left;
}
.related_post_sec.single_post .upcoming_events h4 a {
font-size: 20px;
line-height: 22px;
}
.related_post_sec.single_post .upcoming_events p {
font-size: 14px;
line-height: 20px;
}
/*.upcoming_events .btn {
padding-left: 20px;
padding-right: 20px;
margin-top: 15px;
}*/
.related_post_sec.single_post .upcoming_events li{
/*float: none;
padding:0;
margin-bottom: 20px;*/
padding-right:15px;
min-height: 100px;
}
.list_block.related_post_sec.single_post .upcoming_events li {
padding-right: 0;
}
.upcoming_events .meta, .single-event .meta {
margin: 15px 0;
}
.single_post.related_post_sec .upcoming_events .meta {
margin:0;
margin-left: -5px;
text-align: center;
}
.upcoming_events .meta span, .single-event .meta span {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
font-weight: 400;
font-style: normal;
line-height: 20px;
padding-right: 0;
margin-right: 20px;
border-right: none;
}
.upcoming_events .meta .event-time {
display: block;
}
.upcoming_events .meta span i, .single-event .meta span i {
font-size: 11px;
padding-right: 2px;
}
.related_post_sec.single_post .upcoming_events li:hover span.date {
color: #000;
transition: color 0.3s;
}
.related_post_sec.single_post .upcoming_events li:hover h4 a {
color: #3d8cd1;
transition: color 0.3s;
}
@media (max-width: 479px) {
.upcoming_events.event-col .col-xs-6 {
width: 100%;
}
}
.upcoming_events ul li:hover span.date {
color: #000;
transition: color 0.3s;
}
.upcoming_events ul li:hover h4 a {
color: black;
transition: color 0.3s;
}
.upcoming_events .row {
/*overflow: hidden;*/
}
.upcoming_events h4 a {
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
transition: color 0.3s;
line-height: 24px;
text-decoration: none;
display: table-cell;
}
@media (max-width: 767px) {
.facebook_section img, .twitter_section img {
max-width: 100%;
}
}
@media (min-width: 768px) {
.facebook_section img, .twitter_section img {
width: 100%;
}
}
/*==================================== signup ==============================*/
.steps-progress .progress {
margin-top:10px;
}
.steps-progress h5 {
margin-bottom:0;
}
.steps-progress p.help-block {
margin:0;
}
.select2-search--dropdown:after {
content:"";
}
.select2-results > .select2-results__options {
max-height: 400px !important;
}
.select2-results__options {
/*margin-left: 15px !important;*/
}
li.select2-results__option {
padding: 3px 3px 3px 15px;
border-top: 1px dotted #eee;
}
#consent-age-message {
display: none;
padding-top: 50px;
position: relative;
}
#consent-age-message .well-banner {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 40px;
}
#consent-age-message .well-banner > * {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
/*==================================== 5. courses ==============================*/
.courses_section {
padding: 35px 0 35px;
}
@media (max-width: 767px) {
.courses .table-striped {
overflow: auto;
min-width: 500px;
}
}
.courses_right_inner .table-striped > tbody > tr:nth-child(2n) > td,
.courses_right_inner .table-striped > tbody > tr:nth-child(2n) > th {
background: #f6f6f6;
}
.courses_right_inner .table-striped > thead > tr > th {
font-weight: 700;
font-size: 10px;
color: #fff;
text-transform: uppercase;
padding: 5px 10px 11px 5px;
border-bottom: none;
background: #000000;
vertical-align: middle;
cursor: pointer;
position: relative;
}
@media (max-width: 479px) {
.courses_right_inner .table-striped > thead > tr > th {
font-size: 7px;
}
}
@media (min-width: 768px) {
.courses_right_inner .table-striped > thead > tr > th {
font-size: 14px;
padding: 11px 13px 11px 15px;
}
}
.courses_right_inner .table-striped > tbody > tr td {
padding: 8px 13px 10px 15px;
}
@media (max-width: 767px) {
.courses_right_inner .table-striped > tbody > tr td {
padding: 8px;
}
}
.courses_right_inner .table-striped > tbody > tr.option td {
font-weight: 700;
color: #000;
background: #e8e8e8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dcdcdc;
}
.courses_right_inner td ul {
width: 100%;
float: left;
list-style-type: none;
margin: 0;
}
.courses_right_inner td ul li {
width: 100%;
float: left;
}
.courses_right_inner td ul li.active a {
font-weight: 700;
text-decoration: underline;
color: #000000;
font-size: 10px;
}
@media (min-width: 768px) {
.courses_right_inner td ul li.active a {
font-size: 14px;
}
}
.courses_right_inner td a {
font-weight: 400;
text-decoration: none;
color: #000;
font-size: 10px;
}
@media (min-width: 768px) {
.courses_right_inner td a {
font-size: 14px;
}
}
.courses_right_inner td a:hover {
color: #000000;
}
.courses_right_inner td ul li.active a:hover {
text-decoration: none;
}
.courses_right_inner tr td {
font-weight: 400;
font-size: 10px;
color: #282428;
}
@media (min-width: 768px) {
.courses_right_inner tr td {
font-size: 14px;
}
}
.courses_right_inner .pagination {
float: left;
margin: 15px 0 0;
}
@media (max-width: 767px) {
.courses_right_inner .pagination {
width: 100%;
text-align: center;
display: block;
margin: 15px auto 0;
}
}
.pagination > li {
display: inline-block;
}
.pagination > li > a, .pagination > li > span {
margin-left: 10px;
/*padding: 7px 13px;*/
}
@media (max-width: 767px) {
.pagination > li > a, .pagination > li > span {
margin: 0 2px;
}
}
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
/*font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #333;
font-weight: normal;
border: 1px solid #ccc;*/
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
/*.pagination > .active > a:focus,*/
.pagination > .active > span:focus {
border-color: #ccc;
background: #fff;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
border-color: #adadad;
background: #e6e6e6;
color: #333;
}
.pagination > .active > a {
border-color: #adadad;
background: #adadad;
}
.pagination > .active > a:hover {
border-color: #adadad;
background: #adadad;
}
.table-responsive.courses {
width: 100%;
float: left;
height: auto;
}
@media screen and (max-width: 991px) {
.table-responsive::before {
content: " ";
width: 100%;
height: 64px;
background-image: url("../img/swipe_table.png");
background-position: center;
background-repeat: no-repeat;
display: block;
}
.table-responsive {
border: 0;
}
}
.search_section {
margin: 0 0 20px;
width: 100%;
float: left;
}
.search_section li {
width: 33%;
margin: 0 22px 0 0;
display: inline-block;
float: left;
}
@media (max-width: 767px) {
.search_section li {
width: 100%;
margin: 0 0 15px 0;
}
}
@media (min-width: 768px) {
.search_section li {
margin: 0 3% 0 0;
}
}
@media (min-width: 992px) {
.search_section li {
margin: 0 22px 0 0;
}
}
@media (max-width: 767px) {
.courses-fullwidth .search_section form > ul > li {
width: 100%;
}
}
@media (min-width: 768px) {
.courses-fullwidth .search_section form > ul > li {
width: 33%;
margin: 0 3% 0 0;
}
}
@media (min-width: 992px) {
.courses-fullwidth .search_section form > ul > li {
width: 34%;
margin: 0 22px 0 0;
}
}
@media (min-width: 1200px) {
.courses-fullwidth .search_section form > ul > li {
width: 33.40%;
margin: 0 22px 0 0;
}
}
.search_section form > ul > li:last-child {
margin: 0;
}
@media (max-width: 767px) {
.search_section form > ul > li.search_button {
width: 100%;
}
}
@media (min-width: 768px) {
.search_section form > ul > li.search_button {
width: 28%;
}
}
@media (min-width: 992px) {
.search_section form > ul > li.search_button {
width: 27%;
}
}
@media (min-width: 1200px) {
.search_section form > ul > li.search_button {
width: 29%;
}
}
.search_section li .form-control {
box-shadow: none;
}
.sbOptions li {
width: 100%;
}
@media (min-width: 992px) {
.courses_left {
padding-right: 0;
}
}
.courses_left_inner h3 {
text-transform: uppercase;
margin: 0 0 13px;
}
@media (min-width: 992px) {
.courses_left_inner h3 {
letter-spacing: -1px;
}
}
.courses_left_inner ul {
float: left;
width: 100%;
margin: 0 0 40px;
}
.courses_left_inner ul li {
float: left;
width: 100%;
margin: 0 0 6px;
}
.courses_left_inner ul li a {
font-weight: 600;
font-size: 14px;
color: #282428;
text-decoration: none;
font-weight: normal;
display: block;
}
.courses_left_inner ul li a:hover, .courses_left_inner ul li a:focus {
color: #000000;
}
.courses_left_inner ul li.active a {
color: #000000;
}
.courses_left_inner ul li:last-child {
margin: 0;
}
.search_section li .selectBox {
margin: 0;
}
.course-grid h3 a {
font-size: 18px;
font-weight: 700;
color: rgba(0, 0, 0, 0.8);
line-height: 21px;
display: block;
margin: 20px 0 30px;
text-decoration: none;
}
.course-grid h3 a:hover {
color: black;
}
@media (min-width: 768px) {
.course-grid.course-3col .aboutImage .overlay {
padding: 20px;
}
}
@media (min-width: 992px) {
.course-grid.course-3col .aboutImage .overlay {
padding: 30px 20px;
}
}
@media (min-width: 768px) {
.course-grid.course-3col .aboutImage .overlay p {
font-size: 12px;
}
}
@media (min-width: 992px) {
.course-grid.course-3col .aboutImage .overlay p {
font-size: 14px;
}
}
.course-grid .col-xs-6 {
margin-bottom: 40px;
}
.pagination {
margin: 0 0 20px 0;
}
/*==================================== 6. single_course ==============================*/
.item_inner.slider {
padding: 15px 15px 20px;
}
.item_inner.slider .flex-direction-nav {
position: relative;
bottom: 0;
margin-top: 8px;
float: right;
width: auto;
}
.item_inner.slider .carousal_bottom {
padding: 0;
}
.item_inner.slider .carousal_bottom .thumb {
width: 58px;
margin: 0 18px 0 0;
}
.item_inner.slider .thumb_title {
margin: 5px 0 0;
}
.item_inner.slider .author_name {
text-transform: uppercase;
}
#single_banner .flex-control-paging {
position: relative;
bottom: 0;
line-height: 11px;
margin-top: 20px;
float: none;
}
#single_banner .flex-control-paging li a {
background: #d6dbe0;
border-radius: 50%;
width: 11px;
height: 11px;
}
#single_banner .flex-control-paging li a.flex-active {
background: #000000;
}
#single_banner p {
font-weight: 600;
font-style: italic;
color: #7e7e7e;
line-height: 28px;
}
.item_inner.slider h4 {
margin: 0 0 10px;
}
.item_inner.slider .flex-direction-nav li {
float: left;
}
.item_inner.slider .flex-direction-nav a {
position: relative;
bottom: 0;
display: block;
margin: 0;
width: 35px;
height: 30px;
border: 1px solid #000000;
}
.flex-direction-nav a.flex-next {
background: url(../img/courses/next.png) no-repeat center center;
margin-left: 10px !important;
}
.flex-direction-nav a.flex-prev {
background: url(../img/courses/prev.png) no-repeat center center;
}
.item_inner.question h4 {
margin: 0 0 10px;
}
.item_inner.question h5 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 18px;
margin: 0 0 20px;
color: #000;
}
.item_inner.question h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #000;
margin: 0;
}
.item_inner.question a {
color: #000000;
text-decoration: underline;
}
.item_inner.question a:hover {
text-decoration: none;
}
.tab_menu {
height: 90px;
}
.single_content .container.body p a:not(.btn), .single_content .container.body label a:not(.btn) {
color: #337ab7;
border-bottom: #337ab7 solid 2px;
text-decoration: none !important;
}
.single_content h1:not(.panel-title) {
padding-bottom: 10px;
border-bottom: 1px solid #dce4ea;
margin: 0 0 15px;
/*font-weight: bold;*/
}
.single_content .tab_menu > ul {
clear: both;
width: 100%;
}
.single_content .tab_menu > ul li {
display: inline-block;
float: left;
position: relative;
width: 25%;
box-sizing: border-box;
}
.single_content .tab_menu > ul li a {
font-weight: 700;
font-size: 12px;
line-height: 14px;
color: #000;
text-transform: uppercase;
text-decoration: none;
display: block;
border-bottom: 1px solid #dce4ea;
border-top: 1px solid #dce4ea;
background: #f6f9fa;
text-align: center;
height: 45px;
padding: 5px;
}
@media (max-width: 479px) {
.single_content .tab_menu > ul li a {
padding: 5px;
font-size: 10px;
}
}
@media (min-width: 768px) {
.single_content .tab_menu > ul li a {
padding: 5px;
}
}
@media (min-width: 1200px) {
.single_content .tab_menu > ul li a {
height: 50px;
line-height: 16px;
padding: 15px 5px;
}
}
.single_content .tab_menu > ul li a:hover {
background: #000000;
color: #fff;
border-color: #000000;
}
.single_content .tab_menu > ul li:first-child a {
border-left: 1px solid #dce4ea;
}
.single_content .tab_menu > ul li:last-child a {
border-right: 1px solid #dce4ea;
}
.single_content .tab_menu > ul li.active a {
background: #000000;
color: #fff;
border-color: #000000;
}
.tab_menu > ul li.active a::after, .tab_menu > ul li a:hover::after {
content: " ";
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #000000;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -10px;
}
.single_tab_content p {
/*margin: 0 0 42px;*/
}
.single_tab_content h1 {
font-size: 22px;
margin: 0 0 13px;
}
.single_tab_content img.video {
margin: 0 0 53px;
}
@media (max-width: 479px) {
.popularCourse .col-xs-6 {
width: 100%;
}
}
/*==================================== 7. admission ==============================*/
.single_banner_inner.admission .single_caption {
left: 22px;
width: 700px;
}
.single_banner_inner.admission .single_caption h1 {
margin: 0;
}
.block_quate {
padding: 10px 20px;
border-left: 4px solid #337ab7;
background: #f6f9fa;
margin: 40px 0 25px;
}
.block_quate p {
font-weight: 400;
font-style: italic;
margin: 0;
}
.block_quate.custom {
margin-top: 0;
}
.admission_video {
margin: 20px 0 38px;
cursor: pointer;
text-align: center;
}
.admission_video iframe {
max-width: 100%;
}
.admission-border {
padding-bottom: 60px;
border-bottom: 1px solid #dce4ea;
margin-bottom: 25px;
}
.resultPart.admission {
padding-right: 20px;
}
.sidebar_button a {
color: #ffffff;
display: block;
text-align: center;
background-color: #337ab7;
padding: 10px;
}
.sidebar_button a:hover {
background-color: #BB0000;
color: #ffffff;
}
.sidebar_item {
border-top: 3px solid #337ab7;
margin: 0 0 20px;
}
.item_inner {
border: 1px solid #dce4ea;
border-top: none;
padding: 15px 5px 20px 15px;
}
.item_inner.program {
padding: 15px 15px 5px 15px;
background: #f6f9fa;
}
.item_inner a.fees {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 14px;
color: #000000;
text-decoration: none;
}
.item_inner > h4 {
margin: 0 0 16px;
text-transform: uppercase;
}
.item_inner.program ul {
margin-left: 0 !important;
width: 100%;
}
.item_inner.program ul li {
display: block;
width: 100%;
font-weight: 600;
font-size: 14px;
color: #000;
text-align: left;
line-height: 18px;
margin: 0 0 16px;
white-space: nowrap;
}
.item_inner.program ul li span {
min-width: 35%;
padding-right: 5px;
display: inline-block;
color: #686868;
}
.item_inner.program ul li .label {
font-size: 1.25rem;
}
.item_inner.program ul li .label-enrolment {
display: block;
padding-top: 6px;
padding-bottom: 5px;
white-space: normal;
}
.item_inner.program ul li:last-child {
margin: 0;
}
.sidebar_item.admission .item_inner.program {
padding: 0 20px;
}
.sidebar_item.admission .item_inner.program ul li a {
color: #545454;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #dce4ea;
display: block;
text-decoration: none;
padding-bottom: 17px;
background: url(../img/admission/arrow.png) no-repeat right center;
padding-right: 20px;
padding-top: 17px;
transition: all 0.2s ease-in-out;
}
.sidebar_item.admission .item_inner.program ul li a:hover {
color: #000;
}
.sidebar_item.admission .item_inner.program ul li {
margin: 0 0 0;
}
.sidebar_item.admission .item_inner.program ul li.active a {
color: #000;
}
.sidebar_item.admission .item_inner.program ul li:last-child {
margin: 0;
}
.sidebar_item.admission .item_inner.program ul li:last-child a {
border: none;
margin: 0;
}
.sidebar_item.admission .item_inner.program ul li.no_arrow a {
background: none;
}
.formArea.admission {
padding: 0;
border: none;
margin: 0;
}
.formArea.admission h3 {
text-transform: uppercase;
margin: 0 0 20px;
}
.single_banner_inner {
position: absolute;
height: 100% !important;
width: 100% !important;
}
.single_caption {
margin: 0 auto;
width: 1280px;
height: 100%;
max-width: 100%;
position: relative;
}
.single_caption_inner {
width: 900px;
/*max-width: 90%*/;
left: 15px;
bottom: 20px;
position: absolute;
background: rgba(0, 0, 0, 0.4);
padding: 15px 20px;
}
@media (max-width: 479px) {
.single_caption_inner {
padding: 10px 15px;
}
}
@media (min-width: 768px) {
.single_caption_inner {
padding: 15px 20px;
left: 5%;
bottom: 25px;
}
}
@media (min-width: 992px) {
.single_caption_inner {
width: 835px;
left: 48px;
bottom: 30px;
max-width: 94%;
padding: 20px 20px 28px;
}
}
@media (min-width: 1200px) {
.single_caption_inner {
width: 900px;
}
}
.single_caption h1 {
font-size: 26px !important;
text-transform: none !important;
color: #fff !important;
font-weight: 400 !important;
margin: 0 0 8px !important;
text-align: left !important;
}
.main_wrapper .single_content .single_caption h1 {
border-bottom: none !important;
}
@media (max-width: 479px) {
.single_caption h1 {
font-size: 18px !important;
}
}
@media (min-width: 768px) {
.single_caption h1 {
font-size: 30px !important;
}
}
@media (min-width: 992px) {
.single_caption h1 {
font-size: 40px !important;
}
}
@media (min-width: 1200px) {
.single_caption h1 {
font-size: 44px !important;
}
}
.single_caption h2 {
font-size: 16px !important;
text-transform: none !important;
color: #fff !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
margin: 0 !important;
}
@media (max-width: 479px) {
.single_caption h2 {
font-size: 13px !important;
}
}
@media (min-width: 992px) {
.single_caption h2 {
font-size: 16px !important;
}
}
@media (min-width: 1200px) {
.single_caption h2 {
font-size: 22px !important;
}
}
.single_caption p {
color: #fff !important;
margin: 0 !important;
}
.single_content {
position: relative;
padding: 35px 0;
}
.single_content .single_content {
padding: 0 !important;
}
.overlay-darken {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 3;
}
.custom {
padding-bottom: 60px;
}
.custom h2 {
font-size: 22px;
text-transform: uppercase;
line-height: 27px;
margin: 0 0 14px;
}
.course-title h2 {
font-size: 22px;
text-transform: uppercase;
line-height: 27px;
margin: 0 0 14px;
}
/*============================= 10. Stuff =============================================*/
.custom_content {
padding: 35px 0 35px;
background: #fff;
}
.custom_title h1 {
margin: 0 0 15px;
}
ul.list {
border-bottom: 1px solid #dce4ea;
margin: 30px 0 50px;
float: left;
clear: both;
}
ul.list li {
margin: 0 4% 45px 0;
text-align: center;
width: 48%;
float: left;
display: inline-block;
}
@media (max-width: 479px) {
ul.list li {
margin: 0 0 30px;
text-align: center;
width: 100%;
float: none;
}
}
@media (min-width: 768px) {
ul.list li {
width: 23%;
margin: 0 2% 45px 0;
}
}
@media (min-width: 992px) {
ul.list li {
width: 220px;
margin: 0 20px 45px 0;
}
}
@media (min-width: 1200px) {
ul.list li {
width: 237px;
margin: 0 63px 60px 0px;
}
}
ul.list li .thumb {
width: 100%;
margin: 0 0 22px;
}
ul.list li a {
text-decoration: none;
}
@media (max-width: 767px) {
ul.list li:nth-child(2n) {
margin-right: 0;
clear: right;
}
}
@media (min-width: 992px) {
ul.list li:nth-child(4n) {
margin-right: 0;
clear: right;
}
}
ul.list.last {
border: none;
margin-bottom: 0;
}
ul.list h3 {
font-weight: 400;
color: #000;
font-size: 20px;
margin: 0 0 2px;
}
ul.list h5 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
color: #000;
font-size: 14px;
line-height: normal;
}
ol.nested_list.decimal > li:first-child {
counter-reset: item;
}
ol.nested_list.decimal li {
display: block;
}
ol.nested_list.decimal li:before {
content: counters(item, ".") " ";
counter-increment: item;
}
ul.nested_list {
margin: 0;
}
.nested_list .nested_list {
margin-left: 16px !important;
}
/*============================ 11. campus =======================================*/
.custom_content.custom h3 {
text-transform: uppercase;
margin: 0 0 30px;
}
.carousel-indicators {
z-index: 999;
margin-bottom: 0;
}
.carousel-indicators li {
width: 10px;
height: 10px;
margin: 0 5px;
background: #fff;
}
.carousel-indicators li.active {
background: #000000;
width: 10px;
height: 10px;
border: none;
}
.row.custom {
padding-bottom: 0;
border-bottom: none;
}
.sidebar_item.campus h4 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin: 10px 0 15px;
width: 100%;
float: left;
line-height: normal;
}
/*================================== 12. Photo gallery ====================================*/
.photo_gallery.custom {
padding-bottom: 0;
border-bottom: none;
}
.photo_gallery .gallery li {
width: 48.5%;
margin: 0 3% 20px 0;
float: left;
position: relative;
overflow: hidden;
transition: all 0.35s ease-in-out;
display: inline-block;
}
@media (max-width: 479px) {
.photo_gallery .gallery li {
width: 100%;
margin: 0 0 15px 0;
}
}
@media (min-width: 768px) {
.photo_gallery .gallery li {
width: 22.75%;
margin: 0 3% 30px 0;
}
}
.photo_gallery .gallery li .overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background: transparent;
text-align: center;
transition: background 0.3s;
}
.photo_gallery .gallery li span.zoom {
width: 45px;
height: 45px;
border-radius: 50%;
display: inline-block;
opacity: 0;
color: #ffffff;
background: rgba(0, 0, 0, 0.75);
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
position: absolute;
bottom: 32%;
left: 50%;
z-index: 99;
text-align: center;
margin-left: -25px;
}
.photo_gallery .gallery li i {
padding-top: 15px;
}
.photo_gallery .gallery li:hover .overlay {
background: rgba(0, 0, 0, 0.25);
transition: background 0.3s;
}
.photo_gallery .gallery li:hover span.zoom {
opacity: 1;
transition-delay: 0.1s;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (min-width: 768px) {
.photo_gallery .gallery li:nth-child(4n) {
margin-right: 0;
clear: right;
}
}
@media (max-width: 767px) {
.photo_gallery .gallery li:nth-child(2n) {
margin-right: 0;
clear: right;
}
}
@media (min-width: 768px) {
.photo_gallery .gallery.gallery-3col li {
width: 31.3%;
margin: 0 3% 30px 0;
}
.photo_gallery .gallery.gallery-3col li span.zoom {
width: 50px;
height: 50px;
bottom: 35%;
}
.photo_gallery .gallery.gallery-3col li span.zoom i {
padding-top: 18px;
}
}
@media (min-width: 768px) {
.photo_gallery .gallery.gallery-3col li:nth-child(4n) {
clear: none;
margin: 0 3% 30px 0;
}
}
@media (min-width: 768px) {
.photo_gallery .gallery.gallery-3col li:nth-child(3n) {
margin-right: 0 !important;
clear: right !important;
}
}
#image-item-carousel .carousel-inner .item {
padding: 0 30px;
}
#image-item-carousel .recommended-item-control {
margin-top: -12px;
position: absolute;
top: 50%;
z-index: 999;
}
#image-item-carousel .recommended-item-control.right {
right: 0;
}
.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
background: url(../img/prev.png) no-repeat center center;
}
.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
background: url(../img/next.png) no-repeat center center;
}
.mfp-arrow-left::after, .mfp-arrow-left .mfp-a, .mfp-arrow-left::before, .mfp-arrow-left .mfp-b, .mfp-arrow-right::before, .mfp-arrow-right .mfp-b, .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
border: none;
}
.carousel-inner img {
width: 100%;
}
.mfp-arrow {
width: 40px !important;
height: 50px !important;
}
.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
background: rgba(0, 0, 0, 0.7) url(../img/next.png) no-repeat center center;
}
.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
background: rgba(0, 0, 0, 0.7) url(../img/prev.png) no-repeat center center;
}
/*================================== 13. Apply now ====================================*/
.apply_from .form-group .label {
font-family: "Open Sans",sans-serif;
font-size: 14px;
color: #000;
font-weight: 400;
padding: 0;
line-height: normal;
white-space: normal;
padding: 10px 0;
float: left;
text-align: left;
}
.apply_from .form-group .form-control {
box-shadow: none;
}
.apply_from .form-group .label span {
color: #f00;
}
.apply_from h4 {
text-transform: uppercase;
margin: 30px 0 20px;
}
.apply_from .form-group textarea {
height: 120px;
resize: vertical;
}
.text-field {
width: 100%;
float: left;
height: auto;
}
.text-field.custom {
display: table;
}
.field-prefix {
display: table-cell;
}
.text-field.custom .form-control {
display: inline-block;
}
.card-type {
width: 100%;
float: left;
}
.card-type li {
display: inline-block;
position: relative;
margin: 0 15px 0 0;
}
.custom_right input[type="radio"] {
/*display: none;*/
}
input[type="radio"] + label {
font-family: "Open Sans",sans-serif;
font-size: 14px;
color: #000;
}
input[type="radio"] + label span {
display: inline-block;
width: 40px;
height: 25px;
margin: -1px 4px 0 0;
vertical-align: middle;
cursor: pointer;
opacity: 0.5;
}
input[type="radio"]:checked + label span {
opacity: 1;
}
.apply_from .commonBtn {
width: 200px;
border: none;
}
@media (max-width: 767px) {
.col-xs-12.col-sm-4.select-year {
margin-top: 15px;
}
.apply_from .custom_margin {
margin: 15px 0 0;
}
}
/*================= 13. BOOKING CONFIRMATION ==================*/
.ed-alert.alert-success {
font-size: 20px;
font-weight: 300;
color: #5ca05e;
background-color: #edfaee;
border-color: #d0edce;
padding: 15px 35px;
margin-bottom: 30px;
}
.ed-alert.alert-success .close {
filter: alpha(opacity=100);
opacity: 1;
}
.ed-alert.alert-success .close:focus, .ed-alert.alert-success .close:hover {
color: #5ca05e;
filter: alpha(opacity=100);
opacity: 1;
}
.ed-alert.alert-success i {
font-size: 25px;
padding-top: 9px;
width: 45px;
height: 45px;
text-align: center;
background: #60a662;
color: #ffffff;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
margin-right: 10px;
}
.ed-alert.alert-success .icomoon-checkmark3:before {
vertical-align: middle;
}
.ed-alert.alert-dismissable .close, .ed-alert.alert-dismissible .close {
position: relative;
top: -14px;
right: -28px;
}
.ed-cinfirm {
width: 100%;
}
.ed-cinfirm .top-headline {
margin-top: 30px;
margin-bottom: 20px;
color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 768px) {
.ed-cinfirm .top-headline {
margin-top: 0;
}
}
.ed-cinfirm-detail .headline {
margin-top: 30px;
color: rgba(0, 0, 0, 0.8);
margin-bottom: 20px;
}
.ed-cinfirm-detail li {
width: 43%;
display: inline-block;
float: left;
margin: 0 10px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.ed-cinfirm-detail li {
width: 25%;
margin: 0;
margin-bottom: 30px;
}
}
.ed-cinfirm-detail li span {
font-size: 16px;
font-weight: 300;
}
.ed-cinfirm-detail li span:first-child {
font-weight: 500;
}
.ed-cinfirm-detail li:last-child {
float: right;
}
.ed-cinfirm-detail li:last-child span {
font-size: 26px;
font-weight: 300;
}
.ed-cinfirm-detail li:last-child span:first-child {
font-weight: 500;
}
.ed-cinfirm-detail ul {
margin: 0 -10px;
}
@media (min-width: 992px) {
.ed-cinfirm-detail ul {
margin: 0;
}
}
/*================================== 14. Privacy policy ====================================*/
.privacy_content h4 {
font-weight: 400;
line-height: 28px;
margin: 0 0 20px;
}
.privacy_content p a {
text-decoration: underline;
}
.privacy_content p a:hover {
text-decoration: none;
}
.privacy_content h5 {
margin: 35px 0 8px;
line-height: normal;
}
.privacy_content ul {
margin: 0 0px 20px 22px;
}
.privacy_content ul li {
padding-left: 15px;
background: url(../img/bullet.png) no-repeat left 10px;
line-height: 23px;
margin: 0 0 5px;
}
p > a, p > a:hover {
font-weight: 400;
}
/*================================= 15. Contact Us ====================================*/
.contact_form label {
font-weight: normal;
}
.contact_form label .error {
color: #f00;
}
.contact_form .form-control {
box-shadow: none;
}
.contact_form .commonBtn {
border: none;
padding: 0 40px;
}
ul.contact_info li {
width: 100%;
display: block;
font-weight: 400;
color: #000;
margin: 0 0 5px;
}
ul.contact_info li .fa {
color: #000000;
display: inline-block;
font-size: 16px;
margin-right: 5px;
width: 20px;
}
ul.contact_info li a {
color: #000;
font-weight: 400;
}
ul.contact_info li a:hover {
color: #000000;
}
.list_block.custom {
padding: 15px 12px 25px;
}
.list_block.custom p {
margin: 0;
}
.list_block.custom h4 {
font-weight: 400;
font-family: "Open Sans",sans-serif;
margin: 10px 0 20px;
float: left;
width: 100%;
}
.single_banner_inner img {
width: 100%;
}
.contact_map iframe {
display: block;
}
/*================= 16. PRICE TABLE ==================*/
@media (max-width: 479px) {
.price-table .col-xs-6 {
width: 100%;
}
}
.price-table-inner {
text-align: center;
padding: 30px;
margin-bottom: 70px;
border: 1px solid #dce4ea;
}
@media (max-width: 479px) {
.price-table-inner {
padding: 0;
border: none;
}
}
@media (min-width: 768px) {
.price-table-inner {
padding: 15px;
}
}
@media (min-width: 992px) {
.price-table-inner {
padding: 30px;
}
}
.price-table-inner .btn {
padding-left: 30px;
padding-right: 30px;
}
.price-table h3 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
}
.price-table span {
font-size: 15px;
margin-bottom: 10px;
font-weight: 400;
display: block;
}
.price-title {
padding: 20px 0;
text-align: center;
width: 100%;
background: #000000;
margin-bottom: 25px;
}
.course-price h2 {
font-size: 35px;
line-height: 35px;
margin-bottom: 0;
font-weight: 300;
margin: 25px 0 5px;
}
.course-price span {
font-size: 14px;
margin-bottom: 20px;
}
/*================= 17. Error ==================*/
.error-content {
background: #f4f6f9;
text-align: center;
}
.error-content h3 {
color: #525252;
font-size: 25px;
font-weight: 400;
margin-bottom: 0;
text-transform: capitalize;
}
@media (min-width: 768px) {
.error-content h3 {
font-size: 30px;
}
}
.error-content p {
color: #525252;
font-size: 20px;
font-weight: 400;
margin-bottom: 0;
line-height: 28px;
}
@media (min-width: 768px) {
.error-content p {
font-size: 25px;
line-height: 35px;
}
}
.error-content a {
font-weight: 400;
font-size: 20px;
color: #000000;
text-decoration: none;
}
.error-content-top {
width: 250px;
height: 250px;
margin: 0 auto 45px;
background: #ffffff;
border-radius: 50%;
}
@media (min-width: 768px) {
.error-content-top {
width: 300px;
height: 300px;
}
}
.error-content-top h1 {
color: #525252;
font-size: 60px;
font-weight: 400;
margin-bottom: 10px;
padding-top: 70px;
}
@media (min-width: 768px) {
.error-content-top h1 {
font-size: 70px;
margin-bottom: 25px;
}
}
.error-content-top h3 {
text-transform: uppercase;
}
/*=== 18. Cart ===*/
.cartList {
padding-top: 35px;
}
.cartListInner .updateArea .input-group .form-control, .cartListInner .updateArea .btn, .cartListInner .updateArea .checkBtnArea .commonBtn {
border-radius: 0;
box-shadow: none;
height: 47px;
}
.cartListInner .updateArea .btn, .cartListInner .updateArea .checkBtnArea .commonBtn {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.cartListInner .updateArea, .totalAmountArea {
display: block;
float: left;
padding: 15px;
width: 100%;
}
.cartListInner .table-responsive .table thead tr th {
font-family: 'Roboto Slab', serif;
font-weight: 700;
background-color: #f1f4f7;
padding: 0;
height: 60px;
vertical-align: middle;
text-align: left;
font-size: 16px;
color: #000;
padding-left: 15px;
border: none;
text-transform: uppercase;
}
@media (min-width: 768px) {
.cartListInner .table-responsive .table thead tr th {
height: 75px;
}
}
.cartListInner .table-responsive .table tbody tr td {
vertical-align: middle;
font-family: 'Roboto Slab', serif;
font-size: 16px;
color: #000;
border-top: none;
}
.cartListInner .table-responsive .table tbody tr td .close {
display: inline-block;
float: right;
font-size: 30px;
color: rgba(0, 0, 0, 0.5);
font-weight: normal;
transition: all 0.3s ease-in-out;
padding: 3px 20px;
border: 1px solid #f1f4f7;
opacity: 1;
}
.cartListInner .table-responsive .table tbody tr td .close:hover {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
opacity: 1;
}
.cartListInner {
width: 100%;
float: left;
margin-bottom: 70px;
}
.cartListInner .table-responsive {
margin-bottom: 0;
overflow-x: auto;
}
@media (min-width: 768px) {
.cartListInner .table-responsive {
overflow-x: visible;
}
}
.cartListInner .table-responsive .table {
margin-bottom: 0;
}
.cartListInner .table-responsive .table thead {
border: 1px solid #f1f4f7;
}
.cartListInner .table-responsive .table tbody {
border: 1px solid #dce4ea;
border-top: none;
}
.cartListInner .table-responsive .table tbody tr {
border-bottom: 1px solid #dce4ea;
}
.cartListInner .table-responsive .table tbody tr:last-child {
border-bottom: none;
}
@media (max-width: 767px) {
.cartListInner .table-responsive .table tbody tr td {
padding: 10px;
}
}
@media (min-width: 768px) {
.cartListInner .table-responsive .table tbody tr td {
padding: 15px;
}
}
.cartListInner .table-responsive .table tbody tr td .courseNo {
font-size: 13px;
color: rgba(0, 0, 0, 0.5);
font-style: italic;
display: block;
}
.cartListInner .table-responsive .table tbody tr td:nth-child(3) {
color: #337ab7;
}
.cartListInner .table-responsive .table img {
min-width: 80px;
min-height: auto;
}
.cartListInner .updateArea {
border: 1px solid #dce4ea;
border-top: none;
}
.cartListInner .updateArea .input-group {
float: left;
}
@media (max-width: 767px) {
.cartListInner .updateArea .input-group {
width: 100%;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.cartListInner .updateArea .input-group {
width: 465px;
margin-bottom: 0;
}
}
.cartListInner .updateArea .input-group .form-control {
background-color: #fff;
}
@media (max-width: 767px) {
.cartListInner .updateArea .input-group .form-control {
width: 75%;
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.cartListInner .updateArea .input-group .form-control {
width: 285px;
margin-right: 10px;
}
}
.cartListInner .updateArea .btn {
display: inline-block;
transition: all 0.3s ease-in-out;
padding: 0;
line-height: 47px;
color: #fff;
background-color: #000000;
border-color: #000000;
width: 165px;
}
.cartListInner .updateArea .btn:hover {
background-color: #000000;
border-color: #000000;
color: #fff;
}
@media (max-width: 767px) {
.cartListInner .updateArea .btn {
float: left;
}
}
@media (min-width: 768px) {
.cartListInner .updateArea .btn {
float: right;
}
}
.cartListInner .updateArea .checkBtnArea .commonBtn {
display: inline-block;
transition: all 0.3s ease-in-out;
padding: 0;
line-height: 47px;
color: #fff;
width: 170px;
background-color: #337ab7;
border-color: #337ab7;
}
.cartListInner .updateArea .checkBtnArea .commonBtn:hover {
background-color: #337ab7;
border-color: #337ab7;
}
.cartListInner .table-responsive .table tbody tr td:last-child {
text-align: right;
}
.totalAmountArea {
border: 1px solid #dce4ea;
border-top: none;
}
.totalAmountArea .cart-total {
font-family: 'Roboto Slab', serif;
font-size: 14px;
color: #000;
text-transform: uppercase;
font-weight: 700;
}
.totalAmountArea .cart-price {
font-family: 'Roboto Slab', serif;
font-size: 20px;
color: #337ab7;
text-transform: uppercase;
font-weight: 700;
}
.cartList .sectionTitle h3 {
margin-bottom: 30px;
}
/*================= 19. Checkout ==================*/
.checkout {
padding-top: 35px;
}
.form-header {
background-color: #f1f4f7;
height: 60px;
vertical-align: middle;
padding-left: 15px;
}
@media (min-width: 768px) {
.form-header {
height: 75px;
}
}
.form-header h4 {
font-size: 16px;
text-transform: uppercase;
margin: 0;
line-height: 60px;
}
@media (min-width: 768px) {
.form-header h4 {
line-height: 75px;
}
}
.checkout {
margin-bottom: 30px;
}
.checkout form {
padding: 25px 20px;
border: 1px solid #dce4ea;
border-top: none;
}
.checkout form .commonBtn {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.checkout form .commonBtn {
margin-left: 50px;
}
}
.checkout .form-group {
margin-bottom: 15px;
clear: both;
}
.checkout .form-group label {
font-weight: 600;
font-size: 16px;
color: #000;
text-align: right;
}
@media (min-width: 992px) {
.checkout .form-group label {
margin-bottom: 0;
width: 170px;
margin-right: 30px;
line-height: 42px;
float: left;
}
}
.checkout .form-control {
box-shadow: none;
}
@media (min-width: 992px) {
.checkout .form-control {
width: 670px;
}
}
.checkout .sbHolder {
margin-bottom: 15px;
}
@media (min-width: 992px) {
.checkout .sbHolder {
width: 670px;
}
}
.checkboxArea {
font-size: 14px;
margin-bottom: 25px;
color: #000;
}
.checkboxArea input[type=checkbox]:not(old) {
width: 20px;
margin: 0;
padding: 0;
font-size: 10px;
opacity: 0;
}
.checkboxArea input[type=checkbox]:not(old) + label {
display: inline-block;
margin-left: -20px;
line-height: 20px;
font-weight: 400;
font-size: 14px;
color: #000000;
}
.checkboxArea input[type=checkbox]:not(old) + label span {
background-color: #fff;
border-radius: 50%;
display: inline-block;
height: 20px;
margin: 0 10px 0 0;
vertical-align: middle;
width: 20px;
transition: all 0.3s ease-in-out;
border: 1px solid #dce4ea;
}
.checkboxArea input[type=checkbox]:not(old):checked + label span {
background-color: #337ab7;
border: 1px solid #337ab7;
}
.checkboxArea input[type=checkbox]:not(old):checked + label span:before {
color: #fff;
content: "\f111";
font-family: "Font Awesome 5 Free";
display: block;
font-size: 8px;
font-weight: normal;
height: 20px;
line-height: 18px;
text-align: center;
width: 17px;
}
.checkboxArea1 {
font-size: 14px;
margin-bottom: 25px;
color: #000;
}
@media (min-width: 992px) {
.checkboxArea1 {
margin-left: 50px;
}
}
.checkboxArea1 input[type=checkbox]:not(old) {
width: 20px;
margin: 0;
padding: 0;
font-size: 10px;
opacity: 0;
}
.checkboxArea1 input[type=checkbox]:not(old) + label {
display: inline-block;
margin-left: -20px;
line-height: 20px;
font-weight: 400;
font-size: 14px;
color: #000000;
}
.checkboxArea1 input[type=checkbox]:not(old) + label span {
background-color: #fff;
border-radius: 0;
display: inline-block;
height: 20px;
margin: 0 10px 0 0;
vertical-align: middle;
width: 20px;
transition: all 0.3s ease-in-out;
border: 1px solid #dce4ea;
}
.checkboxArea1 input[type=checkbox]:not(old):checked + label span {
background-color: #337ab7;
border: 1px solid #337ab7;
}
.checkboxArea1 input[type=checkbox]:not(old):checked + label span:before {
color: #fff;
content: "\f00c";
font-family: "Font Awesome 5 Free";
display: block;
font-size: 10px;
font-weight: normal;
height: 20px;
line-height: 17px;
text-align: center;
width: 18px;
}
.checkout .alt-text {
color: #000;
font-size: 14px;
margin-bottom: 15px;
}
.checkout-content .cartListInner {
margin-bottom: 30px;
}
.checkout-content .checkBtnArea {
width: 100%;
float: left;
margin-bottom: 70px;
padding: 10px 15px;
border: 1px solid #dce4ea;
}
.checkout-content .checkBtnArea .commonBtn {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 479px) {
.checkout-content .checkBtnArea .commonBtn {
padding-left: 10px;
padding-right: 10px;
}
}
.checkout-content .totalAmountArea {
border: none;
display: block;
float: right;
padding: 6px 0;
width: auto;
}
@media (max-width: 479px) {
.checkout-content .totalAmountArea {
float: none;
padding: 10px 0 0;
}
}
.checkout-content .totalAmountArea .cart-total {
margin-right: 7px;
}
.checkout-content .cartListInner .table-responsive .table tbody tr td:nth-child(3) {
text-align: right;
}
.confirmation-content .cartListInner .table-responsive .table thead {
display: none;
}
.confirmation-content .cartListInner .table-responsive .table tbody {
border-top: 1px solid #dce4ea;
}
@media (min-width: 992px) {
.confirmation-content .cartListInner .table-responsive .table tbody tr td {
font-size: 20px;
}
}
.confirmation-content .cartListInner .table-responsive .table tbody tr td .courseInfo {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.7);
display: block;
margin: 10px 0;
}
@media (min-width: 992px) {
.confirmation-content .cartListInner .table-responsive .table tbody tr td .courseNo {
font-size: 16px;
}
}
.confirmation-content .commonBtn {
padding-left: 40px;
padding-right: 40px;
}
@media (max-width: 479px) {
.confirmation-content .commonBtn {
padding-left: 20px;
padding-right: 20px;
}
}
.alert {
font-weight: 400;
font-size: 18px;
padding: 15px;
margin: 15px 0;
border-radius: 0;
}
.alert .paragraph {
margin-top: 8px;
}
@media (max-width: 767px) {
.alert {
padding: 12px 20px;
font-size: 20px;
}
}
.alert.alert-success {
border: 1px solid rgba(73, 195, 44, 0.5);
background-color: #d5f1ce;
color: #2D532D;
}
.alert.alert-success a:not(.btn),.alert.alert-success a:not(.btn):hover {
color: #2D532D !important;
text-decoration: none !important;
border-bottom: #3c763d solid 2px !important;
}
.alert.alert-danger a:not(.btn),.alert.alert-danger a:not(.btn):hover {
color: #a94442 !important;
text-decoration: none !important;
border-bottom: #843534 solid 2px !important;
}
.alert.alert-info a:not(.btn),.alert.alert-info a:not(.btn):hover {
color: #31708f !important;
text-decoration: none !important;
border-bottom: #31708f solid 2px !important;
}
.alert.alert-warning a:not(.btn),.alert.alert-warning a:not(.btn):hover {
color: #8a6d3b !important;
text-decoration: none !important;
border-bottom: #8a6d3b solid 2px !important;
}
.alert .successAlert {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100%;
background-color: #337ab7;
color: #fff;
display: inline-block;
text-align: center;
margin-right: 24px;
font-size: 20px;
}
@media (max-width: 767px) {
.alert .successAlert {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin-right: 10px;
}
}
.alert .close {
top: 12px;
right: 0;
color: #337ab7;
opacity: 1;
filter: alpha(opacity=100);
}
@media (max-width: 767px) {
.alert .close {
top: 9px;
}
}
/*================= 20. Coming Soon ==================*/
/*=== 1. Coming Soon Light ===*/
.cooming-page {
text-align: center;
}
.cooming-page .page-banner {
height: 200px;
position: relative;
width: 100%;
color: rgba(255, 255, 255, 0.7);
}
.cooming-page .page-banner p {
font-size: 20px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.cooming-page .page-banner p {
font-size: 30px;
}
}
.cooming-page .page-banner .banner-inner {
bottom: 80px;
width: 100%;
left: 0;
}
.cooming-page .page-banner .banner-inner .top-headline {
color: rgba(255, 255, 255, 0.7);
font-size: 40px;
line-height: 40px;
font-weight: 400;
display: inline-block;
margin: 0 auto 10px;
}
@media (max-width: 479px) {
.cooming-page .page-banner .banner-inner .top-headline {
font-size: 28px;
line-height: 28px;
}
}
@media (min-width: 768px) {
.cooming-page .page-banner .banner-inner .top-headline {
font-size: 43px;
line-height: 43px;
}
}
@media (min-width: 992px) {
.cooming-page .page-banner .banner-inner .top-headline {
font-size: 53px;
line-height: 53px;
}
}
.cooming-dark-page .page-banner .overlay {
background-color: rgba(0, 0, 0, 0.37);
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding: 40px 0;
width: 100%;
display: block;
}
.cooming-page h3 {
margin-bottom: 35px;
font-weight: 400;
}
.count-down {
margin: 35px auto 0;
}
#simple_timer {
width: 100%;
margin: 20px auto;
}
@media (min-width: 768px) {
#simple_timer {
width: 80%;
margin: 30px auto;
}
}
@media (min-width: 992px) {
#simple_timer {
width: 70%;
}
}
#simple_timer .table-cell {
display: inline-block;
margin: 0 15px;
}
#simple_timer .table-cell:first-child {
margin-left: 0;
}
#simple_timer .table-cell:last-child {
margin-right: 0;
}
@media (max-width: 479px) {
#simple_timer .table-cell {
margin: 0 20px;
}
}
@media (min-width: 768px) {
#simple_timer .table-cell {
margin: 0 40px;
}
}
@media (min-width: 992px) {
#simple_timer .table-cell {
margin: 0 50px;
}
}
#simple_timer .table-cell .tab-val {
font-weight: 100;
font-size: 35px;
line-height: 35px;
display: block;
padding-bottom: 8px;
margin-bottom: 8px;
}
@media (max-width: 479px) {
#simple_timer .table-cell .tab-val {
font-size: 30px;
line-height: 32px;
}
}
@media (min-width: 768px) {
#simple_timer .table-cell .tab-val {
font-size: 45px;
line-height: 45px;
padding-bottom: 15px;
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
#simple_timer .table-cell .tab-val {
font-size: 65px;
line-height: 65px;
}
}
#simple_timer .table-cell .tab-metr {
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
}
/*@media (max-width: 768px) {
#sidebar_steps {
display: none;
}
}
@media (min-width: 768px) {
#sidebar_steps {
display: block;
}
}*/
@media (min-width: 768px) {
#simple_timer .table-cell .tab-metr {
font-size: 15px;
}
}
.cooming-page .light-section .newsletter {
width: 100%;
background: transparent;
padding: 0;
display: inline-block;
margin: 20px auto;
clear: both;
}
@media (min-width: 768px) {
.cooming-page .light-section .newsletter {
width: 60%;
margin: 30px auto;
}
}
@media (min-width: 992px) {
.cooming-page .light-section .newsletter {
width: 50%;
}
}
.cooming-page .ed-form {
display: table;
width: 100%;
}
.cooming-page .ed-form .form-group {
width: 80%;
margin: 0 auto 15px;
display: block;
}
@media (min-width: 992px) {
.cooming-page .ed-form .form-group {
width: 77%;
display: inline-block;
float: left;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.cooming-page .ed-form .form-group {
width: 80%;
}
}
.cooming-page .ed-form .btn {
margin: 0 auto;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
.cooming-page .ed-form .btn {
margin: 0 0 0 10px;
}
}
.cooming-page .social-icon {
display: block;
margin: 0 auto;
text-align: center;
padding: 25px 0;
}
.cooming-page .social-icon h3 {
margin: 0 auto 25px;
}
@media (min-width: 768px) {
.cooming-page .social-icon h3 {
margin: 0 auto 35px;
}
}
.cooming-page .social-icon ul li {
display: inline-block;
}
.cooming-page .social-icon ul li a i {
width: 35px;
height: 35px;
font-size: 22px;
color: rgba(255, 255, 255, 0.5);
}
.cooming-page .social-icon ul li a:hover i {
color: white;
text-decoration: none;
}
/*=== 2. Coming Soon Dark ===*/
.cooming-dark-page {
background: url("../img/home/paralax/paralax02.jpg") no-repeat center center fixed;
background-size: cover;
}
.cooming-dark-page .main_wrapper {
background-color: transparent;
width: 100%;
float: left;
}
.cooming-page.cooming-dark-page .light-section {
background: transparent;
}
.cooming-page.cooming-dark-page h3 {
color: #ffffff;
}
.cooming-page.cooming-dark-page #simple_timer {
color: #ffffff;
}
.cooming-page.cooming-dark-page #simple_timer .table-cell .tab-val {
border-bottom: 2px solid #fff;
}
.cooming-page.cooming-dark-page #simple_timer .table-cell .tab-metr {
color: #ffffff;
}
.cooming-page.cooming-dark-page .ed-form .form-group .form-control {
color: #ffffff;
border: 1px solid #fff;
background: transparent;
}
.cooming-page.cooming-dark-page .ed-form .form-group .form-control:focus {
border: 1px solid #337ab7;
}
.cooming-page.cooming-dark-page .social-icon ul li a {
color: rgba(0, 0, 0, 0.5);
}
/* ********* /form tags input **************************** */
/** Tabs **/
ul.bar_tabs {
overflow: visible;
height: 29px;
margin: 21px 0 14px;
padding-left: 14px;
position: relative;
z-index: 1;
width: 100%;
border-bottom: 1px solid #E6E9ED; }
ul.bar_tabs > li {
border: 1px solid #E6E9ED;
color: #333 !important;
margin-top: -17px;
margin-left: 8px;
background: #fff;
border-bottom: none;
border-radius: 4px 4px 0 0; }
ul.bar_tabs > li.active {
/* border-right: 6px solid #337ab7; */
border-top: 0;
margin-top: -15px; }
ul.bar_tabs > li a {
padding: 10px 17px;
background: #F5F7FA;
margin: 0;
border-top-right-radius: 0; }
ul.bar_tabs > li a:hover {
border: 1px solid transparent; }
ul.bar_tabs > li.active a {
border-bottom: none; }
ul.bar_tabs.right {
padding-right: 14px; }
ul.bar_tabs.right li {
float: right; }
a:focus {
outline: none; }
th.dt-center, td.¬5477
{ text-align: center; }
.quiz_question_div {
background-color: #f8f8f8;
border: 1px solid #d8d8d8;
padding:20px;
}
.quiz_question_div li {
list-style: none;
margin-left:10px;
margin-bottom:10px;
}
ul.fancytree-container {
border: none;
}
/* Reduce bootstrap's default 'panel' padding: */
div#tree {
padding: 3px 5px;
}
#draggableSample, #droppableSample {
height:100px;
padding:0.5em;
width:150px;
border:1px solid #AAAAAA;
}
#draggableSample {
background-color: silver;
color:#222222;
}
#droppableSample {
background-color: maroon;
color: white;
}
#droppableSample.drophover {
border: 1px solid green;
}
.done {
color:#d0d0d0;
}
.breadcrumbs {
color: #337ab7;
font-weight:bold;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumb > .active {
color: #444;
}
.panel {
border-radius: 0;
box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.panel .fa-loading {
opacity: 0.25;
}
.panel-heading {
border-radius: 0;
}
.panel-title {
font-size: 32px;
font-weight: bold;
}
.panel-title a {
text-decoration: none !important;
}
.panel-body {
box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
}
.panel-group .panel-title {
font-size: 24px;
}
.panel-group .panel-body {
box-shadow: none;
}
.panel-group .panel-body h2 a:hover {
/*border-bottom:#337ab7 solid 2px;*/
}
.panel-body ul:not(.nav):not(.dropdown-menu):not(.list-group) {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.panel-title small {
display: block;
}
}
fieldset {
margin-bottom: 15px;
}
legend {
font-size: 22px;
padding-bottom: 5px;
}
.btn-primary,.btn-active {
color: #fff;
background: #337ab7;
/*border:none !important;*/
}
.btn-primary:hover,.btn-active:hover {
color: #fff;
background-color: #3d8cd1 !important;
/*border:none !important;*/
}
.btn-primary:focus,.btn-primary:active,.btn-active:focus,.btn-active:active {
color: #fff;
background-color: #337ab7 !important;
/* border:none !important;*/
}
.btn-black {
background-color: #363636;
border-color: transparent;
color: #f5f5f5;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
color: #f5f5f5;
}
.panel:not(.panel-offcanvas) form button.btn {
margin-top: 15px;
}
.panel:not(.panel-offcanvas) form button.btn-lg {
padding: 15px;
font-size: 22px;
}
.control-label {
font-size: 16px;
}
.form-horizontal .control-label {
padding-top: 5px;
}
.checklist label {
font-weight:normal;
}
.input-group-btn .btn {
white-space: nowrap;
}
.incorrect {
color: #337ab7;
border-color: #337ab7;
}
div.center {
width:100%;
margin-left:auto;
margin-right:auto;
}
.forgot-link {
color:#337ab7;
}
.forgot-link:hover {
text-decoration: underline;
cursor:pointer;
}
/*.table .input-group input, .table .input-group .btn {
height: 30px;
}*/
.nav-pills > li {
border-top: #ddd solid 1px;
}
.nav-pills > li > a:not(.btn) {
font-size: 14px; /*16px;*/
font-weight: normal;
color: #555 !important;
border: none !important;
border-radius: 0;
}
.nav-pills > li > a:not(.btn):hover {
color: #337ab7 !important;
background: #f5f5f5 !important;
}
.nav-pills > li.active > a:not(.btn) {
color: #333 !important;
font-weight: bold;
background: #f5f5f5;
}
.nav-pills > li.active > a:not(.btn):hover, .nav-pills > li.active > a:not(.btn):focus {
background: #f5f5f5 !important;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
ul.topbar-right > li .photo-icon {
margin-right:3px;
height:20px;
width:20px;
border-radius: 50%;
}
.btn-group .btn {
border-style:solid;
border-width:1px;
}
.btn > img {
min-width: 1em;
}
.form-actions {
margin: 15px 0;
padding: 15px;
background-color: #f5f5f5;
border-top: #ccc solid 1px;
}
.form-actions.float {
position: fixed;
bottom: -1px;
margin-bottom: 0;
border: rgba(0,0,0,0.2) solid 1px;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
z-index: 3;
}
.form-actions.success {
color: #fff;
background: #5cb85c;
}
.form-actions.success h1,.form-actions.success h2,.form-actions.success h3,.form-actions.success h4,.form-actions.success h5,.form-actions.success h6 {
color: #fff;
}
.well {
border-radius: 0;
}
.label a {
color: rgba(0,0,0,0.2) !important;
font-size: 100% !important;
}
.label a:hover {
color: rgba(0,0,0,0.3) !important;
}
.label.label-lg {
padding: 6px 12px;
font-size: 14px;
}
p .label a:not(.btn),p .label a:not(.btn):hover {
font-weight: bold;
color: #fff !important;
text-decoration: underline !important;
border: none !important;
}
.tag-list {
margin-bottom: 30px;
}
.tag-list h3 {
margin-bottom: 10px;
font-size: 18px;
text-transform: uppercase;
}
.tag-list .label {
display: inline-block;
margin: 0 10px 10px 0px;
padding:6px 8px;
font-size: 14px;
}
@media screen and (max-width:767px) {
.label {
white-space: normal;
display: inline-block;
}
}
@media screen and (min-width:992px) {
.panel-body {
box-shadow: none;
}
.shadow.shadow-left {
box-shadow: -5px 0 5px rgba(0,0,0,.1);
}
.shadow.shadow-right {
box-shadow: 5px 0 5px rgba(0,0,0,.1);
}
.shadow:before {
content:"";
position: absolute;
top: -5px;
left: -15px;
width: 105%;
height: 5px;
background: #fff;
}
.shadow:after {
content:"";
position: absolute;
bottom: -5px;
left: -15px;
width: 105%;
height: 5px;
background: #fff;
}
}
/*
* nav general
* --------------------------------------------------
*/
ul.nav li.disabled > a, ul.nav li.disabled > button {
opacity:0.5;
cursor:not-allowed !important;
}
/*
* Off Canvas
* --------------------------------------------------
*/
.row-offcanvas .sidebar-offcanvas {
display: none;
position: absolute;
margin: -2px 0 0 -4px;
padding: 15px;
width: 480px;
max-width: 95%;
background: rgb(255, 255, 255);
border: #ddd solid 2px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
z-index: 4;
/*-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;*/
}
.row-offcanvas.active .sidebar-offcanvas {
display: block;
}
.row-offcanvas .sidebar-offcanvas .nav-title {
position: relative;
margin: 0;
padding: 10px 0 10px 10px;
font-size: 18px;
}
.row-offcanvas.active .sidebar-offcanvas h5 {
font-size: 22px;
}
.row-offcanvas .sidebar-offcanvas .nav-title .menu-icon {
position: absolute;
top: 0;
right: 0;
padding: 10px;
width: 100%;
font-size: 15px;
color: #337ab7;
text-align: right;
text-transform: uppercase;
border-bottom: #ddd solid 1px;
cursor: pointer;
z-index: 1;
}
.row-offcanvas .sidebar-offcanvas .nav-title .menu-icon i {
font-size: 18px;
}
.row-offcanvas .sidebar-offcanvas .nav:not(.nav-submenu) {
margin: 0 0 10px 0;
}
.row-offcanvas .sidebar-offcanvas .nav > li {
margin: 0;
}
.row-offcanvas .sidebar-offcanvas .nav > li.ui-sortable-helper {
opacity: 0.6;
}
.row-offcanvas .sidebar-offcanvas .nav > li .fa-check {
color: #5cb85c;
}
.row-offcanvas .sidebar-offcanvas .nav > li .fa-exclamation-circle {
color: #f0ad4e;
}
.row-offcanvas .sidebar-offcanvas .nav > li .fa-check-circle {
color: #5cb85c;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li .options {
position: absolute;
top: 20px;
right: 0;
z-index: 1;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li .option {
display:none;
margin-right: 2px;
color: #131213;
cursor: pointer;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li li .options {
top: 10px;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li li .option {
margin-right: 1px;
background: #fff;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li li.active .option {
background: #337ab7;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li li:active .option {
background: transparent;
}
.row-offcanvas.active .sidebar-offcanvas .nav.nav-sortable > li:hover .option {
display:inline-block;
}
.row-offcanvas.active .sidebar-offcanvas .nav.nav-sortable > li:hover ul li .option {
display:none;
}
.row-offcanvas.active .sidebar-offcanvas .nav.nav-sortable > li ul li:hover .option {
display:inline-block;
}
.row-offcanvas.active .sidebar-offcanvas .nav.nav-sortable > li.locked:not(.temp_unlocked):hover .handle {
display: none;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.active .option {
color: #fff;
}
/*.row-offcanvas .sidebar-offcanvas .nav > li ul li:active .option {
color: #fff;
}*/
.row-offcanvas .sidebar-offcanvas .nav > li .option i {
opacity: 0.5;
}
.row-offcanvas .sidebar-offcanvas .nav > li .option:hover i {
opacity: 1;
}
.row-offcanvas .sidebar-offcanvas .nav > li .handle {
cursor: move;
}
/*.row-offcanvas .sidebar-offcanvas .nav > li .lock {
display: none !important; !* temp while working on feature *!
}*/
.row-offcanvas .sidebar-offcanvas .nav > li .lock > .fa {
display:none;
}
.row-offcanvas .sidebar-offcanvas .nav > li.locked > .options .lock .fa-lock, .row-offcanvas.active .sidebar-offcanvas .nav > li.active li.locked > .options .lock .fa-lock {
color:orange !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li.locked:not(:hover) > .options .lock {
display:block !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li.locked .lock .fa-lock {
display:inline;
}
.row-offcanvas .sidebar-offcanvas .nav.permission-designer > li.locked .lock:hover .fa-lock {
display:none;
}
.row-offcanvas .sidebar-offcanvas .nav.permission-designer > li.locked .lock:hover .fa-unlock {
display:inline;
}
.row-offcanvas .sidebar-offcanvas .nav > li.unlocked .lock .fa-unlock {
display:inline;
}
.row-offcanvas .sidebar-offcanvas .nav > li.unlocked .lock:hover .fa-unlock {
display:none;
}
.row-offcanvas .sidebar-offcanvas .nav > li.unlocked .lock:hover .fa-lock {
display:inline;
}
.row-offcanvas .sidebar-offcanvas .nav > li .delete {
display: none;
position: absolute;
top: 22px !important;
left: -7px;
z-index: 1;
}
.row-offcanvas .sidebar-offcanvas .nav > li .delete i {
width: 20px;
font-size: 120%;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li .lock > .fa {
display:none !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.locked .lock > .fa {
display:none !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.locked .lock .fa-lock {
display:inline !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.locked .lock:hover .fa-lock {
display:none !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.locked .lock:hover .fa-unlock {
display:inline !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.unlocked .lock .fa-unlock {
display:inline !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.unlocked .lock:hover .fa-unlock {
display:none !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li.unlocked .lock:hover .fa-lock {
display:inline !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li ul li .delete {
left: 0;
top: 10px !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li a:not(.btn) {
padding-right: 5px;
line-height: 1.5;
cursor: pointer;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li a.disabled {
cursor: not-allowed;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li a.btn {
text-align: left;
border-radius: 0;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li a.btn-success:hover {
background-color: #449d44;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu.active a:not(.btn) {
color: #000 !important;
background: #fff !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu.active li a:not(.btn) {
color: #000 !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu.active li a:not(.btn):hover {
color: #337ab7 !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu li.active a:not(.btn) {
color: #fff !important;
background: #337ab7 !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu li.active a:not(.btn):hover {
color: #fff !important;
background: #337ab7 !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav > li.has-submenu.active li.active i {
color: #fff !important;
}
/*.row-offcanvas.active .sidebar-offcanvas .nav > li.locked a.chapter_btn:not(.btn) {
background-image: linear-gradient(45deg,rgba(255,255,0,.15) 20%,transparent 20%,transparent 40%,rgba(255,255,0,.15) 40%,rgba(255,255,0,.15) 60%,transparent 60%,transparent 80%,rgba(255,255,0,.15) 80%,rgba(255,255,0,.15)) !important;
}*/
.row-offcanvas .sidebar-offcanvas .nav > li:first-child {
border: none;
}
.row-offcanvas .sidebar-offcanvas .nav i {
width: 25px;
text-align: center;
}
.row-offcanvas .sidebar-offcanvas .nav .label i {
width:auto;
font-size: 100%;
}
.row-offcanvas .sidebar-offcanvas .nav li.active a:not(.btn) {
background: transparent !important;
}
.row-offcanvas .sidebar-offcanvas .nav .nav-submenu {
display: none;
margin: 0;
margin-top: -5px !important;
}
.row-offcanvas .sidebar-offcanvas .nav li a {
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
font-weight: 600;
}
.row-offcanvas .sidebar-offcanvas .nav li a small {
font-size: 60%;
font-weight: 500;
}
.row-offcanvas .sidebar-offcanvas .nav li li a {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: normal;
}
.row-offcanvas .sidebar-offcanvas .nav li li.active a {
/*font-weight: 900;*/
}
.row-offcanvas .sidebar-offcanvas .nav li.has-submenu.active {
/*background: linear-gradient(to right, #fff , #f5f5f5);*/
border-bottom: #000 solid 2px;
/*box-shadow: inset rgba(0,0,0,0.1) -10px -5px 10px;*/
}
.row-offcanvas .sidebar-offcanvas .nav li.active .nav-submenu {
display: block;
}
.row-offcanvas .sidebar-offcanvas .nav .nav-submenu li a {
padding-left: 20px;
}
.row-offcanvas.active .sidebar-offcanvas .nav li.has-submenu .nav-submenu > li:not(.active) a:not(.btn) {
background: #fff !important;
}
.row-offcanvas.active .sidebar-offcanvas .nav li.has-submenu .nav-submenu > li:not(.active):not(.edit) a:not(.btn):active {
color: #fff !important;
background: #337ab7 !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.row-offcanvas .sidebar-offcanvas .panel_toolbox {
float: left !important;
margin: -4px 5px 0 -18px !important;
}
.row-offcanvas .sidebar-offcanvas .panel_toolbox .btn {
padding: 4px 8px;
}
.row-offcanvas .sidebar-offcanvas .panel_toolbox .btn i {
font-size: 100%;
}
.row-offcanvas .content-offcanvas {
padding: 0;
width: 100%;
/*-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;*/
}
.row-offcanvas .content-offcanvas .nav-tabs {
position: relative;
margin: 0;
/*border: none;*/
z-index: 2;
}
/* links in course content: open in new window */
.organisation-7 #step_designer a[target='_blank'], .organisation-18 #step_designer a[target='_blank'], .organisation-21 #step_designer a[target='_blank'],
.organisation-7 #course a[target='_blank'], .organisation-18 #course a[target='_blank'], .organisation-21 #course a[target='_blank'] {
position: relative;
}
.organisation-7 #step_designer a[target='_blank']::after, .organisation-18 #step_designer a[target='_blank']::after, .organisation-21 #step_designer a[target='_blank']::after,
.organisation-7 #course a[target='_blank']::after, .organisation-18 #course a[target='_blank']::after, .organisation-21 #course a[target='_blank']::after {
content: "\e164";
display: inline-block;
position: relative;
right: -0.5rem;
top: 0;
margin-right: 0.5rem;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 0.8em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* #course-tabs {
margin-left: 52px;
margin-right: 62px;
} */
/* .edit_course_step #course-tabs {
margin-right: 128px;
} */
.row-offcanvas .content-offcanvas #admin-tabs {
margin:0 0 30px 0;
z-index: 1;
}
.row-offcanvas .content-offcanvas .modal .nav-tabs {
margin: 21px 0 14px 0;
}
.row-offcanvas .content-offcanvas .nav-tabs > li {
margin-top: 1px;
}
.row-offcanvas .content-offcanvas .modal .nav-tabs > li {
margin-top: -17px;
}
.row-offcanvas .content-offcanvas .nav-tabs > li a {
font-size: 14px;
/*border: none;*/
border-radius: 0;
}
.row-offcanvas .content-offcanvas .nav-tabs > li.pull-right {
margin-right: -2px;
}
.row-offcanvas .content-offcanvas .panel-offcanvas {
position: relative;
padding:0;
border: none;
box-shadow: none;
}
.row-offcanvas .content-offcanvas .panel-offcanvas:before {
/*content:"";
position: absolute;
top: -5px;
left: -15px;
width: 105%;
height: 5px;
background: #fff;*/
}
.row-offcanvas .content-offcanvas .panel-offcanvas:after {
/*content:"";
position: absolute;
bottom: -5px;
left: -15px;
width: 105%;
height: 5px;
background: #fff;*/
}
.row-offcanvas .menu-icon {
position: absolute;
top: 0;
left: 0;
margin: -2px;
z-index: 1;
}
.row-offcanvas .menu-icon.menu-close {
display: block !important;
left:auto;
right:0;
padding-right:12px;
z-index: 1;
}
.row-offcanvas .btn-top-right {
position: absolute;
top: 0;
right: 0;
margin: -2px;
z-index: 1;
margin: -1px -1px 0 0;
}
.row-offcanvas .btn-top-right .dropdown-menu {
left: auto;
right: 0;
}
.row-offcanvas .content-offcanvas .panel-offcanvas .panel-heading {
text-align: center;
background: none;
}
.row-offcanvas .content-offcanvas .panel-group .panel-heading {
text-align: left;
}
.row-offcanvas .content-offcanvas .panel-offcanvas h1 {
font-size: 24px;
text-transform: none;
}
.row-offcanvas .content-offcanvas .panel-offcanvas .panel-body {
padding: 35px 15px 15px 15px;
}
.row-offcanvas .offcanvas-open {
display: inline;
}
.row-offcanvas.active .offcanvas-open {
display: inline;
}
.row-offcanvas .offcanvas-close {
display: none;
}
.row-offcanvas.active .offcanvas-close {
display: none;
}
.row-offcanvas .panel-body {
box-shadow: none;
}
@media screen and (max-width: 360px) {
#course-tabs {
margin-left: 44px;
}
.row-offcanvas .menu-icon {
padding: 8px 12px;
}
.row-offcanvas .content-offcanvas .nav-tabs > li a {
margin-right: 0;
padding: 10px 12px;
}
}
@media screen and (max-width: 767px) {
.row-offcanvas .content-offcanvas .nav-tabs {
margin-right: 0;
}
.btn-zoom {
display: none !important;
}
#content {
padding-top: 15px;
}
#course-tabs {
margin-right: 0;
}
}
@media screen and (min-width: 992px) {
#course-tabs {
margin-left: 0;
}
.row-offcanvas .menu-icon {
display: none !important;
}
.row-offcanvas .offcanvas-open {
display: none;
}
.row-offcanvas.active .offcanvas-open {
display: inline;
}
.row-offcanvas .offcanvas-close {
display: inline;
}
.row-offcanvas.active .offcanvas-close {
display: none;
}
.row-offcanvas .sidebar-offcanvas {
width: 640px;
}
/*.row-offcanvas .sidebar-offcanvas .nav:not(.nav-submenu) > li:first-child {
border-top: #ddd solid 1px;
}
.row-offcanvas .sidebar-offcanvas .nav > li.has-submenu.active {
!*background: #fff;
border: #ddd solid 2px;*!
border-right: none;
}
.row-offcanvas .sidebar-offcanvas .nav > li.active:not(.has-submenu) {
border-top: #ddd solid 2px;
border-bottom: #ddd solid 1px;
box-shadow: -2px 0 3px rgba(0, 0, 0, .1);
z-index: 1;
}
.row-offcanvas .sidebar-offcanvas .nav > li a {
cursor: pointer;
}
.row-offcanvas .sidebar-offcanvas .nav li.has-submenu .nav-submenu > li.active a:not(.btn) {
color: #99000A !important;
background: #fff !important;
}
.row-offcanvas .sidebar-offcanvas .nav > li.active:not(.has-submenu) a:hover {
background: #fff !important;
}*/
/* .row-offcanvas .sidebar-offcanvas .nav i {
font-size: 150%;
}
.row-offcanvas .sidebar-offcanvas .nav small i {
width: auto;
font-size: 125%;
}
.row-offcanvas .sidebar-offcanvas .nav .fa-graduation-cap,.row-offcanvas .sidebar-offcanvas .nav .fa-envelope {
font-size: 130%;
}
.row-offcanvas .sidebar-offcanvas .nav.nav-submenu i {
font-size: 125%;
}
.row-offcanvas .sidebar-offcanvas .nav.nav-submenu small i {
font-size: 100%;
} */
}
@media screen and (min-width: 1200px) {
.row-offcanvas .sidebar-offcanvas.float {
position: fixed;
}
}
@media screen and (min-width: 1400px) {
/*.row-offcanvas .sidebar-offcanvas {
width: 7%;
}*/
.row-offcanvas .content-offcanvas {
/*width: 93%;*/
}
/*.row-offcanvas.active .sidebar-offcanvas {
width: 20%;
}
.row-offcanvas.active .content-offcanvas {
width: 80%;
}*/
}
.course_ap .row-offcanvas .content-offcanvas .panel-offcanvas {
background-color: transparent;
border: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.course_ap.edit_course_step .row-offcanvas .content-offcanvas .panel-offcanvas .panel-body {
padding-top: 30px;
}
/*
* Profile
* --------------------------------------------------
*/
.profile_ap {
background: #F8F8F8;
}
.profile_ap .single_content {
padding-top: 10px;
}
#profile-panel h1 {
padding:0 0 10px 0;
letter-spacing: -1px;
border-bottom: 1px solid #dce4ea !important;
}
#profile-panel h1.welcome {
padding: 0;
font-size:40px;
border: none !important;
}
#profile-panel .sidebar-offcanvas {
position: relative;
width: 100%;
max-width: 100%;
z-index: 1;
}
.profile_ap .row-offcanvas .sidebar-offcanvas .nav li a {
padding-top: 10px;
padding-bottom: 10px;
}
.profile_ap .row-offcanvas .sidebar-offcanvas li.active a:not(.btn) {
color: #fff !important;
background: #337ab7 !important;
}
.profile_ap .menu-icon {
display:none;
}
.profile-wrapper .breadcrumb-wrapper .menu-icon {
display:none !important;
}
.profile_ap .panel-heading {
display: none;
}
.profile_ap .panel .col-nav-profile {
display: block;
}
.profile_ap .tab-content {
padding-top: 20px;
}
.col-nav-profile h3 .photo-icon {
float:left;
margin-left:-10px;
margin-right:5px;
max-height:32px;
max-width:32px;
}
.row-offcanvas .col-nav-profile .nav i {
width: 32px;
text-align: left;
}
.profile-photo {
display: block;
position: relative;
width:100%;
height:342px;
background-position: center;
background-size: cover;
border: #ddd solid 1px;
/*-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;*/
}
.profile-photo:hover {
border: #ddd solid 1px;
}
.profile-photo:hover:before {
content: "\f303";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.5);
}
.add-profile-photo:hover:before {
content: "\f067";
}
#profile-photo-frame {
margin: 0 auto 15px auto;
width:300px;
}
.course.row {
position: relative;
margin: 0 5px 15px 5px;
background: #fff;
border: #ddd solid 1px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.course.row .options {
position: absolute;
top: 1px;
right: 1px;
z-index: 1;
}
.course.row .options .dropdown-toggle {
padding: 4px 14px;
color: #fff;
text-shadow: rgba(0,0,0,0.5) 1px 1px 0;
background: none;
border: none;
border-radius: 20px;
}
.course.row .options:hover .dropdown-toggle {
background: rgba(0,0,0,0.25);
}
.course.row .options .dropdown-menu {
position: absolute;
top: 100%;
left: auto;
right: 0;
}
.course.row .col-thumb {
padding: 0;
}
.course.row .course-thumb {
display: block;
position: relative;
width:100%;
height:200px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(-45deg, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background-position: top center;
background-size: cover;
}
.course.row .col-details {
padding-top: 15px;
padding-bottom: 15px;
}
.course.row .col-details h3 {
font-size: 22px;
margin: 0;
margin-bottom: 5px;
line-height: 1;
padding-right: 50px;
}
.course.row .col-details h3 small {
color: #000;
font-weight: 900;
}
.course.row .col-details p {
margin-bottom: 10px;
line-height: normal;
font-size: 14px;
}
.course.row .col-details b {
font-weight: 600;
}
.course.row .circle_pt {
position: absolute;
bottom: 10px; /*-10px;*/
right: 10px;
width: 60px;
}
.course.row .circle_pt .circle_label {
display: block;
padding-bottom: 2px;
font-size: 9px;
color: rgba(0,0,0,0.7);
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.course.row .circle_pt .c100.small {
font-size: 60px;
}
.course.row .circle_pt .c100>span {
color: #555;
}
.two-up .course.row .circle_pt {
bottom: 5px;
right: 5px;
width: 50px;
}
.two-up .course.row .circle_pt .c100.small {
font-size: 50px;
}
.two-up .course.row .circle_pt .c100>span {
width: 3.4em;
line-height: 3.4em;
font-size: .3em;
}
.package-course.row .course-thumb {
height: 80px !important;
}
.package-course.row .col-details h3 {
padding-right: 0 !important;
}
@media screen and (max-width: 1199px) {
.profile_ap .menu-icon {
display: block !important;
}
.profile_ap .panel-heading {
display: block;
}
#profile-panel h1 {
text-align: center;
}
}
@media screen and (max-width: 991px) {
.course.row .circle_pt {
bottom: 5px;
right: 5px;
width: 50px;
}
.course.row .circle_pt .c100.small {
font-size: 50px;
}
.course.row .circle_pt .c100>span {
width: 3.4em;
line-height: 3.4em;
font-size: .3em;
}
}
@media screen and (max-width: 767px) {
#profile-panel h1.welcome {
font-size: 30px;
}
}
@media screen and (min-width: 768px) {
/*.profile-photo {
height:200px;
}*/
.course.row .course-thumb {
height:170px;/*120px;*/
}
}
@media screen and (min-width: 992px) {
.row-offcanvas .content-offcanvas .panel-offcanvas {
padding:15px 15px 0 15px;
/*box-shadow: -5px 0 5px rgba(0,0,0,.1);*/
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.row-offcanvas .content-offcanvas .panel-offcanvas > .panel-body {
padding-left: 0;
padding-right: 0;
}
.course.row .col-details {
padding-top: 10px;
padding-bottom: 10px;
}
/*.row-offcanvas:not(.active) .sidebar-offcanvas {
text-align: center;
}
.row-offcanvas:not(.active) .profile-photo {
height: 60px;
}*/
}
@media screen and (max-width: 991px) {
.container.course {
padding-left: 0;
padding-right: 0;
}
}
/*
* Course interface
* --------------------------------------------------
*/
.course-interface {
overflow-x: hidden;
}
.course-body {
padding: 15px;
}
#course.readonly .badge-user {
display: none !important;
}
#course.readonly .progress-indicator>li {
cursor: not-allowed;
}
#course.readonly .progress_list button.btn {
display: none !important;
}
#course.readonly #progress_discussion_container {
display: none !important;
}
#course.readonly.past-course #user_progress_title {
display: none !important;
}
#course.readonly.past-course #user_progress_container {
display: none !important;
}
#course.readonly.past-course .progress_list {
display: none !important;
}
/*
* Discussion
* --------------------------------------------------
*/
.activity.activity-discussion_board .icon {
margin-bottom: 15px;
}
.activity.activity-discussion_board .discussion_content>form {
margin-left: 0;
margin-top: 25px;
margin-bottom: 35px;
position: relative;
padding: 25px;
background-color: #f0f0f0;
}
.activity.activity-discussion_board .discussion_content>form .alerts {
margin-top: 55px;
}
.activity.activity-discussion_board .tag-selection {
display: inline-block;
}
.activity.activity-discussion_board .tag-selection label.form-check-label {
font-weight: normal;
}
.activity.activity-discussion_board form .check-anonymous {
vertical-align: middle;
/*line-height: 46px;*/
}
.activity.activity-discussion_board .discussion-item-reply form .check-anonymous {
padding-top: 8px;
}
.activity.activity-discussion_board form .check-anonymous label {
/*line-height: 40px;*/
}
.activity.activity-discussion_board textarea {
resize: vertical;
}
.activity.activity-discussion_board .form-control:focus {
border-color: #dcdfe3;
}
.activity.activity-discussion_board .form-check-inline {
display: inline-block;
margin-right: 25px;
}
.activity.activity-discussion_board .discussion-item-reply .form-check-inline {
margin-right: 15px;
}
.activity.activity-discussion_board input.form-check-input {
width: 18px;
height: 18px;
margin: 0;
}
.activity.activity-discussion_board .form-check-inline label {
line-height: 18px;
height: 18px;
vertical-align: top;
}
.activity.activity-discussion_board .admin_options h5 {
cursor: pointer;
}
.activity.activity-discussion_board .admin_options {
width: 180px;
height: 55px;
overflow: hidden;
background: white;
padding: 15px;
border-left: 5px solid orange;
margin-bottom: 15px;
margin-left: auto;
margin-right:0;
}
.activity.activity-discussion_board .admin_options.full {
width: 100%;
height: 100%;
}
.activity.activity-discussion_board .admin_options .config_group {
padding-left: 15px;
}
.activity.activity-discussion_board .admin_options label {
line-height: 32px;
}
.activity.activity-discussion_board .admin_options select {
font-size: 100%;
}
@media only screen and (max-width: 767px) {
.activity.activity-discussion_board .form-check-inline {
display: block;
float: none;
margin-right: 0;
}
}
.activity.activity-discussion_board .discussion-details {
font-size: 18px;
color: #333;
}
.activity.activity-discussion_board .discussion-details i {
font-size: 24px;
}
.activity.activity-discussion_board .discussion-item-details {
font-style: italic;
}
.activity.activity-discussion_board .discussion-item-details i {
margin-left: 10px;
margin-right: 10px;
color: dimgray;
}
.activity.activity-discussion_board .discussion-details>div>i {
color: #337ab7;
border-radius: 50%;
text-align: center;
}
.activity.activity-discussion_board .discussion-details>div {
margin-right: 10px;
display: inline-block;
}
.activity.activity-discussion_board .discussion-details>div:not(:first-of-type) {
margin-left: 10px;
}
.activity.activity-discussion_board .discussion-details>div .discussion_item_ct {
font-size: 24px;
}
.activity.activity-discussion_board .last_update_dt,
.activity.activity-discussion_board .discussion-item-dt {
border-bottom: 1px dotted gray;
cursor: default;
}
.activity.activity-discussion_board .discussion-description {
margin-top: 15px;
}
.activity.activity-discussion_board .discussion-description ol {
margin-left: 30px !important;
}
.activity.activity-discussion_board .dropdown-menu {
margin-left: 0;
}
.activity.activity-discussion_board .dropdown .btn-link, .activity.activity-discussion_board .dropdown-menu > li > a {
color: #131213;
border: 0;
}
.activity.activity-discussion_board .dropdown-menu > li > a > i {
color: dimgray;
width: 16px;
text-align: center;
margin-right: 10px;
font-size: 18px;
}
.activity.activity-discussion_board .dropdown-menu > li:hover > a, .activity.activity-discussion_board .dropdown-menu > li:hover > a > i {
color: #337ab7;
}
.activity.activity-discussion_board .alert{
display: block;
}
.activity.activity-discussion_board .alert:not(.alert-discussion-info){
display: none;
font-size: 14px;
}
.activity.activity-discussion_board .dropdowns label:not(:first-child) {
margin-left: 25px;
}
.activity.activity-discussion_board .dropdowns label {
font-weight: normal;
}
.label-survey,.badge-survey {
background: #27a9b6;
}
.label-quiz,.badge-quiz {
background: #f86c48;
}
.discussion-content-wrapper .discussion-description {
overflow: hidden;
}
.discussion-content-wrapper .discussion-details i {
font-size: initial !important;
}
.discussion-items {
padding-top: 15px;
}
.discussion-items .discussion-item {
margin-top: 5px;
margin-bottom: 5px;
}
.discussion-items .discussion-item .row {
margin-left: 0;
margin-right: 0;
}
.discussion-items .discussion-item p {
margin: 0;
/* font-size: 14px !important; */
}
.discussion-items .discussion-item .discussion-item-owner {
font-weight: 600;
color: #337ab7;
font-style: normal;
}
.discussion-items .discussion-item .discussion-item-dt {
color: #333;
}
.discussion-item {
border: 1px solid #f0f0f0;
background-color: white;
padding: 10px 15px;
}
.discussion-thread {
cursor: pointer;
}
.discussion-item .profile-image, #chat .profile-image, .notices .profile-image, .discussion-thread .profile-image {
height: 40px !important;
width: 40px !important;
border-radius: 50%;
float: left;
margin-right: 10px;
}
.discussion-item-profile {
position: relative;
float: left;
margin-right: 10px;
height: 40px;
width: 40px;
border-radius: 50%;
background-position: center center;
background-size: cover;
}
.discussion-item-profile .profile-image {
display: none;
float: none;
}
.discussion-item-profile .profile-icon {
position: absolute;
bottom: -5px;
right: -5px;
width: 20px;
height: 20px;
background-size: cover;
background-color: white;
/*border: #fff solid 1px;
border-radius: 10px;*/
box-shadow: rgba(0,0,0,0.5) 0 0 10px;
}
.discussion-item .discussion-item-details {
line-height: 40px;
display: inline-block;
}
.discussion-item .discussion-item-options-vote-up {
display: inline-block;
}
.discussion-item .discussion-item-options-vote-up .btn-link,
.discussion-item .discussion-item-options-vote-up .btn-link i {
color: dimgray;
}
.discussion-item .discussion-item-options-vote-up:hover .btn-link,
.discussion-item .discussion-item-options-vote-up:hover .btn-link i {
color: #337ab7;
}
.discussion-item .comment {
padding-top: 10px;
padding-bottom: 10px;
overflow-x: hidden;
}
.discussion-item .comment .highlight, .discussion-item-owner .highlight {
background-color: #f0ad4e;
font-weight: 700;
}
.discussion-item .tags {
padding-bottom: 10px;
}
.discussion-item .btn-link, .discussion-search-header .btn-link {
box-shadow: auto;
border-bottom: 0 !important;
color: #337ab7;
font-weight: normal !important;
text-decoration: none;
}
.search-options .btn-link {
padding-top: 0;
padding-bottom: 0;
}
.search-options .btn-link:last-of-type {
padding-right: 0;
}
.search-options .btn-link:not(:first-of-type) {
border-left: 1px solid #f0f0f0;
}
.search-options .btn-link.active {
font-weight: 700 !important;
}
.discussion-item .btn-link i.fa-ellipsis-v {
color: #666;
}
.discussion-item .btn-link i.fa-comment, .discussion-item .btn-link i.fa-chevron-down {
color: #337ab7;
}
.discussion-item .btn-link i.fa-thumbs-up, .discussion-item .btn-link i.fa-comment {
font-size:18px;
}
.discussion-item .btn-link:hover {
text-decoration: none;
color: #337ab7;
}
.activity.activity-discussion_board .tags .badge-info{
border-radius: 2px;
margin-right: 5px;
padding: 5px 10PX;
background-color: #F0F0F0;
color: dimgray;
font-size: 14px;
cursor: pointer;
}
.activity.activity-discussion_board form .row, .discussion-item-reply form .row {
padding-left: 10px;
padding-right: 10px;
}
.discussion-item-reply form .row>.profile-image {
width: 40px;
float: left;
}
.discussion-item-reply form .row>.form-group {
margin-left: 60px;
}
.activity.activity-discussion_board .edit-control {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}
.activity.activity-discussion_board .edit-control a {
margin-left: 5px;
}
.discussion-item-reply {
margin-top: 10px;
}
.discussion-item-reply, .discussion-items .discussion-items {
display: none;
}
.discussion-item .btn-link {
box-shadow: none;
}
.discussion-header {
margin-bottom: 15px;
}
.discussion_community_theme .discussion-header a {
font-size: 110%;
}
.discussion_community_theme .excerpt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 5px;
}
.discussion_community_theme .discussion_title {
font-size: 22px;
line-height: 1.5;
}
.discussion_community_theme .discussion_title a {
color: #000;
}
.discussion_community_theme .discussion-item-owner, .result-item-wrapper .discussion-item-owner {
font-style: normal;
/*line-height: 35px;*/
background: #f0f0f0;
padding: 2px 10px;
border-radius: 10px;
}
.discussion_community_theme .discussion-item-profile {
width: 35px;
height: 35px;
display: none;
}
.discussion_community_theme .label-moderator {
vertical-align: middle;
}
.discussion_community_theme .poster-info {
margin-bottom: 5px;
margin-left: 10px;
}
.discussion_community_theme .misc-info {
margin-left: 20px;
}
.discussion_community_theme .poster-info, .discussion_community_theme .misc-info {
font-weight: 500;
}
.discussion_community_theme .discussion-item-profile .profile-icon {
bottom: -2px;
}
.discussion_community_theme .table {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
border: 1px solid #ddd;
}
.discussion_community_theme .table th {
line-height: 40px;
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
background-color: #f0f0f0;
}
.discussion_community_theme .table td, .discussion_community_theme .table th {
padding: 15px;
}
#display_single_discussion .thread_title {
margin-bottom: 30px;
}
.discussion_thread_content>form {
background: none !important;
padding: 0 !important;
}
.discussion_thread_content .discussion-description, .discussion_thread_content .metadata {
margin-bottom: 15px;
}
.discussion_thread_content .discussion-details, .discussion_thread_content .metadata {
font-weight: 500;
}
.discussion_thread_content .discussion-details i {
margin-bottom: 15px;
}
.discussion_thread_content .discussion-details>div>i {
color: #333 !important;
}
.discussion_thread_content .metadata div:not(:last-child) {
margin-bottom: 10px;
}
.discussion_thread_content .discussion_item_ct {
font-size: 18px !important;
}
.discussion_thread_content .discussion-details .discussion-item-owner {
background-color: #f0f0f0;
padding: 2px 10px;
border-radius: 10px;
}
.discussion_thread_content .discussion-details {
margin-bottom: 35px;
}
.discussion_thread_content .discussion-item-owner {
font-weight: 500;
}
.label-discussion {
font-size: 85%;
}
.label-discussion.label-pending-review {
background: #fff3cd;
color: #664d03;
border: 1px solid #ffecb5;
font-weight: 500;
}
.table-discussion-attachments {
background: none !important;
width: auto;
}
.table-discussion-attachments td{
padding: 8px 15px !important;
border-top: 0 !important;
}
.thread-title-subtitle {
font-size: 17px;
vertical-align: middle;
}
#add_discussion-add_attachments_dropzone {
padding: 20px;
border: 3px dashed #eeeeee;
background-color: #fafafa;
color: #bdbdbd;
margin-bottom: 20px;
}
#add_discussion-add_attachments_dropzone .dz-progress {
display: none !important;
}
@media only screen and (max-width: 767px) {
.discussion-item-reply {
margin-left: 0 !important;
}
.discussion-item-reply .input-group {
display: block;
}
.discussion-item-reply form .row>.form-group {
margin-left: 50px;
}
.activity.activity-discussion_board form .check-anonymous {
margin-bottom: 24px;
}
}
.activity.activity-discussion_board .dropdowns .dropdown {
display: inline-block;
}
.activity.activity-discussion_board .dropdowns .dropdown .btn {
box-shadow: none;
margin-left: 5px;
text-transform: uppercase;
font-weight: normal !important;
}
.activity.activity-discussion_board .dropdown-submenu .dropdown-menu {
top: 0;
left: -160px;
margin-top: -1px;
}
.activity.activity-discussion_board .dropdowns .dropdown ul {
text-transform: uppercase;
}
.activity.activity-discussion_board .dropdowns i.fa-sort-amount-desc, .activity.activity-discussion_board .dropdowns i.fa-filter {
margin-right: 0;
color: dimgray;
font-size: 18px;
}
.activity.activity-discussion_board .discussion-item.flag-is-admin.flag-hidden {
border-left: 5px solid lightgray;
}
.activity.activity-discussion_board .discussion-item.flag-is-admin.flag-reported {
border-left: 5px solid #C05448;
}
.activity.activity-discussion_board .discussion-item.flag-is-admin.flag-pinned {
border-left: 5px solid #C08348;
}
.activity.activity-discussion_board .discussion-item.flag-unread {
border-left: 5px solid #337ab7;
}
.activity.activity-discussion_board .discussion-item.flag-new {
border-left: 5px solid #60a662;
animation-name: flag_new;
animation-duration: 2s;
}
@keyframes flag_new {
from {background-color:#60a662;}
to {background-color:#fff;}
}
.activity.activity-discussion_board .alert-report {
color: #B94465;
background-color: #F2DEDE;
padding: 15px;
}
.activity.activity-discussion_board .alert-hidden {
color: #565A5C;
background-color: #F0F0F0;
padding: 15px;
}
.activity.activity-discussion_board .alert-pinned {
color: #723C08;
background-color: #E9B17C;
padding: 15px;
}
.activity.activity-discussion_board .alert-report strong {
text-transform: uppercase;
}
.activity.activity-discussion_board .discussion-items .discussion-items,
.activity.activity-discussion_board .discussion-items .btn-show-more {
/*margin-left:35px;*/
}
.activity.activity-discussion_board .discussion-items .discussion-items {
padding-top: 0;
}
.activity.activity-discussion_board input#discussion-items-keywords {
width: 70%;
display: inline-block;
vertical-align: middle;
}
.discussion-search-header {
margin-top: 35px;
}
.discussion-search-header h4 {
font-size: 22px;
margin-bottom: 0;
display: inline-block;
}
.discussion-search-header .btn:focus {
outline: 0;
outline-offset: 0;
}
#discussion_scheduled_items_datatable .label {
font-size: 90%;
}
#edit_discussion_scheduled_item select {
font-size: 100%;
}
@media only screen and (max-width: 600px) {
.activity.activity-discussion_board .discussion-items .discussion-items
.activity.activity-discussion_board .discussion-items .discussion-items .btn-show-more {
margin-left:0px;
}
.activity.activity-discussion_board .discussion-item .discussion-item-details {
line-height: auto;
}
}
#discussion_item_activities_modal-comment {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
transition: max-height 0.3s ease;
margin-bottom: 0;
}
#discussion_item_activities_modal-comment.expanded {
display: block;
}
#discussion_item_activities_modal-show_more {
display: none;
}
#discussion_item_activities_modal-posted_by {
margin-top: 15px;
}
/*
* Programs/Projects
* -------------------------------------------------
*/
#builder_list {
position: relative;
margin: 20px 0 0 0;
list-style: none;
}
#builder_list .stage {
display: block;
position: relative;
top: 0;
width: 100%;
height: 150px;
justify-content: center;
}
#builder_list .stage ul {
display: flex;
margin: 0;
padding-left: 80px;
width: 100%;
height: 150px;
list-style: none;
}
#builder_list .stage .add_node {
position: absolute;
padding: 32px 17px;
box-shadow: rgba(0,0,0,0.05) 0 3px;
}
#builder_list .node {
display: block;
position: relative;
margin-bottom: 50px;
width: 100px;
height: 100px;
text-align: center;
vertical-align: middle;
flex: 1;
}
#builder_list .node:not(:first-child) {
margin-left: 20px;
}
/*#builder_list .stage:not(:last-child) .node:after {
content: "";
position: absolute;
top: 100px;
left: 50%;
margin-left: 22.5px;
width: 3px;
height: 25px;
background: #aaa;
}
#builder_list .stage:not(:last-child) .node:first-child:after {
margin-left: -1.5px;
}
#builder_list .stage:not(:first-child) .node:before {
content: "";
position: absolute;
top: -25px;
left: -50%;
margin-left: 25px;
width: 100%;
height: 25px;
background: transparent;
border: #aaa solid 3px;
border-left: none;
border-bottom: none;
}
#builder_list .stage:not(:first-child) .node:first-child:before {
left: 50%;
margin-left: 0;
border: #aaa solid 3px;
border-right: none;
border-bottom: none;
}*/
#builder_list .node .condition {
position: absolute;
top: -15px;
left: 50%;
margin-left: -15px;
padding: 4px;
width: 30px;
height: 30px;
color: #d67d8c;
text-align: center;
background: #edcad0;
border: #d67d8c solid 2px;
border-radius: 20px;
z-index: 2;
}
#builder_list .node .condition:hover {
top: -17px;
margin-left: -17px;
padding: 5px;
width: 34px;
height: 34px;
font-size: 110%;
}
#builder_list .node .node-box {
position: relative;
display: table;
padding: 10px;
width: 100%;
height: 100%;
color: #000;
background: #e9ecf4;
border: #bcbed0 solid 1px;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 3px;
z-index: 1;
}
#builder_list .node .node-box:hover {
background: #d9deeb;
border-color: #acaec6;
}
#builder_list .node .title {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
line-height: 1.2;
}
.node-line {
position: absolute;
line-height: 1px;
background: #bcbed0;
z-index: 0;
}
.node-line.highlight {
height: 2px !important;
background: #d67d8c;
}
.edit_activity-conditions-editor .collection:not(:first-of-type) {
margin-top: 8px;
}
.edit_activity-conditions-editor .rule {
margin-top: 8px;
margin-bottom: 8px;
}
.edit_activity-conditions-editor .rule+.collection {
margin-top: 15px;
}
.edit_course_email-conditions-editor select {
font-size: 100% !important;
}
.badge_group {
background: #eee;
border-radius:0;
font-weight: 300;
color: #222;
}
.badge_token {
border-radius:5px;
padding: 1px 2px;
background:lightblue;
font-size: 70%
}
.condition_group {
border-left: 3px solid #999;
padding:5px 8px;
}
/*
* Chat
* -------------------------------------------------
*/
/*
* Badge
* --------------------------------------------------
*/
.badge.badge-primary {
background-color: #337ab7;
border-radius: 2px;
}
/*
* Progress
* TODO set progress line width according to the % of the chapter complete
* --------------------------------------------------
*/
#progress {
/*padding-top: 30px;*/
padding-bottom: 30px;
}
#user_progress_container {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 20px;
min-height: 160px;
overflow:hidden;
overflow-x: hidden;
}
.flexer,
.progress-indicator {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexer-element,
.progress-indicator>li {
-ms-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1
}
.progress-indicator {
margin: 0;
padding: 0;
font-size: 80%;
text-transform: uppercase;
margin-left: -40px !important;
margin-top: 40px;
text-transform: none;
}
.progress-indicator>li {
position: relative;
list-style: none;
text-align: center;
text-overflow: ellipsis;
display: block;
overflow: visible;
margin-left: 60px;
color: #6f6f6f;
}
.progress-indicator>li.disabled {
cursor: not-allowed;
}
.progress-indicator>li .progress-text {
position: absolute;
left: 0;
margin-top: 0;
margin-left: -36px;
width: 130px;
padding: 4px 10px;
font-size: 12px;
line-height: 1.3;
display: inline-block;
transition: all 100ms ease-out;
background: #fff;
}
.progress-indicator>li .progress-text small {
display: inline-block;
line-height: 1.1;
margin: 0 -25%;
width: 125%;/*150%;*/
}
.progress-indicator>li .progress-text .chapter-name-text {
display: block;
width: 100%;
max-height: 36px;
height: auto;
font-size: 14px;
font-weight: 600;
/*overflow: hidden;*/
transition: all 100ms ease-out;
}
.progress-indicator>li .page-num-text {
position: absolute;
top: 2px;
left: 60px;
width: 100%;
font-size: 14px;
}
.progress-indicator>li .bubble, .progress-indicator>li.end .bubble {
position: relative;
border-radius: 1000px;
width: 60px;
height: 60px;
background-color: #bbb;
display: block;
z-index: 1;
transition:all 100ms ease-out;
}
.progress-indicator>li.end .bubble {
margin-top: -11px;
margin-left: -2px;
width: 80px;
height: 80px;
}
.progress-indicator>li .bubble i, .progress-indicator>li.end .bubble i, .progress-indicator>li .bubble img {
position: absolute;
top: 15px;
left: 15px;
font-size: 30px;
color: white;
z-index: 1;
transition:all 100ms ease-out;
}
.progress-indicator>li .bubble i.fa-file-alt {
left: 18px;
}
.progress-indicator>li:not(.inactive):not(.disabled):hover {
cursor: pointer;
}
.progress-indicator>li:not(.inactive):not(.end):hover .bubble {
margin-top: -11px;
margin-left: -10px;
width: 80px;
height: 80px;
}
.progress-indicator>li:not(.inactive):not(.end):hover .bubble i {
top: 20px;
left: 20px;
font-size: 42px;
}
.progress-indicator>li:not(.inactive):not(.end):hover .bubble i.fa-file-alt {
left: 24px;
}
.progress-indicator>li:not(.inactive):not(.end):hover .progress-text {
/*margin-top: -11px;*/
}
.progress-indicator>li:not(.inactive):not(.end):hover .progress-text .chapter-name-text {
height:auto;
overflow: visible;
}
.progress-indicator>li:not(.inactive):not(.end):hover .progress-text .chapter-date-text {
/*display: none;*/
opacity: 0;
}
.progress-indicator>li .bar, .progress-indicator>li .bar-background {
width: 100%;
right: auto;
left: 59px;
top: 26px;
display: block;
position: absolute;
height: 10px;
}
.progress-indicator>li .bar-background {
background-color: #bbb;
}
.progress-indicator>li:hover.completed {
color: #5cb85c
}
.progress-indicator>li.completed .bubble {
background-color: #5cb85c;
}
.progress-indicator>li.completed .bar {
background-color: #5cb85c;
z-index: 1;
}
.progress-indicator>li:hover {
color:#000;
}
.progress-indicator>li.active:hover {
color: #337AB7
}
.progress-indicator>li.active .bubble{
background-color: #337AB7;
}
.progress-indicator>li.active .bar {
background-color: #337AB7;
z-index: 1;
}
.progress-indicator>li .bar-background .badge {
position: absolute;
top: -8px;
left: 0;
padding: 3px 5px;
margin-left: -18px;
width:30px;
height:29px;
font-size:17px;
text-align: center;
border:#fff solid 2px;
border-radius: 20px;
z-index: 1;
}
.progress-indicator>li .bar-background .badge.badge-survey {
top:-32px;
}
.progress-indicator>li .bar-background .badge.badge-survey:after {
content:" ";
position: absolute;
left:11px;
bottom:-5px;
height:8px;
border-left: 5px solid #27a9b6;
}
.progress-indicator>li .bar-background .badge.badge-quiz {
top:13px;
}
.progress-indicator>li .bar-background .badge.badge-quiz:after {
content:" ";
position: absolute;
left:11px;
top:-5px;
height:8px;
border-left: 5px solid #f86c48;
}
.progress-indicator>li .bar-background .badge.badge-user {
z-index: 2;
}
.progress-indicator>li .bar-background .badge:hover {
z-index: 2;
}
.progress-indicator>div.end {
font-size: 120%;
font-weight: 400;
line-height: 1.6;
width: 50px;
text-align: center;
margin-left: 40px;
}
.progress-indicator>li.end {
position: relative;
color: #6f6f6f;
cursor: default;
flex: 0;
}
.progress-indicator>li.end .bubble i {
top: 20px;
left: 15px;
font-size: 42px;
}
.progress-indicator>li.end .bubble {
background-color: #bbb;
}
.progress-indicator>li.end.completed {
color: #5b32d6;
}
.progress-indicator>li.end.completed .bubble {
background-color: #5b32d6;
}
#user_progress_container button {
margin-top: 80px;
margin-bottom: 0;
}
#user_progress_container button.btn-certificate {
margin-top: 0;
}
#user_progress_container.scroll .progress-indicator {
margin-top: 0;
overflow-y: hidden;
overflow-x: scroll;
padding-top: 30px;/*12px;*/
padding-bottom: 50px;/*65px;*/
}
#user_progress_container::before {
content: " ";
height: 0;
display: block;
transition: height 300ms ease-out;
}
#user_progress_container.scroll::before {
content: " ";
width: 100%;
height: 64px;
background-image: url("../img/swipe_progress.png");
background-position: center;
background-repeat: no-repeat;
display: block;
}
#user_progress_container.scroll .progress-indicator>li {
min-width: 100px;
}
@media only screen and (max-width: 1199px) {
.progress-indicator>li {
min-width: 100px;
}
/*#user_progress_container button {
margin-top: 40px;
}*/
}
.progress_list {
margin: 0;
margin-top: 35px;
}
.progress_list.activity {
margin-bottom: 0 !important;
}
#quiz_progress_container {
border: #ddd solid 1px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
padding: 20px 10px;
}
.quiz-progress-list-item {
border-bottom: 1px solid lightgrey;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
}
.progress_list h3 {
font-size: 22px;
}
#progress_quiz_container h5 {
margin-bottom: 0;
font-size: 16px;
line-height: 1.4;
}
#progress_quiz_list .list-item {
border: #ddd solid 1px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
padding: 10px;
margin: 5px 0;
position: relative;
}
#progress_quiz_list td {
vertical-align: middle;
}
#progress_quiz_list .list-item h3, #progress_quiz_list h5 {
margin: 0px;
margin-right: 15px;
display: inline-block;
}
#progress_quiz_list .list-item span.quiz-details {
font-size: 16px;
line-height: 30px;
display: inline-block;
}
#progress_quiz_list .list-item span.quiz-pass-fg {
/*background-color: #00A859;*/
padding: 2px 15px;
margin: 0px 15px;
/*color: white;
border-radius: 15px;*/
position: absolute;
right: 120px;
top: 10px;
}
#progress_quiz_list .list-item h3 i {
color: #f0ad4e;
vertical-align: middle;
}
#progress_quiz_list .list-item h3 span {
margin-left: 6px;
}
#progress_quiz_list .list-item button {
position: absolute;
right: 10px;
top: 10px;
}
#progress_quiz_container .progress {
margin-bottom: 0;
height: 34px;
/*margin-left: 50px;*/
border-radius: 0;
}
#progress_quiz_container .progress-bar {
line-height: 34px;
font-weight: bold;
white-space: nowrap;
transition: none;
/*transition-duration: 1s*/
}
#progress_quiz_container .progress-bar-success {
line-height: 34px;
font-weight: bold;
white-space: nowrap;
color: #1B7C1B;
background-color: rgba(92, 184, 92, 0.5);
border: 1px solid #1B7C1B;
box-shadow: none;
}
#progress_quiz_container .progress-bar-info {
line-height: 34px;
font-weight: bold;
white-space: nowrap;
color: #275d8f;
background-color: rgba(89, 147, 201, 0.5);
border: 1px solid #275d8f;
box-shadow: none;
}
#progress_quiz_container .progress-bar-danger {
color: #961512;
background-color: rgba(217, 83, 79, 0.5);
border: 1px solid #961512;
box-shadow: none;
}
#progress_quiz_container .progress-bar-warning {
color: #a07434;
background-color: rgb(240, 173, 78, 0.5);
border: 1px solid #c48d40;
box-shadow: none;
}
.progress_list .scroll {
margin-bottom: 10px;
max-height: 400px;
border-bottom: #eee solid 2px;
overflow-y: scroll;
overflow-x: visible;
}
/*.progress_list .progress {
background-color: #fff;
}*/
#progress .progress_list.activity > p {
margin-left: 0 !important;
}
@media only screen and (max-width: 767px) {
#progress_quiz_list .list-item button, #progress_quiz_list .list-item span.quiz-pass-fg {
position: relative;
right: auto;
top: auto;
}
}
/*#progress_discussion_container td, #progress_discussion_container td h5.comment {
margin-bottom: 0;
font-size: 16px;
line-height: 1.4;
}*/
#progress_discussion_container td br {
display: none;
}
#progress_discussion_container td .comment {
width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
#progress_discussion_container td .comment {
width: 200px;
}
}
#progress_notes_container td .note {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
#progress_notes_container td .note {
width: 150px;
}
}
#announcements_container {
margin: 0;
margin-top: 35px;
}
.quiz-question-feedback {
margin-top: 10px;
margin-left: 20px;
padding: 15px;
position: relative;
background: #f0f0f0;
border-radius: 0.4em;
}
.bs-callout-success .quiz-question-feedback {
color: #449d44;
}
.bs-callout-danger .quiz-question-feedback {
color: #d9534f;
}
.quiz-question-feedback:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 20px solid transparent;
border-right-color: #f0f0f0;
border-left: 0;
border-bottom: 0;
margin-top: 0px;
margin-left: -20px;
}
.quiz-summary {
padding-bottom: 10px;
}
.quiz-summary span {
font-size: 18px;
margin-right: 15px;
}
.quiz-summary span.label {
font-size: 14px;
}
.activity.activity-survey table label.btn {
border-top: none;
border-bottom: none;
box-shadow: none;
}
/*
* Lists
* --------------------------------------------------
*/
/*#list_datatable button:not(:last-child) {
margin-right: 5px;
}*/
/*
* Admin Dashboard
* --------------------------------------------------
*/
.nav-tabs > li.active > a#tab_users {
cursor: pointer;
}
.admin_progress_container .nav-pills {
margin: 30px 0;
}
.admin_progress_container .nav-pills .nav-submenu {
display: none;
margin: 0 10px 0 0;
}
.admin_progress_container .nav-pills li.active .nav-submenu {
display: block;
}
.admin_progress_container .nav-pills .nav-submenu li a {
padding-left:30px;
}
.admin_progress_container .nav-pills h4 {
margin: 0 0 5px 0;
line-height: 1.1;
font-size: 20px;
font-weight:bold;
}
.admin_progress_container .nav-pills h5 {
margin: 0 0 3px 0;
line-height: 1.1;
font-size: 16px;
font-weight: 600;
}
.admin_progress_container .nav-pills b {
font-weight: 600;
}
.admin_progress_container .nav-pills li {
border-right: #f5f5f5 solid 20px;
}
.admin_progress_container .nav-pills li li {
border-right: #f5f5f5 solid 10px;
}
.admin_progress_container .nav-pills li.accessed {
border-right-color:#ddd;
}
.admin_progress_container .nav-pills li.active a:not(.btn) {
color:#555 !important;
font-weight:normal;
background-color: transparent;
}
.admin_progress_container .nav-pills li.active a:not(.btn):hover {
color:#333 !important;
}
.admin_progress_container .nav-pills li.heat-0 {
border-right-color:#f5f5f5;
}
.admin_progress_container .nav-pills li.heat-1 {
border-right-color:#3496da;
}
.admin_progress_container .nav-pills li.heat-2 {
border-right-color:#4fa8a9;
}
.admin_progress_container .nav-pills li.heat-3 {
border-right-color:#67b87b;
}
.admin_progress_container .nav-pills li.heat-4 {
border-right-color:#c0ce68;
}
.admin_progress_container .nav-pills li.heat-5 {
border-right-color:#f5d66d;
}
.admin_progress_container .nav-pills li.heat-6 {
border-right-color:#f8b65d;
}
.admin_progress_container .nav-pills li.heat-7 {
border-right-color:#fc914a;
}
.admin_progress_container .nav-pills li.heat-8 {
border-right-color:#fc7249;
}
.admin_progress_container .nav-pills li.heat-9 {
border-right-color:#fb555f;
}
.admin_progress_container .nav-pills li.heat-10 {
border-right-color:#f93b71;
}
.admin_progress_container .nav-pills li .switch {
margin: 8px 10px;
z-index: 1;
}
.admin_progress_container .nav-pills li .datepicker {
position: relative;
margin: 8px 10px;
z-index: 1;
}
.admin_progress_container .nav-pills li .datepicker .btn {
font-size: 10px;
font-weight: normal !important;
text-transform: uppercase;
border: none;
border-radius: .25em;
box-shadow: none;
}
.admin_progress_container .nav-pills li .datepicker .btn b {
font-weight: 700 !important;
}
/*.admin_progress_container .nav-pills li .datepicker .btn-default {
border: #eee solid 1px;
}*/
.admin_progress_container .nav-pills li .datepicker .btn-success {
background-color: #5cb85c;
}
.admin_progress_container .nav-pills li .datepicker .btn-success:hover {
background-color: #449d44;
}
.admin_progress_container .nav-pills li {
border-right: #f5f5f5 solid 15px;
}
.admin_progress_container .nav-pills li.active {
border-right-color: #ddd;
}
.admin_progress_container .nav-pills li li {
border-right: none !important;
}
.admin_side .alert {
display: block;
padding: 10px 12px;
font-size: 14px;
}
.admin_side .alert:hover {
color: #000;
}
.admin_side .panel {
border-radius: 4px;
position: relative;
}
.admin_side .panel-body {
padding: 15px;
}
.admin_side .panel .scroll {
max-height: 300px;
overflow-y: scroll;
overflow-x: visible;
}
.admin_side .panel .scroll .dropdown-menu {
left: auto;
right: 0;
}
.admin_side .panel .options {
position: absolute;
top: 1px;
right: 1px;
z-index: 1;
}
.admin_side .panel .options .dropdown-toggle {
padding: 15px;
background: none;
border: none;
border-radius: 20px;
}
.admin_side .list-group-item {
box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.admin_side .list-group-item:hover {
border: 1px solid #ddd;
background-color: #fff;
}
.admin_side .list-group table {
margin:0;
font-size: 120%;
}
.admin_side .list-group table tr:first-child td {
border-top:none;
}
.admin_side b {
font-weight: 600;
}
.dropdown-menu {
/*min-width: 240px;*/
}
.dropdown-menu li a {
letter-spacing: normal;
background: #fff;
}
.dropdown-menu li button:not(.note-color-btn):not(.note-color-reset):not(.note-ext-faicon-btn):not(.searchBtn) {
display: block;
padding: 3px 20px;
width:100%;
min-width: 240px;
text-align: left;
background: #fff;
border: none;
}
.dropdown-menu li button:not(.note-color-btn):not(.note-color-reset):not(.note-ext-faicon-btn):not(.searchBtn):hover {
background: #f5f5f5;
}
.highcharts-menu hr {
margin: 0;
}
.btn-refresh {
position: absolute;
margin-top: -31px;
right: 0;
}
.hover-show {
display: block;
cursor: pointer;
}
.hover-show .show-on-hover {
display:none;
}
.hover-show:hover .show-on-hover {
display:block;
}
.hover-show:hover .hide-on-hover {
display:none;
}
.table .hover-show {
width:300px;
}
.progress-bar-info {
background-color: #5993c9;
}
.btn-help {
position:fixed;
bottom:40%;
right:-3px;
right:-110px;
width: 150px;
text-align: left;
transition: .3s;
z-index: 99999;
}
.btn-help i {
display: none;
}
.btn-help i:first-child {
display: inline;
margin-right:10px;
transition: .9s;
}
.btn-help:hover {
right:-18px;
}
.btn-help:hover i {
display: inline;
margin-right:3px;
}
.btn-help:hover i:first-child {
display: none;
}
.btn-switch {
position:fixed;
bottom:20%;
right:-160px;
width: 200px;
text-align: left;
transition: .3s;
z-index: 9999;
}
.btn-switch i:first-child {
margin-right:10px;
transition: .9s;
}
.btn-switch:hover {
right:-18px;
}
.btn-switch:hover i:first-child {
margin-right:3px;
}
.btn-notes {
/*position: fixed;
bottom: -2px;
right: -2px;*/
}
.btn-notes.off {
background: #fffebf;
}
.btn-notes.off:hover {
background:#fdfb9e;
}
.note.well {
position: relative;
background: #fffebf;
border-color: #b2b166;
}
.note.well:before {
content:"";
position:absolute;
top:-15px;
left:10px;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #b2b166;
}
.note.well h5 {
margin-top: -5px;
}
.note.well .form-control {
margin-bottom: 10px;
background: rgba(255, 255, 255, 1);
box-shadow: none;
border: 1px dashed #ccc;
}
.note.well .table {
background: rgba(255, 255, 255, 0.8);
}
label.switch {
position: relative;
display: inline-block;
width: 45px;
height: 25px;
}
label.switch input {display:none;}
label.switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
label.switch .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #3bc33b;
}
input:focus + .slider {
box-shadow: 0 0 1px #3bc33b;
}
input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
label.switch .slider.round {
border-radius: 34px;
}
label.switch .slider.round:before {
border-radius: 50%;
}
.corner-ribbon.top-right {
top: 25px;
right: -50px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.sticky {
position: fixed;
}
.corner-ribbon {
width: 200px;
background: #e12927;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #fff;
z-index: 9999;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
@media (max-width: 767px) {
.corner-ribbon.top-right {
top: 0;
right: 0;
width: 100%;
line-height: 15px;
font-size: 10px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
/*
* Grid templates
* --------------------------------------------------
*/
.row.less-padding {
margin-left: -5px;
margin-right: -5px;
}
.row.less-padding div[class^='col-'], .row.less-padding div[class*=' col-'] {
padding-left: 5px;
padding-right: 5px;
}
.callout{
margin:20px 0;
padding:20px;
background: #f4f4f4;
border-left:3px solid #eee;
}
a.callout{
display: block;
text-decoration: none;
}
.callout .media-object{
width:60px;
height:auto
}
.callout .media-object>div{
width:60px;
height:60px;
background-size:contain;
}
.callout h4,h5{
margin-top:0;
margin-bottom:5px;
}
.callout-grey {
background-color: #F3F3F3;
border-color:#3F4041;
}
.callout-important {
background-color: #F9EAFF;
border-color:#831476;
}
.callout-important h4,.callout-important h5,.callout-important strong {
color:#831476;
}
.callout-important a:not(.btn),.callout-important p a:not(.btn),.callout-important p a:not(.btn):hover {
color:#831476;
border-color:#831476;
}
.callout-success{
background-color:#E4E9A9;
border-color:#99A411;
}
.callout-success h4,.callout-success h5,.callout-success strong {
color:#636B06;
}
.callout-success a:not(.btn),.callout-success p a:not(.btn),.callout-success p a:not(.btn):hover {
color:#6a701c !important;
border-color:#6a701c !important;
}
.callout-info{
background-color:#bce8f1;
border-color:#337ab7;
}
.callout-info h4,.callout-info h5,.callout-info strong {
color:#337ab7;
}
.callout-info a:not(.btn),.callout-info p a:not(.btn),.callout-info p a:not(.btn):hover {
color:#337ab7 !important;
border-color:#337ab7 !important;
}
.callout-warning{
background-color:#FFE9B7;
border-color:#FFB611;
}
.callout-warning h4,.callout-warning h5,.callout-warning strong {
color:#A67506;
}
.callout-warning a:not(.btn),.callout-warning p a:not(.btn),.callout-warning p a:not(.btn):hover {
color: #704f12 !important;
border-color:#704f12 !important;
}
.callout-danger{
background-color:#F1A7A7;
border-color:#C40000;
}
.callout-danger h4,.callout-danger h5,.callout-danger strong {
color:#7F0000;
border-color:#7F0000;
}
.callout-danger a:not(.btn),.callout-danger p a:not(.btn),.callout-danger p a:not(.btn):hover {
color:#C40000 !important;
border-color:#C40000 !important;
}
.callout .table {
background: rgba(255,255,255,0.5);
}
.callout .table tr:hover td {
background: rgba(255,255,255,0.8);
}
/*
* Course Emails
* --------------------------------------------------
*/
#course_emails_list {
margin-top: 30px;
}
#courseEmailForm .form-control {
height: initial;
}
#courseEmailForm select {
font-size: 100%;
}
.label_course_email {
font-size: 13px;
font-weight: 500;
}
#courseEmailForm .form-group-repeat_config input[type="number"],
#programEmailForm .form-group-repeat_config input[type="number"] {
width: 64px;
display: inline-block;
margin-bottom: 5px;
}
#courseEmailForm .form-group-repeat_config select,
#programEmailForm .form-group-repeat_config select {
margin-bottom: 5px;
}
@media (min-width: 768px) {
.edit_course_email-modal .modal-xl {
width: 90%;
max-width:1200px;
}
}
/*
* Course Calendar
* --------------------------------------------------
*/
#course_calendar_container {
margin-top: 20px;
}
.ui-button .ui-icon, .ui-widget-header .ui-icon {
background-image: url('/css/ui-icons_777777_256x240.png') !important;
margin-top: -13px;
margin-left: -1px;
}
.fc-col-header-cell-cushion, .fc-daygrid-day-number {
color: rgb(61, 61, 63);
}
.fc-event-time {
font-weight: 900;
}
.fc-event-title {
white-space: normal !important;
line-height: 1.2;
overflow-wrap: break-word;
word-break: break-word;
font-weight: 700;
}
.fc-h-event .fc-event-main {
padding: 5px 8px;
}
/*
* Chart
* --------------------------------------------------
*/
.chart-container {
margin-top: 35px;
margin-bottom: 35px;
text-align: center;
width: 70%;
margin: auto;
}
.chart-container .item {
}
.chart-container .label {
display: inline-block;
color: auto;
width: 30%;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
}
.chart-container .progress {
padding-top: 5px;
height: 40px;
display: inline-block;
margin-bottom: 0;
border-radius: 0;
vertical-align: middle;
padding-bottom: 5px;
background: none;
background: repeating-linear-gradient( to right, #ddd, #ddd 1px, #fff 1px, #fff 10% );
box-shadow: none;
width: 70%;
}
.chart-container .progress .progress-bar {
line-height: 30px;
}
/*#user_complete_container {
margin-top:15px;
text-align:left;
margin-left: 25px;
margin-right: 25px;
padding:15px 20px;
background-image: url(/img/featured_courses_bg.jpg);
color: white;
background-position: center;
background-size: cover;
}
#user_complete_container h1, #user_complete_container h3 {
color: white;
text-align: left !important;
border-bottom: 0 !important;
}
#user_complete_container .features {
padding-left: 0;
}
#user_complete_container ul {
list-style-type: none;
}
#user_complete_container ul li {
padding-left: 15px;
}
#user_complete_container .features li:before, #user_complete_container .benefits li:before, #user_complete_container .options li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
margin-top: -0.1rem;
left: 2.5rem;
font-size: 1.8rem;
width: 3em;
list-style-type: none;
}
#user_complete_container .features li:before, #user_complete_container .benefits li:before {
content: "\f00c";
}
#user_complete_container .options li:before {
content: "\f061";
}
*/
#user_complete_container {
padding-bottom: 30px;
}
#user_complete_container .promo-wrapper {
position: relative;
font-family: Raleway,sans-serif;
color: #fff;
background-color: #546e8f;
background-image: url('/img/featured_courses_bg.jpg'); /* path will likely need change to '/img/mooc_awards_promo_bg.jpg' */
background-position: center;
background-size: cover;
box-shadow: rgba(0,0,0,0.1) 0 5px 0;
border:1px solid #e8e8e8;
}
#user_complete_container .promo-wrapper .promo-wrapper-inner {
padding: 2rem;
}
#user_complete_container .promo-wrapper h1 {
display: inline-block;
margin: 0 0 2rem 0;
font-family: Raleway,sans-serif;
font-size: 30px;
font-weight: 900;
color: #fff;
text-transform: uppercase !important;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.3);
border-bottom: 0px !important;
}
#user_complete_container .promo-wrapper h1 span {
font-weight: 900;
text-transform: uppercase;
}
#user_complete_container .promo-wrapper h2 {
display: inline-block;
margin: 0;
font-size: 26px;
font-weight: 700;
letter-spacing: normal;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.2);
color: white;
}
#user_complete_container .promo-wrapper h3 {
display: inline-block;
margin: 0;
font-family: Raleway,sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: normal;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.2);
color: white;
}
#user_complete_container .promo-wrapper h4 {
margin-top: 10px;
font-size: 22px;
color: white;
}
#user_complete_container .promo-wrapper p {
font-size: 100%;
}
#user_complete_container .promo-wrapper p.lead {
font-size: 16px !important;
font-weight: 400;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.2);
}
#user_complete_container .promo-wrapper ul {
display: inline-block;
list-style: none;
margin: 0 0 10px 0;
padding: 0.5rem 1rem 1rem 0;
background: rgba(0,0,0,0.2);
}
#user_complete_container .promo-wrapper ul li {
padding-left: 3.5rem;
font-size: 100%;
}
#user_complete_container .promo-wrapper ul li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
margin-top: -0.1rem;
left: 2.5rem;
font-size: 1.8rem;
width: 3em;
}
#user_complete_container .promo-wrapper ul.options li:before {
content: "\f061";
}
#user_complete_container .promo-wrapper img {
max-width: 100%;
}
#user_complete_container .promo-wrapper #total_price {
font-size: 32px;
}
#user_complete_container .promo-wrapper .discount {
background: rgba(0,0,0,0.2);
padding: 5px 10px;
display: none;
}
#user_complete_container .promo-wrapper .btn-promo {
margin: 1.5rem 0 0 0;
padding: 1rem 2rem;
font-family: Raleway,sans-serif;
font-size: 30px;
font-weight: 900 !important;
color: #fff;
text-transform: uppercase;
background: #42c095;
border: rgba(255,255,255,0.5) solid 3px;
border-radius: 0;
box-shadow: rgba(0,0,0,0.1) 0 5px 0;
}
#user_complete_container .promo-wrapper .btn-promo:hover {
background: #339976;
box-shadow: rgba(0,0,0,0.2) 0 3px 0;
}
#user_complete_container .promo-wrapper .promo-cert {
display: block;
margin: 10px 0;
box-shadow: rgba(0,0,0,0.5) 0 0 30px;
/*image-rendering: -webkit-optimize-contrast;*/
}
#user_complete_container .promo-wrapper .note {
font-size: 1.2rem;
font-weight: 400;
color: #fff;
opacity: 0.8;
}
#user_complete_container .promo-wrapper a:not(.btn) {
font-weight: 500;
color: #fff;
text-decoration: none;
border-bottom: #fff solid 1px;
}
#user_complete_container .promo-wrapper a.zoom {
border: none !important;
cursor: zoom-in;
}
#user_complete_container .mooc_list {
font-size: 18px !important;
font-weight: 500;
color: #fff;
}
#user_complete_container .mooc_product_title {
font-size: 22px !important;
font-weight: 500;
color: #fff;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.2);
display: inline-block;
}
#user_complete_container .mooc_text {
font-size: 16px !important;
font-weight: 500;
color: #fff;
}
#user_complete_container .mooc_heading {
font-size: 18px !important;
font-weight: bold;
color: #fff;
padding-right: 10px !important;
margin-bottom: 0;
text-align: right;
}
.cert-form-group {
display: flex;
align-items: center;
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
#user_complete_container .mooc_heading {
margin-top: 15px;
text-align: left;
}
.cert-form-group {
display: block;
}
}
#user_complete_container .mooc_element {
font-size: 18px !important;
font-weight: bold;
width:100%;
color: #fff;
background-color: #394c65;
border: 2px dashed #868889;
padding:10px;
margin-top:5px;
}
#user_complete_container .right {
float:right;
}
#user_complete_container .mooc_element_error {
border: 2px solid #ff0000;
}
#user_complete_container .pac-item {
font-size: 18px !important;
}
#user_complete_container .pac-matched {
font-size: 18px !important;
}
#user_complete_container .pac-item-query{
font-size: 18px !important;
}
#user_complete_container #header {
height:100px;
background-color: #303030;
margin-bottom:20px;
}
#user_complete_container #footer {
height:100px;
background-color: #303030;
margin-top:20px;
}
#user_complete_container .certificate_list, #user_complete_container .product_list {
font-size: 16px !important;
font-weight: 500;
color: #fff;
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
}
#user_complete_container .name_preview {
background-color: white;
color: black;
padding: 10px 15px;
line-height: 28px;
margin: 5px 0;
}
#user_complete_container .name_preview #name_preview_info {
font-weight: 600;
}
#user_complete_container .name_preview #name_preview_value {
font-size: 36px;
font-weight: 700;
text-align: center;
}
#user_complete_container #purchase_div ul {
background: none;
margin-bottom: 0;
}
#user_complete_container #purchase_div ul li:before {
content: none;
}
#user_complete_container .left-wrapper {
padding-top: 15px;
}
/* media queries */
@media (min-width: 768px) {
#user_complete_container .promo-wrapper .promo-wrapper-inner {
padding: 3rem 2rem 2rem 3rem;
}
#user_complete_container .promo-wrapper h1 {
font-size: 28px;
}
}
@media (min-width: 992px) {
#user_complete_container .promo-wrapper .promo-wrapper-inner {
padding: 4rem 3rem 2rem 4rem;
}
#user_complete_container .promo-wrapper h1 {
font-size: 40px;
}
#user_complete_container .promo-wrapper .btn-promo {
font-size: 40px;
}
}
@media (min-width: 1200px) {
#user_complete_container .promo-wrapper .promo-wrapper-inner {
padding: 5rem 4rem 2rem 5rem;
}
#user_complete_container .promo-wrapper h1 {
margin-top: 2rem;
}
}
/*
* Announcement
* --------------------------------------------------
*/
#announcements_list {
margin-top: 30px;
}
.announcement-sidebar {
margin: 15px 5px 0px 0px;
}
.announcement-sidebar-header {
font-size: 18px;
font-weight: 600;
padding: 10px 15px;
}
.announcement-sidebar-header .fa {
font-size: 150%;
}
[data-toggle="collapse"].callout {
cursor: pointer;
transition: all 0.3s ease;
}
.announcement.callout- {
background: #f4f4f4;
}
.announcement h2 {
padding: 0 0 10px 0;
border-bottom: rgba(0,0,0,0.1) solid 1px !important;
transition: all 0.3s ease;
}
.announcement h3 {
padding: 0 0 10px 0;
font-size: 24px;
border-bottom: rgba(0,0,0,0.1) solid 1px !important;
transition: all 0.3s ease;
}
.announcement p {
font-weight: 200;
}
.announcement .close {
margin: -20px;
padding: 0 10px;
font-size: 300%;
transition: all 0.3s ease;
}
.announcement.jumbotron {
padding: 25px 30px;
border-radius: 0;
}
.announcement.jumbotron p {
font-size: 18px;
}
.announcement.jumbotron .close {
margin: -25px -30px;
}
@media (max-width: 767px) {
.announcement.jumbotron p {
font-size: 14px;
}
}
.announcement.collapsed {
padding: 15px 20px;
}
.announcement.jumbotron.collapsed {
padding: 15px 30px;
}
.announcement.collapsed h2, .announcement.collapsed h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 24px;
border-color: transparent !important;
}
.announcement.collapsed h3 {
font-size: 18px;
}
.announcement.collapsed .close {
margin: -15px -20px;
}
.announcement.jumbotron.collapsed .close {
margin: -15px -30px;
}
[data-toggle="collapse"].callout.collapsed .hide-on-collapsed {
display: none;
}
[data-toggle="collapse"].callout:not(.collapsed) .show-on-collapsed {
display: none;
}
.callout:not([data-toggle="collapse"]) .show-on-collapsed {
display: none;
}
.notice_count {
display: inline-block;
width: 30px;
font-weight:800;
text-align: center;
background-color:#cc0000;
border:1px solid #fff;
color:#ffffff;
}
.notice_text {
margin-left:7px;
display: inline-block;
font-weight:800;
color:#ffffff;
}
.notices .badge {
position: absolute;
top: -2px;
left: -7px;
padding: 2px 5px 3px 4px;
font-family: monospace;
font-size: 12px;
line-height: 0.9;
letter-spacing: -1px;
background-color: #ea4335;
}
.notices .dropdown-menu {
width: 315px;
}
.notice:not(:last-of-type) {
border-bottom: 1px solid #f0f0f0;
}
.notice a.row {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
padding: 12px 10px;
}
.notice a.new {
font-weight: 700;
}
.notices .profile-image{
float: none;
}
@media (max-width: 991px) {
.notices .dropdown-menu {
right:-80%;
}
}
/* read more */
[data-target="#read-more"]:not([aria-expanded=true]) span.closed {
display: inline;
}
[data-target="#read-more"][aria-expanded=true] span.closed {
display: none;
}
[data-target="#read-more"]:not([aria-expanded=true]) span.open {
display: none;
}
[data-target="#read-more"][aria-expanded=true] span.open {
display: inline;
}
/* more OER styling */
.btn-group-lg>.btn-social.btn, .btn-group-lg>.btn.btn-social-icon, .btn-lg.btn-social-icon, .btn-social.btn-lg {
padding-left: 64px;
}
.btn-social, .btn-social-icon {
position: relative;
padding-left: 46px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0,0,0,.2);
}
.btn-group-lg>.btn, .btn-lg {
padding: 10px 16px;
font-size: 20px;
line-height: 1.3333333;
border-radius: 4px;
}
.btn-group-lg>.btn-social.btn>:first-child, .btn-group-lg>.btn.btn-social-icon>:first-child, .btn-lg.btn-social-icon>:first-child, .btn-social.btn-lg>:first-child {
line-height: 48px;
width: 48px;
font-size: 1.8em;
}
.btn-social-icon>:first-child, .btn-social>:first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 34px;
line-height: 36px;
font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0,0,0,.2);
}
.btn-facebook.active, .btn-facebook.focus, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open>.btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: rgba(0,0,0,.2);
}
/* message.js */
#message_window {
position: fixed;
top: 0;
padding: 0 15px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 999;
}
#message_window .notify-container {
margin: 40px auto 0 auto;
width: 100%;
max-width: 1200px;
background: #fff;
box-shadow: rgba(0,0,0,1) 0 0 30px;
/*overflow: hidden;*/
z-index: 999;
}
#message_window .popover {
z-index: 9999;
}
#notify-tabs {
margin-right: 15px;
}
.notify-window {
border: #e5e5e5 solid 1px;
}
.notify-container .notify-window {
overflow-y: auto;
}
.notify-tab {
position: fixed;
bottom: 0;
right: 0;
margin-right: 15px;
width: 280px;
background: #fff;
border:none;
border-radius: 3px 3px 0 0;
box-shadow: rgba(0,0,0,0.4) 0 0 5px;
z-index: 2;
transition: all 0.2s ease-in-out;
}
.notify-heading {
padding: 17px 6px;
height: 50px;
line-height: 1.1;
font-size: 16px;
text-align: center;
background: #f6f7f9;
border-bottom: #e5e5e5 solid 1px;
}
.notify-sub-heading {
position: absolute;
width: 100%;
z-index: 9998;
}
.notify-sub-heading-inner {
position: relative;
}
.notify-user-list {
padding: 0 42px 0 8px;
height: auto;
max-height: 120px;
overflow-y: scroll;
font-size: 14px;
background: #f6f7f9;
border-bottom: #e5e5e5 solid 1px;
margin-top: 50px;
}
.notify-user-list.minimized {
height: 40px;
overflow-y: hidden;
}
#notify-tabs .notify-user-list {
margin-top: 0;
font-size: 10px;
}
#notify-tabs .notify-user-list.minimized {
height: 32px;
}
.notify-sub-heading button {
position: absolute;
background: none;
border: none;
opacity: 0.8;
top: 10px;
right: 25px;
font-size: 140%;
}
#notify-tabs .notify-sub-heading button {
top: 5px;
right: 20px;
font-size: 120%;
}
.notify-user {
padding: 8px 5px;
display: inline-block;
}
#notify-tabs .notify-user {
padding: 4px 2px;
}
.notify-user img {
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: 5px;
}
#notify-tabs .notify-user img {
width: 20px;
height: 20px;
}
.notify-container .notify-heading {
position: absolute;
width: 100%;
border-right: #e5e5e5 solid 1px;
z-index: 9999;
}
.notify-tab .notify-heading {
padding: 8px 6px;
height: 28px;
line-height: 1.1;
font-size: 12px;
font-weight: bold;
text-align: left;
background: #f6f7f9;
border: none;
border-radius: 3px 3px 0 0;
box-shadow: rgba(0,0,0,0.3) 0 0 3px;
}
.notify-heading button {
margin: 0 3px;
background: none;
border: none;
opacity: 0.8;
}
.notify-container .notify-heading button {
margin: 0 5px;
}
.notify-heading button:hover {
opacity: 1;
}
.notify-heading button i {
margin-top: -1px;
font-size: 120%;
}
.notify-heading .dropdown-menu {
margin-left: 15px;
}
.notify-title {
width: 180px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
}
.notify-tab .notify-title {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 8px 6px;
width: 80%;
height: 28px;
overflow: hidden;
cursor: pointer;
}
.notify-recipients {
position: absolute;
top: 50px;
width: 100%;
height: 28px;
background: rgba(0,0,0,0.1);
z-index: 2;
}
.notify-thread {
margin-top: 100px;
padding: 0 5px 10px 5px;
}
.notify-thread.compose {
margin-top: 60px;
position: relative;
}
.notify-window.loading .notify-thread {
background:url("../img/spinner.gif") center center no-repeat;
}
.notify-container .notify-thread {
padding-bottom: 60px;
}
.notify-tab .notify-thread {
margin-top: 0;
padding: 10px 0;
height:240px;
overflow-y: auto;
}
.notify-comment {
position: relative;
margin: 8px;
margin-bottom: 20px;
}
.notify-container .notify-comment:first-child {
/*padding-top: 24px;*/
}
.notify-comment .option {
position: absolute;
bottom: 0;
padding: 1px;
background: #fff;
border-radius: 8px;
z-index: 2;
}
.notify-comment.me .option {
display: none;
}
.notify-comment .option:before {
opacity: 0.5;
}
.notify-comment .dropdown:hover .option:before {
opacity: 1;
}
.online:not(.me):after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
background: #0ab90a;
border: #fff solid 1px;
border-radius: 5px;
z-index: 1;
}
.notify-photo {
position: relative;
padding-bottom: 5px;
width: 38px;
height: 38px;
border-radius: 50%;
overflow: hidden;
z-index: 1;
background-color: #E7E7E7;
}
.notify-photo i {
font-size: 22px;
padding: 14px 12px;
color: #414141;
}
.notify-photo img {
height: 50px;
min-width: 100%;
max-width: none;
}
.notify-tab .notify-photo {
width: 28px;
height: 28px;
}
.notify-tab .notify-photo img {
height: 28px;
}
.notify-text {
position: relative;
max-width: 100%;
margin-top: -42px;
padding-left: 48px;
line-height: 1.3;
}
.notify-tab .notify-text {
margin-top: -38px;
padding-left: 34px;
font-size: 12px;
}
.notify-username {
display: inline-block;
padding: 5px 8px 1px 8px;
font-size: 12px;
background: #f1f0f0;
border-radius: 15px 15px 0 0;
}
.notify-tab .notify-username {
font-size: 10px;
}
.notify-bubble {
position: relative;
display: inline-block;
padding: 5px 10px;
min-width: 100px;
background: #f1f0f0;
border-radius: 0 15px 15px 15px;
}
.notify-bubble:after {
content: "";
position: absolute;
left: -14px;
top: 0;
border-left: 15px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid #f1f0f0;
border-right: none;
}
.notify-comment.me .notify-photo {
display: none;
}
.notify-comment.me .notify-text {
margin-top: 0;
text-align: right;
}
.notify-comment.me .notify-bubble {
color: #fff;
text-align: left;
background: #337ab7;
border-radius: 15px;
}
.notify-comment.me .notify-bubble:after {
content: "";
position: absolute;
top: auto;
left: auto;
bottom: -2px;
right: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #337ab7;
border-top: none;
transform: rotate(20deg);
}
.notify-comment.me .notify-username {
display: none;
}
.notify-input {
border-top: #e5e5e5 solid 1px;
}
#notify-window input {
padding: 8px;
width: 100%;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#notify-window .notify-heading input {
margin-top: -12px;
width: 80%;
height: 40px;
text-align: center;
background: transparent;
}
#notify-window .notify-thread input {
border-bottom: #e5e5e5 solid 1px;
}
#notify-window .notify-thread .bootstrap-tagsinput {
margin-top: -6px;
padding: 0;
border: none;
border-bottom: #e5e5e5 solid 1px;
border-radius: 0;
box-shadow: none;
}
#notify-window .notify-thread .bootstrap-tagsinput input {
width: auto;
border-bottom: none;
}
#notify-window input::placeholder {
color: #337ab7;
}
#notify-window input::-ms-input-placeholder {
color: #337ab7;
}
#notify-window input.required::placeholder {
color: #ea4335;
opacity: 1;
}
#notify-window input.required::-ms-input-placeholder {
color: #ea4335;
}
#notify-window .notify-input {
position: absolute;
bottom: 0;
width: 100%;
background: #fff;
z-index: 2;
}
.notify-input textarea {
margin: 0;
padding: 8px 90px 8px 13px;
width: 100%;
height: 50px;
line-height: 1.3;
border: none;
overflow: hidden;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
}
.notify-tab .notify-input textarea {
padding-right: 38px;
height: 32px;
font-size: 12px;
}
#notify-window .btn-send {
position: absolute;
bottom: 11px;
right: 10px;
}
.notify-tab .btn-send {
position: absolute;
bottom: 5px;
right: 5px;
padding: 3px 8px;
}
.notify-tab .btn-send span {
display: none;
}
.notify-tab:not(.open) .notify-thread {
display:none;
}
.notify-tab:not(.open) .notify-input {
display:none;
}
.notify-tab.active .notify-heading {
color: #fff;
background: #3d8cd1;
}
.notify-select {
border: #e5e5e5 solid 1px;
border-right: none;
overflow-y: auto;
}
.notify-select.loading {
background:url("../img/spinner.gif") center center no-repeat;
}
.notify-new {
color: #337ab7;
}
.notify-list {
margin-top: 50px;
}
.notify-list .nav-tabs {
padding-top: 15px;
}
.notify-list .tab-content {
padding-top: 15px;
}
.notify-message {
position: relative;
padding: 10px;
min-height: 64px;
cursor: pointer;
}
.notify-message.online:after {
top: 12px;
left: 12px;
width: 12px;
height: 12px;
}
.notify-message:not(.active):hover {
background: #f2f2f2;
}
.notify-message.active {
color: #fff;
background: #3d8cd1;
}
.notify-message .notify-photo {
width: 50px;
height: 50px;
}
.notify-message button {
background: none;
border: none;
opacity: 0.8;
}
.notify-message .dropdown button {
opacity: 0.5;
}
.notify-message .dropdown:hover button {
opacity: 1;
}
.notify-description {
position: relative;
max-width: 100%;
margin-top: -50px;
padding-left: 60px;
line-height: 1.3;
}
.notify-description .notify-subject {
margin-bottom: 3px;
font-size: 16px;
}
.notify-datetime {
font-size: 13px;
opacity: 0.5;
}
.notify-delete {
font-size: 13px;
opacity: 0.5;
margin-top: -22px;
z-index:10;
}
.notify-brief {
padding-bottom: 5px;
font-size: 13px;
opacity: 0.5;
margin-right: 15px;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
width: 280px;
}
.notify-message.unread .notify-description * {
font-weight: 600;
opacity: 1;
}
@media (max-width: 991px) {
.notify-container {
position: relative;
overflow-x: hidden;
}
.notify-window {
border-bottom: none;
}
.notify-right-col {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
.notify-select {
border: #e5e5e5 solid 1px;
border-bottom: none;
}
}
@media (min-width: 992px) {
.notify-left-col {
left: initial !important;
}
.notify-right-col {
left: initial !important;
}
}
/* file_manager.js */
#file_manager_window {
position: fixed;
top: 0;
padding: 0 15px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 10001;
}
#file_manager_window .fm-container {
margin: 40px auto 0 auto;
width: 100%;
max-width: 1200px;
background: #fff;
box-shadow: rgba(0,0,0,1) 0 0 30px;
overflow: hidden;
z-index: 999;
}
.fm-container .panel {
box-shadow: none;
}
.fm-window {
/*border: #e5e5e5 solid 1px;*/
}
.fm-container .fm-window {
overflow-y: auto;
}
#file_manager_window.loading .fm-window {
background: url("../img/spinner.gif") center center no-repeat;
}
.fm-heading {
padding: 17px 6px;
height: 50px;
line-height: 1.1;
font-size: 16px;
text-align: center;
background: #f6f7f9;
border-bottom: #e5e5e5 solid 1px;
}
.fm-container .fm-heading {
position: absolute;
width: 100%;
border-right: #e5e5e5 solid 1px;
z-index: 2;
}
.fm-heading button {
margin: 0 3px;
background: none;
border: none;
opacity: 0.8;
}
.fm-container .fm-heading button {
margin: 0 5px;
min-width: 22px;
text-align: center;
}
.fm-heading button:hover {
opacity: 1;
}
.fm-heading button i {
margin-top: -1px;
font-size: 120%;
}
.fm-heading .dropdown-menu {
margin-left: 15px;
}
.fm-list {
margin-top: 60px;
padding: 0 5px 10px 0;
}
.fm-window.loading .fm-list {
background:url("../img/spinner.gif") center center no-repeat;
}
.fm-container .fm-list {
/*padding-bottom: 60px;*/
}
/*.fm-list .fm-list-item {
min-height: 44px;
}
.fm-list .fm-list-item .fm-icon {
width: 25px;
height: 25px;
font-size: 25px;
}
.fm-list .fm-list-item .fm-description {
margin-top: -20px;
padding-left: 35px;
}
.fm-list .fm-list-item .fm-subject {
font-size: 14px;
}*/
.option-list {
}
.option-list .panel-heading {
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.option-list .panel-heading small {
font-weight: normal;
}
.selected-options .panel-heading {
color: #fff;
background: #0087F7;
}
@media (min-width: 768px) {
.option-list .panel-heading {
text-align: left;
}
.option-list button {
text-align: left;
}
}
.fm-select {
margin-top: -1px;
border: #e5e5e5 solid 1px;
border-right: none;
/*overflow-y: auto;*/
}
.fm-select.loading {
background:url("../img/spinner.gif") center center no-repeat;
}
.fm-select .fm-list {
padding: 0 10px;
}
.fm-select .dropdown-menu {
left: auto;
right: 0;
min-width: 100%;
}
.fm-select .panel-body {
padding: 10px;
}
.clipboard .fm-list {
margin: 0;
padding: 10px;
}
.fm-new {
color: #337ab7;
}
.fm-folder-list {
margin-top: 50px;
}
.fm-list-item {
position: relative;
padding: 3px 10px 5px 35px;
min-height: 64px;
cursor: pointer;
}
.fm-list-item:not(.active):hover {
background: #f2f2f2;
}
.fm-list-item.active {
color: #fff;
background: #3d8cd1;
}
.fm-list-item.disabled {
opacity: 0.5 !important;
}
.fm-list-item.selected {
color: #fff !important;
background: #0087F7 !important;
}
.fm-list-item.cut .fm-icon, .fm-list-item.cut .fm-subject, .fm-list-item.cut .fm-brief {
opacity: 0.6 !important;
}
.fm-list-item .fm-check {
position: absolute;
top: 0;
left: 0;
padding: 20px 4px 20px 10px;
width: 35px;
min-height: 64px;
font-size: 20px;
text-align: center;
visibility: hidden;
}
.fm-list-item .fm-check:hover {
color: #0087F7;
}
.fm-list-item.selected .fm-check {
color: #fff;
visibility: visible;
}
.fm-list-item .fm-icon {
position: relative;
padding-bottom: 5px;
width: 50px;
height: 50px;
font-size: 40px;
text-align: center;
z-index: 1;
}
.fm-list-item .fm-icon .badge {
position: absolute;
bottom: 0;
}
.fm-list-item .dropdown {
z-index: 1;
}
.fm-list-item .dropdown-toggle {
color: rgba(0,0,0,0.5);
opacity: 0;
}
.fm-list-item .dropdown:hover .dropdown-toggle {
color: rgba(0,0,0,0.8);
}
.fm-list-item .dropdown.file-options .dropdown-toggle {
position: absolute;
right: 0;
border: none;
}
.fm-list-item .dropdown.file-options .dropdown-menu {
margin-top: 20px;
}
.fm-list-item.selected .dropdown {
visibility: hidden;
}
.fm-list-item .label {
padding: 1px 4px;
}
.fm-description {
position: relative;
max-width: 100%;
margin-top: -40px;
padding-left: 60px;
line-height: 1.3;
}
.fm-description .fm-subject {
font-size: 16px;
white-space: nowrap;
overflow: hidden;
}
.fm-datetime {
font-size: 13px;
opacity: 0.5;
}
.fm-delete {
font-size: 13px;
opacity: 0.5;
margin-top: -22px;
z-index:10;
}
.fm-brief {
padding-bottom: 5px;
font-size: 13px;
opacity: 0.5;
margin-right: 15px;
}
.fm-clipboard {
margin-left: 5px;
border: rgba(0,0,0,0.1) dashed 3px;
cursor: pointer;
}
.fm-clipboard:hover {
background: #f2f2f2;
}
.fm-clipboard .fm-list-item {
display: inline-block;
padding: 2px 5px 6px 5px;
min-height: 0;
}
.fm-clipboard .fm-list-item:hover {
background: none;
}
.fm-clipboard .fm-list-item .fm-icon {
width: 16px;
height: 16px;
font-size: 16px;
}
.fm-clipboard .fm-description {
margin-top: -13px;
padding-left: 20px;
}
.fm-clipboard .fm-description .fm-subject {
font-size: 13px;
}
.fm-clipboard .fm-clear {
float: right;
padding: 1px;
opacity: 0.5;
}
.fm-list-item:hover .fm-check {
visibility: visible;
}
.fm-list-item:hover .dropdown-toggle {
opacity: 1;
}
.fm-list-item:hover .fm-brief {
opacity: 0.8;
}
@media (max-width: 991px) {
.fm-container {
position: relative;
overflow-x: hidden;
}
/* .fm-right-col {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}*/
.fm-select {
border: #e5e5e5 solid 1px;
}
}
@media (min-width: 992px) {
.fm-left-col {
left: initial !important;
}
.fm-right-col {
left: initial !important;
}
}
.fm-container .dropzone {
position: absolute;
width: 100%;
height: 100%;
border: 5px dashed #0087F7 !important;
background: rgba(255,255,255,0.6);
z-index: 2;
}
.fm-container .dropzone .dz-message {
position: relative;
top: 40%;
font-size: 2rem;
font-weight: bold;
color: #0087F7;
text-shadow: #fff 0 0 10px;
}
.fm-container .dropzone .dz-message span {
background: rgba(255,255,255,0.9);
border-radius: 10px;
box-shadow: rgba(255,255,255,0.9) 0 0 10px;
}
/* media_manager.js */
#media_manager_window {
position: fixed;
top: 0;
padding: 0 15px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 10001;
}
#media_manager_window .mm-container {
margin: 40px auto 0 auto;
width: 100%;
max-width: 1200px;
background: #fff;
box-shadow: rgba(0,0,0,1) 0 0 30px;
overflow: hidden;
z-index: 999;
}
.mm-container .panel {
box-shadow: none;
}
.mm-window {
/*border: #e5e5e5 solid 1px;*/
}
.mm-container .mm-window {
margin-top: 50px;
padding-top: 10px;
overflow-y: auto;
}
#media_manager_window.loading .mm-window {
background: url("../img/spinner.gif") center center no-repeat;
}
.mm-heading {
padding: 17px 6px;
height: 50px;
line-height: 1.1;
font-size: 16px;
text-align: center;
background: #f6f7f9;
border-bottom: #e5e5e5 solid 1px;
}
.mm-container .mm-heading {
position: absolute;
top: 0;
width: 100%;
border-right: #e5e5e5 solid 1px;
z-index: 3;
}
.mm-heading button {
margin: 0 3px;
background: none;
border: none;
opacity: 0.8;
}
.mm-container .mm-heading button {
margin: 0 5px;
min-width: 22px;
text-align: center;
}
.mm-heading button:hover {
opacity: 1;
}
.mm-heading button i {
margin-top: -1px;
font-size: 120%;
}
.mm-heading .dropdown-menu {
margin-left: 15px;
}
.mm-list {
/*margin-top: 60px;*/
padding: 0 5px 10px 0;
}
.mm-window.loading .mm-list {
background:url("../img/spinner.gif") center center no-repeat;
}
.mm-container .mm-list {
/*padding-bottom: 60px;*/
}
/*.mm-list .mm-list-item {
min-height: 44px;
}
.mm-list .mm-list-item .mm-icon {
width: 25px;
height: 25px;
font-size: 25px;
}
.mm-list .mm-list-item .mm-description {
margin-top: -20px;
padding-left: 35px;
}
.mm-list .mm-list-item .mm-subject {
font-size: 14px;
}*/
.option-list {
}
.option-list .panel-heading {
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.option-list .panel-heading small {
font-weight: normal;
}
.selected-options .panel-heading {
color: #fff;
background: #0087F7;
}
@media (min-width: 768px) {
.option-list .panel-heading {
text-align: left;
}
.option-list button {
text-align: left;
}
}
.mm-select {
margin-top: -1px;
border: #e5e5e5 solid 1px;
border-right: none;
/*overflow-y: auto;*/
}
.mm-select.loading {
background:url("../img/spinner.gif") center center no-repeat;
}
.mm-select .mm-list {
margin-top: 50px;
padding: 10px 10px 0 10px;
}
.mm-select .dropdown-menu {
left: auto;
right: 0;
min-width: 100%;
}
.mm-select .panel-body {
padding: 10px;
}
.clipboard .mm-list {
margin: 0;
padding: 10px;
}
.mm-new {
color: #337ab7;
}
.mm-folder-list {
margin-top: 50px;
}
.mm-list-item {
position: relative;
padding: 3px 10px 5px 35px;
min-height: 64px;
cursor: pointer;
}
.mm-list-item:not(.active):hover {
background: #f2f2f2;
}
.mm-list-item.active {
color: #fff;
background: #3d8cd1;
}
.mm-list-item.disabled {
opacity: 0.5 !important;
}
.mm-list-item.selected {
color: #fff !important;
background: #0087F7 !important;
}
.mm-list-item.cut .mm-icon, .mm-list-item.cut .mm-subject, .mm-list-item.cut .mm-brief {
opacity: 0.6 !important;
}
.mm-list-item .mm-check {
position: absolute;
top: 0;
left: 0;
padding: 20px 4px 20px 10px;
width: 35px;
min-height: 64px;
font-size: 20px;
text-align: center;
visibility: hidden;
}
.mm-list-item .mm-check:hover {
color: #0087F7;
}
.mm-list-item.selected .mm-check {
color: #fff;
visibility: visible;
}
.mm-list-item .mm-icon {
position: relative;
padding-bottom: 5px;
width: 50px;
height: 50px;
font-size: 40px;
text-align: center;
z-index: 1;
}
.mm-list-item .mm-icon .badge {
position: absolute;
bottom: 0;
}
.mm-list-item .dropdown {
z-index: 2;
}
.mm-list-item .dropdown-toggle {
color: rgba(0,0,0,0.5);
opacity: 0;
}
.mm-list-item .dropdown:hover .dropdown-toggle {
color: rgba(0,0,0,0.8);
}
.mm-list-item .dropdown.media-options .dropdown-toggle {
position: absolute;
right: 0;
}
.mm-list-item .dropdown.media-options .dropdown-menu {
margin-top: 20px;
}
.mm-list-item.selected .dropdown {
visibility: hidden;
}
.mm-list-item .dropdown-menu {
top: 0px;
right: 40px;
left: auto;
}
.mm-list-item .label {
padding: 1px 4px;
}
.mm-description {
position: relative;
max-width: 100%;
margin-top: -40px;
padding-left: 60px;
line-height: 1.3;
}
.mm-description .mm-subject {
font-size: 16px;
white-space: nowrap;
overflow: hidden;
}
.mm-datetime {
font-size: 13px;
opacity: 0.5;
}
.mm-delete {
font-size: 13px;
opacity: 0.5;
margin-top: -22px;
z-index:10;
}
.mm-brief {
padding-bottom: 5px;
font-size: 13px;
opacity: 0.5;
margin-right: 15px;
}
.mm-clipboard {
margin-left: 5px;
border: rgba(0,0,0,0.1) dashed 3px;
cursor: pointer;
}
.mm-clipboard:hover {
background: #f2f2f2;
}
.mm-clipboard .mm-list-item {
display: inline-block;
padding: 2px 5px 6px 5px;
min-height: 0;
}
.mm-clipboard .mm-list-item:hover {
background: none;
}
.mm-clipboard .mm-list-item .mm-icon {
width: 16px;
height: 16px;
font-size: 16px;
}
.mm-clipboard .mm-description {
margin-top: -13px;
padding-left: 20px;
}
.mm-clipboard .mm-description .mm-subject {
font-size: 13px;
}
.mm-clipboard .mm-clear {
float: right;
margin-top: -3px;
padding: 1px;
opacity: 0.5;
}
.mm-list-item:hover .mm-check {
visibility: visible;
}
.mm-list-item:hover .dropdown-toggle {
opacity: 1;
}
.mm-list-item:hover .mm-brief {
opacity: 0.8;
}
.mm-thumb-item {
display: inline-block;
width: 280px;
}
.mm-thumb-img {
position: relative;
height: 120px;
background-color: #ddd;
background-size: cover;
}
.mm-thumb-item .mm-icon {
position: absolute;
bottom: 0;
}
.mm-thumb-item .dropdown {
position: absolute;
top: 0;
right: 0;
}
.mm-thumb-item .mm-description {
margin-top: 0;
padding-left: 0;
}
.mm-thumb-item .mm-subject {
margin-right: 0;
}
.mm-thumb-item .mm-brief {
margin-right: 0;
white-space: nowrap;
overflow: hidden;
}
@media (max-width: 991px) {
.mm-container {
position: relative;
overflow-x: hidden;
}
/* .mm-right-col {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}*/
.mm-select {
border: #e5e5e5 solid 1px;
}
}
@media (min-width: 992px) {
.mm-left-col {
left: initial !important;
}
.mm-right-col {
left: initial !important;
}
}
.mm-container .dropzone {
position: absolute;
width: 100%;
height: 100%;
border: 5px dashed #0087F7 !important;
background: rgba(255,255,255,0.6);
z-index: 2;
}
.mm-container .dropzone .dz-message {
position: relative;
top: 40%;
font-size: 2rem;
font-weight: bold;
color: #0087F7;
text-shadow: #fff 0 0 10px;
}
.mm-container .dropzone .dz-message span {
background: rgba(255,255,255,0.9);
border-radius: 10px;
box-shadow: rgba(255,255,255,0.9) 0 0 10px;
}
/* live session */
#dropdown_live_session.dropdown-menu:empty {
display:none;
}
#upcoming_live_session .meta span {
border-right: 0;
}
#upcoming_live_session .display-eoi-btn {
position: absolute;
right: 15px;
bottom: 40px;
}
/* glossary */
span.glossary-term {
/*color: #337ab7;*/
border-bottom: rgba(0,0,0,0.3) dotted 2px;
cursor: help;
}
span.glossary-term:hover {
border-color: #337ab7;
}
a>span.glossary-term {
border-bottom: 0px;
cursor: pointer;
}
a>span.glossary-term ~.popover {
display: none !important;
}
.popover-title {
padding: 8px 14px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: bold !important;
letter-spacing: normal !important;
color: #000 !important;
text-decoration: none !important;
}
.popover-content {
color: #000 !important;
text-decoration: none !important;
}
.popover-content textarea {
margin-bottom: 5px;
resize: none;
}
.popover-content button {
margin: 0 !important;
opacity: 1;
}
.popover-title .close {
margin: 0 !important;
font-size: 16px;
}
/* wizard */
#WizardModal {
z-index: 10000;
}
.wizard-label {
display: none;
position: absolute;
margin-top: 10px;
/*margin-left: -10px;*/
padding: 15px 15px 10px 15px;
width: auto;
max-width: 400px;
color: #fff;
background: rgba(48,180,82,0.9);
background-image: linear-gradient(to bottom right, rgba(44,202,85,0.9), rgba(55,159,82,0.9));
box-shadow: rgba(0,0,0,0.1) 5px 5px 0;
border-radius: 8px;
}
.wizard-label .arrow {
content:"";
position: absolute;
top: 0;
margin-top: -10px;
/*margin-left: 10px;*/
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(48,180,82,0.9);
border-top: none;
}
.wizard-label.right {
margin-left: -10px;
}
.wizard-label.right .arrow {
top: auto;
left: 0;
margin-top: 10px;
margin-left: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid rgba(48,180,82,0.9);
border-left: none;
}
.wizard-label.top {
box-shadow: rgba(0,0,0,0.1) 5px -5px 0;
}
.wizard-label.top .arrow {
top: auto;
bottom: 0;
margin-bottom: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(48,180,82,0.9);
border-bottom: none;
}
.wizard-label.left {
box-shadow: rgba(0,0,0,0.1) -5px 5px 0;
}
.wizard-label.left .arrow {
right: 0;
margin-top: 10px;
margin-right: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid rgba(48,180,82,0.9);
border-right: none;
}
.wizard-label .arrow.center {
margin-left: 49%;
}
.wizard-label h5 {
margin: 0;
margin-bottom: 5px;
font-size: 2.5rem;
font-weight: bold;
line-height: 1.1;
letter-spacing: -1px;
color: #fff;
/*text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;*/
}
.wizard-label p {
margin: 0;
margin-bottom: 5px;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.1;
color: #fff;
}
.wizard-label .btn {
margin-top: 8px;
font-size: 2rem;
color: #fff;
background: rgba(37,139,63,0.9);
border: none !important;
box-shadow: none !important;
}
.wizard-label .btn:hover {
background: rgba(30,112,51,0.9);
}
.wizard-hint {
display: block;
position: absolute;
}
.btn.wizard-close {
position: fixed;
bottom: 0;
right: 0;
color: #fff;
background: rgba(48,180,82,0.9);
background-image: linear-gradient(to bottom right, rgba(44,202,85,0.9), rgba(55,159,82,0.9));
box-shadow: rgba(0,0,0,0.1) 5px 5px 0;;
border: none !important;
border-radius: 8px 0 0 0 !important;
z-index: 999;
}
/* edit photo */
#img-container {
position: relative;
}
#edit_image_tooltip {
background-color: #000;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
display: none;
opacity: .7;
color: #fff;
font-size: 10px;
padding: 0px 5px;
}
#editPhotoModal #result img{
width: 100%
}
.edit-display-photo-container .img-container {
max-width: 100%;
}
.edit-display-photo-container #start-camera{
display: none;
border-radius: 3px;
max-width: 400px;
color: #fff;
background-color: #448AFF;
text-decoration: none;
padding: 15px;
opacity: 0.8;
margin: 50px auto;
text-align: center;
}
.edit-display-photo-container video#camera-stream{
display: none;
width: 100%;
}
.edit-display-photo-container img#snap{
/*position: absolute;
top: 0;
left: 0;*/
width: 100%;
z-index: 10;
display: none;
}
.edit-display-photo-container #error-message{
width: 100%;
background-color: #ccc;
color: #9b9b9b;
font-size: 28px;
padding: 200px 100px;
text-align: center;
display: none;
}
.edit-display-photo-container .camera-view{
position: relative;
}
.edit-display-photo-container #display_photo_file{
display: none;
}
.edit-display-photo-container .controls{
z-index: 20;
display: none;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.edit-display-photo-container .controls a{
flex: 0 0;
-ms-flex: 0 0 30px;
border-radius: 50%;
color: #fff;
background-color: #111;
text-decoration: none;
padding: 15px;
line-height: 0;
opacity: 0.8;
outline: none;
-webkit-tap-highlight-color: transparent;
}
.edit-display-photo-container #upload-photo {
margin-top: 15px;
}
.edit-display-photo-container .controls a.disabled{
display: none;
}
.edit-display-photo-container .controls a i{
font-size: 22px;
}
.edit-display-photo-container canvas{
display: none;
}
.edit-display-photo-container video#camera-stream.visible,
.edit-display-photo-container img#snap.visible,
.edit-display-photo-container #error-message.visible,
.edit-display-photo-container #display_photo_file.visible
{
display: block;
}
.edit-display-photo-container .controls.visible{
display: flex;
}
@media(max-width: 1000px){
/*.container {
margin: 40px;
}*/
.edit-display-photo-container #start-camera.visible{
display: block;
}
.edit-display-photo-container .controls a i{
font-size: 16px;
}
.edit-display-photo-container .controls #take-photo i{
font-size: 24px;
}
}
@media(max-width: 600px){
/*.container{
margin: 10px;
}*/
.edit-display-photo-container #error-message{
padding: 80px 50px;
font-size: 18px;
}
.edit-display-photo-container .controls a i{
font-size: 12px;
}
.edit-display-photo-container .controls #take-photo i{
font-size: 18px;
}
}
#editImageModal .modal-body {
padding: 15px 35px;
}
/* data_equalizer */
@media only screen and (max-width: 767px) {
.data-equalizer:not(.data-equalizer-mobile) .data-equalizer-watch:not(.fm-window,.fm-select) {
height: auto !important;
}
}
@media only screen and (min-width: 768px) {
.data-equalizer {
display: table;
width: 100%;
}
.data-equalizer .data-equalizer-watch {
display: table-cell;
vertical-align: top;
}
.data-equalizer:not(.grid-element) .data-equalizer-watch {
float: none;
}
.data-equalizer .data-equalizer-watch .data-equalizer-watch {
display: block;
}
.element:not(.Grid) .data-equalizer-watch a.img {
display: inline-block;
}
}
/* autocomplete */
.bc-menu {
display: block;
margin-top: -7px;
box-shadow: rgba(0,0,0,0.1) 0 0 10px;
}
.bc-menu .list-group-item {
color: #555;
transition: none;
}
.bc-menu .list-group-item:first-child {
border-radius: 0;
}
.bc-menu .list-group-item:hover {
cursor: pointer;
}
.bc-menu .list-group-item:not(.active):hover {
color: #000;
background-color: #f5f5f5;
border-color: #ddd;
}
.bc-menu .list-group-item.active {
color: #fff;
}
/* product */
#edit_product_offering_image_container col-md-6 {
position: relative;
}
#edit_product_offering_image_container img {
padding: 10px 0;
}
#edit_product_offering_image_container i {
position: absolute;
top: 2px;
right: 2px;
font-size: 18px;
cursor: pointer;
}
#product_offering_image_selector .image_select {
position: relative;
}
#product_offering_image_selector .image_select i {
display: none;
}
#product_offering_image_selector .image_select.selected i {
position: absolute;
bottom: 2px;
right: 20px;
font-size: 18px;
cursor: pointer;
color: #00A859;
display: inline-block;
}
.product_offering_gallery .large_image_container {
width: 100%;
position: relative;
}
.product_offering_gallery .thumbnail_image_container {
padding-top: 10px;
padding-bottom: 10px;
}
.product_offering_gallery .thumbnail_image_container .col-md-4 {
margin-bottom: 10px;
}
.product_offering_gallery .large_image_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000;
}
.product_offering_gallery .large_image_container:hover .large_image_overlay {
opacity: 0.3;
}
.product_offering_gallery .large_image_overlay_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;
opacity: 0;
}
.product_offering_gallery .large_image_container:hover .large_image_overlay_text {
opacity: 1;
}
/* The Modal (background) */
.product_offering_gallery #full_image_modal {
display: none;
position: fixed;
z-index: 1000;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0,0.5);
text-align: center;
}
.product_offering_gallery #full_image_modal .full_image_modal_content {
position: relative;
margin: auto;
padding: 0;
width: 90%;
max-width: 900px;
}
.product_offering_gallery #full_image_modal .full_image_wrapper {
position: relative;
vertical-align: top;
}
.product_offering_gallery #full_image_modal #full_image {
border: 8px solid #F0F0F0;
}
.product_offering_gallery .full_image_close {
color: white;
position: absolute;
top: -20px;
right: -20px;
font-size: 25px;
font-weight: bold;
background-color: black;
padding: 5px;
border-radius: 50%;
}
.product_offering_gallery .full_image_close i {
width: 25px;
}
.product_offering_gallery .full_image_close:hover,
.product_offering_gallery .full_image_close:focus {
cursor: pointer;
}
.product_offering_list .list_item {
margin: 0 5px 15px 5px;
border: #ddd solid 1px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
position: relative;
}
.product_offering_list .list_item img {
height: 350px;
width: 100%;
background-size: cover;
background-position: 50%;
}
.product_offering_list .list_item .price {
position: absolute;
top: 10px;
right: 10px;
font-size: 16px;
line-height: 28px;
}
.product_offering_list .list_item .list_item_details {
padding: 10px;
position: relative;
}
.product_offering_list .list_item .list_item_details h4 {
margin-right: 50px;
}
table .product_image {
width: 10%;
padding: 5px;
}
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #AA0000;
}
.ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 15px 0;
background-color: #EE4433;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
font: 700 18px/1 'Lato', sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
.ribbon-top-left {
top: -3px;
left: -3px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
border-top-color: transparent;
border-left-color: transparent;
}
.ribbon-top-left::before {
top: 0;
right: 0;
}
.ribbon-top-left::after {
bottom: 0;
left: 0;
}
.ribbon-top-left span {
right: -25px;
top: 30px;
transform: rotate(-45deg);
}
.cart-form {
margin-top: 25px;
margin-bottom: 25px;
}
#cart_item_table th {
border-bottom: 0px;
}
#edit_cart_promo_code {
z-index: 100;
}
.cart_form_error {
border-color: red;
}
.payment_success .single_content{
text-align:center;
}
.payment_success h1 {
font-weight:700;
}
.payment_success i.fa-check-circle {
font-size:60px;
color:#41BD43;
}
.payment_success table {
width:600px;
margin:20px auto;
}
.payment_success .message {
margin: 40px auto;
}
.payment_success .btn_payment_success_action {
margin-top:50px
}
#stock_unavailable_msg {
font-size: 16px;
margin-bottom: 0;
}
.cart_item_title {
font-weight: 700;
}
.cart_item_title p {
margin-bottom: 0;
}
#cart_empty_msg {
margin-bottom: 50px;
}
#no_product_offering_msg {
margin-bottom: 50px;
}
#edit_product_offering_image_container, .product_offering_gallery .thumbnail_image_container {
display: flex;
flex-wrap: wrap;
}
.course_payment_table {
font-size: 18px;;
}
.course_payment_table th {
background-color: #f0f0f0;
}
.course_payment_table td {
background-color: #f6f6f6;
height: 90px;
}
.course_payment_table.course_payment_table_promo td {
height: 50px;
}
.course_promo_cert {
box-shadow: rgba(0,0,0,0.2) 0 0 15px;
margin: 5px 0;
}
.text-uppercase {
text-transform: uppercase !important;
}
.notification {
padding: 15px 25px;
}
.notification .notification-heading {
margin-bottom: 25px;
}
.notification .notification-heading i {
vertical-align: middle;
color: #ccc;
}
.notification .notification-heading i.fa-comments {
color: #E42313;
}
.notification .notification-heading .notification-subject {
font-size: 16px;
font-weight: 600;
margin-left: 10px;
}
.notification-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#notices .dropdown-menu .well {
font-size: 16px;
margin: 10px 15px;
}
#notices .dropdown-menu i {
font-size: 20px;
color: #337AB7;
}
.btn-wicking {
color: #fff;
background-color: #ee2e24;
border-color: #C3140B;
}
.btn-wicking:hover, .btn-wicking:active, .btn-wicking:focus {
color: #fff;
background-color: #C3140B;
}
.online_status {
width: 10px;
height: 10px;
background-color: #666;
border-radius: 50%;
margin-top: 5px;
}
.online_status.user_online {
background-color: #0ab90a;
}
/* EDM Manager */
#edmListForm .input-group-addon span {
display: inline-block;
width: 125px;
text-align: left;
}
#edmListForm label {
font-size: 16px;
font-weight: normal;
}
.edm_report_container {
margin-top: 15px;
margin-bottom: 15px;
}
.edm_report_container .panel{
border-top: none
}
.edm_report_container .nav-tabs > li a {
font-size: 14px;
border-radius: 0;
border-bottom: none;
}
.edm_report_table {
font-size: 12px;
}
.edm_report_container .nav-pills>li {
border-top: 0;
}
.edm_report_container .nav-pills>li.active>a, .edm_report_container .nav-pills>li.active>a:focus, .edm_report_container .nav-pills>li.active>a:hover {
color: #fff !important;
background-color: #337ab7 !important;
border-radius: 5px !important;
}
.tab-inner {
margin: 25px 15px;
}
#edm_past_email_datatable {
font-size: 14px;
}
#edm_past_email_datatable tbody {
word-wrap: break-word;
}
/* ImgMap */
.panel-imgmap .panel-heading {
padding: 15px;
background: #f4f4f4 !important;
}
.panel-imgmap .panel-title {
font-size: 18px;
font-weight: 600;
letter-spacing: normal;
text-align: left;
}
.panel-imgmap .panel-accordian {
border-radius: 0;
box-shadow: none;
}
.panel-imgmap .panel-accordian .panel-heading {
padding: 0;
background: #f9f9f9 !important;
border-radius: 0;
}
.panel-imgmap .panel-accordian .panel-heading.active {
color: #fff !important;
background: #337ab7 !important;
}
.panel-imgmap .panel-accordian .panel-heading.active:hover a {
color: #fff !important;
}
.panel-imgmap .panel-accordian .panel-title {
font-size: 16px;
font-weight: 600;
text-align: left;
}
.panel-imgmap .panel-accordian .panel-title a {
display: block;
padding: 12px;
}
.panel-imgmap .panel-accordian .panel-body {
padding: 15px !important;
}
.panel-imgmap .panel-accordian iframe {
max-width: 100%;
}
.img-map {
position: relative;
}
.img-map .image {
position: relative;
}
.img-map img {
width: 100%;
}
.img-map .layer {
display: none;
position: absolute;
top: 0;
width: 100%;
}
.img-map .action {
display: block;
position: absolute;
}
.img-map .list .list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.img-map .list .list-group-item a {
display: block;
}
.img-map .list .list-group-item.active a {
color: #fff;
}
.img-map .popover .arrow {
display: none;
}
@media (max-width: 767px) {
.panel-imgmap {
margin-left: -15px !important;
margin-right: -15px !important;
}
.panel-imgmap .panel-body {
padding: 0 !important;
}
.img-map .popover {
max-width: 100%;
width: 400px;
}
}
.grid-element img {
height: auto !important;
}
.grid-element img.headshot {
width: 250px !important;
height: 300px !important;
object-fit: cover;
object-position: top;
}
@media (max-width: 767px) {
.grid-element img {
width: auto !important;
}
.grid-element img.headshot {
width: 250px !important;
}
}
.no-print {
display: none;
}
#terms_print {
display: none;
background-color:white;
padding: 10px 15px;
}
.control-label-end {
text-align: left !important;
padding-left: 0;
}
/* program_ap */
.program_ap .header .navbar {
/*display: none;*/
}
.program_ap .single_content {
padding-bottom: 70px;
border-top: 1px solid #ddd;
}
.program_ap .x_content .single_content {
border: none;
}
.program_ap:not(.list_program):not(.edit_program):not(.add_program) .single_content .container:first-child {
margin-top: -85px;
}
.program_ap .nav-tabs.top-nav-tabs {
margin-bottom: 30px;
/*border: none;*/
}
.program_ap .nav-tabs:not(.bar_tabs)>li>a {
padding: 10px 20px;
font-size: 2rem;
/*border-color: transparent;*/
border-radius: 0;
}
.program_ap .nav-tabs:not(.bar_tabs)>li.active>a {
color: #000;
}
.program_ap .nav-tabs:not(.bar_tabs)>li:not(.active)>a:focus, .program_ap .nav-tabs:not(.bar_tabs)>li:not(.active)>a:hover {
background: #fff;
border-color: #fff;
border-bottom-color: #ddd;
/*border-color: transparent;*/
background: rgba(255,255,255,0.6);
}
.program_ap .nav-tabs:not(.bar_tabs)>li.dropdown {
display: none;
}
.program_ap .callout h2 {
font-weight: bold;
}
.program_ap .single_banner {
height: 160px;
}
.program_ap #profile {
padding-top: 15px;
}
.program_ap .profile-photo {
border: none;
}
.program_ap #profile form {
padding: 15px 0;
}
.program_ap .progress-indicator .tooltip-inner {
min-width: 0;
}
.program-activity-content ol li, .program-activity-content ul li {
margin-bottom: 10px;
}
.program_ap .btn-download-report {
position: absolute;
top: 0;
right: 0;
}
.program_ap .tab-pane#dashboard {
position: relative;
}
@media (max-width: 767px) {
.program_ap .nav-tabs {
/*margin-left: -15px;
margin-right: -15px;*/
}
.program_ap .nav-tabs>li {
display: none;
}
.program_ap .nav-tabs:not(.bar_tabs)>li.dropdown {
display: block;
}
.program_ap .single_banner {
height: 120px;
background-position: top left;
}
.program_ap:not(.list_program):not(.edit_program) .single_content .container:first-child {
margin-top: -65px;
}
.program_ap:not(.list_program):not(.edit_program):not(.add_program) .single_content .container:first-child {
margin-top: -65px;
}
}
@media (max-width: 991px) {
.program_ap #profile .nav-tabs>li>a {
font-size: 1.8rem;
}
}
@media screen and (max-width: 1199px) {
.program_ap .menu-icon {
display: block !important;
}
}
/* program_ap dashboard */
/** top tiles */
.tile_count {
margin-bottom: 20px;
margin-top: 20px; }
.tile_count .tile_stats_count {
border-bottom: 1px solid #D9DEE4;
padding: 0 10px 0 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative; }
@media (min-width: 992px) {
/*footer {
margin-left: 230px; }*/ }
@media (min-width: 992px) {
.tile_count .tile_stats_count {
margin-bottom: 10px;
border-bottom: 0;
padding-bottom: 10px; } }
.tile_count .tile_stats_count:before {
content: "";
position: absolute;
left: 0;
height: 65px;
border-left: 2px solid #ADB2B5;
margin-top: 10px; }
@media (min-width: 992px) {
.tile_count .tile_stats_count:first-child:before {
border-left: 0; } }
.tile_count .tile_stats_count .count {
font-size: 30px;
line-height: 47px;
font-weight: 600; }
@media (min-width: 768px) {
.tile_count .tile_stats_count .count {
font-size: 40px; } }
@media (min-width: 992px) and (max-width: 1100px) {
.tile_count .tile_stats_count .count {
font-size: 30px; } }
.tile_count .tile_stats_count span {
font-size: 12px; }
@media (min-width: 768px) {
.tile_count .tile_stats_count span {
font-size: 13px; } }
.tile_count .tile_stats_count .count_bottom i {
width: 12px; }
.callout-tabs .nav-tabs {
margin: 0;
border: none;
}
.callout-tabs .nav-tabs>li {
margin-bottom: -2px;
}
.callout-tabs .nav-tabs>li>a {
border: none;
border-radius: 0;
}
.callout-tabs .nav-tabs>li.active>a {
background: #f4f4f4;
border: none;
}
.callout-tabs .nav-tabs>li:first-child.active>a, .callout-tabs .nav-tabs>li.dropdown>a {
padding-left: 17px;
border-left: 3px solid #eee;
}
.callout-tabs .nav-tabs>li:not(.active)>a:hover, .callout-tabs .nav-tabs>li:not(.active)>a:focus {
background: #eee !important;
border: none;
}
.callout-tabs .tab-content {
margin: 0;
padding: 20px;
background: #f4f4f4;
border-left: 3px solid #eee;
}
.callout-tabs .tab-content .callout {
position: relative;
margin: 10px 0;
font-size: 14px;
background: #fff;
}
.callout-tabs .tab-content .callout p {
margin: 0 0 15px !important;
/*font-size: 14px;*/
}
.callout-tabs .tab-content .well {
background-color: #fff;
}
.callout-tabs .tab-content .table tr:hover td {
background-color: #fff;
}
.program_ap h1.title {
margin-bottom: 10px;
padding: 0;
font-size: 40px;
}
.program_ap h1 small .label {
display: inline-block;
position: relative;
top: -6px;
}
.program_ap .panel .survey_form h2 {
margin-top: 10px;
font-size: 26px;
}
.program_ap .callout:not(.jumbotron) p {
font-size: 16px;
}
.program_ap .callout .btn {
font-size: 18px;
}
.program_ap .callout .label {
font-size: 16px;
}
@media (min-width: 768px) {
.callout-tabs .tab-content .callout .col-thumb {
padding-right: 0;
}
}
@media (max-width: 767px) {
.program_ap h1.title {
font-size: 30px;
}
.program_ap .callout.jumbotron p {
font-size: 16px;
}
}
/* search */
.search_result_container .pagination > li > a {
margin-left: 0;
}
.search_result_container .pagination > .active > a {
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.search_result_container .pagination > li {
display: inline;
}
.search_result_container label {
cursor: pointer;
}
.top-search {
position: relative;
}
.top-search .keyword_search1 {
display: inline-block;
}
.top-search .keyword_search2 {
display: none;
}
.top-search .keyword_search_select2 {
color: #000;
}
.top-search .keyword_search_select2 .select2-search__field {
width: initial !important;
height: 26px;
padding: 6px 12px 6px 0;
}
.top-search .keyword_search_select2 .select2-selection__rendered {
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.top-search .top-search-desktop .keyword_search1 {
margin-top: -5px;
}
.top-search .top-search-desktop .keyword_search1, .top-search .top-search-desktop .keyword_search_select2 {
border: none;
width: 180px !important;
padding-right: 26px;
}
.top-search .top-search-desktop .keyword_search_select2 {
padding-right: 0;
}
.top-search .top-search-desktop .keyword_search_select2 {
border-radius: 3px;
margin-top: -5px;
}
.top-search .top-search-desktop .keyword_search_select2 .select2-selection {
min-height: initial !important;
max-height: 34px;
border-radius: 3px !important;
padding-right: 26px;
padding-left:12px;
}
.top-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding:0;
}
.top-search .input-group {
margin-bottom: 0;
}
.top-search .top-search-desktop .btnSearch {
position: absolute;
margin: 0;
right: -5px;
top: -5px;
border: none;
padding-top: 7px;
padding-bottom: 7px;
box-shadow: none;
}
.top-search .top-search-desktop .btnSearch:focus {
outline:none;
}
.top-search .top-search-desktop .fa-search {
color: #000;
}
.top-search .top-search-desktop .keyword_search_select2 .select2-search__field {
margin-top: 2px !important;
}
.top-search .top-search-desktop .keyword_search_select2 .select2-selection__rendered {
padding: 0 12px 0 0 !important;
}
.keyword_search_select2 .select2-dropdown {
overflow-x: hidden;
}
.keyword_search_select2 li.select2-results__option {
padding: 0 !important;
}
.keyword_search_link.active {
background-color: #337ab7;
color: white;
}
.keyword_search_link {
padding: 6px;
height: 55px; /*20px;*/
display: block; /*inline-table;*/
width: 100%;
position: relative;
}
.keyword_search_link:hover {
cursor: pointer;
}
.keyword_search_link label{
position: absolute;
right: 3px;
bottom: 0;
cursor: pointer;
}
#metatag_datatable label, .metatags_container label {
margin-bottom: 5px;
display: inline-block;
padding: 6px 8px;
}
#metatag_datatable label, .ilo_mapping_datatable label, .course_metatag_mapping_datatable label {
cursor: pointer;
}
.ilo_mapping_datatable label, .course_metatag_mapping_datatable label {
line-height:28px;
}
.ilo-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start;
gap: 5px;
}
.ilo-flex label {
display: inline-block;
margin-bottom: 0;
padding: 0.4em 0.7em 0.5em;
}
.dt_column_narrow, .dt_column_narrow input {
max-width: 65px;
}
@media (max-width: 991px) {
.ilo-ft-search {
margin-top: 5px;
}
}
/* course search */
#course_search_options .row:not(:last-of-type) {
margin-bottom: 15px;
}
#course_search_options #course_search_btn {
margin-top: 12px;
}
#course_search_results .label {
font-size: 10px;
margin-left: 10px;
}
#course_search_results .keyword {
font-weight: 700;
}
/* flex-list */
.flex-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -15px 20px -15px;
padding: 0;
}
.flex-list.x-center {
justify-content: center;
}
.flex-list.y-center {
align-items: center;
}
.flex-list>li {
flex: 0 1 auto;
padding: 0 15px;
list-style: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
.flex-list.stack-on-sm {
display: block;
margin: -15px 0 20px 0;
}
.flex-list.stack-on-sm>li {
flex: none;
display: block;
padding: 15px 0;
text-align: center;
}
}
@media (max-width: 767px) {
.flex-list.stack-on-xs {
display: block;
margin: -15px 0 20px 0;
}
.flex-list.stack-on-xs>li {
flex: none;
display: block;
padding: 15px 0;
text-align: center;
}
}
.ajax-loading {
min-height: 100px;
background:url("../img/spinner.gif") center center no-repeat;
}
.ajax-loading * {
display: none;
}
#dobModal .modal-md .col-xs-6 {
width: 100%;
}
.clear {
clear: both;
height: 10px;
}
/* print */
@media print {
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
}
.container.print .show-for-print {
display: block;
}
.container.print .hide-for-print {
display: none;
}
#edmListForm .select2-container {
width: 100% !important;
}
#edmListForm .select2-selection {
overflow: hidden;
}
#edmListForm .select2-selection__rendered {
white-space: normal;
word-break: break-all;
}
.scrollable-menu {
height: auto;
max-height: 250px;
overflow-x: hidden;
font-size: 16px;
}
.recipient_conditions_display ul {
margin-top: 0;
}
.recipient_conditions_display p, .recipient_conditions_display li {
color: #31708f !important;
}
/* Send Checklist */
#checklist-items .checkbox .btn-edit {
display: none;
position: absolute;
right: 0;
top: 0;
padding-left: 10px;
background: #fff;
}
#checklist-items .checkbox .btn-edit:hover {
box-shadow: rgba(0,0,0,0.5) 0 0 5px;
}
#checklist-items .checkbox:hover .btn-edit {
display: block;
}
#canvas_dahs .highcharts-container {
z-index: 2 !important;
}
#canvas_dahs .highcharts-container, #canvas_dahs .highcharts-container svg {
overflow: visible !important;
}
.resource_dropdown a {
line-height:30px !important;
}
.resource_dropdown a i {
width:24px !important;
}
.editor {
height: 300px;
}
#folder_tree ul.fancytree-container {
height: 150px;
overflow: auto;
}
#folder_tree ul {
margin-left: 0;
}
#resource-panel .row-offcanvas .sidebar-offcanvas .nav:not(.nav-submenu) {
margin-bottom: 0;
}
#resource-panel .row-offcanvas .sidebar-offcanvas .nav li a {
/*border-left: 10px solid #f0f0f0 !important;*/
/*border-top: #f0f0f0 solid 1px !important;*/
}
#resource-panel .row-offcanvas .sidebar-offcanvas .nav li li a {
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
font-weight: 600;
}
#resource-panel .row-offcanvas .sidebar-offcanvas .nav li.active>a:hover, #resource-panel .row-offcanvas .sidebar-offcanvas li>a:hover, #resource-panel .row-offcanvas .sidebar-offcanvas .nav li.active a:not(.btn):hover {
/*border-left: 10px solid #337ab7 !important;*/
background: #f5f5f5 !important;
}
#resource-panel .row-offcanvas .sidebar-offcanvas li.active>a:not(.btn) {
color: #337ab7 !important;
/*background: #f0f0f0 !important;*/
}
#resource-panel .row-offcanvas .sidebar-offcanvas .nav > li:first-child {
border-top: 1px solid #ddd;
}
#resource-panel .row-offcanvas .sidebar-offcanvas #accordion > ul > li:first-child {
border: none;
}
#resource-panel #accordion ul {
display: none;
}
#resource-panel #accordion ul.show-dropdown {
display: block;
}
#resource-panel #accordion a:not(:only-child):after {
content: "\f105";
position: absolute;
right: 20px;
top: 20px;
font-size: 18px;
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
transition: 0.5s;
}
#resource-panel #accordion .active>a:not(:only-child):after {
transform: rotate(90deg);
}
#resource-panel .single_banner {
background-position: bottom center;
}
#resource-panel .content_elevate .single_content .container {
box-shadow: none;
background: none;
}
#resource-panel .single_banner .container {
padding: 0;
width: 100%;
max-height: 180px;
}
#resource-panel .panel-body {
padding-bottom: 50px;
}
#resource-panel .panel-body .top-row {
padding: 0 10px;
margin-bottom: 10px;
}
#resource-panel #breadcrumb {
padding:0 10px;margin-bottom:10px;
}
#resource-panel .search-wrapper {
padding: 15px;
}
#resource-panel .form-inline {
margin-bottom: 15px;
}
#resource-panel .main-left-wrapper {
padding: 0;
}
#resource-panel .main-right-wrapper {
position:relative;
}
#resource-panel .view-toggler {
display: inline-block;
margin-top: -2px;
}
#resource-panel .input-filter, .discussion_ap .input-filter {
width: 150px;
display: inline;
}
#resource-panel .input-sort {
width: 180px;
display: inline-block;
}
#resource-panel .page-title {
padding-top: 10px;
}
#resource-panel .sidebar-offcanvas {
position: relative;
margin: 0 0 0 10px;
}
#resource-panel .item_ct {
margin-left: 10px;
font-size: 20px;
}
#resource-panel .btn-group .btn:focus {
outline: none;
}
#resource-panel .grid-item-wrapper {
margin-bottom: 20px;
}
#resource-panel .grid-item-wrapper .item-thumbnail {
position:relative;
height:180px;
border:1px solid #e0e0e0;
border-bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#resource-panel .grid-item-wrapper .item-content {
background-color: #FAFAFA;
border: 1px solid #e0e0e0;
min-height: 120px;
overflow: hidden;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#resource-panel .list-item-wrapper .item-content {
height: 100%;
}
#resource-panel .item-wrapper .item-content {
position: relative;
}
#resource-panel .item-wrapper .dropdown {
position: absolute;
right: 5px;
top: 5px;
}
#resource-panel .list-item-wrapper .fa-stack {
position: absolute;
bottom: 10px;
right: 10px;
}
#resource-panel .grid-item-wrapper .fa-stack {
position: absolute;
bottom: 8px;
right: 5px;
}
#resource-panel .resource-info {
font-size: 16.5px;
}
#resource-panel .resource-info i {
margin-right: 4px;
}
#resource-panel .resource_details_heading {
font-weight: 600;
}
.grid-item-wrapper .btn-item-action {
box-shadow: none !important;
border: 0 !important;
position: absolute;
/*width: 80%;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 10px 0;*/
top: 5px;
right: 38px;
}
.list-item-wrapper .btn-item-action {
box-shadow: none !important;
border: 0 !important;
position: absolute;
right: 10px;
bottom: 10px;
padding: 10px 20px;
}
#resource-panel .item-wrapper .item-date {
padding: 10px;
}
#resource-panel .list-item-wrapper {
height: 180px;
margin: 0 15px 20px 15px;
background-color: #FAFAFA;
border-radius: 5px;
border: 1px solid #e0e0e0;
overflow: hidden;
}
#resource-panel .item-title {
font-size: 18px;
color: #337ab7;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 58px;
line-height: 24px;
}
#resource-panel .grid-item-wrapper .item-title {
padding: 10px;
height: 58px;
}
#resource-panel .list-item-wrapper .item-title {
padding: 5px 10px;
}
#resource-panel .list-item-wrapper .item-thumbnail, #home_items_wrapper .list-item-wrapper .item-thumbnail {
position: relative;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#resource-search-results-panel .list-item-wrapper .item-thumbnail, #home_items_wrapper .list-item-wrapper .item-thumbnail {
height: 160px;
}
#resource-panel .item-title a {
font-weight: 600;
border-bottom: 0 !important;
}
#resource-panel .item-info {
padding: 5px 12px;
margin: 0;
font-weight: 600;
font-size: 14px;
}
#resource-panel .item-info i {
margin-right: 10px;
}
#resource-panel .search-wrapper .form-group {
margin-bottom: 15px;
}
#resource-panel .grid-item-wrapper .item-info {
position: absolute;
bottom: 0px;
width: 100%;
}
#resource-panel .result-item-wrapper .item-title {
padding: 5px 0;
}
#resource-panel .result-item-wrapper .fa-stack {
left: 10px;
}
#resource-panel .panel {
box-shadow: none;
}
#resource-panel .panel-title {
font-size: 20px;
}
#resource-panel .panel-heading {
background-color: #f5f5f5 !important;
}
.btn-flat {
box-shadow: none !important;
border: 0 !important;
font-size: 16px;
}
.btn-flat2 {
border: 0 !important;
}
.btn-transparent {
background: none !important;
box-shadow: none !important;
}
.label-filter {
padding: 10px 8px;
background-color: #A9CCE3;
}
.label-filter i {
padding-left: 5px;
}
#resource_details_tags_container {
margin-top: 10px
}
.label-resource-tag, .label-discussion-tag {
padding: 5px 15px;
margin-right: 5px;
border-radius: 2rem !important;
border: 1px solid #337ab7;
color: #337ab7;
font-size: 14px;
font-weight: 400;
background: none;
display: inline-block;
}
.label-resource-tag {
cursor: pointer;
}
#add_resource_btn {
position: relative;
font-size: 18px;
z-index: 1;
}
.fa-stack.size-sm i, .fa-stack.size-xs i {
vertical-align: middle;
}
#resource-panel .item-excerpt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
padding: 0 10px;
font-size: 14px;
}
#resource-panel a[aria-expanded=true] .fa-angle-right, #resource-panel a[aria-expanded=false] .fa-angle-down,
#resource-search-results-panel a[aria-expanded=true] .fa-angle-right, #resource-search-results-panel a[aria-expanded=false] .fa-angle-down {
display: none !important;
}
.filters-wrapper .filter_search > div, .filters-wrapper .panel-group > div {
margin-bottom: 15px;
}
.resource_folders_nav li a {
padding-left: 0;
padding-right: 0;
}
.resource_types_nav li a {
padding-left: 0;
padding-right: 0;
}
.resource-thumbnail-infographic {
background-size:auto 90%;
background-position: center;
background-repeat: no-repeat;
}
.resource-thumbnail-image {
background-size:cover;
background-position:center;
}
.alert-discussion_panel {
display: inline-block;
width: 100%;
}
@media only screen and (max-width: 991px) {
.resource-thumbnail i {
font-size: 90px;
margin-top: 30px;
}
}
#discussion-admin-nav li a {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
#discussion-admin-nav li a i {
font-size: 130%;
margin-right: 10px;
}
.discussion_admin_dropdown, .discussion_admin_dropdown_left {
min-width: 220px;
}
.discussion_admin_dropdown i {
margin-right: 5px;
}
.discussion_admin_dropdown_left {
top: 0;
left: -100%;
margin-top: -1px;
}
.discussion_admin_new_item {
border-left: 5px solid #F1C40F;
}
.badge-status {
border-radius: 5px;
padding: 6px 10px;
background-color: #eed;
color: #fff;
}
.badge-anonymous {
background-color: #aaa;
border-radius: 2px;
}
.badge-pinned {
background-color: #F9E79F;
color: #9A7D0A;
}
.badge-hidden {
background-color: #D5D8DC;
color: #666;
}
.badge-reported {
background-color: #F2D7D5;
color: #C0392B;
}
.filter_option {
display: flex;
align-items: start;
margin-top: 4px;
margin-bottom: 4px;
bottom: 8px;
}
.filter_option input {
margin-right: 8px;
}
.result-item-wrapper {
padding: 15px 0;
}
.result-item-wrapper:not(:last-child) {
border-bottom: 1px solid #eee;
}
.search-result-metadata span:not(:last-child) {
margin-right:15px;
}
.filters-wrapper .panel-body {
padding: 10px 15px !important;
}
.custom-pagination.nav-pagination, .custom-pagination.nav-pagination {
text-align: center;
}
.custom-pagination .pagination {
margin-left: 0 !important;
}
.custom-pagination .pagination > .active > a {
background-color: #337ab7 !important;
border-color: #337ab7 !important;
}
#discussion_items_wrapper .item-info, #blog_items_wrapper .item-info, #home_items_wrapper .item-info{
color: #666;
margin-top: 10px;
}
#blog_items_wrapper .item-category, #home_items_wrapper .item-category {
margin-top: 15px;
}
.discussion-btns {
margin-top: 10px;
margin-bottom: 10px;
}
.discussion-btns .btn {
padding-left: 0;
padding-right: 0;
}
.discussion-btns .btn:hover {
border: 0;
}
#discussion_search-panel .sidebar-offcanvas {
background: none;
}
#editBlogItemForm .select2-container .select2-selection--multiple {
min-height: 80px !important;
}
.search-result-info {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.result-item-wrapper .result-thumbnail-container, #related_contents .result-thumbnail-container {
height:160px;
min-height: auto;
}
.result-item-wrapper .result-thumbnail, #related_contents .result-thumbnail {
height:100%;
min-height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.search-results-sidebar {
position: relative !important;
padding: 15px 0 !important;
}
.label-transparent {
position: absolute;
bottom: 5px;
right: 5px;
background-color: rgba(255, 255, 255, 0.85);
color: #333;
}
#related_contents_carousel {
padding: 5px 0;
}
#related_contents_carousel .carousel-control {
top: unset;
bottom: 0px;
width: 5%;
color: #000;
}
#related_contents_carousel .item-info {
/* padding: 10px 8px; */
}
#related_contents_carousel .item .col-md-3 {
padding-left: 10px;
padding-right: 10px;
}
#related_contents_carousel .item-wrapper {
margin-top: 10px;
margin-bottom: 15px;
}
#related_contents_carousel .col-md-3:first-child .item-wrapper {
margin-left: 12px
}
#related_contents_carousel .col-md-3:last-child .item-wrapper {
margin-right: 12px
}
#related_contents_carousel .excerpt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical;
margin-top: 8px;
}
#related_contents_carousel .carousel-indicators li {
background: #eee;
}
#related_contents_carousel .carousel-indicators li.active {
background: #666;
}
.label-search {
color: #fff;
font-weight: 500;
margin-right: 4px;
vertical-align: middle;
}
.search_suggestion {
color: #555;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.search_suggestion_category {
color: #B3B6B7;
font-weight: 400;
}
.btn-vote-up:hover, .btn-vote-up:focus {
text-decoration: none;
}
.btn-vote-up:active:focus, .btn-vote-up:focus {
outline: none;
outline-offset: 0;
}
.btn-vote-up:active, .btn-vote-up:focus, .btn-vote-up:hover {
color: unset !important;
background-color: unset !important;
}
.btn-vote-up {
border-radius: 8px !important;
padding: 8px 18px;
}
.btn-vote-up .vote_up_ct {
margin-left: 5px;
padding-left: 12px;
padding-right: 0;
padding-top: 4px;
padding-bottom: 4px;
border-left: 1px solid #e6e6e6;
}
.btn-vote-up.voted_up, .btn-vote-up.voted_up:active, .btn-vote-up.voted_up:focus, .btn-vote-up.voted_up:hover {
background: #DC7633 !important;
color: white !important;
}
.discussion_thread_content #admin_content {
margin-top: 15px;
}
.blog_content {
margin-bottom: 30px;
}
.blog_discussions .discussion_item_ct {
font-size: 18px !important;
}
.blog_discussions .discussion-details>div>i {
color: rgb(51, 51, 51) !important;
}
.blog_discussions .discussion-item-options-wrapper {
margin-left: 0 !important;
margin-bottom: 20px;
}
.blog_item_options {
float: right;
margin-top: -36px;
}
@media only screen and (max-width: 991px) {
.blog_item_options {
float: none;
margin-top: 10px;
}
}
@media only screen and (max-width: 1199px) {
#offcanvas-search .menu-icon:not(.menu-close) {
display: block !important;
position: fixed;
bottom: 0;
top: auto;
background: #fff !important;
padding: 10px 15px;
margin: 0 0 10px 10px;
border-radius: 32px !important;
box-shadow: rgba(0,0,0,0.5) 0 0 10px !important;
}
#offcanvas-search .col-nav-home_search {
position: fixed;
bottom: 0px;
top: auto !important;
}
#offcanvas-search .col-nav-home_search .nav {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-search .col-nav-home_search .filters-wrapper {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-blog .menu-icon:not(.menu-close) {
display: block !important;
position: fixed;
bottom: 0;
top: auto;
background: #fff !important;
padding: 10px 15px;
margin: 0 0 10px 10px;
border-radius: 32px !important;
box-shadow: rgba(0,0,0,0.5) 0 0 10px !important;
}
#offcanvas-blog .col-nav-blog_search {
position: fixed;
bottom: 0px;
top: auto !important;
}
#offcanvas-blog .col-nav-blog_search .nav {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-blog .col-nav-blog_search .filters-wrapper {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-discussion .menu-icon:not(.menu-close) {
display: block !important;
position: fixed;
bottom: 0;
top: auto;
background: #fff !important;
padding: 10px 15px;
margin: 0 0 10px 10px;
border-radius: 32px !important;
box-shadow: rgba(0,0,0,0.5) 0 0 10px !important;
}
#offcanvas-discussion .col-nav-discussion_search {
position: fixed;
bottom: 0px;
top: auto !important;
}
#offcanvas-discussion .col-nav-discussion_search .nav {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-discussion .col-nav-discussion_search .filters-wrapper {
max-height: 60vh;
overflow-y: auto;
}
#offcanvas-resources .menu-icon:not(.menu-close) {
display: block !important;
position: fixed;
bottom: 0;
top: auto;
background: #fff !important;
padding: 10px 15px;
margin: 0 0 10px 10px;
border-radius: 32px !important;
box-shadow: rgba(0,0,0,0.5) 0 0 10px !important;
}
#offcanvas-resources .col-nav-resource {
position: fixed;
bottom: 0px;
top: auto !important;
}
#offcanvas-resources .col-nav-resource .filters-wrapper {
max-height: 60vh;
overflow-y: auto;
}
#resource-panel .top-row {
margin-top: 15px;
}
#resource-panel .search-wrapper {
margin-top: 25px;
}
#discussion-admin-panel .menu-icon {
display: block !important;
}
}
/* collapse */
span.collapse.in {
display: inline;
}
.no-padding {
padding: 0 !important;
}
/* notifications */
.notifications-wrapper {
position: relative;
left: -20px;
margin-right: -40px;
max-height: 300px;
overflow-y: auto;
}
.notifications.list-group li {
list-style-type: none;
}
.notifications .list-group-item {
padding-left: 20px;
text-transform: none;
border: none !important;
border-bottom: rgba(0,0,0,0.2) solid 1px !important;
border-radius: 0 !important;
cursor: pointer !important;
}
.notifications .list-group-item.active:hover {
background-color: #2970ad;
}
.notifications li:first-child .list-group-item {
border-top: rgba(0,0,0,0.1) solid 1px !important;
}
.notifications li:last-child .list-group-item {
border-bottom: none !important;
}
.notifications .list-group-item-heading {
margin: 0;
font-size: 18px;
font-weight: 600 !important;
letter-spacing: -0.5px;
}
.notifications .list-group-item:not(.active):not(:hover) .list-group-item-heading {
color: #444 !important;
}
.notifications .list-group-item.active .list-group-item-heading {
color: #fff !important;
}
.notifications .list-group-item-text {
font-size: 14px;
white-space: wrap;
}
.notifications .list-group-item:not(.active):not(:hover) .list-group-item-text {
color: #444 !important;
}
.notifications .list-group-item-text small {
font-size: 11px;
}
.profile-card .notification-bell {
position: absolute;
top: 10px;
right: 10px;
font-size: 1rem;
}
.topbar .notification-bell {
display: inline-block;
font-size: 100%;
}
.topbar .notification-bell.label i {
color: #fff !important;
}
.notification-bell.new {
animation: font-grow 3s cubic-bezier(.36,.07,.19,.97) both;
}
.fa-bell.shake {
/* make the bell shake three times */
animation: shake 3s cubic-bezier(.36,.07,.19,.97) both;
}
.topbar .notifications {
width: 400px;
max-width: 90vw;
overflow-x: hidden;
}
.topbar .notifications > li > a {
padding: 10px 20px;
white-space: normal;
}
.topbar .notifications > li > a:hover {
text-decoration: none !important;
}
.topbar .notifications > li > a i {
color: #444 !important;
vertical-align: unset;
}
.topbar .notifications > li > a.active i {
color: #fff !important;
}
.header .navbar-nav li.dropdown .dropdown-menu.notifications li a.active {
background-color: #337ab7;
}
.header .navbar-nav li.dropdown .dropdown-menu.notifications li a.active:hover {
background-color: #2970ad;
}
.notifications-label {
display: none;
}
.header .navbar-nav .notifications-label {
display: inline-block;
padding-top: 2px;
}
@keyframes font-grow {
0% { font-size: 100%; }
50% { font-size: 125%; }
100% { font-size: 100%; }
}
@keyframes shake {
0% { transform: rotate(0deg); }
10% { transform: rotate(10deg); }
20% { transform: rotate(-10deg); }
30% { transform: rotate(10deg); }
40% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
60% { transform: rotate(-10deg); }
70% { transform: rotate(10deg); }
80% { transform: rotate(-10deg); }
90% { transform: rotate(10deg); }
100% { transform: rotate(0deg); }
}
/* support tickets */
#ticket_view_history ul {
margin: 3px 5px 3px 30px;
}
@media (max-width: 420px) {
#ticket_view_history tr td a {
display: inline-block;
max-width: 180px;
overflow-x: hidden;
}
}
@media (min-width: 420px) and (max-width: 767px) {
#tickets_datatable_wrapper .col-sm-6 {
float: none !important;
width: 100% !important;
}
#tickets_datatable_wrapper .dataTables_filter {
float: none !important;
}
}
/* program banner */
#program_container.banner_control .single_banner_container .single_banner {
transition: all 0.5s ease-in-out;
cursor: n-resize;
}
#program_container.banner_control .single_content .top-nav-tabs {
transition: all 0.5s ease-in-out;
}
#program_container:not(.full) .single_banner_container .single_banner {
height: 120px;
background-position: 50% 30% !important;
}
#program_container.banner_control:not(.full) .single_banner_container .single_banner {
cursor: s-resize;
}
#program_container.banner_closed .single_content .top-nav-tabs {
opacity: 0;
cursor: s-resize;
}
#program_container.banner_closed .single_content .top-nav-tabs a {
cursor: s-resize;
}
/* report */
.report_nav_tabs li:not(.active) a {
color: #fff;
}
.report_nav_tabs li a:hover {
color: #000;
}