@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Lato:300,400,700,900); /* PREPO COMMON PAGES */ /* PREPO COMMON PAGES */ /* owl carousel css starts */ .owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png)8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif)center center no-repeat} /* owl carousel css ends */ /* PREPO COMMON PAGES */ /* PREPO COMMON PAGES */ /******************************************************************************************************************************************************************/ /* PREPO INSTRUCTOR PAGES */ /* PREPO INSTRUCTOR PAGES */ .section-heading {font-weight: 700;font-size:14px;color:#333742;letter-spacing:1.5px;position: relative;padding: 15px 0;text-transform: uppercase;line-height: 18px;margin-top: 0;} .section-heading:before {content: ' ';background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);box-shadow:0px 4px 8px 0px rgba(255,88,91,0.30);width:44px;height:4px;position: absolute;bottom: 0;} .section-heading.center-align:before {left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);} .bold-400{font-weight:400 !important;} .btn-completed, .btn-completed:hover, .btn-completed:focus {background-color: #f6f6f6;font-family: GothamRounded-Bold;padding: 0 30px;color: #354454;font-size: 13px;box-shadow: none;height: 36px;} .bg-white {padding: 20px;background-color: #ffffff;} .icons {background-image: url('../images/icons/assets.png'); background-repeat: no-repeat;} .collapsible-header i.icons {width: 25px; height: 25px; margin-top: 12px; margin-right: 0.7rem;} .icon-course {background-position: -9px -8px;} .icon-info { background-position: -8px -39px; } .icon-pricing { background-position: -7px -70px; } .icon-carriculum { background-position: -8px -102px; } .icon-feedbak { background-position: -10px -130px; } /*.collapsible-header:hover i.icon-course, .sidebar ul li.active > .collapsible-header i.icon-course { background-position: -39px -8px; } .collapsible-header:hover i.icon-info, .sidebar ul li.active > .collapsible-header i.icon-info { background-position: -38px -39px; } .collapsible-header:hover i.icon-pricing, .sidebar ul li.active > .collapsible-header i.icon-pricing { background-position: -37px -70px; } .collapsible-header:hover i.icon-carriculum, .sidebar ul li.active > .collapsible-header i.icon-carriculum { background-position: -38px -102px; } .collapsible-header:hover i.icon-feedbak, .sidebar ul li.active > .collapsible-header i.icon-feedbak { background-position: -40px -130px; }*/ .pages {padding: 0 20px;} .pages .row {margin-left:-0.75rem;margin-right: -0.75rem;} .wrapper {padding: 0 0 42px;} .wrapper .content {background-color:#f6f6f6;min-height: 490px;} .cc-banner .deep-orange { margin-top: 40px; margin-right: 10px; padding: 0 1rem; font-size: 13px; } ul.list li { float: left; border-right: 1px solid #979797; width: 25%; padding: 0 10px 0 20px; } ul.list li:first-child { padding-left: 0; } ul.list li:last-child { border-right: 0; } ul.list li span { color: #a2abb2; display: block; text-transform: uppercase; font-size: 11px; } ul.list li div { font-size: 13px; } .insrtuctor-dashboard .cc-banner{padding-top: 30px;padding-bottom: 30px;} .insrtuctor-dashboard .cc-banner .deep-orange {margin-top: 0;margin-right: 0;} .cc-banner { background-color: #ffffff; padding: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .cc-banner > .row, .content > .row { margin-bottom: 0; } .cc-banner .valign-wrapper { margin-bottom: 0; } .valign-wrapper .cc-color {align-items: center;border-radius: 50%;display: flex;height: 100px;margin: 0 auto;overflow: hidden;padding: 0;text-align: center;width: 120px;} .valign-wrapper .cc-color img {height: 87px;width: 107px; margin: 0 auto; text-align: center;} #side {background-color: #ececec;padding: 0;-webkit-box-shadow: 10px 1px 5px -8px rgba(0,0,0,0.75);-moz-box-shadow: 10px 1px 5px -8px rgba(0,0,0,0.75);box-shadow: 10px 1px 5px -8px rgba(0,0,0,0.75);} #side .sidebar.pinned { top: 60px !important;height: 599px; } #side .sidebar { overflow-y: scroll;height: 431px;} .sidebar ul { margin: 0; border: 0 none; box-shadow: none; } .sidebar ul li a { color: #354454; display: block; font-size: 14px; } .sidebar .collapsible-header { background-color: #ececec; color: #354454; border-color: #dbdada; font-family: GothamRounded-Medium;} .collapsible-header i.right { margin: 0; width: auto; transform: rotate(0deg); } .sidebar ul li.active .collapsible-header i.right { transform: rotate(180deg); } .sidebar ul li a:hover, .sidebar ul li.active > a, .sidebar ul li a:hover { color: #354454; } .sidebar .collapsible-body { border-color: #dbdada; } .sidebar .collapsible-body li a { min-height: 2.5rem; line-height: 2.5rem; } .collapsible-body ul { padding: 10px 15px; margin-left: 35px; } .backdrop { background-color: #e3e3e3; } .material-tooltip { width: 220px; height: 178px; text-align: left; padding: 10px; } .material-tooltip:before { content: ''; position: absolute; left: -25px; top: 50%; border: 10px solid transparent; border-left: 10px solid #e3e3e3; } .material-tooltip > span { font-size: 12px; color: #354454; line-height: 1.5; } .pages .select-wrapper input.select-dropdown { border: 1px solid #d5d5d5; text-indent: 15px; margin-top: 10px; } .select-wrapper span.caret { right: 10px; } .input-field .r-badge { position: absolute; top: 20px; right: 20px; font-size: 12px; border-radius: 50%; background-color: #e3e3e3; text-align: center; width: 25px; height: 25px; line-height: 25px; color: #354454; } .input-field .r-badge.exceeded {color: #ffffff;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .input-field .message {box-sizing: border-box;padding-right: 40px;} .input-field label.active, .input-field label, .select-wrapper + label { font-size: 14px; font-family: 'GothamRounded-Medium'; color: #354454; display: inline-block; } .sidebar, #side .sidebar { background-color: #ececec; } .tooltipped { margin-top: 40px; font-style: normal; display: inline-block; font-size: 11px; font-family: 'GothamRounded-bold'; border: 1px solid #738599; border-radius: 50%; width: 17px; height: 17px; line-height: 15px; text-align: center; color: #738599; cursor: pointer; } .credit label{color:#354454;font-weight:bold;font-size:14px;} .credit a, .location-list a{color: #d1d1d1;border:1px solid #d1d1d1;display:inline-block;height:3rem;width:3rem;line-height:40px;text-align:center;margin-top:10px;} .credit .input-field {margin-top: 0;} .add-credit a{text-transform:uppercase; color:#ff953f;font-size:13px;font-weight:bold;} .add-credit{margin-bottom:35px;} .image{background-color:#f2f2f2;width:167px;text-align:center;border: 1px solid #d5d5d5;} .image-list h3{font-size:16px;color:#354454;font-weight:bold;} .image-list p{font-size:11px;color:#697786;text-align:center;padding-right:45px;} .row h4{font-size:14px;color:#354454;} .thumbnail {background-color:transparent;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: 1.42857;margin-bottom: 20px;padding: 4px;transition: border 0.2s ease-in-out 0s;} .magnifier{ background-color: rgba(53, 68, 84,0.7);bottom: 0;left: 0;position: absolute;right: 0;text-align: center;top: 0;transform: translateY(100%);transition: all 0.3s ease-in-out 0s;vertical-align: middle;visibility: hidden;z-index: 0;} a.thumbnail {font-family: GothamRounded-Medium;font-size: 13px;color: #4b6581;border: 0 none;border-radius: 0;overflow: hidden;padding: 0;position: relative;text-decoration: none;height:167px;padding-top:20px;margin-bottom:0px;} a {color: #337ab7;} a.entry:hover .magnifier{ visibility:visible;transform:translateY(0%);} .image span{color:#ffffff;text-align:right;display:block;padding-top:13px;padding-right:13px;} .image .add-img{color:#ff953f;text-align:center;margin-top:70px;} .delete-credit a{ border: 1px solid #d1d1d1;color: #d1d1d1;display: inline-block;height: 3rem;line-height: 40px;margin-top: 25px;text-align: center;width: 3rem;} .pricing-list{background-color:#f6f6f6;margin:50px 0px;} .pricing-list h4{font-family: GothamRounded-Medium;font-size: 18px;letter-spacing: -0.1px;color: #354454;} .pricing-list h4,.pricing-list h3{margin-bottom:30px;} .pricing-list button {margin-top: 30px;} .pricing-list > .row{margin-bottom: 50px;} .add-location a{text-transform:uppercase; color:#ff953f;font-size:13px;font-weight:bold;} *::-moz-placeholder {color: #354454;} .course-title h4{font-size:18px;margin-top:50px;} .course-title p{font-size:14px;color:#656f7a;line-height:24px;letter-spacing:0.2px;} .comments h4{margin:20px 0;} .comments .media-left{float:left;padding-right:15px;margin-top:10px;} .comments{background-color:#ffffff; padding:20px;} .comments .media-body h5{font-size:14px; color:#354454;} .comments .media-body h6{font-size:12px; color:#a2abb2;} .comments .media h4{font-size:14px; color:#354454;margin-top:30px;}.comments .media p{color:#656f7a; font-size:14px;} .comments .media{border:1px solid rgba(182, 181, 181, 0.5);border-radius:2px;padding:20px;margin-bottom:5px;padding: 0 20px} .comments .media-body i{float:right;color:#354454;padding-right:10px;padding:5px;font-size:20px;} .courses{font-size:18px;color:#354454;} .courses .right-align span {display: inline-block;font-family: GothamRounded-Medium;font-size: 14px;z-index: 999;} .courses .right-align .list-inline {display: inline-block;margin: 0;} .courses .right-align .list-inline .input-field {margin-top: 0;} .courses .right-align .select-wrapper input.select-dropdown {margin-top: 13px;background-color: #ffffff;} .courses .list-inline li {display: inline-block;vertical-align: middle;padding-left: 10px;} .courses .list-inline li .check-box {background-color: #ffffff;padding: 10px 15px;border: 1px solid #e3e3e3;height: 47px;} .search-button {position: relative;} .search-button > span input{ position: relative; background-color: #ffffff;} .search-button > span i {position: absolute;right: 20px; top: 50%; transform: translateY(-50%);} .course-detail { padding: 0 20px 10px; min-height: 220px;} .marketing h4{font-size:16px;color:#354454;min-height: 60px;font-family: GothamRounded-Medium;} .marketing h5{font-size:14px;color:#354454;font-family: GothamRounded-Book;} .marketing p{color:#a7b1b8;font-size:12px;text-transform: uppercase;font-family: GothamRounded-Book;} .pagination{text-align:center;} .pagination li{background-color:#ffffff;} .pagination li a{color:#afb9c1;} .pagination li a:hover{color:#354454;} .coupons h4{font-size:24px;color:#354454;} .coupons h5{font-size:14px;color:#354454; font-weight:bold;} .calender{position:relative;} .calender > span input{position:relative;} .calender > span i {position: absolute;right: 20px; top: 50%; transform: translateY(-50%);} .coupons .waves-light{width:94px;height:42px;font-size:13px;margin-right:10px;} .coupons .btn-default{width:94px;height:42px;font-size:13px;background-color:#e5e5e5;color:#354454;padding-left:16px;} .coupons label{color:#354454;font-size:14px;} .curriculum h4{font-size:26px;color:#354454;} .section-popup.modal .modal-footer .btn, .section-popup.modal .modal-footer .btn-large, .section-popup.modal .modal-footer .btn-flat {float: none;margin: 6px 0;} .section-popup.modal .btn-default{width:94px;height:42px;font-size:13px;background-color:#e5e5e5;color:#354454;padding-left:16px;} .section-popup.modal .waves-light{width:94px;height:42px;font-size:13px;} .section-popup.modal .modal-footer .waves-light{margin-left:15px;margin-right:5px;} .section-popup.modal .modal-footer{margin-bottom:15px;} .accordions h4{font-size:26px;color:#354454;font-family:GothamRounded-Book;} .accordions h5{font-size:18px;color:#354454;font-family:GothamRounded-Medium;} .accordions .view-pos{float:right;color:#ff953f;margin-right: 3px;width: 25px;} .accordions .collapsible-header p .view-pos {margin-top: 10px;} .accordions .collapsible-header span{color:#4b6581;font-size:15px;float:right;font-family:GothamRounded-book;} .accordions .collapsible-header{background-color:#f5f5f5;} .accordions .collapsible-header h5{font-size:18px;color:#354454;padding: 6px 0;} .accordions .collapsible-header{min-height:2rem;} .accordians .collapsible-header i{line-height:0;} .accordions .collapsible-body{background-color:#ffffff;} .course-specification h4{font-size:26px;color:#354454;font-family:GothamRounded-book;margin-bottom:40px;} .course-specification h5{font-family:GothamRounded-Medium;font-size:18px;color:#354454;border:1px solid #e4e4e4;padding:15px 15px;margin:0;} .ul-list li {list-style: none;margin-bottom: 15px;height:25px;position: relative;color: #354454;line-height: 20px;font-family:GothamRounded-Book;left:39px} .ul-list li:before {position: absolute;left: -39px;content: '\f00c';font-size: 14px;font-family: FontAwesome;width: 22px;height: 22px;display: inline-block;line-height: 20px;text-align: center;color: #3a4a5b;border: 1px solid #3a4a5b;border-radius: 100%;} .ul-list {margin-bottom: 15px;background-color:#ffffff; padding: 40px 30px 13px;margin:0;} .key-features h3{font-size:18px;color:#354454;font-family:GothamRounded-Medium;border:1px solid #e4e4e4;padding:13px;margin:0;padding-left:30px;} .course-summary h3{font-size:18px;color:#354454;border:1px solid #e4e4e4; margin: 35px 0 0;padding:13px 30px;} .topic-list h5{font-size:18px;color:#354454;border:none;background-color:#ffffff;padding: 20px 6px 2px;} .topic-list{padding:10px 30px;background-color:#ffffff;} .topic-list p{font-size:14px;line-height:22px;color:#354454;background-color:#ffffff; padding: 10px 50px 12px 8px;margin:0;font-family:GothamRounded-Book;} .questions h3{ border: 1px solid #e4e4e4;color: #354454;font-size: 18px;margin: 35px 0 0;padding: 13px 30px;} .questions-list h5 {background-color: #ffffff;border: medium none;color: #354454;font-size: 18px;padding: 16px 6px 10px 2px;} .questions-list p {background-color: #ffffff;color: #354454;font-family: GothamRounded-Book;font-size: 14px;line-height: 22px;margin: 0;padding: 10px 50px 12px 8px;} .questions-list {background-color: #ffffff;padding: 10px 30px;border-bottom: 1px solid #e4e4e4;} .questions-list:last-child{border-bottom:none;} .section1 .collapsible-header{background-color:#ffffff;} .section1 .fa-chevron-down{float:right;margin-right: 14px; font-size:20px; clear:both;} .section1 span{padding:0px 5px;font-size:13px;color:#4b6581;} .accordions .collapsible-body p{padding: 8px 0;font-size:14px;color:#354454;} .section1 .fa-eye{font-size:25px;} .section1 ul {margin-left:0;padding:0;} .section1 input{width:518px; height:45px;} .description{padding:18px 20px;} .description p{font-size:14px;color:#354454;font-family:GothamRounded-Book; margin:20px 0px;} .description h6{font-family:GothamRounded-medium;color:#354454;font-size:14px;margin-top:25px;} .description label{color:#354454;font-size:14px; margin-right:20px;} .description input{margin-right:10px;} .fa {line-height:0;} .accordions .collapsible{ border-left:0;border-right:0;border-top:0;margin:0;box-shadow:none;} .collapsible-header p i{margin-right:5px;} .resource {padding:25px 18px;} .resource h6{font-size:14px; color:#354454;margin-bottom: 22px; font-family:GothamRounded-Medium} .Promo-video h3{font-size:26px;color:#354454;font-family:GothamRounded-Book;} .Promo-video p{font-size:18px;color:#354454;font-family:GothamRounded-medium;} .section2{padding:18px;} .section2 h6{font-size:14px;color:#354454; font-family:GothamRounded-Medium;} .section2 p{margin:25px 0px;} .duration{padding:0px 18px;} .duration span{font-size:14px;color:#919dab;} .section3 {padding:0px 18px;} .section3 label{color:#354454;font-size:14px;margin-right:10px;} .section3 span{font-size:14px;color:#919dab;} .section3 p{padding:20px 0px;} .test{padding:10px 0px;} .section3 p{padding:30px 0px;} .accordions .section3 p{padding:20px 0px;} .media-right {float: right;} .required-fixes > p span {margin: 0px;letter-spacing: -1px;color: #354454;font-family: GothamRounded-Medium;font-size: 18px;margin: 0 10px 0 0;} .required-fixes > p {margin: 0px;} .title {margin: 30px 0px 0px;} .required-fixes .collapsible {border: none medium;margin: 5px 0px;box-shadow: none;} .course-feedback .required-fixes {padding: 40px 15px;} .required-fixes .collapsible-header {display: block;cursor: pointer;min-height: 3rem;line-height: 3rem;padding: 0 1rem;background-color: #ececec;border: none medium;margin: 10px 0px 0px 0px;} nav.nav-fix {background-color:none !important;color: #354454;} a.breadcrumb {font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;} a.breadcrumb::before {margin: 0px;color: #354454;} .breadcrumb:last-child {color: #354454;} .nav-fix {overflow: hidden;float: left;} .reply > img {width: 18px;height: 13px;} a.reply {font-family: GothamRounded-Medium;font-size: 13px;color: #354454;margin: 0px 20px;} .nav-fix .nav-wrapper {overflow: hidden;} .fix {font-family: GothamRounded-Book;font-size: 13px;letter-spacing: -0.1px;color: #ffffff;border-radius: 100px;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);padding: 3px 10px;margin-left: 10px;} .fixed {background-color: #40c47b;border-radius: 100px;font-family: GothamRounded-Book;font-size: 13px;letter-spacing: -0.1px;color: #ffffff;padding: 3px 10px;} .required-fixes i.fa-angle-down {float: right;color: #354454;margin: 0;} .required-fixes i.fa-reply {width: 1rem;font-size: 1rem;line-height: 3rem;display: inline-block;float: none;text-align: center;margin: 0;color: #ff953f;} .card-panel {margin: 0px;box-shadow: none;} .item {margin: 0px;} .grey {background-color: #ececec !important;} .required-fixes .collapsible-body {border: none;width: 100%;} .item h4 {font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;font-weight: bold;margin: 0px;} .item p {font-family: GothamRounded-Book;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;padding: 8px 0px;} .required-fixes .collapsible-body .media img {height: 60px;width: 60px;display: block;} .valign-wrapper {margin: 0px;} .required-fixes .collapsible-body .media {padding: 30px;background-color: #ececec;} .required-fixes .collapsible-body .media .media-left {display: table-cell;vertical-align: top;padding-right: 15px;} .required-fixes .collapsible-body .media .media-object {display: block;} .required-fixes .collapsible-body .media .media-body {display: table-cell;vertical-align: top;} .required-fixes .collapsible-body .media .media-heading {margin-top: 0;margin-bottom: 5px;} .required-fixes .collapsible-body .media .media-body h4 {margin: 0px;font-size: 14px;font-weight: bold;} .required-fixes .collapsible-body .media .media-body p {padding: 8px 0px;} .btn-resubmit {font-size: 13px;} .course-feedback > .row {margin-left: -15px;margin-right: -15px;} a.delete:hover {color: #ff0000;} .no-bord-top {border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;} .bor-right {border-right: 1px solid #dbdbdb;} .fr-view {min-width: 100%;padding: 10px;} .head {margin: 0px;padding: 10px;} .border {border: 1px solid #dbdbdb;} .sect-2 {border: 1px solid #dbdbdb;border-radius: 2px;background-color: #ffffff;box-shadow: 0 0 4px 0 rgba(182, 181, 181, 0.5);} .sect-2 > .row:first-child > .col {padding: 12px;border-right: 1px solid #dbdbdb;} .sect-2 > .row:nth-child(2) > p {border: 1px solid rgb(219, 219, 219);margin: 0px;padding: 10px;} .sect-2 > .row > .col:last-child {border-right: none;} .row-1 {margin: 0px;} .row-1 .row-2-content {padding: 15px 22px;} .row-1 .row-3-content {padding: 15px 22px;} .row-2-content h5, .row-3-content h5 {font-size: 18px;margin: 0px;color: #354454;} .row-2-content .row:first-child .col {padding: 12px;border-right: 1px solid #dbdbdb;} .row-2-content .row:first-child .col:last-child {border-right: none;} .row-2-content > .row:first-child {margin-bottom: 25px;} .row-2-content .row {margin-bottom: 10px;} .row-2-content p {border: 1px solid rgb(219, 219, 219);margin: 0px;padding: 10px;} .delete {color: #d1d1d1;border: 1px solid #d1d1d1;display: inline-block;height: 3rem;width: 3rem;line-height: 40px;text-align: center;} .add-key {font-size: 13px;color: #4b6581;display: inline-block;padding: 10px 0;text-align: center;} .add-key span {font-size: 15px;color: #ff953f;margin-right: 5px;} .fa-times {font-size: 14px;} .key-head {display: block;} .key-content {display: block;background-color: #fff;} .key-content .s1 {margin-top: 37px;} .key-head p {font-weight: bold;padding: 10px;margin: 0px;} a.close {border: 1px solid rgb(219, 219, 219);padding: 13px 17px;} .switch label .lever::after {content: "";position: absolute;display: inline-block;width: 19px;height: 19px;background-color: #F1F1F1;border-radius: 21px;box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4);left: -5px;top: -3px;transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;} .fa-pencil, .fa-trash {color: #818181;font-size: 23px;} .inner-row-2 {margin: 0px;} .inner-row-2 > .col {border: 1px solid #e6e0e0;} .row-1 > .row-1-content > .title {margin: 0px;float: left;} .btn-add {margin-top: 15px;font-size: 12px;font-weight: 600;color: #ff953f;} .pad-tb-10 {padding: 10px 0px;} .btn-save {margin: 0px;font-size: 13px;display: block;} .add-vid-form {border: 1px solid #dbdbdb;padding: 2px;} .progression span {font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: #919dab;} .pop-up-btn {background-color: rgb(229, 229, 229);color: rgb(53, 68, 84);box-shadow: none;margin: 0px;border-radius: 2px;padding: 0px 15px;font-family: GothamRounded-Bold;font-size: 13px;color: #354454;} .file-path-wrapper .file-path {border: none;} .upload {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color: #fff;padding: 0px 15px;font-size: 11px;font-family: GothamRounded-Bold;font-size: 13px;} .file-field > .pop-up-btn:hover {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color: #fff;} .vid .modal .modal-content {padding: 15px;} .vid .modal-content h6 {margin: 5px 0px;font-family: GothamRounded-Medium;font-size: 16px;letter-spacing: -0.1px;color: #354454;} .vid .modal-content > p:nth-child(2) {margin: 30px 0px;font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .vid .modal-content > p:nth-child(6) {font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: rgb(145, 157, 171);margin: 0px 0px 30px;} .vid .modal {width: 40%;} .video-page {background-color: rgb(231, 228, 228);} .vid {background-color: #fff;height: 250px;width: 369px;position: relative;} .vid img {height: 50px;width: 50px;margin: 0 auto;position: absolute;left: 43%;top: 37%;} .add-video {position: absolute;height: 250px;width: 369px;background-color: rgba(0, 0, 0, 0.6);display: none;} .vid:hover .add-video {display: block;} .vid > a {padding: 0px;color: rgb(2, 166, 185);font-weight: bold;z-index: 1;position: absolute;top: 62%;left: 35%;} .vid:hover > a > span {color: #fff;} .vid:hover > a {color: #fff;} #main > .row > .col.s11 {margin: 20px;} a.pop-up-close {position: absolute;top: -35px;right: 0px;} #image-pop-up .modal-content a.pop-up-close .fa-times {font-size: 20px;font-weight: normal;color: #fff;} #image-pop-up .owl-controls .owl-buttons .owl-prev {position: absolute;top: 32%;left: 6%;background-color: #ececec;} #image-pop-up .owl-controls .owl-buttons .owl-next {position: absolute;top: 32%;right: 6%;background-color: #ececec;} #image-pop-up .owl-controls .owl-buttons .fa {color: #354454;} #image-pop-up .owl-carousel .owl-item img {width: 350px;margin: 0 auto;display: block;padding: 20px 40px;background-color: #ececec;} #image-pop-up .owl-carousel .owl-stage {transform: translate3d(0px, 0px, 0px);transition: all 0s ease 0s;width: 350px;height: 250px;margin: 0px auto;background-color: rgb(219, 219, 219);} #image-pop-up .item {width: 100%;} #image-pop-up .item p {font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;text-align: center;} .gallery img {width: 179px;cursor: pointer;} .img-in p:nth-child(1) {font-size: 14px;letter-spacing: -0.1px;color: #354454;} .img-in p:nth-child(3) {font-family: GothamRounded-Book;font-size: 11px;color: #697786;text-align: center;} .img-in img {background-color: #fff;padding: 10px;} .add-vid-form {border: 1px solid #dbdbdb;padding: 2px;} .add-vid-form .btn-blue{font-size: 13px; padding: 0px 12px;} .progression span {font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: #919dab;} .pop-up-btn {background-color: rgb(229, 229, 229);color: rgb(53, 68, 84);box-shadow: none;margin: 0px;border-radius: 2px;padding: 0px 15px;font-family: GothamRounded-Bold;font-size: 13px;color: #354454;} .file-path-wrapper .file-path {border: none;} .upload {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color: #fff;padding: 0px 15px;font-size: 11px;font-family: GothamRounded-Bold;font-size: 13px;} .file-field > .pop-up-btn:hover {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color: #fff;} #image-pop-up .modal .modal-content {padding: 15px;position: relative;} .view-pos {width: 25px;height: 27px;background: url("../images/icons/assets.png") -5px -271px;margin-right: 7px; display: inline-block;} .banner-comment {position: fixed;right: 2%;top: 28%;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);padding: 12px 12px 5px;border-radius: 50%;z-index: 1;} .comment-pos {width: 23px;height: 24px;background: url("../images/icons/assets.png") -38px -131px;display: inline-block;} .coupon {margin: 20px;} .to-view {position: relative;font-family: GothamRounded-Medium;font-size: 13px;color: #4b6581;} .to-view i {display: inline-block;vertical-align: middle;} .coupon > .head {margin: 20px 0px;} .coupons tr th:nth-child(3), .coupons tr td:nth-child(3), .coupons tr td:nth-child(4) {text-align: center;} table.coupons > thead > tr, table.coupons > tbody > tr {border-bottom: 1px solid #e3e3e3;} table.coupons > thead > tr, table.coupons > tbody > tr:last-child{border-bottom:0 none !important;} .curriculum h5 {padding-top: 20px;margin: 0px;} .question a.to-view {position: relative;font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} a.to-view i {display: inline-block;vertical-align: middle;} .heading{ overflow:hidden;padding: 30px 0px;border-bottom: 1px solid #e5e5e5;} .heading p {float: left;margin: 0px;font-family: GothamRounded-Medium;font-size: 18px;letter-spacing: -0.1px;color: #354454;font-weight: bold;} .heading a {float: right;font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;margin-top: 2px;} .question {overflow: hidden;padding: 10px;border: 1px solid #e5e5e5;margin-bottom: 10px;} .row-content {margin-bottom: 10px;} .question p {float: left;margin: 0px;font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;font-weight: bold;} .question a {float: right;font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} .basic-pagination ul.pagination {border: 1px solid #e5e5e5;display: inline-block;margin: 0px;} .basic-pagination ul.pagination li i {font-size: 24px;} .basic-pagination ul.pagination li {border-right: 1px solid #e5e5e5;font-family: GothamRounded-Medium;font-size: 18px;color: #afb9c1;display: inline-block;background-color: #ffffff;margin-right: -5px;} .basic-pagination ul.pagination li:last-child {border-right: none;} .basic-pagination ul.pagination li.active a {color: #354454;} .basic-pagination ul.pagination li a {color: #afb9c1;padding: 5px;display: block;font-size: 18px;} .curriculum > .row {margin: 0px;} .curriculum > .row.basic-pagination {margin-bottom: 20px;} .heading {border-bottom: 1px solid #e5e5e5;overflow: hidden;padding: 30px 0;} .heading p {color: #354454;float: left;font-family: GothamRounded-Medium;font-size: 18px;font-weight: bold;letter-spacing: -0.1px;margin: 0;} .heading a {color: #ff953f;float: right;font-family: GothamRounded-Medium;font-size: 13px;margin-top: 2px;} .curriculum h5{color: #354454;font-size: 18px;padding-top:17px;padding-left:15px;} .curriculum-list .add-lecture{font-size:13px;color:#354454;} .curriculum-list{padding: 32px 25px;background-color:#ffffff;margin-top:0;margin-bottom:25px;} .curriculum-list span{color:#ff953f;font-size:17px;} .curriculum .modal-trigger{color:#ff953f;} .curriculum-list .row{margin-bottom:0;} .curriculum .fa-trash {color:#4f6072;font-size: 20px;padding-top:28px;padding-bottom:25px;} .curriculum .fa-pencil {color:#4f6072;font-size: 20px;padding-top:28px;padding-bottom:25px;} .curriculum li{display:inline-block;} .curriculum .sect1{border:1px solid #e4e4e4;border-radius:2px;height:54px;} .curriculum .row .col.l1{border-left: 1px solid #d5d5d5;} .curriculum .row{margin-bottom:0;} .curriculum h6{font-size:14px; font-family:GothamRounded-Medium;margin-top:25px;} .answers p{font-size:14px; font-family:GothamRounded-book;padding:16px 0;} .answers-list p{border:1px solid #d5d5d5;padding:9px;width:518px;height:45px; position: relative;} .answer2 input{width:518px;height:45px;margin-top:0;margin-bottom:20px;} .answers-list p:before { position: absolute; content: ''; left: 2px; width: 37px; height: 39px; background-color: #cccccc; border-radius: 4px;top:2px;} .course-popup .waves-light{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color:#ffffff;box-shadow:none;} .course-popup .btn-default{background-color:#e9eaec;color:#354454;box-shadow:none;} .course-popup .modal-footer .btn-default{float:none;} .course-popup .modal-footer .waves-light{float:none;margin-right:15px;} .course-popup .modal-footer{background-color:#ffffff;} .course-popup h4{background-color:#e9eaec;font-size:18px;padding: 18px 21px;margin-bottom: 0;} .course-popup .modal-content{background-color:#ffffff;padding:0px;} .course-popup .modal-footer{background-color:#ffffff;padding:0px 30px;} .course-popup {width:40%;padding-bottom:20px;background-color:#ffffff;top :20% !important;} .course-popup .enter-course{padding:20px;} form.coupon-status p:last-child {margin-bottom: 0;text-align: center;} #video-pop-up .modal-content .add-vid-form .input-field{margin-top:0px;} #video-pop-up .modal-content .add-vid-form .input-field .file-path-wrapper .file-path {border: none;margin:0px;} #video-pop-up .modal-content > p:nth-child(6){margin-top: 0px;font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: rgb(145, 157, 171);} #image-pop-up{overflow: unset;} .toast.success{background-color:#4caf50;} .toast.failure{background-color: #ff5722;} .rating [type="radio"] + label::before{border: none;position: relative;width: auto;} .rating [type="radio"]:not(:checked) + label::before {border: none;} .rating [type="radio"]:checked + label::after {background-color: transparent;border: 0 none; } fieldset.rating, .rating label { margin: 0!important; padding: 0!important; } .rating { border: none !important;float: left !important;} .rating > input { display: none; } .rating > label:before { margin: 5px !important;font-size: 1.7em !important;font-family: FontAwesome !important;display: inline-block !important;content: "\f005";} .rating > .half:before { content: "\f089"; position: absolute !important;} .rating > label { color: #ddd !important; float: right !important;} /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #FFED85 !important; } .view-magnifier{color:#fff;background-color: #eeeeee;bottom: 0;left: 0;position: absolute;right: 0;height:75px;transform: translateY(100%);transition: all 0.3s ease-in-out 0s;vertical-align: middle;visibility: hidden;z-index: 0;} .view-magnifier span{color:#ececec !important;font-size: 15px !important;margin-top: 12px;display: block;} a.view-course:hover .view-magnifier{transform: translateY(0%);visibility: visible;} .course-part ul li.active{background-color:#ececec;} .course-part ul li.active .collapsible-body .course-basic-part .row{background-color:#ececec;} .course-part ul li .collapsible-header{background:none;} span.progression{display: block;} span.progression span{font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: #919dab;} .resume-magnifier button.btn{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;margin-top: 20px;} .view-magnifier button.btn{margin-top: 20px;} .resume-magnifier{color:#fff;background-color: #eeeeee;bottom: 0;left: 0;position: absolute;right: 0;height:75px;transform: translateY(100%);transition: all 0.3s ease-in-out 0s;vertical-align: middle;visibility: hidden;z-index: 0;} .resume-magnifier span{color:#ececec !important;font-size: 15px !important;margin-top: 12px;display: block;} a.resume-progress:hover .resume-magnifier{transform: translateY(0%);visibility: visible;} .courses a:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(147,147,147,1);-moz-box-shadow: 0px 0px 15px 0px rgba(147,147,147,1);box-shadow: 0px 0px 15px 0px rgba(147,147,147,1);} a.marketing > span{margin:0px;} .my-courses-content a.marketing > span.progress{margin: 0 auto;display: block;width:89%;} a.marketing h4{margin:16px 20px;font-family: GothamRounded-Medium;font-size: 16px;line-height: 1.1;color: #354454;} a.marketing p{margin:12px 20px 0px;font-family: GothamRounded-Book;font-size: 13px;color: #a7b1b8;} a.marketing h5{margin:5px 18px 31px;font-family: GothamRounded-Book;font-size: 14px;color: #354454;} a.marketing button{margin: 0 auto; display: block;} a.marketing{overflow: hidden;display:block;height:379px;position:relative;margin:10px;} .course-image{background-color:#f2f2f2;width:100%;text-align:center;height: 160px;font: 0px/0 a;display: block; } .course-image:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;} .course-image img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle;} .marketing{background-color:#ffffff;} .marketing .wishlist-img{background-color: #f2f2f2;width: 100%;text-align: center;height: 210px;font: 0px/0 a;display: block;} .marketing .wishlist-img:before{content: ' ';display: inline-block;vertical-align: middle;height: 100%;} .marketing span img{display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle;} .next-section .col.l2 a{margin-top: 7px;display: inline-block;margin-right: 30px;} .quiz-next .hide-on-med-and-up a{color:#fff;} .next-section ul li a{margin-top: 6px;display: block;} .next-section ul li a.next-link{margin-top: 0px;display: block;} .quiz-next li{border:none;} .next-link{font-size: 14px;color: #ff953f;text-transform: uppercase;font-family: GothamRounded-Medium;} footer.row{margin-bottom:0px;} .add-img{font-family: GothamRounded-Medium;font-size: 22px;color: #ff953f;} .image-list{margin: 50px 0px;} .image-list h3{margin-bottom:10px;} .image-list .row{margin:0px 5px;} .image-list button {margin-top :30px;} #course-popup .enter-course input[type="text"]{border: medium none;border-bottom: 1px solid #d5d5d5;} .form-list > .row {margin-bottom:25px;} .form-list .select-wrapper ul li{border: none; border-bottom: 1px solid #d5d5d5;min-height:42px;} .form-list .select-wrapper ul li span{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;padding: 10px 16px;} .image span .fa{color:#fff;} .location-list a span{background: url("../images/icons/assets.png");background-position: -64px -93px; width: 13px;height: 13px;display: inline-block;} .course-title .row .col.l5{border-left: 1px solid rgb(213, 213, 213);box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.27);} .i-courses a.marketing{min-height:465px;} .i-courses a.marketing p.fix{font-family: GothamRounded-Book;font-size: 12px;font-weight: 500;color: #ffffff;display: inline;} .sidebar ul li{margin:5px 0px;} .sidebar ul li a + div ul li a{padding-left:15px;} .sidebar ul li a:hover{color:#354454;background-color: #ececec;border-radius: 5px;} .sidebar ul li.active {border-radius: 5px;} .sidebar ul li.active > a{color:#354454;background-color: #ececec;padding-left: 15px;border-radius: 5px;font-family: GothamRounded-Medium;} .sidebar > ul > li.active > a {color: #354454;background-color: #ececec;padding-left: 15px;border-radius: 0px;} .sidebar .collapsible-body{transition: all 1s ease-in-out;} .sidebar ul li.active > .collapsible-body{background-color: #fff;display:block;} .sidebar.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,.sidebar.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{background-color: #354454;} .sidebar.ps-container.ps-active-y > .ps-scrollbar-y-rail{background-color: #d3d3d3;margin-right:-3px;} #description-text{min-height: 100px; text-indent: 0px;width: 93%;padding: 12px 51px 12px 12px;} .note-editor .r-badge{position: absolute;top: 46px;right: 9px;} .banner-comment{z-index:1100;} /* PREPO INSTRUCTOR PAGES END */ /* PREPO INSTRUCTOR PAGES END */ /******************************************************************************************************************************************************************/ /* PREPO USER PAGES */ /* PREPO USER PAGES */ #nav-mobile{z-index: 4000;} a.profile-details,a.profile-img,a.profile-settings{display: block;} #side .profile{overflow:auto;background-color: #ececec;} #side .profile.pinned{height: 80%;top: 64px !important;border-right: 1px solid #d8d8d8;} .pro-lastlog,.pro-joined{overflow: hidden;} .profile p{font-family: GothamRounded-Medium;font-size: 14px;color: #354454;} .pro-img img{height:140px;width:140px;margin: 0 auto;display:block;} .pro-details{padding: 25px 0px;border-bottom: 1px solid #d8d8d8;} .pro-details h4{font-family: GothamRounded-Book;font-size: 14px;color: #354454;} .profile > div:not(.pro-details){border-bottom: 1px solid #d8d8d8; padding-left:25px;padding-right: 25px;} .pro-stat p,.pro-lastlog p{display: block;margin:14px auto;font-family: GothamRounded-Book; font-size: 12px; font-weight: normal; color: #a2abb2;} .pro-stat p span,.pro-lastlog p span{font-family: GothamRounded-Book; font-size: 14px; font-weight: normal; color: #354454;} .profile-details .media-left i{margin-top: -3px;margin-right: 10px;height:27px;width:28px;background: url("../images/icons/Assets(1).png") -1px -377px;display:inline-block;} .profile-img .media-left i{margin-top: -3px;margin-right: 5px;height:27px;width:33px;background: url("../images/icons/Assets(1).png") -65px -111px;display:inline-block;} .profile-settings .media-left i{margin-top: -3px;margin-right: 10px;height:27px;width:28px;background: url("../images/icons/Assets(1).png") -1px -377px;display:inline-block;} .profile-edit #main{margin:20px;} #main .select-wrapper input.select-dropdown {border: 1px solid #e3e3e3;} #main .select-wrapper{margin-top: 14px;} #main .dropdown-content li > span { font-size: 16px; color: #ff953f; display: block; line-height: 22px; padding: 14px 16px; } #main .dropdown-content{max-height:200px;z-index: 50;} .profile-edit #main form input{margin-bottom: 0px;height: 45px;} .profile-edit #main .setting-form input{margin-bottom: 0px;} .profile-edit #main h2{height: 42px;font-family: GothamRounded-Book;font-size: 26px;line-height: 1.4;color: #354454;margin: 10px 0px;} .profile-edit #main p{font-family: GothamRounded-Book;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;margin-bottom: 14px;color: #354454;} .profile-edit #main .file-upload{margin-bottom:0px;} .profile-edit #main .materialnote-editor{padding: 0px;margin-top: 10px;margin-bottom: 20px;} .profile-edit #main h6{font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .profile-edit #main form button{margin-left:13px;} .purchase-table th{border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;padding:15px 20px;font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .purchase-history i img{margin-top: -3px; margin-right: 10px; height: 27px; width: 28px; display: inline-block;} .purchase-table td{border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0;padding:15px 20px;font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .purchase-table td a{font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} .upload-img img{width:140px;height:140px;margin-bottom:5px;} .profile-edit #main > .row > .col{padding:0px;} .profile-edit #main .upload-img{padding: 30px;border: 1px solid #ececec;background-color: #fff;} .profile-edit #main .upload-img .file-path,.profile-edit #main .upload-img .file-field{margin:0px;} .profile-edit #main .upload-img form{padding:0px;} .profile-edit #main .upload-img form + p{margin-top:0px;font-family: GothamRounded-Book;font-size: 12px;letter-spacing: -0.1px;color: #919dab;} .profile-edit #main > .row > form.col{padding:30px;border:1px solid #ececec;background-color: #fff;} .profile-edit #main > .row > form.col input[type="email"]:disabled + label{color:#354454;} .table-body > .row{margin-bottom : 0px;} .table-body .row .col{padding:15px;border-right:1px solid #d8d8d8;word-wrap: break-word;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .table-body .row .col:last-child{border-right:0px solid #d8d8d8;} .table-body{border:1px solid #d8d8d8;background-color: #fff;} .table-row{border-top:1px solid #d8d8d8;} .table-body-sm{background-color:#fff;} .table-body-sm .table-row{border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;margin-bottom:0px;} .table-body-sm .table-row:last-child{border-bottom:1px solid #d8d8d8;} .table-body-sm .table-row .col .row{margin:10px 0px;} .table-body-sm .table-row .col .row .col{word-wrap: break-word;} .table-body-sm .table-row .col .row:last-child .col.s7{float:right;} .table-body-sm .table-row .col .row:last-child .col.s7 a,.table-body a{font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} .table-head .col,.table-row .col.s5{font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .table-row .col,.table-row .col.s7{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .invoice-header.row{margin:0px;padding: 15px 5px;background-color:#fff;border:1px solid #d5d5d5;} .invoice-header h3{margin:0px;} .invoice-header p{font-family: GothamRounded-Book;font-size: 14px;font-weight: normal;color: #354454;} .invoice-header p span{font-weight: bold;display: block;} .invoice-header p span.n-items{font-weight: bold;display: inline-block;} .invoice-header a{margin-left:10px;} .invoice-body{padding:15px;border:1px solid #d5d5d5;border-top:0px solid #d5d5d5;background-color:#fff;} .profile-edit #main .invoice-body p{margin:0px;margin-bottom:0px;font-family: GothamRounded-Book;font-size: 12px;line-height: 1.6;letter-spacing: -0.1px;} .profile-edit #main .invoice-body a{margin:0px;margin-bottom:0px;font-family: GothamRounded-Book;font-size: 12px;line-height: 1.6;letter-spacing: -0.1px;} .profile-edit #main .invoice-body img{width: 130px;display: block;margin: 0px auto;} .class-schedule,.class-location,.item-mp,.item-sp,.item-discount{display:inline-block;} .invoice-body .row .col .row{margin-bottom:0px;margin-top:10px;} .profile-edit #main .invoice-body .class-type img{width: 12px;height: 12px;margin: 0;display: inline-block;} .profile-edit #main .invoice-body p.class-timing,.profile-edit #main .invoice-body p.class-location{display:inline-block;border-left:1px solid #354454;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 10px;} .profile-edit #main .invoice-body > .row{padding: 10px;border: 1px solid #d5d5d5;} .profile-edit #main .invoice-body > .row:last-child{margin-bottom:0px;} .refund-body{padding:15px;border:1px solid #d5d5d5;border-top:0px solid #d5d5d5;background-color:#fff;} .profile-edit #main .refund-body p{font-family: GothamRounded-Book;font-size: 12px;line-height: 1.6;letter-spacing: -0.1px;margin:0px;} .refund-body .input-field{margin-top:0px;} .refund-body textarea{margin:15px auto;display:block;text-indent:0px;padding:15px;width:95%;min-height:60px;font-family: GothamRounded-Book;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;} .refund-body h3{margin:0px;margin-bottom:10px;clear:both;} .refund-body h4{margin:0px;margin-bottom:5px;clear:both;margin-top: 10px;} .profile-edit #main .refund-body p.refund-description{padding: 10px;background-color: #e5e5e5;border: 1px solid #d5d5d5;margin-bottom: 10px;} @media and (-webkit-min-device-pixel-ratio:0) { .professional-details form label[for="certification-date"],.professional-details form label[for="from-date"],.professional-details form label[for="to-date"]{top:0.8rem;} } /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .professional-details form label[for="certification-date"],.professional-details form label[for="from-date"],.professional-details form label[for="to-date"]{top:0.8rem;} } /* Chrome 22-28 */ @media screen and(-webkit-min-device-pixel-ratio:0) { .professional-details form label[for="certification-date"],.professional-details form label[for="from-date"],.professional-details form label[for="to-date"] {-chrome-:only(; top: 0.8rem; );} } .professional-details > .row form{padding:5px 15px 24px;} .professional-details > .row form > .row{margin-bottom:7px;} .professional-details .collapsible{box-shadow: none;border:none;} .profile-edit #main .professional-details form button{ margin-left:0px;} .skill-form input{margin-top:0px;} input.datepicker{cursor:pointer;} .added-skills{clear:both;margin-bottom:10px;overflow: hidden;padding: 0px 6px;} .skill{margin:5px;} .skill a{font-family: GothamRounded-Book;padding: 5px;background: #d5d5d5;;color:#354454;} .skill a span{margin-left: 5px;;color:#354454;border-radius: 6px;padding:0 2px;cursor: pointer;} .skill a:hover{font-family: GothamRounded-Book;padding: 5px;background: #d5d5d5;;color:#354454;} .skill a:hover span{margin-left: 5px;background:#fff;color:#354454;} /* 15/jul/2016 */ .cart-details {overflow:hidden;border: 1px solid #d5d5d5; margin-bottom: 20px;} .cart-details a{margin-right:10px;font-family: GothamRounded-Book;font-size: 12px;line-height: 24px;letter-spacing: -0.1px;color: #ff953f;} .profile-edit #main .order-summary .cart-details h6{font-family: GothamRounded-Book; font-size: 12px; letter-spacing: -0.1px; color: #354454;margin-right: 10px; margin-top: 10px;margin-bottom: 3px;} .profile-edit #main .order-summary .cart-details img{height: 100px;width:100px;background-color: #354454;border-radius: 10%;} .profile-edit #main .order-summary .cart-details .card-panel{padding:5px 20px 0px;} .cart-calendar{display: inline-block;margin-right:10px; padding-right:10px;border-right: 1px solid #354454;} .cart-clock{display: inline-block;margin-right:10px; padding-right:10px;border-right: 1px solid #354454;} .location{display: inline-block;margin-right:10px; padding-right:10px; } .cart-details div{font-size:13px;margin-bottom:2px;} .deal > .row > .col{padding-left: 21px;padding-right:0px;} .refund{padding: 0px 20px 22px;border:1px solid #d5d5d5;} .refund p{clear:both;} .refund > .col {padding:0px;} .refund h3{margin-bottom:10px;marign-top:20px;} .reason{margin-top:5px;font-family: GothamRounded-Medium;} .reason span{font-family: GothamRounded-Book;} #main .order-details table td p span.item-n{ display:inline-block;} .cart-course i img{} /* 17/6/2016 */ .question-ol-div ol{padding-left: 20px;list-style-type: decimal;list-style-position: outside;} .question-ol-div ol li{margin-bottom :15px;padding-left: 10px;position: relative;} .question-ol-div ol li a{font-family: GothamRounded-Book;font-size: 14px;line-height: 24px;letter-spacing: -0.1px;color: #354454;vertical-align: bottom;outline: none;transition: all 0.2s ease-in-out; overflow: hidden;text-overflow:ellipsis;width: 100%;} .question-ol-div{-webkit-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75); box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75);position:relative;border-radius:5px;height: 350px;width: 500px;background-color: #fff;display :none;} li.q-answered{border: 1px solid #ff953f;} li.q-unattempted{border: 1px solid #696969;} li.q-skipped{border: 1px solid #d3d3d3;} .q-answered{border: 1px solid #ff953f !important;} .q-unattempted{border: 1px solid #696969 !important;} .q-skipped{border: 1px solid #d3d3d3 !important;} .question-length{padding:25px;height: 181px;;position: absolute;background-color: #fff; width: 476px;} .question-length ul{background-color: #fff;margin: 0px;padding-bottom: 15px;} .question-length ul li{margin-right:5px;border-radius: 2px;display: inline-block;width: 37px;height: 37px;border: 1px solid #696969;margin-bottom: 10px;text-align: center;} .question-length ul li a{font-family: GothamRounded-Medium;font-size: 14px;line-height: 37px;letter-spacing: -0.1px;color: #354454;display: block;height: 100%;text-align: center;outline: none;} .question-length ul li a span{width: 27px;height:18px;display: inline-block;} .quiz-question > .row{margin-bottom:0px;} .user-questions{position:relative;} .user-question.col{padding-bottom:70px;position: absolute; z-index: -1;} .n-question-div {-webkit-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75); box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.75); position:relative;height: 253px;background-color: #fff;width: 476px;display :none;} /*.n-question-div:before{content: "";position:absolute;display:inline-block;width: 0; height: 0; border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 25px solid #000;left: 230px;}*/ .question-status{border-bottom: 1px solid #d8d8d8;padding-left:20px;padding-top: 5px;} .question-status{border-bottom: 1px solid #d8d8d8;padding-left:30px;padding-top: 5px;} .n-question-div .question-status p{display: inline-block;margin: 0px;padding:20px;font-family: GothamRounded-Book;font-size: 14px;font-weight: normal;letter-spacing: -0.1px;color: #919dab;} .question-status p span{width: 25px;height: 25px;display: inline-block;vertical-align: bottom;} .question-ol a i,.n-question a i{font-size: 23px;vertical-align: middle;} .question-ol a,.n-question a{color: #ff953f;} .question-ol{margin-right: 15px;} .n-question{margin-left: 15px;} .n-question-div .question-status p{display: inline-block;margin: 0px;padding:20px;font-family: GothamRounded-Book;font-size: 14px;font-weight: normal;letter-spacing: -0.1px;color: #919dab;} .q-ans-correct{color: #08a74c !important;} .q-ans-wrong{color: #d0021b !important;} .q-ans-blue{color: #ff953f !important;} .q-ans-wrong{color: #d0021b !important;} .q-ans-blue{color: #ff953f !important;} .n-question-div:after,.question-ol-div:after{transition-duration: 0s;position:absolute;content:"";width:0px;height:0px;border-top: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;border-left: 20px solid transparent;top: -40px;right: 123px;left: auto;} .n-question-div:before,.question-ol-div:before{z-index: -1;transition-duration: 0s;content: '';position: absolute;transform: rotate(45deg);width: 40px;height: 40px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);left: auto;right: 123px;top: -12px;} .question-ol-div:before{right:auto;left: 127px;transition-duration: 0s;} .question-ol-div:after{right:auto;left: 127px;transition-duration: 0s;} .question-ol-div .side-scroll{height: 350px; position: absolute; width: 500px; left: 0px; top: 0; padding: 15px;padding-top: 5px;} /*course-page css 22-06-2016*/ .cc-banner .deep-orange.start { margin-top: 0px; } .count-down{ overflow: hidden;margin:0 auto; width: 100%;} .count-down li { float: left; text-align:center; border-right: 1px solid #CCCCCC; padding: 0 20px; } .count-down li h6{font-size:12px; font-family: "GothamRounded-Bold";} .timespent h4{font-family: "GothamRounded-Bold";} .special-font { display: block; font-family: "GothamRoundedBold","Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 10px; } .color-red {color: #ff953f;font-weight:bold } .bg-white-rounded {background-color: #ffffff;border-radius: 6px;} .days-spent{ overflow: hidden;padding:2px;margin:0 auto;width:100%;} .days-spent li {float: left;padding: 0 5px;position: relative;text-align: center;} .days-spent li .red-box {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius: 5px;color: #ffffff;display: inline-block;font-family: "GothamRoundedBold","Helvetica Neue",Helvetica,Arial,sans-serif;height: 40px;margin-bottom: 10px;padding-top: 10px;text-align: center;width: 40px;} .daysspent h4{ font-family: "GothamRounded-Bold";} .daysspent h6{font-size:12px; font-family: "GothamRounded-Bold";} .completed p{margin-top:2px;margin-bottom:5px;} .training-days{margin-bottom:15px;} .training-days h1{margin-bottom:5px} .rate-this h4{font-family: "GothamRounded-Bold";} .count-down li:last-child {border: 0 none;} .cc-banner .deep-orange.start {margin-right:0;} .margin-left h4{margin-left:31px;} .ans-selection h4{font-family: GothamRounded-Medium;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;margin-left :34px;} .ans-selection h4 span{margin-right:5px;} .timer > div {display:inline-block;font-size: 24px;letter-spacing: -0.1px;color: #354454;font-family: GothamRounded-Book;} .part-1 h3{font-family: GothamRounded-Medium;font-size: 18px;letter-spacing: -0.1px;color: #354454;margin:20px 5px;} .part-2{margin:12px 0px;position: relative;} .part-2 p{position: absolute;top: -14%;left:21%;} .part-2 .timer{display: inline-block; margin-top: 8px; margin-left: 144px; font-size: 18px;} .parts{margin:0px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;} .part-3 a{margin:24px 0px 24px 40px;display: inline-block;font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} .part-3 a i.fa{margin-right:10px;} .question-cont p span{margin-right:5px;border-radius: 2px;} .question-cont .ans-selection{overflow: hidden;margin-bottom: 30px;} .question-cont .ans-selection p{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;} .question-cont .ans-selection p label{color:#354454;} .question-cont .ans-selection p input{color:#354454;border-color:#e3e3e3;} .question-cont .ans-selection p [type="radio"] + label {font-size:14px;} .question-cont p{margin-left:30px;} .question-cont p,.question-check p{font-family: GothamRounded-Medium;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;} .question-check p{margin-bottom:30px;} .btn-grey-color{font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} .question-check .col > a{font-family: GothamRounded-Medium;font-size: 13px;color: rgb(53, 68, 84);padding: 10px 15px;margin-left: 10px;} .question-cont .col > .fix-btn > a{font-family: GothamRounded-Medium;font-size: 13px;color: rgb(53, 68, 84);padding: 10px 15px;margin-left: 10px;} .question-check > .col{padding-top:120px;padding-bottom:120px;} .question-check .col > a{font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} #right-pop-up .modal-content{padding: 24px 40px;} #right-pop-up .modal-content h5{font-family: GothamRounded-Medium;font-size: 18px;letter-spacing: -0.1px;color: #354454;padding:15px 0px;border-bottom:1px solid #354454;border-top:1px solid #354454;} #right-pop-up .modal-content h5 span{display:block;display: block; font-family: GothamRounded-Book; font-size: 18px; letter-spacing: -0.1px; color: #354454; margin-top: 10px;} #right-pop-up .modal-footer .btn-flat{float: left;margin: 20px 19px 27px;} #attempt-pop-up.modal-footer .btn-flat{float: left;} #attempt-pop-up.modal .modal-content { padding: 24px 24px 10px; } #attempt-pop-up.modal .modal-footer{padding: 0 24px 24px;} #attempt-pop-up.modal{width:578px;z-index: 1500 !important;} #right-pop-up.modal{width:578px;z-index: 1500 !important;} #right-pop-up p{font-family: GothamRounded-Book; font-size: 14px; line-height: 1.6; letter-spacing: -0.1px; color: #354454;margin-top: 0px;margin-bottom: 15px;} #right-pop-up p.if-right{font-family: GothamRounded-Medium; font-size: 14px; line-height: 1.6; letter-spacing: -0.1px; color: #354454;margin-top: 15px;margin-bottom: 0px;} #right-pop-up p.if-wrong{font-family: GothamRounded-Medium; font-size: 14px; line-height: 1.6; letter-spacing: -0.1px; color: #354454;margin-top: 15px;margin-bottom: 0px;} #resume-pop-up .modal-content h5{font-family: GothamRounded-Medium;font-size: 18px;letter-spacing: -0.1px;color: #354454;} #resume-pop-up .modal-content p{font-family: GothamRounded-Medium;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;} #resume-pop-up .modal-footer .btn-flat{float: left;margin:0px 0px 0px 19px;padding:0px 5px;} #resume-pop-up.modal{width:578px;} #resume-pop-up.modal .modal-content {padding: 24px 24px 0px;} a.btn-grey-color:hover{font-family: GothamRounded-Bold;font-size: 13px;color: #ff953f;} .question-cont .ans-selection .text-error{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #d0021b;} .question-cont .ans-selection .text-success{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #08a74c;} .question-cont .ans-selection .text-error label{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #d0021b;} .question-cont .ans-selection .text-success label{font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #08a74c;} .navbar {background-color:#354454;padding: 0 0.75rem 0 0;z-index:999;} .navbar h1{color:#ffffff;font-size:20px;margin:25px 0px 10px;} .navbar p{color:#919dab;font-size:14px;margin-bottom:25px;} .dashboard span{font-size:13px;color: #ff953f;} .blue-color{color:#ff953f !important;} .dashboard a{color:#ff953f;font-family: GothamRounded-Medium;} .dashboard .fa-arrow-left{font-size:16px;color: #ff953f;} .dashboard .fa-arrow-right{font-size:16px;color: #ff953f;} .navbar .fa-list{color:#ffffff;background-color:#46576a;font-size:38px;padding:58px 0;display:block;text-align: center;} .dashboard{margin-top:45px;color:#ff953f;text-transform: uppercase;} .navbar .row{margin-bottom: 20px;margin-left: -0.75rem;margin-right: -0.75rem;} .start-quiz h3{font-size:18px;color:#354454;font-family:GothamRounded-Medium;margin-bottom:20px;} .start-quiz p{font-family:GothamRounded-Book;font-size:14px; line-height: 22px;width:60%} .start-quiz .btn-info{margin-top:15px;} .start-quiz p{text-align: center;margin:auto;float:none;} .start-quiz{padding: 0px 0px 70px;} .l3-links a{margin-right: 20px;vertical-align: sub;margin-top: 6px;display: inline-block;} .next-section span{font-size:14px;color:#ff953f;text-transform:uppercase;font-family: GothamRounded-Medium;display:inline;} .next-section .fa-arrow-right{font-size:16px;color:#ff953f;} .next-section .fa-cog{font-size:25px;color:#6a7d92;} .next-section .fa-expand{font-size:25px;color:#6a7d92;} .section-bottom{padding:15px 15px;} .quiz-progress{margin-top: 20px;} .quiz-progress p{margin-bottom: 20px;} .quiz-progress p span { width: 40px; display: inline-block; } .btn-review{margin-left: 10px;background-color: #e5e5e5;font-family: GothamRounded-Medium;font-size: 13px;font-weight: bold;color: #354454;} .btn-review:hover{color:#fff;} .section-bottom a{padding:0px 10px;font-size: 14px;color: #ff953f;text-transform: uppercase;font-family: GothamRounded-Medium;} .side-menu{background-color:#ececec;width:300px;position:fixed;top:0; left:-650px;transition: left 0.5s linear !important;height:100%;z-index:1002;width:500px;overflow:unset;} .side-menu.visible{box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);left: 0px;transition: left 0.5s linear !important;background-color: #ececec;} .side-menu li a{color:#354454;font-size:13px;} .side-menu .tabs .tab a{color:#354454;font-size:13px;font-family:GothamRounded-Book;} .side-menu .tabs .indicator{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);bottom: 0;height: 4px;position: absolute;will-change: left, right;right: 0px;} .side-tabs-div{padding-left: 21px;border-bottom: 1px solid #d8d8d8;} .side-menu .tabs{background-color: #ececec; top:0;overflow-x: hidden; overflow-y: hidden;} .side-menu .tabs li a.active {font-weight:700;} .search-button > span input {background-color: #ffffff;position: relative;height:45px;margin-top:0px;margin-bottom:21px;border-radius:2px;} .search-button > span i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size:17.5px;} .question-answer .search-button > span i {position: absolute;right: 15px;top: 35%;transform: translateY(-50%);font-size:17.5px;} /*.question-answer{margin-left:20px;margin-right:40px;margin-bottom:30px;}*/ .question-answer > p{margin-top:0;display: inline-block;} .question-answer > button{margin-top:0;float: right; margin-bottom: 16px;} .question-answer .media-heading{font-size:14px;font-family:GothamRounded-Medium;color:#354454;margin-top:0;} .question-answer .media-body{font-size:14px;color:#354454;font-family:GothamRounded-Book;display:table-cell;letter-spacing:-0.1px;width: 100%; display: block;} .question-answer .media-left{float:left;padding-right:15px;display:table-cell;height: 100%;} .question-answer .media{background-color:#ffffff;border-radius:2px;min-height: 110px;padding: 20px;text-align: justify;width: 440px;margin:10px auto;display: block;clear:both;} .question-answer .media-object{display:block;width:40px;height:40px;border-radius:100%;} .question-answer .media-body span{float:right;color:#919dab;font-size:14px;font-family:GothamRounded-Book;} .quiz-question{min-height: 100%;} .new-ques{display: none;margin: 25px 10px 0px;} #sidebar .close a{position: absolute;top: 0px;left: 37%;} .text-success,.text-error,.if-right,.if-wrong{position:relative;} .text-success:before,.if-right:before{content: "\2714 ";position:absolute;left:-30px;font-size: 20px;margin-top: -4px;} .text-error:before,.if-wrong:before{content: "\2718 ";position:absolute;left:-30px;font-size: 20px;margin-top: -4px;} .if-wrong::before{margin-top:0px;color: #d0021b;left:-25px;} .if-right:before{margin-top:0px;color: #08a74c;left:-25px;} .fix-btn{margin-left:33px;} .fa-refresh{font-size:19px;} .question-answer,.course-part{outline: 0;} .question-answer{padding-left:18px;padding-right:23px;} .asked-questions{padding-top: 15px;} .asked-questions > a.row{display: block;background-color:#fff;margin-bottom: 10px;padding: 15px;} .asked-questions > a.row .col.s2{padding:0px;} .asked-questions > a img{margin: 0 auto;display: block;width: 85%;height: 85%;} .asked-questions > a h4{font-size: 14px;font-family: GothamRounded-Medium;color: #354454;margin-top: 0;margin-bottom: 9px;} .asked-questions > a span{color: #919dab;font-size: 14px;font-family: GothamRounded-Book;} .asked-questions > a p{font-size: 14px;color: #354454;font-family: GothamRounded-Book;display: table-cell;letter-spacing: -0.1px;width: 100%;} #section-content{background-color:#ececec;max-height: 88%;position:relative;margin: 25px 10px 0px;outline: 0;display: block;} .professional-details{} .professional-details h3{margin:0px;} .professional-details a{margin: 0px 0px 0px 5px;padding:10px;font-family: GothamRounded-Medium;font-size: 14px;color: #ff953f;border: 1px solid #bfbfbf;border-radius: 5px;} .professional-details a.school-logo{display: block;margin-top: 10px;clear: both;border: 0px solid #ff953f;margin-bottom: 20px;} a.edit-info span{background: url("../images/icons/Assets(1).png");display: inline-block;background-position: -63px -51px;width: 19px;height: 21px;margin-right: 2px;} a.delete-info span{background: url("../images/icons/Assets(1).png");display: inline-block;background-position: -85px -51px;width: 19px;height: 21px;margin-right: 2px;} .professional-details > div{margin-bottom:20px;padding:15px;background-color:#fff;} .profile-edit #main .field-info p{font-family: GothamRounded-Book;font-size: 14px;color: #354454;margin-top:0px;margin-bottom:6px;} .profile-edit #main .field-info p a{font-family: GothamRounded-Book;font-size: 14px;color: #354454;padding:3px 5px;display:inline-block;} .profile-edit #main .field-info p a span{margin-left: 10px;visibility:hidden;} .profile-edit #main .field-info p a span i{margin-left: 2px;padding: 1px 4px 1px 3px;font-weight: bold;} .activities span{display:block;font-family: GothamRounded-Medium;font-size: 14px;color: #ff953f;height: 21px;} .school-logo img{max-height: 100px;} .info-editor .row .col{padding:0px;} .info-editor .input-field label{left: 0px;width: 100%;display: block;top: 17px;} .info-editor form > .row,.field-info form > .row{margin-bottom:10px;} .info-editor form textarea{margin-bottom:0px;width: 92%;padding: 12px;text-indent: 0px;} .info-editor form .r-badge{right:0px;} .character-counter:last-child{display:none;} .duration-span input{margin-top:0px;} .duration-span label{font-family: GothamRounded-Medium;font-size: 14px;color: #354454;} .duration-span.row .col{padding-right: 15px;} .professional-details > div > .row{margin:10px 0px;} .professional-details > div > .row.header{margin: 0px;padding: 0px;} .profile-edit #main .info-editor form button{margin-left:10px;} .professional-details .header a.edit-info{padding:9px;} .picker__footer {text-align: right;padding: 0px;} .profile-edit #main .info-editor .file-field input{margin-top: 0px;border-bottom: 1px solid rgb(213, 213, 213);} .profile-edit #main .info-editor .file-field.input-field{margin-top:5px;} .profile-edit #main .info-editor form .picker__footer button {margin-left:0px;} .specialization .field-info{position:relative;min-height: 78px;padding: 10px;border: 1px solid #bfbfbf;border-radius: 5px;} .professional-details > div > .row.header .col{padding:0px;} .field-info > div.col{border:1px solid #d5d5d5;border-radius:5px;padding:10px;} .field-info > form.col{margin-top:20px;padding:0px;} .skills-form {position:relative;} .skills-form .tagsly{border:0px;} .skills-form .tagsly input.tag-textbox[type="text"]{border:1px solid #d5d5d5;margin:0px;} .skills-form span.tag{padding:5px;border-radius:5px;margin:10px 10px 0px 0px;font-family: GothamRounded-Book;font-size: 13px;font-weight:normal;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .skills-form span.tag a{position: static;padding: 4px;margin: 0 0px 0 5px;border: 0px solid #000;} form.form-editor{display:none;} form.form-editor > .row:last-child .input-field{margin-top:0px;} form.form-editor textarea{margin-bottom:0px;} form.form-editor .file-field{margin-top:0px;} .skills-form .tagsly ul.suggest {background-color:#fff;border:1px solid #d5d5d5;border-top:0px solid #d5d5d5;top: 57px;left: 5px !important;} .skills-form .tagsly ul.suggest li:hover{color:#ff953f;} .skills-form .tagsly ul.suggest li{font-family: GothamRounded-Book;font-size: 13px;color: #000;border-bottom:1px solid #d5d5d5;background-color:#fff;font-weight:normal;padding:3px 6px;} .skills-form .tagsly ul.suggest li:last-child{border-bottom:0px solid #d5d5d5;} form.form-editor .file-field .file-path-wrapper{height: 44px;border-bottom: 1px solid #d5d5d5;} .specialization button , form.form-editor button{margin-right:10px;} /*.delete-info{position:absolute;right:12px;bottom:15px;} .edit-info{position:absolute;bottom:15px;right:65px;}*/ .field-options{overflow: hidden;bottom: 15px;right: 15px;} a.delete-info:hover,a.edit-info:hover{border:1px solid #ff953f;} .profile-edit #main .field-info .skill-description{display:inline-block;font-size: 13px;border: 1px solid #bfbfbf;border-radius: 5px;padding: 2px 5px;} .profile-edit #main .field-info p.skill-description a{background: url("../images/icons/Assets(1).png");display: inline-block;background-position: -62px -94px;width: 16px;height: 12px;margin-right: 2px;border:0px;padding:0px;} .profile-edit #main .field-info p.skill-description a:hover{background: url("../images/icons/Assets(1).png");display: inline-block;background-position: -75px -94px;width: 16px;height: 12px;margin-right: 2px;} .blue{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;} .grey{background-color:#e5e5e5 !important;color:#354454;} .info-editor{display:none;} .profile-edit #main .professional-details input.invalid[type="number"]{border-bottom: 1px solid #e3e3e3;box-shadow: none;} /* ----- */ #q-and-a {background-color:#ececec;max-height: 88%;position:relative;margin: 25px 10px 0px;outline: 0;display: block;} #section-content{padding-right:10px;} #section-content::-moz-scrollbar {width: 12px;} #section-content::-moz-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} #section-content .course-part .course-basic-part .row p span {width: 15px;height: 15px;display: inline-block;vertical-align: middle;} #section-content .course-part .course-basic-part .progress{width:72px;margin:6px 0px 0px 22px;} #section-content .course-part .course-basic-part a.row{padding:12px 0px 9px;} #section-content .course-part .course-basic-part a.row.disabled,#section-content .course-part .course-basic-part a.row.disabled .row{background:#f5f5f5; color: #919dab;cursor:not-allowed;} #section-content .course-part .course-basic-part .row.links{padding:12px 0px;border-bottom: 1px solid #d5d5d5; margin-bottom: 0px;} #section-content .course-part .course-basic-part .row.links .col.s12{width: 100%;} #section-content .course-part .collapsible-header .media-left{width:74%;} #section-content .course-part .collapsible-header .media-right{width:26%;padding-left:42px;} #section-content .course-part .collapsible-header i{margin-left:8px;margin-right:0px;} .side-menu > .btn-blue{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);position: absolute;right: -21px;padding: 8px 10px 3px;top: 3px;border-radius: 100%;cursor: pointer;z-index: 1;} #section-content .simplebar-scroll-content{max-width: 470px;height: 555px;overflow: hidden;} .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .ps-container.ps-active-y > .ps-scrollbar-y-rail{background-color: #d3d3d3;} .ps-container > .ps-scrollbar-y-rail,.ps-container:hover > .ps-scrollbar-y-rail,.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,.ps-scrollbar-y-rail > .ps-scrollbar-y:hover{opacity: 1.0;} .link-to-new{margin-right: 5px;width: 22px;height: 19px;background: url("../images/icons/Assets(1).png") -59px -269px;display:inline-block;} .download-temp{margin-right: 5px;width: 19px;height: 19px;background: url("../images/icons/Assets(1).png") -38px -297px;display:inline-block;} .navbar .list-bar{font-size:35px;width: 37px;height: 28px;background: url("../images/icons/Assets(1).png") -2px -317px;display:inline-block;} a.open-menu{display:block;margin : 36px 28px;} .close-menu{width: 20px;height: 24px;background: url("../images/icons/Assets(1).png") -44px -201px;display:inline-block;} .arrow-left{width:20px;height:18px;background: url("../images/icons/Assets(1).png") -57px -310px;display:inline-block;margin-bottom:-4px;margin-right:5px;} .arrow-right{width:20px;height:18px;background: url("../images/icons/Assets(1).png") -4px -348px;display:inline-block;margin-bottom:-4px;margin-right:5px;} .next-prev{display: none;} .next-prev-m-l{display: block;} .next-prev-m-l a{height: 16px;font-family: GothamRounded-Medium;font-size: 13px;color: #ff953f;} .next-prev-m-l .previous i{margin-right:5px;font-size:16px;} .next-prev-m-l .next i{margin-left:5px;font-size:16px;} .next-prev-m-l .retry i{margin-left:8px;font-size:18px;} .next-prev-m-l .previous{margin-right:10px;font-size:14px;} .next-prev-m-l .next{margin-left:10px;font-size:14px;} .next-prev-m-l .retry{color:#fff;margin-left:15px;font-size:14px;} .next-section .section-bottom .media-left{margin-top:-7px;} footer > .media-left{margin-top:12px;margin-left:15px;} /*.question-cont{padding-bottom:90px;}*/ .cancel-btn{background-color: #e5e5e5;font-family: GothamRounded-Medium;font-size: 13px;font-weight: bold;color: #354454;} /*#quiz-ques-list > section{min-height:444px;;overflow-y: scroll;}*/ .course-topic p{font-family: GothamRounded-Book;font-size: 14px;color: #354454;line-height:24px;margin:6px 0;} .course-tabs {background-color: #ffffff;} .course-tabs .tabs {display:block; } .course-tabs-content {padding: 20px 20px 70px;} .course-tabs-content .row {margin-left: -12px;margin-right: -12px;margin-bottom: 0;} .course-overview h3,.course-topic h3 {margin: 0;font-family: GothamRounded-Medium;font-size: 17px;letter-spacing: -0.1px;color: #354454;margin-bottom:10px;} .course-keyfeatures .ul-list {padding: 20px 0 0;} .course-tabs-content .bg-white {border-bottom: 1px solid #d5d5d5;} .course-faq .collapsible {box-shadow: none;margin: 20px 0px;} .course-part .collapsible .collapsible-header{overflow: hidden;padding:15px 10px 15px 25px;border-bottom:1px solid #eeeeee;} .course-part .collapsible-header i{margin-left:40px;background: url("../images/icons/assets.png") -33px -179px;width: 20px; height: 14px;float:none;display:inline-block;transition: left 0.3s;transition-timing-function: ease-out;} .course-part .course-basic-part .row .media-right p{display: inline-block;color: #919dab;font-family: GothamRounded-Book;vertical-align: middle;} #course-content .time-spent{width:95px;text-align: center;} .time-spent{width:82px;text-align: center;} .course-part .collapsible-header > p:nth-child(2){float:left;} .course-part .collapsible-header p{margin:0px;line-height: 30px;} .course-part li{margin-bottom: 20px;border:1px solid #d8d8d8;background-color:#ffffff;} .course-part .collapsible {box-shadow: none;border: medium none;} .media-left {float: left;} .course-part .collapsible-header .media-left{width:75%;} .course-part .course-basic-part .progress{border-radius:5px;width:170px;float:left;height:9px;padding:0px;margin:7px 0px 0px 15px;background-color: #e5e5e5;} .course-part .course-basic-part .progress .determinate{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .course-part .collapsible-header .media-right{margin: 7px 0px;} .course-part .collapsible-header .media-right p{display:inline-block;font-family: GothamRounded-Book;font-size: 14px;color: #919dab;letter-spacing: -0.1px;} .course-part .collapsible-header {border:none;} .course-part .collapsible-header .media-left p:first-child{color: #919dab;letter-spacing: -0.1px;font-family: GothamRounded-Book;font-size: 14px;} .course-part .collapsible-body {padding:0px;} .course-part .collapsible-body > div {padding: 0px;} .course-part .collapsible-body p{padding: 0px 15px;font-family: GothamRounded-Book;font-size: 14px;color: #354454;} .course-part .course-basic-part .row.links a{margin-left:46px;font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} .course-part .course-basic-part .row.links p{margin-bottom:15px;padding:0px 14px;} .course-part .course-basic-part .row:last-child{border:none;} .course-part .course-basic-part .row p{color: #354454;} .course-basic-part .card-panel{padding: 0px;} .course-basic-part a.row div.col:first-child .col{padding:0px;} .course-basic-part a span i.fa{font-size: 19px;} .section-title{font-size:14px;} .course-part .course-basic-part a.row{padding: 11px 1px 11px;margin:0px;border-bottom:1px solid #eeeeee;} .course-part .course-basic-part .row.links {padding: 15px 0px 15px;margin-left:0px;margin-right:0px;border-bottom:1px solid #d5d5d5;} .course-part .course-basic-part .row .media-right p.stat-complete{color: #fff;border-radius: 100px;background-color: #40c47b;} .course-part .course-basic-part .row .media-right p.stat-mark-complete{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color: #fff;border-radius: 100px;} .course-part .course-basic-part .row .media-right p.stat-mark-complete i.fa-play-circle-o{margin-right:3px;} .course-part .course-basic-part .row p span{width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .course-part .score-view{font-size:11px !important;line-height: 28px;} .course-part .course-basic-part .row p span i{font-size: 22px;vertical-align: middle;} #prerequisite_check{width:40%;} #prerequisite_check .modal-footer {text-align:center;} #prerequisite_check .modal-footer .btn{float:none;margin: 0px;} #prerequisite_check .modal-content{padding:10px 24px 0px;} .icon-progress i{color:#ff953f;} .icon-complete i{color:#40c47b;} .icon-comment-green{color:#40c47b;} .icon-comment-red{color:#ff953f;} .course-basic-part a.row .col:first-child span i.material-icons{font-size:18px;} .course-basic-part a.row .col:first-child span i{vertical-align: middle;} #section-content .course-basic-part a.row .col:first-child span,.course-basic-part a.row .col p{vertical-align: super;} #quiz-q-page .course-part .collapsible-body p{padding: 0px;font-family: GothamRounded-Book;font-size: 14px;color: #354454;} #quiz-q-page .course-part .course-basic-part .row p span{width: 26px;height: 30px;display: inline-block;vertical-align: middle;} #quiz-q-page .course-part .course-basic-part .row p span i{font-size: 19px;vertical-align: middle;} #quiz-q-page .course-part .course-basic-part .row.links a {margin-left: 15px;font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} .stat-mark-complete.tooltipped{width: 158px;height: 22px;line-height: 21px;border: none;} .course-part .course-basic-part .row .media-right p span{} .course-part .course-basic-part > a{display:block;} .course-part .collapsible li.active .collapsible-header.active .media-right .angled-down{background: url("../images/icons/assets.png") -51px -179px;} .course-part .collapsible-header .media-left p:last-child{font-family: GothamRounded-Medium;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;} .course-tabs .tabs .tab a{font-family: GothamRounded-Book;font-size: 13px;color: #354454;} .course-tabs .tabs .tab a.active{font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} .course-tabs .tabs .indicator{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);height: 4px;} .course-faq .collapsible-header p span{} .course-faq .collapsible .collapsible-header{overflow: hidden;padding:20px 0px 20px 0px;line-height: 0px;} .course-faq .collapsible-header i{margin-left:40px;background: url("../images/icons/assets.png") -33px -179px;width: 20px; height: 14px;float:none;display:inline-block;transition: left 0.3s;transition-timing-function: ease-out;} .course-faq .course-basic-part .row .media-right p{display: inline-block;color: #919dab;font-family: GothamRounded-Book;} .course-faq .collapsible-header > p:nth-child(2){float:left;} .course-faq .collapsible-header p{margin:0px;line-height: 30px;} .course-faq li{margin-bottom: 0px;border-bottom:1px solid #d8d8d8;} .course-faq .collapsible {box-shadow: none;border: medium none;} .course-faq .collapsible-header .media-left{width:75%;} .course-faq .course-basic-part .progress{border-radius:5px;width:170px;float:left;height:9px;padding:0px;margin:7px 0px 0px 50px;background-color: #e5e5e5;} .course-faq .course-basic-part .progress .determinate{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .course-faq .collapsible-header .media-right{margin: 0px;} .course-faq .collapsible-header .media-right p{display:inline-block;font-family: GothamRounded-Book;font-size: 14px;color: #919dab;letter-spacing: -0.1px;} .course-faq .collapsible-header {border:none;} .course-faq .collapsible-header .media-left p:first-child{color: #919dab;letter-spacing: -0.1px;font-family: GothamRounded-Book;font-size: 14px;} .course-faq .collapsible-body {padding:0px;border-bottom: none;} .course-faq .collapsible-body > div {padding: 0px;} .course-faq .collapsible-body p{padding: 0px;font-family: GothamRounded-Book;font-size: 14px;color: #354454;} .course-faq .course-basic-part .row.links a{margin-left:20px;font-family: GothamRounded-Medium;font-size: 13px;color: #354454;} .course-faq .course-basic-part .row.links p{margin-bottom:15px;} .course-faq .course-basic-part .row:first-child{border-top:1px solid #d8d8d8;} .course-faq .course-basic-part .row:last-child{border:none;} .course-faq .course-basic-part .row p{color: #354454;} .course-faq .course-basic-part .row{padding: 15px 0px;border-bottom:1px solid #d8d8d8;margin:0px;} .course-faq .course-basic-part .row .media-right p.stat-complete{color: #fff;border-radius: 100px;background-color: #40c47b;} .course-faq .course-basic-part .row p span{width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .course-faq .course-basic-part .row .media-right p span{} .course-faq .course-basic-part > a{display:block;} .course-faq .collapsible li.active .collapsible-header.active .media-right .angled-down{background: url("../images/icons/assets.png") -51px -179px;} .course-faq .collapsible-header .media-left p:last-child{font-family: GothamRounded-Medium;font-size: 14px;line-height: 1.6;letter-spacing: -0.1px;color: #354454;} .course-overview .bg-white{padding: 20px 32px;} .course-faq .bg-white{padding: 0px 0px 20px;} .course-faq ul li:first-child .media-left p span{margin-right:7px;} .course-faq ul li .media-left p span{margin-right:5px;} .course-part ul li.active{background-color:#ffffff !important;} .course-part ul li.active{background-color:#ececec;} .course-part ul li.active .collapsible-body .course-basic-part .row{background-color:#ffffff;position: relative;color:#354454;} .course-part ul li .collapsible-header{background:none;} /* front end feedback css */ /*RECEIVED FEEDBACK STARTS*/ .user-feedback td, .user-feedback th {padding:10px 0px;} table.user-feedback > thead > tr, table.user-feedback > tbody > tr {border-bottom: 1px solid #e3e3e3;} .user-feedback tr,td .view-pos{margin-right: 0px;} .user-feedback .view-section,.hide-section {display: inline-block;margin-top: 0 !important;} /*rating*/ .rating [type="radio"] + label::before{border: none;position: relative;width: auto;} .rating [type="radio"]:not(:checked) + label::before {border: none;} .rating [type="radio"]:checked + label::after {background-color: transparent;border: 0 none; } fieldset.rating, .rating label { margin: 0!important; padding: 0!important; } .rating { border: none !important;float: left !important;} .rating > input { display: none; } .rating > label:before { margin: 5px !important;font-size: 1rem !important;font-family: FontAwesome !important;display: inline-block !important;content: "\f005";} .rating > .half:before { content: "\f089"; position: absolute !important;} .rating > label { color: #ddd !important; float: right !important;} /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #FFD700 !important; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #FFED85 !important; } /*rating*/ .received-ratings [type="radio"] + label::before, [type="radio"] + label::after{top:0px;} .received-ratings [type="radio"]:not(:checked) + label, [type="radio"]:checked + label{font-size: 12px; line-height: 25px; vertical-align: super;min-height:25px;} .user-received-feedback-details .user-name-email .rating > label::before {margin: 0px 5px !important;} .user-received-feedback-questions .row{margin-bottom:0px;} .user-received-feedback-questions{margin-bottom:20px;} .user-received-feedback-details > .row{margin-bottom:15px} .user-received-feedback-details .user-name-email {border-collapse: inherit;border-bottom:1px solid #e5e5e5;} .user-received-feedback-details .user-name-email td{font-size:11px;padding:5px;} .user-received-feedback-details .user-name-email th{padding:0px 5px;font-size:13px;} .user-received-feedback-details .user-name-email th .fa-reply{ color: #ff953f;} .user-received-feedback-details .user-name-email th a{ font-family: GothamRounded-Medium;font-size:11px;} .user-received-feedback-questions .cust-f-questions-edit-del .question {padding-left:0px;background-color:transparent;margin-bottom:0px;padding:0px;border: 0px solid #e5e5e5;} .user-received-feedback-questions .received-ratings p{color:#a5a5a5;font-size:11px;} .user-received-feedback-questions .select-feedback{margin-top:0px;} .user-received-feedback-questions .cust-f-questions-edit-del .question .student-feedback-question{margin-bottom:0px;font-family:GothamRounded-medium;font-size:13px;} .user-received-feedback-questions .cust-f-questions-edit-del{margin-bottom:0px;margin-top:0px;} .user-rating .rating > label::before {display:inline-block !important;font-family: FontAwesome !important;font-size: 1rem !important;} .user-received-feedback-container .user-received-feedback-questions h6,.user-received-feedback-questions > p{font-family:GothamRounded-medium;font-size:13px;margin:5px 0px;} .user-received-feedback-container .customer-feedback-description{margin: 0px;} .user-received-feedback-container .customer-feedback-description p{color: #656f7a;text-align:justify;font-size:11px;border:1px solid #e5e5e5;padding:5px;margin-bottom:0px;background-color:#f7f9fa;margin-top:0px;} .user-received-feedback-container{border:1px solid #e5e5e5; padding:20px;background-color:#ffffff;} .user-received-feedback-container .customer-feedback-description .input-field,.user-received-feedback-container .user-received-feedback-questions .input-field{margin-top:0px;} .user-received-feedback-container .user-received-feedback-questions .input-field textarea{padding: 13px;text-indent: 0px;min-height: 60px;width: 96%;display: block;margin: 0px auto;} .user-received-feedback-container .customer-feedback-description .input-field button{margin-left:10px;} /*RECEIVED FEEDBACK ENDS*/ .my-courses .cc-banner {padding: 20px 0;} .my-courses h1 {margin: 0;font-family: GothamRounded-Medium; font-size: 24px;} .my-courses-list {padding: 30px 0;padding-top:0;} .my-courses-content .row {margin-left: -0.75rem;margin-right: -0.75rem;} .my-courses-list .tabs {background: transparent;display: block;border-bottom: 1px solid #d8d8d8; width: 33.333% !important;} .my-courses-list .tabs .tab a {font-family: GothamRounded-Medium;font-size: 13px; color: #354454; } .my-courses-list .tabs .indicator {height: 4px;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .search-list {margin-top: 20px;margin-bottom:20px;} .search-list .select-wrapper { background-color: #ffffff; } .search-list .input-field {margin-top: 0px;margin-bottom:10px;} .search-list .select-wrapper input.select-dropdown {margin: 0;border:1px solid #e3e3e3; height: 37px; margin: 0;} .search-list .search-button > span input {margin: 0;} .my-courses-content .courses {padding-top: 0px;} .my-courses-content .marketing a {margin-top: 20px;} .my-courses-content .marketing .progression {margin-top: 20px;} .my-courses-content .marketing .progress {margin: 0;height: 10px;background-color: #e5e5e5;border-radius:100px;} .my-courses-content .marketing .progress .determinate {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius:100px;} .my-courses-content .marketing .btn {font-size: 13px;box-shadow: none;} .my-courses-content .rating > label::before {font-size: 1em !important;margin: 5px !important;} #wishlist .marketing h4 {min-height: 30px;} .my-courses-content .marketing strong {font-size: 18px;color: #4c5256;font-family: GothamRounded-Medium;display: block;margin-top: 30px;} #wishlist .course-detail {min-height: 150px;} .my-courses-content .basic-pagination {padding-top: 20px;padding-bottom:57px;} .basic-pagination a:hover {box-shadow: none;} .login-details {padding: 60px 0;min-height: 500px;} .login-head {background-color: #354454;color: #ffffff;padding:20px 0;border-top-left-radius: 2px; border-top-right-radius: 2px;} .login-head h3 {margin: 0;color: #ffffff;font-size: 26px;font-family: GothamRounded-Book;line-height: 26px;} .login-body {padding: 20px;background-color: #ffffff;} .login-body h4 {margin: 0;font-family: GothamRounded-Medium;font-size: 18px;} .login-body .input-field {margin: 0;} .login-body .input-field input{margin-top: 0;} .social-media-login {margin-top: 25px;margin-right: 25px;} .social-media-login .btn {padding: 5px;height: 47px;margin-bottom: 10px;} .social-media-login .btn i {height: 24px; width: 24px;border: 1px solid #ffffff;border-radius: 100%;line-height: 24px;font-size: 12px;margin-right: 10px;} .btn-facebook, .btn-facebook:hover, .btn-facebook:focus {background-color: #3b5998;} .btn-google, .btn-google:hover, .btn-google:focus {background-color: #ea4335;} .btn-linkedin, .btn-linkedin:hover, .btn-linkedin:focus {background-color: #0077b5;} .login-body .btn {width: 100%;height: 47px;} .login-body .btn-submit, .login-body .btn-submit:hover, .login-body .btn-submit:focus {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .login-form .form-list {padding-top: 25px;} .login-form {padding-left: 45px;position: relative;} .login-details .link {text-decoration: none;color: #ff953f;} .forgot-password {padding: 20px 0 10px;font-size: 14px;} .login-footer {padding: 30px 0;background-color: #f5f5f5;} .login-body textarea {border: 1px solid #e3e3e3;text-indent: 15px;padding-top: 10px;height: 6rem;} /* 22/6/2016 .add-ans CSS */ .add-ans{width: 500px;float: left;margin-left: 0%;display: none;height: 100%;} .add-ans h6{font-family: GothamRounded-Medium; font-size: 13px;font-weight: 500;color: #354454;margin:0px;} .add-ans h6 .icon-back i{ background: url('../images/icons/Assets(1).png') -57px -309px; width:22px;height: 20px;display: inline-block;vertical-align: text-bottom;margin-right: 10px;} .add-ans .side-tabs-div{padding:20px 0px; padding-left: 21px;} .q-asked{overflow:hidden; padding:15px;border-bottom: 1px solid #d8d8d8;} .q-asked h4{font-family: GothamRounded-Medium;font-size: 14px;font-weight: 500;letter-spacing: -0.1px;color: #354454;} .q-asked p{font-family: GothamRounded-Book; font-size: 14px; font-weight: normal; line-height: 1.57; letter-spacing: -0.1px; color: #354454;} .q-asked p span,.q-asked h4 span,.q-replied h4 span{font-family: GothamRounded-Book; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; color: #919dab;} .q-asked p span{display: block; margin-top: 5px;} .q-asked .media .media-left{margin-right: 8px;} .add-ans-sect{padding: 15px;padding-right:25px;display: block; position: absolute; width: 100%;} .new-ques .row .col{padding: 0px;margin: 0px;} .new-ques button{float:right;} .new-ques button.asked{float:none;} .add-ans-sect a,.new-ques button{font-family: GothamRounded-Medium; font-size: 13px; font-weight: bold; color: #ffffff; margin: 0 0 0px; border-radius: 3px; background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .add-ans-sect a.add-reply{font-family: GothamRounded-Medium; font-size: 13px; font-weight: bold; color: #ffffff; margin: 0 0 15px; border-radius: 3px; background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);float:right;} .add-ans-sect .row{clear:both;margin-bottom:15px;} .reply-textarea{} .add-ans-sect h6{font-family: GothamRounded-Medium; font-size: 16px; font-weight: 500; letter-spacing: -0.1px; color: #354454;display: inline-block;margin-bottom: 15px;} .side-tabs-div h6 a i{width: 22px;height: 20px;background: url("../images/icons/Assets(1).png") -57px -309px;display: inline-block;vertical-align: text-bottom;margin-right: 5px;} .q-replied{margin: 15px 0px 15px;padding: 10px;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border-radius: 4px;clear: both;} .add-ans-sect textarea,.new-ques textarea{width: 100%;background-color:#fff;height: 100px !important;margin-top:0px;padding:10px 50px 10px 10px;text-indent: 0px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);font-family: GothamRounded-Book; font-size: 14px; font-weight: 500; letter-spacing: -0.1px; color: #354454;box-sizing: border-box;} .add-ans-sect .input-field label{top: 25px; left: 15px;font-family: GothamRounded-Book; font-size: 14px; font-weight: 500; letter-spacing: -0.1px; color: #354454;} textarea.materialize-textarea:focus:not([readonly]) + label{color:#ff953f;border-bottom: 1px solid #ff953f; box-shadow: 0 1px 0 0 #ff953f;} .add-ans-sect form.col,.add-ans-sect .input-field.col{padding: 0px;margin-top: 0px;} .add-ans-sect form.col > .row{margin-bottom :0px;} .cc-banner .deep-orange.start { margin-top: 0px; } .count-down{ overflow: hidden;margin:0 auto; width: 100%;margin-top: 20px;} .count-down li { float: left; text-align:center; border-right: 1px solid #CCCCCC; padding: 0 20px; } .count-down li h6{font-size:12px; font-family: "GothamRounded-Medium";margin-top:8px;margin-bottom:8px;} .count-down span{font-size: 16px;} .timespent{padding-left:57px !important;} .timespent p{font-family: "GothamRounded-Medium";margin-top: 29px;margin-bottom: 11px;line-height:1.5;margin-left:16px;} .special-font { display: block; font-family: "GothamRounded-Medium","Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 10px; } .color-red {color: #ff953f;font-weight:bold } .bg-white-rounded {background-color: #ffffff;border-radius: 6px;} .days-spent{ overflow: hidden;padding:2px;margin:0 auto;width:100%;margin-top:18px;} .days-spent li {float: left;padding: 0 31px;position: relative;text-align: center;} .days-spent li span.red-box {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius: 5px;color: #ffffff;display: inline-block;font-family: "GothamRounded-Medium","Helvetica Neue",Helvetica,Arial,sans-serif;height: 25px;margin-bottom: 5px;padding-top: 1px;text-align: center;width: auto;padding:0 5px;} .daysspent p{ font-family: "GothamRounded-Medium";margin-top: 28px;margin-bottom: 9px;line-height:1.5} .daysspent h6{font-size:12px; font-family: "GothamRounded-Medium";margin-top:3px;} .completed p{margin-top:25px;margin-bottom:0px;} .training-days{margin-bottom:15px;} .training-days h1{margin-bottom:3px} .rate-this h4{font-family: "GothamRounded-Medium";} .count-down li:last-child {border: 0 none;} .cc-banner .deep-orange.start {margin-right:0;} .margin-left h4{margin-left:31px;} .days-completed{color:#ff953f;padding-left:3px;} .valign-wrapper .progress{height:8px;margin-bottom:0px !important;margin-top:6px !important;} .valign-wrapper .row{margin-bottom:0;} .valign-wrapper .cc-color {height:150px;width:170px;} .valign-wrapper .cc-color img {height:150px;width:170px;} .collapsible-body p { margin: 0; padding: 2rem; } /*30-06-2016*/ a.progress-start:hover .resume-magnifier{transform: translateY(0%);visibility: visible;z-index:222;} .my-courses-list .search-list {margin-top: 0px;margin-bottom:0;} .courses-background {background-color:#ffffff;height:46px;} .course-part .collapsible{margin-top:0;} .select-wrapper input.select-dropdown {border-color:#e3e3e3;} .valign-wrapper .completed img{height:22px;width:35px;} .btn-start, .btn-start:hover, .btn-start:focus {background-color: #f6f6f6;font-family: GothamRounded-Bold;padding: 0 30px;color: #354454;font-size: 13px;box-shadow: none;height: 36px;} .resume-magnifier-start button.btn{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;margin-top: 20px;} .view-magnifier-start button.btn{margin-top: 20px;} .resume-magnifier-start{color:#fff;background-color: #eeeeee;bottom: 0;left: 0;position: absolute;right: 0;height:75px;vertical-align: middle;visibility: hidden;z-index: 0;} .resume-magnifier-start span{color:#ececec !important;font-size: 15px !important;margin-top: 12px;display: block;} a.progress-start:hover .resume-magnifier-start{transform: translateY(0%);visibility: visible;} .my-courses-list .search-button .validate{height:37px;} .course-basic{position:relative;} .course-basic .ext-basic{width:350px;word-wrap: break-word;padding-left: 50px !important;line-height:28px;} .course-basic .ext-basic span{position:absolute;left:3%;} .lms-p{padding-left:40px !important} .lms-icon{position:absolute;left:34px;} .completed .l10.m10.s10{padding-left:0;} .my-courses-content{padding-bottom:60px;} #wishlist .marketing h4 {min-height: 46px; } #course-complete-pop-up .modal-content p{margin:0px;} #course-complete-pop-up .modal-footer{padding:0px 24px;} /* ratings css */ #ratings-1 .btn-flat,#rating-2 .btn-flat{height: 31px; line-height: 30px; outline: 0; padding: 0 25px;} #ratings-1 h4,#ratings-2 h4{display: inline-block;} #ratings-1 > a.btn-flat,#ratings-2 > a.btn-flat{line-height: 16px;height: 16px;padding: 0px;position: absolute;right: 15px;bottom: 25px;border-bottom: 1px solid #354454;;} #ratings-1 .modal-footer{padding:0px 24px;margin-bottom: 0;} #ratings-2 .modal-footer{padding:0px 24px;margin-bottom: 0;} #ratings-2 textarea {margin: 10px auto 0px;text-indent: 0px;padding: 10px;width: 92%;display: block;min-height: 90px;} .rate p{text-align:center;margin: 5px 0px;} .rate a {text-align:center;display :block;} .rate a img{width:40px;height:40px;} .f-back > .row{margin-bottom:0px;} #ratings-1 .modal-footer a,#ratings-2 .modal-footer a{margin-right:10px;margin-bottom: 25px;} .f-back > p { margin-bottom: 20px; margin-top: 0; } .modal#ratings-1 .modal-footer,.modal#ratings-2 .modal-footer{height:47px;} /*27/12/2017*/ .start-quiz .empty_lesson{font-size: 30px;display: block;margin: 230px auto;} /*kh*/ .nav-wrapper > a img{height:55px;} /*zeolearn changes*/ .navbar-fixed nav.white{padding-right:0;} .navbar-fixed .nav-wrapper .brand-logo{padding:8px 0 !important;} .navbar-fixed .nav-wrapper .brand-logo img{vertical-align:inherit !important;} .navbar-fixed.navbar nav{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);border:0;} .navbar-fixed.navbar nav .white{box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);} .navbar-fixed .nav-wrapper .right{border-left:2px solid #eaeaec;} .navbar-fixed .nav-wrapper .right li > .btn{font-family: "Lato",sans-serif;height:28px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);line-height: 16px;padding: 6px 15px; background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%); border-radius: 3px;color: #ffffff; font-size: 12px;font-weight: 700;} .navbar-fixed .nav-wrapper .right .dropdown-button:hover{background-color:transparent !important;} .navbar-fixed .nav-wrapper .right .dropdown-content{top: 66px;right:0;width:208px;border-radius: 0 0 0 4px;box-shadow:none;border:none;padding:15px 0;left:auto !important;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;} .navbar-fixed .nav-wrapper .right .dropdown-content li{position:relative;border-left:4px solid transparent;padding:0;min-height:auto !important;} .navbar-fixed .nav-wrapper .right .dropdown-content li:hover{border-left:4px solid #ff953f;} .navbar-fixed .nav-wrapper .right .dropdown-content li:last-child{margin-right:0;} .navbar-fixed .nav-wrapper .right .dropdown-content li i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#c5c5c5;font-size:15px;} .navbar-fixed .nav-wrapper .right .dropdown-content li a{font-family: "Lato",sans-serif;padding:10px 10px 10px 45px;color:#797979;font-size:14px;} .navbar-fixed .nav-wrapper .right .dropdown-content > li > a:focus, .navbar-fixed .nav-wrapper .right .dropdown-content > li > a:hover {background-color: #f5f5f5;color: #262626;text-decoration: none;} .user-circle{line-height:27px;background-color:#bebebe;border-radius:100%;display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;overflow: hidden;} .user-circle img{width:30px;height:30px;} .user-name i {margin-left: 15px;} .user-name {font-family: "Lato",sans-serif;color: #7e7e7e;display: inline-block;font-size: 12px;font-weight: 700;text-transform: uppercase;} .course-keyfeatures .ul-list li:before{left:0 !important;} .course-keyfeatures .ul-list li{height:auto !important;left:0 !important;padding-left:39px !important;font-size:14px !important;} .progress .determinate{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;} /*video page*/ header.fixed-top .dashboard.right-align > a{font-size:13px;display:block;} footer.fixed-bottom{height:60px !important;line-height:60px;padding:0 !important;margin-left:0;} footer.fixed-bottom .section-bottom.right-align{padding:0;} .video-section .rmp-container{height:100% !important;width:auto !important;} .lecturevideojs .video-js{margin: 0 auto;} .course-part .collapsible-header .media-left{width:80% !important;} .course-part .collapsible-header .media-right {line-height: 17px;margin: 27px 0 0 !important;width:20% !important;text-align:right;padding-left:0 !important;} .course-part .collapsible-header .media-right i{margin-right:0 !important} .rating [type="radio"] + label::before,.rating [type="radio"] + label::after{display:none;} .dashboard.right-align a i{font-size:14px !important;} .dashboard.right-align a span{font-size:12px !important;} .question-answer .qna-questions-count{line-height:36px;margin-bottom:10px;} .course-basic .ext-basic{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .question-list-box{background-color:#ffffff;padding:15px 0;cursor: pointer; } .question-list-box:hover,.question-list-box:focus{box-shadow:0 1px 0 0 rgba(36, 0, 47, 0.1), 0 2px 14px 0 rgba(0, 0, 0, 0.18);} .question-list-box .row{margin-bottom:0 !important;} .question-list-box img{margin-left: 10px;} .question-list-box .question-content{margin-top:0px;font-size:16px;margin-bottom:15px !important; } .user-name-list{color: #b4b4b4;font-size: 10px;display:block;} .user-name-list.right{text-align:right;} .user-name-list.right span{color:#ff953f;} #ask-a-q {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;} .add-ans.qna-replies .question-list-box{margin:15px;} .add-ans-sect{padding:15px !important;} .reply-textarea textarea{text-indent:0 !important;height:67px !important;padding:0 !important;padding:10px 50px 10px 20px !important;box-sizing: border-box;width:100%;background-color:#ffffff !important;} .reply-textarea .input-field .r-badge{top:32px;} .add-ans-sect .question-list-box{margin:0 !important;margin-top:10px !important;} .add-ans-sect .question-list-box:first-child{margin-top:0 !important;} .side-tabs-div a#side-restore {color: #354454; display:block;} .row.reply-textarea{margin-bottom:0 !important;} .row.reply-textarea .row{margin-bottom:0 !important;margin-left:-10px;margin-right:-10px;} .row.reply-textarea .row .input-field{margin-top:0 !important;} .row.reply-textarea .row .input-field textarea{margin-bottom:10px !important;} .row.reply-textarea > h6{margin:0 15px;} .btn-large{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .reply-textarea button{height:40px;line-height:40px;} .add-ans-sect.side-scroll .ps-active-yps-scrollbar-y-rail{top:15px !important} .add-ans-sect{height:45%;margin-top:15px;} .question-list-box img.media-object{width:45px;height:45px;border-radius:100%;} [type="radio"]:checked + label::after{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;border:2px solid #ff953f !important;} .btn-submit,.submit,.feedback-form-submit,.btn-info,.btn-blue,.btn-complete,.prepo-blue-btn{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;} .with-gap[type="radio"]:checked + label::before{border:2px solid #ff953f !important;} .with-gap[type="radio"]:checked + label::after{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;border:2px solid #ff953f !important;} .btn:hover{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .rmp-outline{background-color:rgba(0,0,0,0.5) !important;} /*course-part*/ .course-basic .media-right .stat-complete,.course-basic-part .media-right .stat-complete{height:15px;line-height:15px;} .course-basic .media-right .time-spent{} .question-cont .ans-selection{overflow:visible !important;} .user-question{z-index:99;} /*sidebar lecture highlight 13-12-2016*/ .course-part ul li.active .collapsible-body .course-basic-part a.lesson_course.lesson_light{background: rgba(0, 0, 0,0.6);} .course-part ul li.active .collapsible-body .course-basic-part a.lesson_course.lesson_light .row{color:#fff;background: rgba(255, 88, 92,0.01);} .course-part ul li.active .collapsible-body .course-basic-part a.lesson_course.lesson_light p.time-spent{color:#fff;} .btn-blue .close-menu{pointer-events:none;} /*scorm player*/ .scorm-player td{padding:0 !important;} /*zeolearn changes end*/ .ui-loader.ui-corner-all.ui-body-a.ui-loader-default{display:none !important;} .mock-part .review-btn{margin-bottom:20px;} .top-next-prev{margin:16px 0 11px;} .mock-part .part-3 a{margin:29px 0 24px 40px;} /* Responsive */ @media only screen and (max-width: 767px){ .cart-calendar{display: inline-block;margin-right:10px; padding-right:10px;border-right: 0px solid #354454;} .cart-clock{display: inline-block;margin-right:10px; padding-right:10px;border-right: 0px solid #354454;} .profile-edit .row .col.deal{padding:0px 8px;} .profile-edit #main .order-summary .cart-details .card-panel { padding: 5px 8px 0px; } .my-courses-list .tabs{width: 300px !important;display: block;margin: 0px auto;} .my-courses .cc-banner {padding: 75px 0 22px;} .my-courses-list {padding: 0px 0 30px;} .ans-selection h4{margin-left:5px;} .next-section .col.l2{text-align:right;} .next-section .col.l2 a{margin-right: 0px !important;margin-left: 15px;} .next-section .col.l3{text-align:left;} .next-section .col.l3 .hide-on-med-and-up{color: #fff;margin-left: 10px;display: inline-block;margin-top: 0;vertical-align: sub;} #quiz-ques-list > section {height: 100%;overflow-y: scroll;} .quiz-next{float:none;width:100%;} .profile-edit #main .upload-img{padding:20px 10px;} .profile a{color: #444;display: block;height: auto;line-height: 20px;padding: 0px;} .profile-edit #main .upload-img form + p{margin-bottom:25px;} .profile-edit #main p{margin-bottom:15px;} .profile-edit #main form{padding:20px 3px;} .profile-edit #main{margin:30px 0px 0 0;} .setting-form input{width:100%;} .profile-edit #main h2{margin-bottom: 7px;margin-top: 42px;} nav .brand-logo{left:13%;} nav .button-collapse{margin-left: -19px;} footer .row .col{text-align:center;} footer ul {margin: 6px 0 0 0;} footer ul li {float: left;padding: 0px 12px;border-right: 1px solid #8996a4;} .upload-img img {width: 80px;height: 80px;display: block;margin: 0px auto 20px;} .invoice-head{padding: 10px 15px;} .order-details a.btn-red,.order-details a.btn-blue{margin: 7px auto; display: block; text-align: center; width: 100%;} .order-details a.btn-blue{margin-bottom:20px;} .order-details h3 { margin: 0px auto; display: block; text-align: center; width: 100%; } #main .order-details table td p { font-family: GothamRounded-Medium; font-size: 14px; line-height: 24px; letter-spacing: -0.1px; color: #354454; margin: 0 0 5px; } .order-summary table td.left-align { padding-left: 15px; width: 50%; } .order-details{border-bottom:none;padding: 20px 15px;} .order-summary{padding:0px 14px;} .order-summary > table { border: 1px solid #d5d5d5; margin-bottom: 14px; } #main .order-details table td p span{display: inline-block;} .order-summary table td{padding: 8px 5px;} .profile-edit .row .col{padding:0px;} .invoice-head .media-right,.invoice-head .media-left{float:none;text-align:left;} .invoice-head .media-left{margin-bottom:10px;} .invoice-details {padding: 5px 8px;} .invoice-details .row .col p:first-child{font-family: GothamRounded-Medium;font-size: 14px;letter-spacing: -0.1px;color: #354454;margin: 5px 0 0 0;} .invoice-details .row .col p:last-child{ font-family: GothamRounded-Book;font-size: 14px;letter-spacing: -0.1px;color: #354454;margin: 0 0 5px 0;} .invoice.modal{max-height: 70%;} .navbar{z-index:3000;} .pro-img img{margin: 40px auto 0px;} footer{z-index:3000;} #attempt-pop-up.modal{width:80% !important;} #attempt-pop-up.modal .modal-close{color:#ffffff !important;} } @media only screen and (min-width: 768px) and (max-width: 1279px){ .profile-edit #main{margin:0px;} .table-body .row .col{padding:9px;} .courses a.marketing{height:379px;} /*zeolearn*/ #course-content .course-part .collapsible-header .media-left{width:80% !important;} #course-content .course-part .collapsible-header .media-right{width:20% !important;} #course-content .course-part .collapsible-header .media-right i{margin-left:15px !important;margin-right:20px !important;} /*header*/ body.nav-open section, body.nav-open header, body.nav-open footer{margin-left:0 !important} .navbar.fixed-top .row > .s3{width:16.6667% !important;} .navbar.fixed-top .row > .s7 h1{display:block;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .navbar.fixed-top .row > .s7 p{overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .course-part .course-basic-part .progress{margin-left:15px !important;} /*video-section*/ } @media only screen and (min-width: 1024px) { .stat-complete{text-align:center} .footer-prerequisite .stat-complete{min-width:auto !important;} } @media only screen and (max-width: 1024px) { nav .brand-logo {left: 10%;transform: translateX(-10%);} .cc-banner .deep-orange {font-size: 10px;} /*zeolearn*/ .course-tabs-content {padding: 20px 20px 70px !important;} .course-basic .ext-basic{width:100% !important;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .brand-logo{left:20px !important;padding-top:10px !important;} .button-collapse{float:right !important;padding-right: 10px;} /*zeolearn-responsive-sidebar*/ .nav-wrapper > span.header-text{ display: inline-block;height: 64px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 82%;font-weight:700;line-height:62px;font-size:16px;} .button-collapse i{color:#b3b3b3;} .profile-menu{text-align:center;padding:49px 30px;overflow-y:visible; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);} .profile-menu .dropdown-menu-hidden{text-align:left !important;} .profile-menu-image{overflow:hidden;background:#f5f5f5;width:105px;height:105px;border-radius:100%;display:inline-block;} .profile-menu-image img{width:105px;height:105px;} .profile-menu ul li {display: block;padding: 0;position: relative;width: 100%;height: 40px;vertical-align: middle;} .profile-menu ul li a {position:relative;font-family: "Lato",sans-serif;color: #b3b3b3;font-size: 14px;padding: 0px 10px 0px 45px;display: block;font-weight: 700;white-space: nowrap;line-height: 31px;height:32px;} .profile-menu ul li i {color: #c5c5c5;font-size: 16px;left: 10px;position: absolute;top: 50%;transform: translateY(-50%);height:auto;line-height:auto;} .dropdown-menu-hidden li {border-left: 4px solid transparent;padding: 5px 10px !important;position: relative;} .dropdown-menu-hidden li:first-child{border-left:0;padding:0;margin-top:5px;margin-bottom:20px;} .dropdown-menu-hidden li:first-child:hover,.dropdown-menu-hidden li:first-child:focus{border-left:0;} .dropdown-menu-hidden li:first-child a:hover,.dropdown-menu-hidden li:first-child a:focus{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .dropdown-menu-hidden li:first-child a{color:#ffffff;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);padding:0;margin:0 !important;} .dropdown-menu-hidden li a:hover,.dropdown-menu-hidden li a:focus,.dropdown-menu-hidden li:hover{background-color:transparent;} .dropdown-menu-hidden li:hover,.dropdown-menu-hidden li:focus{background-color:transparent;border-left:4px solid #ff953f;} .profile-menu ul li .userprofile-badge {position: absolute;text-align:center;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius: 100%;color: #fff;font-size: 14px; font-weight: 400;height: 28px;line-height: 28px;right: 1.25px;top: 50%;transform: translateY(-50%);width: 28px;} .profile-menu-close {display:none !important;background: #ffffff;position: absolute;right: 301px;text-align: center;top: 0;width: 59px;height: 64px;line-height: 58px;} .profile-menu-close > i{line-height:62px !important;font-size: 2.7rem !important;color:#b3b3b3;margin-left: -5px;} .hover-fixed{height: 64px !important; left: 0;background-color:rgba(0,0,0,0.5);position: fixed !important;right: 365px !important;top:0;z-index:9999} #course-content .course-part .collapsible-header .media-right i{margin-left:0px !important;margin-right:5px !important;} } @media only screen and (max-width: 767px){ .cc-banner { background-color: #ffffff; padding: 75px 0px 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .course-tabs > .row .col{padding :0px;} .course-tabs-content {padding: 20px 5px 70px;} .course-overview .bg-white {padding: 20px 15px;} .course-keyfeatures .ul-list {padding: 0px;} .ul-list li{margin-bottom:11px;} #quiz-q-page .course-part .collapsible-body p{font-size: 12px;vertical-align: sub;} #quiz-q-page .course-part .course-basic-part .row.links a{font-size: 12px;} .course-keyfeatures h3{margin-bottom:15px;} .course-part .course-basic-part .progress{width:60px;margin:9px 0px 0px 0px;} .course-part .course-basic-part .row p{padding:0px;} .course-part .course-basic-part .row.links p{padding:0px;} .course-part .course-basic-part .row.links a{margin-left:0px;} .course-part .collapsible-header i{margin-left:5px;} .course-part .collapsible .collapsible-header {overflow: hidden;padding: 15px 5px 15px 10px;} .course-part li{margin-bottom: 10px;} .course-part .collapsible-body p{font-size:13px;} } @media only screen and (max-width: 767px){ .n-question-div {margin-top:100px;width: 100%;left: 0px;top: 0px;height: 300px;overflow-y: scroll;z-index: 10;} .question-status { border-bottom: 1px solid #d8d8d8; padding-left: 0; padding-top: 0; } .question-ol-div {background-color: #fff;padding: 10px;height: 345px;width: 100%;z-index: 10;overflow-y: scroll;display: none;left:0px;margin-top: 65px;} .question-ol-div .side-scroll{width:100%;} .question-length { padding: 5px; height: 250px; position: absolute; background-color: #fff; width: 100%; } .question-answer { padding-left: 0; padding-right: 0; } .new-ques textarea{width:93%;} .side-tabs-div { padding-left: 0; border-bottom: 1px solid #d8d8d8; } .question-ol-div ol {padding-left: 15px;margin-top:0px;} .question-ol-div ol li{margin-bottom: 0px; font-size: 12px;} .question-ol-div ol li a{font-size: 13px;} .n-question-div .question-status p{padding: 5px;font-size: 12px;} .question-ol a i, .n-question a i {font-size: 19px;vertical-align: middle;} .search-list .input-field { margin-bottom: 10px; margin-top: 10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1279px) { .part-1 h3{margin: 20px 0px;} .question-ol{margin-right: 7px;} .n-question{margin-left: 7px;} .question-ol-div, .n-question-div {background-color: #fff;} .n-question-div:after,.question-ol-div:after{transition-duration: 0s;position:absolute;content:"";width:0px;height:0px;border-top: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;border-left: 20px solid transparent;top: -40px;right: 45%; left: auto;} .n-question-div:before,.question-ol-div:before{transition-duration: 0s;content: '';position: absolute;transform: rotate(45deg);width: 40px;height: 40px;z-index: -1;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);right: 45%; left: auto;top: -13px;} .question-ol-div:before{right:auto;left: 15%;transition-duration: 0s;top:-12px;} .question-ol-div:after{right:auto;left: 15%;transition-duration: 0s;top:-40px;} .question-ol-div .side-scroll { height: 400px; position: absolute; width: 500px; left: 12px; top: 0; padding: 15px; } .question-ol-div{left: -20%;padding: 0px;height: 400px;z-index: 100;} .question-ol-div.question-desc{left:0 !important} .question-ol-div::before,.question-ol-div::after{display:none;} .question-ol-div .side-scroll{left:3px;} .part-2 .timer{margin:7px auto !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1280px) { .course-part .course-basic-part .progress{border-radius:5px;width:115px;float:left;height:9px;padding:0px;margin:9px 0px 0px 50px;background-color: #e5e5e5;} } /*zeolearn*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .navbar.fixed-top .row > .s3{width:8.333% !important;} .course-part .course-basic-part .progress{width:69px !important;} .stat-complete{min-width:120px;font-size:12px !important;} .hide-on-med-only{display:none !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .n-question-div::before, .question-ol-div::before,.n-question-div::after, .question-ol-div::after{left:49%;right:auto;} .mock-part .part-1 h3{margin:16px 0 !important} .mock-part .part-2 .timer{margin:9px auto !important;} .next-prev-m-l.top-next-prev{margin:11px 0 10px;} } @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) { .course-part .course-basic-part .progress{margin-left:15px !important;} } /*zeolearn-ends*/ @media only screen and (max-width: 767px){ .next-section span{font-size:14px;color:#ff953f;text-transform:uppercase;font-family: GothamRounded-Medium;display:none;} .section-bottom .media-left a:last-child{padding:0px;color:#fff;} .question-cont .ans-selection .text-success,.question-cont .ans-selection .text-error{padding-right:19px;} #right-pop-up.modal {width: 94%;} .fix-btn{margin-left:0px;} .question-cont p {margin-left: 0px;} .text-success:before{content: "\2714 ";position:absolute;left:auto;bottom:-3px;font-size: 20px;right:0%;top:0%;} .text-error:before{content: "\2718 ";position:absolute;left:auto;bottom:-3px;font-size: 20px;right:0%;top:0%;} .part-3 a i.fa {margin-right: 5px;} .navbar{position: fixed;top: 0%;width: 100%;z-index: 1;} .question-cont{overflow-y: scroll;min-height: 100%;padding-bottom: 80px;background-color:#f6f6f6;} .quiz-question > .row:first-child{position:fixed;top:35px;background-color:#ececec;z-index: 1;border-bottom: 1px solid #d8d8d8;} .next-section .right-align{text-align:center;} .start-quiz p{width:100%;} .start-quiz {padding: 80px 0px 100px;} .navbar h1{font-size:18px;} .navbar p{margin-bottom: 0; margin-top: 12px;} .navbar .list-bar{font-size:35px;width: 37px;height: 28px;background: url("../images/icons/Assets(1).png") -2px -317px;display:inline-block;} .dashboard{margin-top:7px;margin-bottom:7px;} .question-answer{margin-left:10px;} .search-button > span input{width:100%;margin-top:10px;height: 42px;} #section-content .course-part .course-basic-part .row {padding: 6px 0px 3px;} #quiz-q-page .course-part .course-basic-part .row p span i {font-size: 19px;vertical-align: middle;margin-top: 4px;} .question-answer .media{width:100%;clear:both;height:100%;padding: 10px 5px;} .question-answer .waves-light{margin-top:15px;} .question-answer .media-body{font-size: 12px;} .question-answer .media-heading{margin-bottom: 10px;} .course-part .course-basic-part .row.links a {margin-bottom:10px;} .side-menu > .btn-blue {right:8px;top:4px;} .side-menu{width: 100%;} .course-part .collapsible .collapsible-header {overflow: hidden;padding:10px 15px;} #section-content .course-part .collapsible-header .media-left {width: 50%;} .course-part .collapsible-header .media-right {margin: 16px 0px 0px;} #section-content .course-part .collapsible-header .media-right {width: 50%;padding-left: 61px;} .course-part .course-basic-part .row.links p {margin-bottom: 5px;} .course-part .course-basic-part .row.links a{display: block;font-size: 12px;} .question-check > .col.s4 {padding-top: 20px;padding-bottom: 0px;} .question-check .col.offset-s4{margin-left:0px;} .question-check .col > a{margin-left:0px;} .question-check .col button{display:block;margin: 0 auto 10px;} .parts .col.s4{text-align:center;} .parts{padding-bottom: 3px;border: none;} .part-2 .timer {display: inline-block;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;} .part-2 .timer > div{font-size:14px;font-weight: bold;} header h1{display :none;} .navbar .row > .col:nth-child(2){right: 0%;margin-left: 10px;} .navbar .row > .col:nth-child(3) .dashboard a span{display: none;} .navbar .row > .col:nth-child(3){margin-left: 20.667%;} a.open-menu {display: block;padding: 5px;padding-bottom: 0px;} .question-answer p{overflow: hidden;} #section-content, #q-and-a{margin: 0px;height: 79%;} .question-answer .waves-light {height: 42px;border-radius: 3px;float: none;padding: 0px 15px;display: block;margin: 0 auto;margin-top:15px;} .question-answer{margin-right: 12px;} .dashboard{padding-right:0px;} .arrow-left{margin-bottom: -3px;} .quiz-question .row .col.offset-s1{margin-left: 0px;padding: 0px;} .quiz-question > .row,.navbar > .row{margin-bottom:0px;} .parts .part-1 h3{margin:0px;font-size:14px;margin-bottom: 7px;} .parts .part-2 p{display:none;margin-top :0px;} .parts .part-2 {text-align:right;margin-top: 0px;margin-bottom:0px;} .part-3 a{margin: 2px;display: inline-block;padding:2px;border: 1px solid #d8d8d8;font-size: 10px;} .mock-part .part-3 a{margin:2px;} .question-cont .col.offset-s4{margin-left:0%;width :100%;} .question-cont .col > .fix-btn > a{float:right;} .section-bottom {padding: 13px 10px;} footer{padding: 10px 0px !important;margin-top: 0px !important;} .parts .col{padding:0px;} .next-prev{display:block; text-align: left;} .next-prev-m-l{display:none;} .next-prev a{margin-right: 10px;margin-top:7px;border:none;padding:0px;} .next-prev a:first-child i{margin-right:10px;font-size:18px;} .next-prev a:last-child i{margin-left:10px;font-size:18px;} .quiz-question{min-height:100%;} .user-question.col { padding-bottom: 0; position: absolute; z-index: -1; } .fix-btn{position: fixed;bottom: 38px;background-color: #ececec;width: 100%;z-index: 1;left: 0%;padding: 3px 10px 3px;border-top: 1px solid #d8d8d8;} .question-cont p{margin-bottom:0px;} footer > .media-right{float:none;} #ques-finish .quiz-question > .row:first-child{top:36px;width:100%;} #ques-finish .question-check > .col.s4{padding-top:75px;} /*login css*/ .course-tabs-content {padding: 0px 5px 70px;} .circle-image{padding:0 !important;} .login-body .login-form{border-left:none;border-top: 1px solid #979797 !important; padding-top: 24px;;padding-left:0;} .social-media-login{margin-right:0;} .login-body{padding:10px;} .btn.waves-effect.btn-google{margin-bottom:30px;} .navbar{z-index:11;} .login-body .row .col.s6 {width:100%;padding-bottom:8px;} .login-body .row .col {float:none;} .training-days h1{font-size:19px !important} .timespent{padding-left:10px !important;} .timespent p{margin-left:0;margin-bottom:8px;margin-top:10px;} .timespent h4{text-align:left !important;} .days-spent{width:100%;} .daysspent h4{text-align:left !important;} .daysspent p{margin-top:10px;margin-bottom:8px;} .count-down{ width: 100%;} .margin-left h4{margin-left:0px;} .training-days h1{font-size:17px !important} .course-basic-part .hide-on-med-and-up p{margin-top:2px;text-align:center;} .course-part .course-basic-part .row p.stat-complete {background-color: #40c47b;border-radius: 100px;color: #fff;width: 109px;} .course-part .course-basic-part .row p.stat-mark-complete {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} /*.stat-in-progress {margin-right: 31px !important;}*/ /*zeolearn-responsive starts*/ .course-tabs-content {padding: 0px 6px 70px !important;} #slide-out.right-aligned{left:auto !important;} .button-collapse{float:right !important;padding-right: 10px;} .course-tabs .tabs{height:35px;} .course-tabs .tabs > li {width:25% !important;height:35px;line-height:35px;} .course-tabs .tabs > li a,.course-tabs .tabs > li a.active{font-size:9px !important;} .course-tabs-content .row{margin-left:0 !important;margin-right:0 !important;padding:15px 1px !important;} .course-topic p{font-size:13px !important;} footer.center-align{display:none !important;} header.navbar .row .pull-s4{right:33.33% !important;margin-left:8.33333% !important;} header.navbar .row .pull-s4 h1{display:block;} header.navbar .row .col.s12{margin-left:0;} header.navbar .col.l1.s4.push-s8.m2 { width: 33.3333% !important;} .fixed-top .dashboard.right-align a span{display:inline-block !important;} .stat-complete {text-align: center;} .navbar nav{padding-left:20px !important;} .footer-prerequisite {font-size: inherit !important;} /*navbar fixed-top*/ .navbar.fixed-top .row > .s3{width:25% !important;} .navbar.fixed-top .open-menu {margin: 14px 0 14px 10px !important;padding:0 !important;line-height:0 !important;} .navbar.fixed-top .row > .s7 h1{margin:5px 0 5px;display:block;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .navbar.fixed-top .row > .s7 p{margin:5px 0 5px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .navbar.fixed-top .row .dashboard.right-align{margin:18px !important;} .navbar.fixed-top .row .dashboard.right-align span{display:none !important;} .navbar.fixed-top .row > .col:nth-child(2){margin-left:0 !important;} .navbar.fixed-top .row > .col:nth-child(3){margin-left:0 !important} .training-days h1{display:none;} .cc-banner #progress_status{margin-top:0;} /*fixed-bottom*/ .footer-prerequisite{padding-right:0 !important;} footer.fixed-bottom{padding:0 !important;height:40px !important;line-height:42px !important;} footer.fixed-bottom .section-bottom.right-align{padding:0;} /*video-section*/ .video-section{top:75px !important;bottom:40px !important;} /*course content*/ .lesson_progress_status{margin-top:15px;} .course-part .course-basic-part .row p.stat-complete{width:100px;height: 13px !important;line-height: 13px;font-size:9px !important;margin-top:0 !important;} .course-part .course-basic-part .row p.stat-in-progress{width:100px;text-align:center;} .course-part .course-basic-part .progress{margin:2px 0 0 0 !important;width:100px !important;} .time-spent{width:70px !important;} .course-part .course-basic-part .row p span{width: 22px;height: 15px;line-height:14px;} .course-part .course-basic-part .score-view{line-height:13px;width:100px;} .course-basic .ext-basic{padding-left:32px !important;width: 100%;word-wrap: break-word;line-height:16px;} /*course content sidebar*/ .footer-prerequisite .media-right{line-height:13px;} .footer-prerequisite .progress{margin:4px 0 0 0 !important;} .user-received-feedback-container .row{padding:7px 0 0 0 !important;} .nav-wrapper > span.header-text{ display: inline-block;height: 64px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 82%;font-weight:700;line-height:62px;font-size:15px;} .brand-logo{display:none !important;} .button-collapse i{color:#b3b3b3;} .profile-menu{text-align:center;padding:49px 30px;overflow-y:visible; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);border-left:1px solid #d5d5d5;} .profile-menu .dropdown-menu-hidden{text-align:left !important;} .profile-menu-image{overflow:hidden;background:#f5f5f5;width:105px;height:105px;border-radius:100%;display:inline-block;} .profile-menu-image img{width:105px;height:105px;} .profile-menu ul li {display: block;padding: 0;position: relative;width: 100%;height: 40px;vertical-align: middle;} .profile-menu ul li a {position:relative;font-family: "Lato",sans-serif;color: #b3b3b3;font-size: 14px;padding: 0px 10px 0px 45px;display: block;font-weight: 700;white-space: nowrap;line-height: 31px;height:32px;} .profile-menu ul li i {color: #c5c5c5;font-size: 16px;left: 10px;position: absolute;top: 50%;transform: translateY(-50%);height:auto;line-height:auto;} .dropdown-menu-hidden li {border-left: 4px solid transparent;padding: 5px 10px !important;position: relative;} .dropdown-menu-hidden li:first-child{border-left:0;padding:0;margin-top:5px;margin-bottom:20px;} .dropdown-menu-hidden li:first-child:hover,.dropdown-menu-hidden li:first-child:focus{border-left:0;} .dropdown-menu-hidden li:first-child a:hover,.dropdown-menu-hidden li:first-child a:focus{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .dropdown-menu-hidden li:first-child a{color:#ffffff;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);padding:0;margin:0 !important;} .dropdown-menu-hidden li a:hover,.dropdown-menu-hidden li a:focus,.dropdown-menu-hidden li:hover{background-color:transparent;} .dropdown-menu-hidden li:hover,.dropdown-menu-hidden li:focus{background-color:transparent;border-left:4px solid #ff953f;} .profile-menu ul li .userprofile-badge {position: absolute;text-align:center;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius: 100%;color: #fff;font-size: 14px; font-weight: 400;height: 28px;line-height: 28px;right: 1.25px;top: 50%;transform: translateY(-50%);width: 28px;} .profile-menu-close {display:none !important;background: #ffffff;position: absolute;right: 300px;text-align: center;top: 0;width: 60px;height: 64px;line-height: 58px;} .profile-menu-close > i{line-height:62px !important;font-size: 2.7rem !important;color:#b3b3b3;margin-left: -5px;} /*course-key-features*/ .course-keyfeatures .ul-list li:before{left:0 !important;} .course-keyfeatures .ul-list li{height:auto !important;left:0 !important;padding-left:39px !important;} .course-part .collapsible-header .media-left{width:70% !important;} .course-part .collapsible-header .media-right{width:30% !important;} /*video page*/ #course-content.course-part .course-basic-part .row p.stat-complete {padding:2px 0;margin-bottom:20px;} /*quiz*/ .quiz-question-main .parts{padding-top:5px;padding-bottom:5px !important;} .start-quiz{padding:80px 0 95px !important;} .question-answer .media-object{border-radius:100%} .q-asked img.media-object{height: 50px;width: 50px;} .lesson_progress_status .media-right{line-height:9px;} .question-cont .ans-selection {padding: 80px 0px;} .question-ol-div{height:200px;margin-top:126px;} .question-ol-div .side-scroll{height:200px;} .question-ol-div.question-desc::before{content:none;} .user-received-feedback-questions .row .col{width:100%;} .question-check .col{width:100% !important;} .quiz-question > .row:first-child{top:56px;right:0;left:0;} #resume-pop-up{width:90% !important;} .course-topic ul li{font-size:13px;} .side-nav.profile-menu.right-aligned {height: 100%;} table.bordered.coupons td .btn{padding:0 7px;font-size:12px;} .lesson_progress_status .stat-complete.stat-mark-complete{line-height: 9px;} .left-align.user-question{margin-top:50px;} .left-align.user-question .fix-btn{bottom:40px !important;} .n-question{display:none !important;} .question-options [type="radio"]:not(:checked) + label,.question-options [type="radio"]:checked + label{vertical-align:unset !important} .part-2 .timer{width:105px;} /*learn page tabs*/ .course-topic{font-size:12px;} .training-days h1{font-size:14px !important;} .course-part th{font-size:12px;} /*mobile sidebar qanda*/ .question-list-box img.media-object{width:30px !important;height:30px !important;} .question-list-box .question-content{margin-top:0px !important;line-height:20px;} .add-ans.qna-replies {width: 100%;} .reply-textarea textarea{height:40px !important;} .reply-textarea span.r-badge{top:19px !important;} .fixed-bottom{z-index:0;} .reply-textarea button{height:30px;line-height:32px;} #ask-a-q{margin-top:0;} .course-part ul.collapsible{margin-top:15px;} .question-answer .qna-questions-count{display:block;line-height:16px;text-align:center;} .new-ques textarea{padding-right:50px;box-sizing:border-box;width:100%;} .search-button input{margin-bottom:10px !important;} .question-answer .search-button > span i{top:50% !important;} .profile-menu{padding:39px 0 !important;} .dropdown-menu-hidden.text-left{height:310px;overflow-y:scroll;padding:0 20px;} /*scrom*/ .stat-complete.stat-mark-complete.scorm-lecture.blue-color{float:left !important;} #course-content > .row,#certificates > .row{padding:0 !important} .course-part ul.collapsible{margin-top:0 !important;margin-bottom:0 !important;} .course-tabs-content > .row{padding-top:0 !important;} .cc-banner{padding-bottom:14px !important;} /*17/04/2017*/ .side-menu > .btn-blue{padding:2px 4px 0px;} .close-menu{width:20px;height:20px;} .side-menu > .btn-blue{top:10px;right:20px !important;} .input-field .r-badge{font-size:10px;} .add-ans .side-tabs-div{padding:15px 0;} .course-tabs-content .offset-12{padding:0 10px;} .course-part li{margin:5px -9px !important;} .course-part li:first-child{margin-top:1px !important;} .side-menu.visible .course-part li{margin:5px 2px 5px 1px!important;} .side-menu.visible .course-part li:first-child{margin-top:10px !important;} .part-2 .timer{font-size:14px;font-weight:bold;} .course-part .course-basic-part a.row{border-bottom:1px solid #eeeeee;} .quiz-section .quiz-question .question-check{margin-bottom:160px;} table.coupons > thead > tr, table.coupons > tbody > tr:last-child{border-bottom:0 none;} /*kh*/ .add-ans-sect{height:56%;} } @media only screen and (max-device-width: 767px) and (orientation: landscape){ .hide-on-small-only{display:none !important;} .hide-on-med-and-up{display:inline-block !important;} /*header*/ .navbar.fixed-top .row > .s3{width:16.6667% !important;} .fixed-top{margin-left:0 !important;} .side-menu {width: 424px !important;} .cc-banner .completed{width:100% !important;} .lesson_progress_status .stat-complete{width:115px !important;margin-bottom:0 !important;} #course-content .course-part .course-basic-part .row p.stat-in-progress{width:115px !important;margin-bottom:0 !important;} .lesson_progress_status{margin-top:0 !important;} .dropdown-menu-hidden.text-left{height:60%;} .footer-prerequisite .media-right{margin-top:10px;} } @media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape){ .quiz-question-main .row .offset-m1{margin-left:0 !important;width:100% !important;} .quiz-question-main .row.parts .col {width:50% !important;} .quiz-question-main .row.parts .col.right-align{width:100% !important;} } /*zeolearn-end*/ @media only screen and (min-width: 768px) and (max-width: 1279px){ .part-3 a{margin: 24px 0px 24px 10px;} .part-2 .timer {margin: 0 auto;} .part-2 p {display:none;} .course-tabs-content {padding: 0px 5px 70px;} .valign-wrapper .cc-color { height: 86px;width: 90px;} .valign-wrapper .cc-color img {height: 80px;width: 79px;} .training-days h1{font-size:19px !important} .count-down{ width: 123%;} .timespent{padding-left:10px !important} .timespent p{font-size:13px;margin-bottom:3px;margin-left:52px;} .days-spent{width:92%;} .daysspent p{font-size:13px;margin-bottom:0px;} .days-spent li {float: left;padding: 0 23px;position: relative;text-align: center; } .count-down li{padding:0 12px;} } @media only screen and (min-width: 500px) { body.navbar-bottom section{transition: all 0.3s linear; } body.nav-open section, body.nav-open header, body.nav-open footer{margin-left:501px;transition: all 0.6s linear;} footer .media-left.quiz_footer_navigation {transition: all 0.6s linear;} body.nav-open footer .media-left.quiz_footer_navigation {margin-left: 500px;transition: all 0.6s linear;} aside {position: fixed;top: 0;width: 250px;} .site-footer {position: fixed;z-index: 5;bottom: 0;left: 0;} .right button{background: transparent none repeat scroll 0% 0%;border: 0px none;font-size: 20px;color: rgb(255, 255, 255);cursor: pointer;} } @media only screen and (min-width: 360px) and (max-width:366px){ footer .row .col ul{padding-left:20px;} } /*zeolearn*/ @media only screen and (max-width: 320px) { .profile-menu-close{right:258px;width:62px;} .profile-menu {width:258px !important;border-left: 1px solid #d5d5d5;} /*.add-ans-sect{height:31% !important;}*/ .course-part{padding:0 !important;} .course-part .course-basic-part .row p.stat-complete,.course-part .course-basic-part .row p.stat-in-progress{width:80px !important;} /*kh*/ .add-ans-sect{height:40%;} } @media only screen and (min-width: 360px) and (max-width: 760px) and (orientation: landscape) { .quiz-question-main .parts .part-3.right-align{width:100%;} .quiz-question-main .parts .part-3.right-align .m12{width:50%;} } @media only screen and (max-device-width: 480px) and (orientation: landscape) { .side-menu {width: 330px !important;} } /*zeolearn*/ /* new css */ .nav-open .question-ol { margin-right: 0px; } .nav-open .n-question { margin-left: 0px; } .nav-open .part-2 p { left: 10%; } .nav-open .part-3 a { margin: 24px 0px 24px 5px; } .nav-open .user-question.col.offset-l3 { margin-left: 5%; } .nav-open footer .row .col.l10{ width:47.33%; } .nav-open footer .right{float:none !important;} /* SCROM FULL SCREEN */ .minimize-header{display: none;} .minimize-footer{display: none;} #placeholder_contentIFrame{width: 100%;height:100%;position:relative;} #contentIFrame{width: 100%;height:100%;} .over-lay{position:absolute;left:auto;bottom:5px;right:20px;width:60px;height:60px;text-align: right;} a.toggle-screen{background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);color:#fff !important;vertical-align: text-top;padding: 30px;border-radius: 100%;position: relative;} a.toggle-screen i{vertical-align: top;line-height: 32px;position: absolute;font-size: 16px;width:30px;height:30px;} a.toggle-screen i:nth-child(1){left: 5px;top: 5px;transform: rotate(-135deg);} a.toggle-screen i:nth-child(2){right: 5px;top: 5px;transform: rotate(-45deg);} a.toggle-screen i:nth-child(3){left: 5px;bottom: 5px;transform: rotate(135deg);} a.toggle-screen i:nth-child(4){right: 5px;bottom: 5px;transform: rotate(45deg);} a.toggle-screen.active i:nth-child(1){left: 9px;top: 10px;transform: rotate(-315deg);line-height: 30px;} a.toggle-screen.active i:nth-child(2){right: 8px;top: 11px;transform: rotate(135deg);line-height: 36px;} a.toggle-screen.active i:nth-child(3){left: 9px;bottom: 9px;transform: rotate(315deg);line-height: 32px;} a.toggle-screen.active i:nth-child(4){right: 9px;bottom: 9px;transform: rotate(585deg);line-height: 30px;} /* SCROM FULL SCREEN */ /* PREPO USER PAGES END */ /* PREPO USER PAGES END */ input::-ms-clear {display: none;} /*question-review*/ .question-review{padding:0 15px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;margin-top:45px;} .question-review h3{margin-top:10px;padding:0 10px;margin-bottom:5px;} .question-review .if-right:before,.question-review .if-wrong:before{top:-4px !important} .mock-header h1{padding-left:15px;margin-top:10px;} .mock-header .btn-red{float:right;margin-right:5px;margin-top:3px;} .mock-header .red-text{font-weight:700;margin-top:14px;float:right;} @media only screen and (max-width:767px){ .mock-header h1{margin-top:7px !important;} .mock-header .btn-red{height:28px;line-height:28px;margin-bottom:5px !important;margin-top:4px;} .mock-header .red-text{margin-top:8px;} } @media only screen and (min-width:767px) and (max-width:1024px){ .mock-submit .btn{width:100%;margin-bottom:15px;} .mock-part .part-3 a{margin:26px 0 24px 31px !important;} } /*Ques Explanation list*/ .ques-list-all {border-bottom: 1px solid #444444;} .ques-list-all .ans-selection h4 {text-align: left; margin-left:0px !important;} .ques-list-all.question-cont p {margin-left: 0;} /*Ques Explanation list*/ /*course icon starts*/ .icons-course {background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/course-sprite-13.png'); background-repeat: no-repeat;background-position:-708px -2897px;} /*.course-1,.course-4,.course-5,.course-6,.course-7,.course-8,.course-9,.course-10,.course-11,.course-12,.course-13,.course-14,.course-15,.course-16,.course-17,.course-18,.course-19,.course-20,.course-21,.course-22,.course-23,.course-24,.course-25,.course-26,.course-27,.course-28,.course-29,.course-30,.course-31,.course-32,.course-33,.course-34,.course-35,.course-36,.course-37,.course-38,.course-39,.course-40 {background-position:-708px -2897px;} .course-2,.course-41,.course-42,.course-43,.course-44,.course-45,.course-46,.course-47,.course-48,.course-49,.course-50,.course-51,.course-52,.course-53,.course-54,.course-55,.course-56,.course-57,.course-58,.course-59,.course-60,.course-61,.course-62,.course-63,.course-64,.course-65,.course-66,.course-67,.course-68,.course-69,.course-70,.course-71,.course-72,.course-73,.course-74,.course-75,.course-76,.course-77,.course-78,.course-79,.course-80 {background-position:-708px -2897px;} .course-3,.course-81,.course-82,.course-83,.course-84,.course-85,.course-86,.course-87,.course-88,.course-89,.course-90,.course-91,.course-92,.course-93,.course-94,.course-95,.course-96,.course-97,.course-98,.course-99,.course-100,.course-101,.course-102,.course-103,.course-104,.course-105,.course-106,.course-107,.course-108,.course-109,.course-110,.course-111,.course-112,.course-113,.course-114,.course-115,.course-116,.course-117,.course-118,.course-119,.course-120,.course-121,.course-122,.course-123,.course-124,.course-125,.course-126,.course-127,.course-128,.course-129,.course-130,.course-131,.course-132,.course-133,.course-134,.course-135,.course-136,.course-137,.course-138,.course-139,.course-140,.course-141,.course-142,.course-143,.course-144,.course-145,.course-146,.course-147,.course-148,.course-149,.course-150 {background-position:-708px -2897px;} .course-151,.course-152,.course-153,.course-154,.course-155,.course-156,.course-157,.course-158,.course-159,.course-160,.course-161,.course-162,.course-163,.course-164,.course-165,.course-166,.course-167,.course-168,.course-169,.course-170,.course-171,.course-172,.course-173,.course-174,.course-175,.course-176,.course-177,.course-178,.course-179,.course-180,.course-181,.course-182,.course-183,.course-184,.course-185,.course-186,.course-187,.course-188,.course-189,.course-190,.course-191,.course-192,.course-193,.course-194,.course-195,.course-196,.course-197,.course-198,.course-199,.course-200,.course-201,.course-202,.course-203,.course-204,.course-205,.course-206,.course-207,.course-208,.course-209,.course-210,.course-211,.course-212,.course-213,.course-214,.course-215,.course-216,.course-217,.course-218,.course-219,.course-220,.course-221,.course-222,.course-223,.course-224,.course-225,.course-226,.course-227,.course-228,.course-229,.course-230,.course-231,.course-232,.course-233,.course-234,.course-235,.course-236,.course-237,.course-238,.course-239,.course-240,.course-241,.course-242,.course-243,.course-244,.course-245,.course-246,.course-247,.course-248,.course-249,.course-250,.course-251,.course-252,.course-253,.course-254,.course-255,.course-256,.course-257,.course-258,.course-259,.course-260,.course-261,.course-262,.course-263,.course-264,.course-265,.course-266,.course-267,.course-268,.course-269{background-position:-708px -2897px;}*/ .course-1{background-position:-8px 2px;} .course-2{background-position:-310px 3px;} .course-3{background-position:-208px -999px;} .course-4{background-position:-95px -1095px;} .course-5{background-position:-510px 3px;} .course-6{background-position:-610px -597px;} .course-8{background-position:-609px -997px;} .course-10{background-position:-207px -100px;} .course-11{background-position:-508px -1500px;} .course-12{background-position:-301px -1497px;} .course-13{background-position:-313px -999px;} .course-14{background-position:-306px -403px;} .course-15{background-position:-610px 3px;} .course-16{background-position:-710px 3px;} .course-17{background-position:-209px 3px;} .course-18{background-position:-5px -1696px;} .course-19{background-position:-11px -203px;} /*.course-20{background-position:-511px -103px;}*/ .course-20{background-position: -5px -2294px;} .course-21{background-position:-502px -1201px;} .course-22{background-position:-599px -1200px;} .course-24{background-position:-310px -700px;} .course-23{background-position:-410px -699px;} .course-25{background-position:-510px -703px;} .course-27{background-position:-610px -795px;} .course-28{background-position:-210px -401px;} /*.course-29{background-position:-7px -899px;}*/ .course-29{background-position:-611px -2200px;} .course-30{background-position:-299px -1304px;} /*.course-31{background-position:-603px -397px;}*/ .course-31{background-position:-708px -2199px;} .course-32{background-position:-0px -1300px;} .course-33{background-position:-713px -2098px;} .course-34{background-position:-110px -898px;} .course-35{background-position:-214px -898px;} .course-36{background-position:-410px -203px;} .course-37{background-position:-710px -795px;} .course-38{background-position:-299px -1095px;} .course-39{background-position:-400px -1095px;} .course-40{background-position:-502px -1095px;} .course-41{background-position:-600px -1095px;} .course-42{background-position:-700px -1095px;} .course-43{background-position:-100px -1198px;} .course-44{background-position:-200px -1196px;} .course-45{background-position:-0px -1198px;} .course-46{background-position:-411px -1500px;} .course-47{background-position:-510px -1598px;} .course-48{background-position:-608px -1598px;} .course-49{background-position:-203px -1696px;} .course-50{background-position:-307px -1700px;} .course-51{background-position:-210px -203px;} .course-52{background-position:-310px -203px;} .course-53{background-position:-108px -1902px;} .course-55{background-position:-700px -1198px;} .course-57{background-position:-8px -503px;} .course-58{background-position:-210px -503px;} .course-59{background-position:-110px -600px;} .course-62{background-position:-309px -103px;} .course-63{background-position:-714px -1597px;} .course-64{background-position:-105px -1696px;} .course-65{background-position:-711px -98px;} .course-66{background-position:-110px -403px;} .course-67{background-position:-305px -1803px;} .course-69{background-position:-212px -1999px;} .course-72{background-position:-106px -1799px;} .course-73{background-position: -211px -1901px;} .course-75{background-position:-309px -1903px;} .course-76{background-position:-707px -1903px;} .course-77{background-position:-8px -1999px;} .course-78{background-position:-507px -1903px;} .course-83{background-position: -713px -2396px; } .course-84{background-position: -110px -2502px; } .course-85{background-position: -9px -2500px; } .course-86{background-position:-404px -1799px;} .course-87{background-position:-710px -203px;} .course-89{background-position:-8px -303px;} .course-104{background-position:-407px -1903px;} .course-106{background-position:-612px -2000px;} .course-108{background-position:-110px -303px;} .course-109{background-position:-713px -1697px;} .course-110{background-position:-8px -999px;} .course-111{background-position:-10px -503px;} .course-114{background-position:-7px -1799px;} .course-116{background-position:-406px -1701px;} .course-117{background-position:-206px -1501px;} .course-118{background-position:-610px -1804px;} .course-120{background-position:-210px -603px;} .course-121{background-position: -203px -1402px;} .course-123{background-position:-210px -303px;} .course-125{background-position:-509px -1702px;} .course-127{background-position:-404px -1599px;} .course-131{background-position:-608px -1698px;} .course-133{background-position: -4px -1398px;} .course-134{background-position: -105px -1397px;} .course-135{background-position: -302px -1395px;} .course-136{background-position: -400px -1397px;} .course-137{background-position: -501px -1395px;} .course-138{background-position: -594px -1394px;} .course-139{background-position: -698px -1394px;} .course-140{background-position: -1px -1502px;} .course-141{background-position: -100px -1500px;} .course-144{background-position:-611px -98px;} .course-146{background-position:-510px -803px;} .course-147{background-position:-210px -703px;} .course-149{background-position:-513px -1800px;} .course-150{background-position:-410px 3px;} .course-151{background-position:-305px -1596px;} /*.course-152{background-position:-110px -203px;}*/ .course-152{background-position:-110px -203px;} .course-154{background-position:-310px -895px;} .course-157{background-position:-205px -1599px;} .course-158{background-position:-510px -203px;} .course-159{background-position:-610px -203px;} .course-160{background-position:-8px -703px;} .course-161{background-position:-110px -703px;} .course-162{background-position:-606px -1903px;} /*.course-163{background-position:-8px -603px;}*/ .course-163{background-position:-6px -2202px;} .course-169{background-position:-110px -503px;} .course-170{background-position:-310px -603px;} .course-171{background-position:-513px -1998px;} .course-173{background-position:-710px -303px;}/*nodejs*/ .course-178{background-position:-410px -503px;}/*ruby on rails 101*/ .course-183{background-position:-710px -1501px;} .course-184{background-position:-408px -999px;}/*introduction to data science*/ .course-192{background-position:-501px -1303px;} .course-195{background-position:-310px -503px;}/*react js*/ .course-196{background-position:-410px -603px;}/*xamarine*/ .course-197{background-position:-108px -999px;}/*data visualization*/ .course-208{background-position:-410px -803px;}/*cloudera*/ .course-211{background-position:-700px -1302px;} .course-212{background-position:-10px -1904px;} .course-213{background-position:-298px -1200px;} .course-214{background-position:-8px -2000px;} .course-215{background-position: -109px -2197px;} .course-217{background-position:-198px -1095px;} .course-227{background-position:-708px -896px;}/*Data Harvesting and R Essentials training*/ .course-228{background-position:-508px -999px;}/*R for*/ .course-230{background-position:-8px -403px;}/*nodekvm*/ .course-234{background-position:-511px -2202px;}/*Professional Scrum Developerâ„¢ (PSD) training*/ /*.course-234{background-position:-410px -403px;}*/ .course-237{background-position:-7px -2098px;} .course-238{background-position:-410px -2399px;}/*aws developer*/ .course-239{background-position:-208px -2097px;} .course-241{background-position:-310px -2179px;} .course-242{background-position:-511px -2094px;} .course-243{background-position:-411px -2095px;} .course-244{background-position:-410px -2000px;} .course-247{background-position:-111px -2099px;} .course-248{background-position:-308px -2097px;} .course-245{background-position:-310px -2005px;} .course-246{background-position:-8px -1598px;} /*.course-250{background-position:-714px -1803px;}*/ .course-250{background-position:-410px -2179px;} .course-249{background-position:-710px -597px;}/*course driven development*/ .course-257{background-position: -210px -2179px;} .course-274{background-position:-609px -2100px;} .course-289{background-position: -105px -2295px;}/*a-csm*/ .course-290{background-position: -208px -2294px;}/*a-cspo*/ .course-291{background-position: -309px -2300px;}/*scaled-profesiional-scrum*/ .course-292{background-position: -112px -2397px;} .course-293{background-position: -208px -2398px;} .course-302{background-position: -307px -2400px;} .course-303{background-position: -510px -2398px;} .course-304{background-position: -609px -2376px;} .course-700{background-position: -609px -2498px;} /*course icon ends*/ .fixed-center {position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;} .fixed-center .fixed-btn{height:auto;width:auto;text-align:center;background-color:#232637;display:block;border-top-right-radius: 3px;border-top-left-radius: 3px;transform: rotate(-90deg) translateY(67%);line-height: 18px;padding: 10px;color: #ffffff;} .fixed-center .fixed-btn i{color:#ffffff;font-size:28px;line-height:26px;} #feedback-modal.modal {left: 0;right: 0;background-color: #fafafa;padding: 0;max-height: 80%;width: 35%;will-change: top, opacity;} #feedback-modal .user-received-feedback-questions .row .col {padding: 0px;} #feedback-modal .user-received-feedback-questions .input-field {margin-top: 0;} #feedback-modal .user-received-feedback-questions .input-field textarea {padding: 13px;text-indent: 0px;min-height: 60px;width: 96%;display: block;margin: 0px auto;} #feedback-modal .user-received-feedback-questions .btn-success {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} /*Mock test series starts*/ .icon-sprite {background-image: url('../images/icons-sprite.png');background-repeat: no-repeat;} .mock-test-series {background:#232636;padding: 80px 0;} .mock-test-series h2 {color: #ffffff;margin-bottom: 40px;} .mock-test-thumb {background: #ffffff;padding: 40px 35px;width: 215px;height: 250px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 10, 0.06);border-radius: 2px;margin: 0 auto 20px;} .mock-test-name {height: 72px;overflow: hidden;} .mock-test-name h3 {font-size: 14px;letter-spacing: 1px;color: #000000;font-weight: 400;margin-bottom: 5px;margin-top: 0;} .mock-test-name .series {font-size: 14px;font-weight: 700;line-height: 20px;letter-spacing: 1px;color: #000000;text-transform: uppercase;font-family: 'GothamRounded-Bold';} .mock-test-summary .media {margin-top: 8px;} .mock-test-summary .media:first-child {margin-top: 0;} .mock-summary-content {font-size: 11px;line-height: 21px;letter-spacing: 0.9px;color: #676767;font-weight: 400;} .mock-summary-content span{font-weight: 700;} .icon-question {background-position: -1px -272px;height: 13px;width: 13px;display: inline-block;} .icon-time {background-position: -21px -272px;height: 13px;width: 13px;display: inline-block;} .mock-test-summary .btn-success {height: 36px;margin-top: 20px;font-size: 14px;padding: 0px 10px;text-transform: none;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .mock-test-series .owl-theme .owl-controls .owl-buttons div {position: absolute;top: 49%;transform: translateY(-51%);background: transparent;color: #ffffff;font-size: 32px;opacity: 1;margin: 0;padding: 0;} .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-prev {left: -4%;} .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-next {right: -4%;} /*Mock test series ends*/ /*End Page starts*/ .brand-logo img {height: 32px;} .media {margin-top: 15px;display: table;} .media:first-child {margin-top: 0;} .media,.media-body {overflow: hidden;zoom: 1;} .media-body {width: 10000px;} .media-object {display: block;} .media-object.img-thumbnail {max-width: none;} .media-right,.media > .pull-right {padding-left: 10px;} .media-left,.media > .pull-left {padding-right: 10px;} .media-left,.media-right,.media-body {display: table-cell;vertical-align: top;} .media-middle {vertical-align: middle;} .end-page {padding: 70px 0;background: #ffffff;} .end-page {margin-bottom: 0;} .end-page h1 {font-weight: 700;font-size: 28px;line-height: 50px;color: #000000;margin-bottom: 40px;} .end-page h1 span {font-size: 38px;display: block;} .end-btn .btn {height: 40px;width: 149px;padding: 0;line-height: 40px;font-weight: 700;text-transform: none;} .end-btn .btn-success {background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);} .end-btn .btn-default {margin-left: 30px;background: transparent;border: 1px solid #979797;color: #676767;opacity: 0.8;} .marks-summary {margin-top: 80px;} .marks-summary li {font-size: 16px;line-height: 24px;letter-spacing: 1.1px;color: #676767;} .marks-grade {height: 20px;line-height: 20px;padding: 0 10px;display: inline-block;background: #d5d5d5;border-radius: 10px;text-transform: uppercase;font-weight: 700;font-size: 12px;letter-spacing: 0.9px;margin-right: 8px;margin-top: 3px;} .marks-professional {color: #2075bb;background: rgba(32,117,187,0.14);} .marks-intermediate {color: #f8bd5c;background: rgba(248,189,92,0.14);} .marks-beginner {color: #417505;background: rgba(65,117,5,0.14);} .marks-incorrect {color: #dc5666;background: rgba(220,86,102,0.14);} .marks-correct {color: #417505;background: rgba(65,117,5,0.14);} .marks-unattemted {color: #626262;background: rgba(98,98,98,0.14);} .score-card {border-radius: 5px;background-color: #ffffff;box-shadow: 0 1px 32px -4px rgba(0, 0, 0, 0.12);padding: 25px;position: relative;} .score-card h3 {font-size: 14px;font-weight: 800;line-height: 20px;letter-spacing: 1px;color: #000000;text-transform: uppercase;margin-top: 40px;margin-bottom: 0;} .score-card .score {display: block;font-size: 50px;line-height: 56px;color: #000000;font-weight: 300;margin: 0px 0 12px;} .score-card p {color: #676767;font-size: 14px;line-height: 24px;margin-bottom: 14px;margin-top: 0;} .score-card .end-register {color: #2075bb;letter-spacing: 1.1px;font-size: 14px;text-decoration: underline;display: block;} .score-card .btn-success {height: 40px;margin-top: 22px;line-height: 40px;width: 100%;padding: 0;background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);border-radius: 3px;} .score-card .marks-grade {position: absolute;top: 15px;left: 25px;} .score-card img {width: 141px;height: 115px;} .score-card .fixed-action-btn {position: relative;padding-top: 0;right: 0;left: 0;bottom: 0;z-index: 1;} .score-card .fixed-action-btn ul {left: 50%;bottom: -50px;margin: 0;transform: translateX(-50%);width: 100%;padding-top: 15px;} .score-card .fixed-action-btn ul li {display: inline-block;margin-right: 10px;margin-bottom: 0;text-align: center;} .score-card .fixed-action-btn ul li:last-child{margin-right: 0;} .fixed-center {position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;} .fixed-center .fixed-btn{height:auto;width:auto;text-align:center;background-color:#232637;display:block;border-top-right-radius: 3px;border-top-left-radius: 3px;transform: rotate(-90deg) translateY(67%);line-height: 18px;padding: 10px;color: #ffffff;} .fixed-center .fixed-btn i{color:#ffffff;font-size:28px;line-height:26px;} .facebook, .facebook:hover {background-color: #3b5998;} .twitter, .twitter:hover {background-color: #1da1f2;} .linkedin, .linkedin:hover {background-color: #0077b5;} .list-inline {padding-left: 0;margin-left: -5px;list-style: none;} .list-inline > li {display: inline-block;padding-right: 5px;padding-left: 5px;} /*End Page ends*/ /*Top courses starts*/ .top-courses {background: #f8f8f8;padding: 75px 0 60px;} .top-courses h2 {margin-bottom: 40px;} .top-courses-thumbnail {display: block;height: 324px;background: #ffffff;padding: 0 40px;width: 230px;border-radius: 2px;margin: 0 auto 20px;transition: all .5s ease-in-out;position: relative;} .course-image {display: block;height: 140px;text-align: center;width: 100%;border-radius: 3px;position: relative;overflow: hidden;background-color: #ffffff;} .course-image i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 82px;width: 82px;display: inline-block;} .course-list-detail {padding: 10px 0;display: block;height: 184px;position: relative;text-align: center;} .course-list-detail h4 {font-weight: 700;font-size: 14px;color: #000000;line-height: 20px;padding-top: 0px;margin-bottom: 10px;display: block;overflow: hidden;height: 45px;} .course-content {height: 50px;overflow: hidden;font-size: 12px;color: #676767;line-height: 16px;display: block;} .course-more {bottom: 30px;color: #ff953f;font-size: 12px;font-weight: 700;left: 50%;position: absolute;transform: translateX(-50%);text-transform: uppercase;width: 100%;} .top-courses .owl-theme .owl-controls .owl-buttons div {position: absolute;top: 49%;transform: translateY(-51%);background: transparent;color: #333333;font-size: 32px;opacity: 1;margin: 0;padding: 0;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: -4%;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: -4%;} /*Top courses ends*/ /*Related courses starts*/ .related-courses {background: #f8f8f8;padding: 75px 0 60px;} .related-courses h2 {margin-bottom: 40px;} .related-courses-thumbnail {display: block;height: 192px;background: #ffffff;padding: 0 40px;width: 230px;border-radius: 2px;margin: 0 auto 20px;transition: all .5s ease-in-out;position: relative;} .related-course-image {display: block;height: 100px;text-align: center;width: 100%;border-radius: 3px;position: relative;overflow: hidden;background-color: #ffffff;} .related-course-image i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 82px;width: 82px;display: inline-block;} .related-course-list-detail {padding: 10px 0;display: block;height: 90px;position: relative;text-align: center;} .related-course-list-detail h4 {font-weight: 700;font-size: 14px;color: #000000;line-height: 20px;padding-top: 0px;margin-bottom: 10px;display: block;overflow: hidden;height: 45px;} .course-more {bottom: 10px;color: #ff953f;font-size: 12px;font-weight: 700;left: 50%;position: absolute;transform: translateX(-50%);text-transform: uppercase;width: 100%;} .related-courses .owl-theme .owl-controls .owl-buttons div {position: absolute;top: 49%;transform: translateY(-51%);background: transparent;color: #333333;font-size: 32px;opacity: 1;margin: 0;padding: 0;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: -4%;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: -4%;} /*Top coaches ends*/ .instructions-summary .container {padding: 30px;background: #ffffff;border-radius: 10px;} .instructions-summary .quiz-progress {height: 300px;overflow-y: auto;} .instructions-summary ol {padding-left: 20px;padding-top: 10px;padding-bottom: 20px;} .instructions-summary ol li {list-style: decimal;font-size: 16px;line-height: 36px;letter-spacing: 1.1px;} @media only screen and (max-width: 1024px) { .score-card img {width: 100px; height: 85px;} } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .list-inline > li {padding-left: 4px;padding-right: 4px;} .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} #feedback-modal.modal {width: 70%;} } @media only screen and (max-width: 767px) { .mock-test-series {padding: 30px 0;} .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .mock-test-series .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} .end-page {padding: 60px 0 30px;} .end-page h1 span {font-size: 24px;line-height: 32px;} .end-page h1 {font-size: 16px;line-height: 24px;margin-bottom: 20px;} .end-btn .btn {width: 125px;} .end-btn .btn-default {margin-left: 15px;} .marks-summary {margin-top: 20px;margin-bottom: 20px;} .score-card img {width: 100px;height: 85px;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .top-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} #feedback-modal.modal {width: 90%;} #feedback-modal .user-received-feedback-questions .input-field textarea {width: 85%;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;} .related-courses .owl-theme .owl-controls .owl-buttons .owl-next {right: 0;} }