/*bootstrap code start*/ @font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')} .js-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-glyphicon-asterisk:before{content:"\2a"}.js-glyphicon-plus:before{content:"\2b"}.js-glyphicon-euro:before{content:"\20ac"}.js-glyphicon-minus:before{content:"\2212"}.js-glyphicon-cloud:before{content:"\2601"}.js-glyphicon-envelope:before{content:"\2709"}.js-glyphicon-pencil:before{content:"\270f"}.js-glyphicon-glass:before{content:"\e001"}.js-glyphicon-music:before{content:"\e002"}.js-glyphicon-search:before{content:"\e003"}.js-glyphicon-heart:before{content:"\e005"}.js-glyphicon-star:before{content:"\e006"}.js-glyphicon-star-empty:before{content:"\e007"}.js-glyphicon-user:before{content:"\e008"}.js-glyphicon-film:before{content:"\e009"}.js-glyphicon-th-large:before{content:"\e010"}.js-glyphicon-th:before{content:"\e011"}.js-glyphicon-th-list:before{content:"\e012"}.js-glyphicon-ok:before{content:"\e013"}.js-glyphicon-remove:before{content:"\e014"}.js-glyphicon-zoom-in:before{content:"\e015"}.js-glyphicon-zoom-out:before{content:"\e016"}.js-glyphicon-off:before{content:"\e017"}.js-glyphicon-signal:before{content:"\e018"}.js-glyphicon-cog:before{content:"\e019"}.js-glyphicon-trash:before{content:"\e020"}.js-glyphicon-home:before{content:"\e021"}.js-glyphicon-file:before{content:"\e022"}.js-glyphicon-time:before{content:"\e023"}.js-glyphicon-road:before{content:"\e024"}.js-glyphicon-download-alt:before{content:"\e025"}.js-glyphicon-download:before{content:"\e026"}.js-glyphicon-upload:before{content:"\e027"}.js-glyphicon-inbox:before{content:"\e028"}.js-glyphicon-play-circle:before{content:"\e029"}.js-glyphicon-repeat:before{content:"\e030"}.js-glyphicon-refresh:before{content:"\e031"}.js-glyphicon-list-alt:before{content:"\e032"}.js-glyphicon-lock:before{content:"\e033"}.js-glyphicon-flag:before{content:"\e034"}.js-glyphicon-headphones:before{content:"\e035"}.js-glyphicon-volume-off:before{content:"\e036"}.js-glyphicon-volume-down:before{content:"\e037"}.js-glyphicon-volume-up:before{content:"\e038"}.js-glyphicon-qrcode:before{content:"\e039"}.js-glyphicon-barcode:before{content:"\e040"}.js-glyphicon-tag:before{content:"\e041"}.js-glyphicon-tags:before{content:"\e042"}.js-glyphicon-book:before{content:"\e043"}.js-glyphicon-bookmark:before{content:"\e044"}.js-glyphicon-print:before{content:"\e045"}.js-glyphicon-camera:before{content:"\e046"}.js-glyphicon-font:before{content:"\e047"}.js-glyphicon-bold:before{content:"\e048"}.js-glyphicon-italic:before{content:"\e049"}.js-glyphicon-text-height:before{content:"\e050"}.js-glyphicon-text-width:before{content:"\e051"}.js-glyphicon-align-left:before{content:"\e052"}.js-glyphicon-align-center:before{content:"\e053"}.js-glyphicon-align-right:before{content:"\e054"}.js-glyphicon-align-justify:before{content:"\e055"}.js-glyphicon-list:before{content:"\e056"}.js-glyphicon-indent-left:before{content:"\e057"}.js-glyphicon-indent-right:before{content:"\e058"}.js-glyphicon-facetime-video:before{content:"\e059"}.js-glyphicon-picture:before{content:"\e060"}.js-glyphicon-map-marker:before{content:"\e062"}.js-glyphicon-adjust:before{content:"\e063"}.js-glyphicon-tint:before{content:"\e064"}.js-glyphicon-edit:before{content:"\e065"}.js-glyphicon-share:before{content:"\e066"}.js-glyphicon-check:before{content:"\e067"}.js-glyphicon-move:before{content:"\e068"}.js-glyphicon-step-backward:before{content:"\e069"}.js-glyphicon-fast-backward:before{content:"\e070"}.js-glyphicon-backward:before{content:"\e071"}.js-glyphicon-play:before{content:"\e072"}.js-glyphicon-pause:before{content:"\e073"}.js-glyphicon-stop:before{content:"\e074"}.js-glyphicon-forward:before{content:"\e075"}.js-glyphicon-fast-forward:before{content:"\e076"}.js-glyphicon-step-forward:before{content:"\e077"}.js-glyphicon-eject:before{content:"\e078"}.js-glyphicon-chevron-left:before{content:"\e079"}.js-glyphicon-chevron-right:before{content:"\e080"}.js-glyphicon-plus-sign:before{content:"\e081"}.js-glyphicon-minus-sign:before{content:"\e082"}.js-glyphicon-remove-sign:before{content:"\e083"}.js-glyphicon-ok-sign:before{content:"\e084"}.js-glyphicon-question-sign:before{content:"\e085"}.js-glyphicon-info-sign:before{content:"\e086"}.js-glyphicon-screenshot:before{content:"\e087"}.js-glyphicon-remove-circle:before{content:"\e088"}.js-glyphicon-ok-circle:before{content:"\e089"}.js-glyphicon-ban-circle:before{content:"\e090"}.js-glyphicon-arrow-left:before{content:"\e091"}.js-glyphicon-arrow-right:before{content:"\e092"}.js-glyphicon-arrow-up:before{content:"\e093"}.js-glyphicon-arrow-down:before{content:"\e094"}.js-glyphicon-share-alt:before{content:"\e095"}.js-glyphicon-resize-full:before{content:"\e096"}.js-glyphicon-resize-small:before{content:"\e097"}.js-glyphicon-exclamation-sign:before{content:"\e101"}.js-glyphicon-gift:before{content:"\e102"}.js-glyphicon-leaf:before{content:"\e103"}.js-glyphicon-fire:before{content:"\e104"}.js-glyphicon-eye-open:before{content:"\e105"}.js-glyphicon-eye-close:before{content:"\e106"}.js-glyphicon-warning-sign:before{content:"\e107"}.js-glyphicon-plane:before{content:"\e108"}.js-glyphicon-calendar:before{content:"\e109"}.js-glyphicon-random:before{content:"\e110"}.js-glyphicon-comment:before{content:"\e111"}.js-glyphicon-magnet:before{content:"\e112"}.js-glyphicon-chevron-up:before{content:"\e113"}.js-glyphicon-chevron-down:before{content:"\e114"}.js-glyphicon-retweet:before{content:"\e115"}.js-glyphicon-shopping-cart:before{content:"\e116"}.js-glyphicon-folder-close:before{content:"\e117"}.js-glyphicon-folder-open:before{content:"\e118"}.js-glyphicon-resize-vertical:before{content:"\e119"}.js-glyphicon-resize-horizontal:before{content:"\e120"}.js-glyphicon-hdd:before{content:"\e121"}.js-glyphicon-bullhorn:before{content:"\e122"}.js-glyphicon-bell:before{content:"\e123"}.js-glyphicon-certificate:before{content:"\e124"}.js-glyphicon-thumbs-up:before{content:"\e125"}.js-glyphicon-thumbs-down:before{content:"\e126"}.js-glyphicon-hand-right:before{content:"\e127"}.js-glyphicon-hand-left:before{content:"\e128"}.js-glyphicon-hand-up:before{content:"\e129"}.js-glyphicon-hand-down:before{content:"\e130"}.js-glyphicon-circle-arrow-right:before{content:"\e131"}.js-glyphicon-circle-arrow-left:before{content:"\e132"}.js-glyphicon-circle-arrow-up:before{content:"\e133"}.js-glyphicon-circle-arrow-down:before{content:"\e134"}.js-glyphicon-globe:before{content:"\e135"}.js-glyphicon-wrench:before{content:"\e136"}.js-glyphicon-tasks:before{content:"\e137"}.js-glyphicon-filter:before{content:"\e138"}.js-glyphicon-briefcase:before{content:"\e139"}.js-glyphicon-fullscreen:before{content:"\e140"}.js-glyphicon-dashboard:before{content:"\e141"}.js-glyphicon-paperclip:before{content:"\e142"}.js-glyphicon-heart-empty:before{content:"\e143"}.js-glyphicon-link:before{content:"\e144"}.js-glyphicon-phone:before{content:"\e145"}.js-glyphicon-pushpin:before{content:"\e146"}.js-glyphicon-usd:before{content:"\e148"}.js-glyphicon-gbp:before{content:"\e149"}.js-glyphicon-sort:before{content:"\e150"}.js-glyphicon-sort-by-alphabet:before{content:"\e151"}.js-glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.js-glyphicon-sort-by-order:before{content:"\e153"}.js-glyphicon-sort-by-order-alt:before{content:"\e154"}.js-glyphicon-sort-by-attributes:before{content:"\e155"}.js-glyphicon-sort-by-attributes-alt:before{content:"\e156"}.js-glyphicon-unchecked:before{content:"\e157"}.js-glyphicon-expand:before{content:"\e158"}.js-glyphicon-collapse-down:before{content:"\e159"}.js-glyphicon-collapse-up:before{content:"\e160"}.js-glyphicon-log-in:before{content:"\e161"}.js-glyphicon-flash:before{content:"\e162"}.js-glyphicon-log-out:before{content:"\e163"}.js-glyphicon-new-window:before{content:"\e164"}.js-glyphicon-record:before{content:"\e165"}.js-glyphicon-save:before{content:"\e166"}.js-glyphicon-open:before{content:"\e167"}.js-glyphicon-saved:before{content:"\e168"}.js-glyphicon-import:before{content:"\e169"}.js-glyphicon-export:before{content:"\e170"}.js-glyphicon-send:before{content:"\e171"}.js-glyphicon-floppy-disk:before{content:"\e172"}.js-glyphicon-floppy-saved:before{content:"\e173"}.js-glyphicon-floppy-remove:before{content:"\e174"}.js-glyphicon-floppy-save:before{content:"\e175"}.js-glyphicon-floppy-open:before{content:"\e176"}.js-glyphicon-credit-card:before{content:"\e177"}.js-glyphicon-transfer:before{content:"\e178"}.js-glyphicon-cutlery:before{content:"\e179"}.js-glyphicon-header:before{content:"\e180"}.js-glyphicon-compressed:before{content:"\e181"}.js-glyphicon-earphone:before{content:"\e182"}.js-glyphicon-phone-alt:before{content:"\e183"}.js-glyphicon-tower:before{content:"\e184"}.js-glyphicon-stats:before{content:"\e185"}.js-glyphicon-sd-video:before{content:"\e186"}.js-glyphicon-hd-video:before{content:"\e187"}.js-glyphicon-subtitles:before{content:"\e188"}.js-glyphicon-sound-stereo:before{content:"\e189"}.js-glyphicon-sound-dolby:before{content:"\e190"}.js-glyphicon-sound-5-1:before{content:"\e191"}.js-glyphicon-sound-6-1:before{content:"\e192"}.js-glyphicon-sound-7-1:before{content:"\e193"}.js-glyphicon-copyright-mark:before{content:"\e194"}.js-glyphicon-registration-mark:before{content:"\e195"}.js-glyphicon-cloud-download:before{content:"\e197"}.js-glyphicon-cloud-upload:before{content:"\e198"}.js-glyphicon-tree-conifer:before{content:"\e199"}.js-glyphicon-tree-deciduous:before{content:"\e200"} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} img{vertical-align: middle;} .js-img-responsive,.js-thumbnail>img,.js-thumbnail a>img{display:block;width:100% \9;max-width:100%;height:auto}.js-img-rounded{border-radius:6px}.js-img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.js-img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.js-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.js-sr-only-focusable:active,.js-sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.js-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} .js-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} .js-row{margin-left:-15px;margin-right:-15px} .js-col-xs-1, .js-col-sm-1, .js-col-md-1, .js-col-lg-1, .js-col-xs-2, .js-col-sm-2, .js-col-md-2, .js-col-lg-2, .js-col-xs-3, .js-col-sm-3, .js-col-md-3, .js-col-lg-3, .js-col-xs-4, .js-col-sm-4, .js-col-md-4, .js-col-lg-4, .js-col-xs-5, .js-col-sm-5, .js-col-md-5, .js-col-lg-5, .js-col-xs-6, .js-col-sm-6, .js-col-md-6, .js-col-lg-6, .js-col-xs-7, .js-col-sm-7, .js-col-md-7, .js-col-lg-7, .js-col-xs-8, .js-col-sm-8, .js-col-md-8, .js-col-lg-8, .js-col-xs-9, .js-col-sm-9, .js-col-md-9, .js-col-lg-9, .js-col-xs-10, .js-col-sm-10, .js-col-md-10, .js-col-lg-10, .js-col-xs-11, .js-col-sm-11, .js-col-md-11, .js-col-lg-11, .js-col-xs-12, .js-col-sm-12, .js-col-md-12, .js-col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.js-col-xs-1, .js-col-xs-2, .js-col-xs-3, .js-col-xs-4, .js-col-xs-5, .js-col-xs-6, .js-col-xs-7, .js-col-xs-8, .js-col-xs-9, .js-col-xs-10, .js-col-xs-11, .js-col-xs-12{float:left}.js-col-xs-12{width:100%}.js-col-xs-11{width:91.66666667%}.js-col-xs-10{width:83.33333333%}.js-col-xs-9{width:75%}.js-col-xs-8{width:66.66666667%}.js-col-xs-7{width:58.33333333%}.js-col-xs-6{width:50%}.js-col-xs-5{width:41.66666667%}.js-col-xs-4{width:33.33333333%}.js-col-xs-3{width:25%}.js-col-xs-2{width:16.66666667%}.js-col-xs-1{width:8.33333333%}.js-col-xs-pull-12{right:100%}.js-col-xs-pull-11{right:91.66666667%}.js-col-xs-pull-10{right:83.33333333%}.js-col-xs-pull-9{right:75%}.js-col-xs-pull-8{right:66.66666667%}.js-col-xs-pull-7{right:58.33333333%}.js-col-xs-pull-6{right:50%}.js-col-xs-pull-5{right:41.66666667%}.js-col-xs-pull-4{right:33.33333333%}.js-col-xs-pull-3{right:25%}.js-col-xs-pull-2{right:16.66666667%}.js-col-xs-pull-1{right:8.33333333%}.js-col-xs-pull-0{right:auto}.js-col-xs-push-12{left:100%}.js-col-xs-push-11{left:91.66666667%}.js-col-xs-push-10{left:83.33333333%}.js-col-xs-push-9{left:75%}.js-col-xs-push-8{left:66.66666667%}.js-col-xs-push-7{left:58.33333333%}.js-col-xs-push-6{left:50%}.js-col-xs-push-5{left:41.66666667%}.js-col-xs-push-4{left:33.33333333%}.js-col-xs-push-3{left:25%}.js-col-xs-push-2{left:16.66666667%}.js-col-xs-push-1{left:8.33333333%}.js-col-xs-push-0{left:auto}.js-col-xs-offset-12{margin-left:100%}.js-col-xs-offset-11{margin-left:91.66666667%}.js-col-xs-offset-10{margin-left:83.33333333%}.js-col-xs-offset-9{margin-left:75%}.js-col-xs-offset-8{margin-left:66.66666667%}.js-col-xs-offset-7{margin-left:58.33333333%}.js-col-xs-offset-6{margin-left:50%}.js-col-xs-offset-5{margin-left:41.66666667%}.js-col-xs-offset-4{margin-left:33.33333333%}.js-col-xs-offset-3{margin-left:25%}.js-col-xs-offset-2{margin-left:16.66666667%}.js-col-xs-offset-1{margin-left:8.33333333%}.js-col-xs-offset-0{margin-left:0} .js-clearfix:before,.js-clearfix:after,.js-container:before,.js-container:after,.js-container-fluid:before,.js-container-fluid:after,.js-row:before,.js-row:after,.js-form-horizontal .js-form-group:before,.js-form-horizontal .js-form-group:after{content:" ";display:table} .js-clearfix:after,.js-container:after,.js-container-fluid:after,.js-row:after,.js-form-horizontal .js-form-group:after{clear:both} .js-visible-xs,.js-visible-sm,.js-visible-md,.js-visible-lg{display:none !important} .js-visible-xs-block,.js-visible-xs-inline,.js-visible-xs-inline-block,.js-visible-sm-block,.js-visible-sm-inline,.js-visible-sm-inline-block,.js-visible-md-block,.js-visible-md-inline,.js-visible-md-inline-block,.js-visible-lg-block,.js-visible-lg-inline,.js-visible-lg-inline-block{display:none !important} .js-visible-print{display:none !important} .js-visible-print-block{display:none !important} .js-visible-print-inline{display:none !important} .js-visible-print-inline-block{display:none !important} /* Modal */ .modal-open {overflow: hidden} .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0} .modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%)} .modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)} .modal-open .modal {overflow-x: hidden;overflow-y: auto} .modal-dialog {position: relative;width: auto;margin: 10px} .modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5)} .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000} .modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0} .modal-backdrop.in {filter: alpha(opacity=50);opacity: .5} .modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5} .modal-header .close {margin-top: -2px} .modal-title {margin: 0;line-height: 1.42857143} .modal-body {position: relative;padding: 15px} .modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5} .modal-footer .btn+.btn {margin-bottom: 0;margin-left: 5px} .modal-footer .btn-group .btn+.btn {margin-left: -1px} .modal-footer .btn-block+.btn-block {margin-left: 0} .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll} /* Alert */ .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;float: left;} .alert h4 {margin-top: 0;color: inherit} .alert .alert-link {font-weight: 700} .alert>p,.alert>ul {margin-bottom: 0} .alert>p+p {margin-top: 5px} .alert-dismissable, .alert-dismissible {padding-right: 35px} .alert-dismissable .close, .alert-dismissible .close {position: relative;top: -2px;right: -21px;color: inherit} .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6} .alert-success hr {border-top-color: #c9e2b3} .alert-success .alert-link {color: #2b542c} .alert-info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1} .alert-info hr {border-top-color: #a6e1ec} .alert-info .alert-link {color: #245269} .alert-warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc} .alert-warning hr {border-top-color: #f7e1b5} .alert-warning .alert-link {color: #66512c} .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1} .alert-danger hr {border-top-color: #e4b9c0} .alert-danger .alert-link {color: #843534} .close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2} .close:focus,.close:hover {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5} button.close {-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;margin-left: 10px;margin-top: 3px;} @-ms-viewport{width:device-width} @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @media (min-width:768px){.js-container{width:750px}.js-col-sm-1, .js-col-sm-2, .js-col-sm-3, .js-col-sm-4, .js-col-sm-5, .js-col-sm-6, .js-col-sm-7, .js-col-sm-8, .js-col-sm-9, .js-col-sm-10, .js-col-sm-11, .js-col-sm-12{float:left} .js-col-sm-12{width:100%} .js-col-sm-11{width:91.66666667%} .js-col-sm-10{width:83.33333333%} .js-col-sm-9{width:75%} .js-col-sm-8{width:66.66666667%} .js-col-sm-7{width:58.33333333%} .js-col-sm-6{width:50%} .js-col-sm-5{width:41.66666667%} .js-col-sm-4{width:33.33333333%} .js-col-sm-3{width:25%} .js-col-sm-2{width:16.66666667%} .js-col-sm-1{width:8.33333333%} .js-col-sm-pull-12{right:100%} .js-col-sm-pull-11{right:91.66666667%} .js-col-sm-pull-10{right:83.33333333%} .js-col-sm-pull-9{right:75%} .js-col-sm-pull-8{right:66.66666667%} .js-col-sm-pull-7{right:58.33333333%} .js-col-sm-pull-6{right:50%} .js-col-sm-pull-5{right:41.66666667%} .js-col-sm-pull-4{right:33.33333333%} .js-col-sm-pull-3{right:25%} .js-col-sm-pull-2{right:16.66666667%} .js-col-sm-pull-1{right:8.33333333%} .js-col-sm-pull-0{right:auto} .js-col-sm-push-12{left:100%} .js-col-sm-push-11{left:91.66666667%} .js-col-sm-push-10{left:83.33333333%} .js-col-sm-push-9{left:75%} .js-col-sm-push-8{left:66.66666667%} .js-col-sm-push-7{left:58.33333333%} .js-col-sm-push-6{left:50%} .js-col-sm-push-5{left:41.66666667%} .js-col-sm-push-4{left:33.33333333%} .js-col-sm-push-3{left:25%} .js-col-sm-push-2{left:16.66666667%} .js-col-sm-push-1{left:8.33333333%} .js-col-sm-push-0{left:auto} .js-col-sm-offset-12{margin-left:100%} .js-col-sm-offset-11{margin-left:91.66666667%} .js-col-sm-offset-10{margin-left:83.33333333%} .js-col-sm-offset-9{margin-left:75%} .js-col-sm-offset-8{margin-left:66.66666667%} .js-col-sm-offset-7{margin-left:58.33333333%} .js-col-sm-offset-6{margin-left:50%} .js-col-sm-offset-5{margin-left:41.66666667%} .js-col-sm-offset-4{margin-left:33.33333333%} .js-col-sm-offset-3{margin-left:25%} .js-col-sm-offset-2{margin-left:16.66666667%} .js-col-sm-offset-1{margin-left:8.33333333%}.js-col-sm-offset-0{margin-left:0}} @media (min-width:992px){.js-container{width:970px}.js-col-md-1, .js-col-md-2, .js-col-md-3, .js-col-md-4, .js-col-md-5, .js-col-md-6, .js-col-md-7, .js-col-md-8, .js-col-md-9, .js-col-md-10, .js-col-md-11, .js-col-md-12{float:left} .js-col-md-12{width:100%} .js-col-md-11{width:91.66666667%} .js-col-md-10{width:83.33333333%} .js-col-md-9{width:75%} .js-col-md-8{width:66.66666667%} .js-col-md-7{width:58.33333333%} .js-col-md-6{width:50%} .js-col-md-5{width:41.66666667%} .js-col-md-4{width:33.33333333%} .js-col-md-3{width:25%} .js-col-md-2{width:16.66666667%} .js-col-md-1{width:8.33333333%} .js-col-md-pull-12{right:100%} .js-col-md-pull-11{right:91.66666667%} .js-col-md-pull-10{right:83.33333333%} .js-col-md-pull-9{right:75%} .js-col-md-pull-8{right:66.66666667%} .js-col-md-pull-7{right:58.33333333%} .js-col-md-pull-6{right:50%} .js-col-md-pull-5{right:41.66666667%} .js-col-md-pull-4{right:33.33333333%} .js-col-md-pull-3{right:25%} .js-col-md-pull-2{right:16.66666667%} .js-col-md-pull-1{right:8.33333333%} .js-col-md-pull-0{right:auto} .js-col-md-push-12{left:100%} .js-col-md-push-11{left:91.66666667%} .js-col-md-push-10{left:83.33333333%} .js-col-md-push-9{left:75%} .js-col-md-push-8{left:66.66666667%} .js-col-md-push-7{left:58.33333333%} .js-col-md-push-6{left:50%} .js-col-md-push-5{left:41.66666667%} .js-col-md-push-4{left:33.33333333%} .js-col-md-push-3{left:25%} .js-col-md-push-2{left:16.66666667%} .js-col-md-push-1{left:8.33333333%} .js-col-md-push-0{left:auto} .js-col-md-offset-12{margin-left:100%} .js-col-md-offset-11{margin-left:91.66666667%} .js-col-md-offset-10{margin-left:83.33333333%} .js-col-md-offset-9{margin-left:75%} .js-col-md-offset-8{margin-left:66.66666667%} .js-col-md-offset-7{margin-left:58.33333333%} .js-col-md-offset-6{margin-left:50%} .js-col-md-offset-5{margin-left:41.66666667%} .js-col-md-offset-4{margin-left:33.33333333%} .js-col-md-offset-3{margin-left:25%} .js-col-md-offset-2{margin-left:16.66666667%} .js-col-md-offset-1{margin-left:8.33333333%}.js-col-md-offset-0{margin-left:0}} @media (min-width:1200px){.js-container{width:1170px}.js-col-lg-1, .js-col-lg-2, .js-col-lg-3, .js-col-lg-4, .js-col-lg-5, .js-col-lg-6, .js-col-lg-7, .js-col-lg-8, .js-col-lg-9, .js-col-lg-10, .js-col-lg-11, .js-col-lg-12{float:left} .js-col-lg-12{width:100%} .js-col-lg-11{width:91.66666667%} .js-col-lg-10{width:83.33333333%} .js-col-lg-9{width:75%} .js-col-lg-8{width:66.66666667%} .js-col-lg-7{width:58.33333333%} .js-col-lg-6{width:50%} .js-col-lg-5{width:41.66666667%} .js-col-lg-4{width:33.33333333%} .js-col-lg-3{width:25%} .js-col-lg-2{width:16.66666667%} .js-col-lg-1{width:8.33333333%} .js-col-lg-pull-12{right:100%} .js-col-lg-pull-11{right:91.66666667%} .js-col-lg-pull-10{right:83.33333333%} .js-col-lg-pull-9{right:75%} .js-col-lg-pull-8{right:66.66666667%} .js-col-lg-pull-7{right:58.33333333%} .js-col-lg-pull-6{right:50%} .js-col-lg-pull-5{right:41.66666667%} .js-col-lg-pull-4{right:33.33333333%} .js-col-lg-pull-3{right:25%} .js-col-lg-pull-2{right:16.66666667%} .js-col-lg-pull-1{right:8.33333333%} .js-col-lg-pull-0{right:auto} .js-col-lg-push-12{left:100%} .js-col-lg-push-11{left:91.66666667%} .js-col-lg-push-10{left:83.33333333%} .js-col-lg-push-9{left:75%} .js-col-lg-push-8{left:66.66666667%} .js-col-lg-push-7{left:58.33333333%} .js-col-lg-push-6{left:50%} .js-col-lg-push-5{left:41.66666667%} .js-col-lg-push-4{left:33.33333333%} .js-col-lg-push-3{left:25%} .js-col-lg-push-2{left:16.66666667%} .js-col-lg-push-1{left:8.33333333%} .js-col-lg-push-0{left:auto} .js-col-lg-offset-12{margin-left:100%} .js-col-lg-offset-11{margin-left:91.66666667%} .js-col-lg-offset-10{margin-left:83.33333333%} .js-col-lg-offset-9{margin-left:75%} .js-col-lg-offset-8{margin-left:66.66666667%} .js-col-lg-offset-7{margin-left:58.33333333%} .js-col-lg-offset-6{margin-left:50%} .js-col-lg-offset-5{margin-left:41.66666667%} .js-col-lg-offset-4{margin-left:33.33333333%} .js-col-lg-offset-3{margin-left:25%} .js-col-lg-offset-2{margin-left:16.66666667%} .js-col-lg-offset-1{margin-left:8.33333333%}.js-col-lg-offset-0{margin-left:0}} @media (max-width:767px){.js-hidden-xs{display:none !important}.js-visible-xs-inline-block{display:inline-block !important}.js-visible-xs-inline{display:inline !important}.js-visible-xs-block{display:block !important}.js-visible-xs{display:block !important}} @media (min-width:768px) and (max-width:991px){.js-hidden-sm{display:none !important}.js-visible-sm-inline-block{display:inline-block !important}.js-visible-sm-inline{display:inline !important}.js-visible-sm-block{display:block !important}.js-visible-sm{display:block !important}} @media (min-width:992px) and (max-width:1199px){.js-hidden-md{display:none !important}.js-visible-md-inline-block{display:inline-block !important}.js-visible-md-inline{display:inline !important}.js-visible-md-block{display:block !important}.js-visible-md{display:block !important}} @media (min-width:1200px){.js-hidden-lg{display:none !important}.js-visible-lg-inline-block{display:inline-block !important}.js-visible-lg-inline{display:inline !important}.js-visible-lg-block{display:block !important}.js-visible-lg{display:block !important}} @media print{.js-hidden-print{display:none !important}.js-visible-print-inline-block{display:inline-block !important}.js-visible-print-inline{display:inline !important}.js-visible-print-block{display:block !important}.js-visible-print{display:block !important}} /*bootstrap code end*/ /*jslmstarrating code start*/ ul.jslmrating-stars-large{height:25px;width:127px;padding:0!important;margin:0!important;} ul.jslmrating-stars li, ul.jslmrating-stars-large li{background-position:0!important;padding:0!important;margin:0!important;} ul.jslmrating-stars-large, ul.jslmrating-stars-large li a:hover, ul.jslmrating-stars-large li.jslmrating-current-rating{background-image:url('../images/star_small.png')!important;background-color:transparent!important;background-repeat:no;background-position:left -1000px;background-size: 25px;} ul.jslmrating-stars,ul.jslmrating-stars-large{background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;background-size: 25px;} ul.jslmrating-stars li a, ul.jslmrating-stars li.jslmrating-current-rating,ul.jslmrating-stars-large li a, ul.jslmrating-stars-large li.jslmrating-current-rating{border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent:-1000em;top:0pt;} ul.jslmrating-stars-large li a, ul.jslmrating-stars-large li.jslmrating-current-rating{height:25px;line-height:25px;} ul.jslmrating-stars-large li.jslmrating-current-rating{transition:width 0.5s;} ul.jslmrating-stars li a:hover,ul.jslmrating-stars-large li a:hover{background-position:left bottom!important;} ul.jslmrating-stars-small{height:19px;width:91px;padding:0!important;margin:0!important;} ul.jslmrating-stars li, ul.jslmrating-stars-small li{background-position:0!important;padding:0!important;margin:0!important;} ul.jslmrating-stars-small, ul.jslmrating-stars-small li a:hover, ul.jslmrating-stars-small li.jslmrating-current-rating{background-image:url('../images/star_small.png')!important;background-color:transparent!important;background-repeat:no;background-position:left -1000px;background-size: 18px;} ul.jslmrating-stars,ul.jslmrating-stars-small{background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;background-size: 18px;} ul.jslmrating-stars li a, ul.jslmrating-stars li.jslmrating-current-rating,ul.jslmrating-stars-small li a, ul.jslmrating-stars-small li.jslmrating-current-rating{border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent:-1000em;top:0pt;} ul.jslmrating-stars-small li a, ul.jslmrating-stars-small li.jslmrating-current-rating{height:18px;line-height:18px;} ul.jslmrating-stars li a:hover,ul.jslmrating-stars-small li a:hover{background-position:left bottom!important;} ul.jslmrating-stars-x-small{height:12px;width:60px;padding:0!important;margin:0!important;} ul.jslmrating-stars li, ul.jslmrating-stars-x-small li{background-position:0!important;padding:0!important;margin:0!important;} ul.jslmrating-stars-x-small, ul.jslmrating-stars-x-small li a:hover, ul.jslmrating-stars-x-small li.jslmrating-current-rating{background-image:url('../images/star_small.png')!important;background-color:transparent!important;background-repeat:no;background-position:left -1000px;background-size: 12px;} ul.jslmrating-stars,ul.jslmrating-stars-x-small{background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;background-size: 12px;} ul.jslmrating-stars li a, ul.jslmrating-stars li.jslmrating-current-rating,ul.jslmrating-stars-x-small li a, ul.jslmrating-stars-x-small li.jslmrating-current-rating{border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent:-1000em;top:0pt;} ul.jslmrating-stars-x-small li a, ul.jslmrating-stars-x-small li.jslmrating-current-rating{height:12px;line-height:12px;} ul.jslmrating-stars li a:hover,ul.jslmrating-stars-x-small li a:hover{background-position:left bottom!important;} li a.jslmrating-one-star{width:20%;padding:0;margin:0;z-index:6;} li a.jslmrating-two-stars{width:40%;padding:0;margin:0;z-index:5;} li a.jslmrating-three-stars{width:60%;padding:0;margin:0;z-index:4;} li a.jslmrating-four-stars{width:80%;padding:0;margin:0;z-index:3;} li a.jslmrating-five-stars{width:100%;padding:0;margin:0;z-index:1;} /*font aweson code start*/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} .fa-lg {font-size: 1.33333333em;line-height: .75em;vertical-align: -15%} .fa-2x {font-size: 2em} .fa-3x {font-size: 3em} .fa-4x {font-size: 4em} .fa-5x {font-size: 5em} .fa-fw {width: 1.28571429em;text-align: center} .fa-ul {padding-left: 0;margin-left: 2.14285714em;list-style-type: none} .fa-ul>li {position: relative} .fa-li {position: absolute;left: -2.14285714em;width: 2.14285714em;top: .14285714em;text-align: center} .fa-trash:before {content: "\f1f8"} .fa-calendar:before {content: "\f073"} .fa-home:before {content: "\f015"} .fa-plus:before {content: "\f067"} .fa-edit:before,.fa-pencil-square-o:before {content: "\f044"} .fa-heart:before {content: "\f004"} .fa-heart-o:before {content: "\f08a"} .fa-minus:before {content: "\f068"} .fa-spinner:before {content: "\f110"} .fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear} .fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg)}} @keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg)}} .fa-remove:before,.fa-close:before,.fa-times:before {content: "\f00d"} .fa-eye:before {content: "\f06e"} .fa-heart-o:before {content: "\f08a"} .fa-chevron-down:before {content: "\f078"} .fa-check-square-o:before {content: "\f046"} .fa-check:before {content: "\f00c"} .fa-chevron-up:before {content: "\f077"} .fa-times-rectangle:before,.fa-window-close:before {content: "\f2d3"} .fa-dashboard:before,.fa-tachometer:before {content: "\f0e4"} .fa-book:before {content: "\f02d"} .fa-user:before {content: "\f007"} .fa-facebook-f:before,.fa-facebook:before {content: "\f09a"} .fa-twitter:before {content: "\f099"} .fa-linkedin:before {content: "\f0e1"} .fa-envelope-o:before {content: "\f003"} .fa-intersex:before,.fa-transgender:before {content: "\f224"} .fa-map-marker:before {content: "\f041"} /*font aweson code end*/ .form-error{ color: red; } div.no-margin { margin:0; } #pagesize { float: right; } div.no-padding { padding:0; } div.no-price-padding { padding:0!important; } span.padding-right { padding-right: 5px; } div.text-align-right { text-align:right; padding-right:7px !important; } div#instructor-list { display: inline-block; } div#jslearnmanageradmin-wrapper * { box-sizing:border-box; } div#jslearnmanageradmin-wrapper #section-message{ width: 100%; } span.jslms-socialmedia-hd{ padding: 7px 0 !important; display: inline-block !important; } .jslmsadmin-wrapper-white-bg{ background-color: #fff !important; padding-left: 8px !important; padding-bottom: 20px !important; } a.jslmsadmin-add-link{ float: right; border-radius: 0; height: auto; line-height: initial; padding: 10px 15px; margin-top: -2px; margin-left: 8px; background: #209e24; border: 1px solid #368534; color: #fff !important; box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important; font-size: 16px; text-decoration:none; } a.jslmsadmin-add-link-w{ float: right; border-radius: 0; height: auto; text-decoration: none; font-weight: normal; line-height: initial; padding: 5px 5px; margin-top: 2px; margin-left: 8px; color: black !important; box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important; font-size: 13px; } a.black-bg-w { background: white !important; } .black-bg { background: #23282d !important; border: 1px solid #23282d !important; padding: 7.5px 15px !important; } a.jslms-tkt-det-hdg-w img { margin-top: 1px; margin-right: 6px; padding-left: 0px !important; width: 25px; height: 23px; } a.jslmsadmin-add-link img { margin-right: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.wp-picker-container * { box-sizing: content-box; } .learn-manager-hide-sample-data-form{display: none;} a.jslms-tkt-det-hdg img { float: left; margin-right: 8px; margin-bottom: 3px; width: 25px; height: 23px; } div#jslms { width: calc(100% - 40px); float: left; margin: -35px 20px 0; padding: 25px; background: #fff; box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); } div#jslms-data-wrp, div.jslms-data-wrp, div.jslms-std-data-wrp { width: calc(100% - 40px); float: left; margin: -35px 20px 0; padding: 25px; background: #fff; box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); } div#jslearnmanageradmin-wrapper div.jslm_selected-user-div { display:inline-block; } div.jslm_checkbox_cf { float: left; width: 100%; /*border: 1px solid #d4d4d5;*/ /*background-color: #FFF;*/ padding: 5px 0px; height: 50px; padding-left: 10px; margin-bottom: 5px; } div.jslm_checkbox_cf input.jslm_checkbox_input { width: auto !important; float: left; height: 15px; margin-right: 10px; margin-top: 12px; } div.jslm_checkbox_cf div.jslm_checkbox_label { line-height: 39px; } div.jslm_checkbox_cf input.jslm_radio_input { width: auto !important; float: left; height: 0; margin-right: 10px; margin-top: 12px; } div.jslm_checkbox_cf label { line-height: 39px; float: left; margin-right: 10px; } .jslm_upload_border { border: 1px solid #d4d4d5; background-color: #FFF; padding: 11px 10px !important; } div#jslearnmanageradmin-wrapper a#jslm_userpopup.jslm_cm-userpopup, div#jslearnmanageradmin-wrapper a#userpopup { display:inline-block; padding:5px 12px; color: #107cb0; border: 1px solid #107cb0; background:#f7f7f7; } div.jslearnmanager-form-field-wrapper div.jslm_js-form-wrapper { float: left; width: 100%; } div#jslearnmanageradmin-wrapper img { vertical-align: middle; } div#jslearnmanageradmin-wrapper span.jslm_js-admin-title { display:inline-block; padding:5px 10px; color:#23282D; font-size: 20px; font-weight: bold; background:#FFFFFF; width:100%; float:left; border: 1px solid #D3D3D3; position: relative; } div#jslearnmanageradmin-wrapper span.jslm_js-admin-title a.jslm_js-admin-title-left { display: inline-block; margin-right: 10px; margin-top:3px; text-decoration: none; color:#23282D; float: left; } div#jslearnmanageradmin-wrapper span.jslm_js-admin-title a#jslm_preset_theme img { width: 23px; height: 23px; } div#jslearnmanageradmin-wrapper a.jslm_js-button-link { float:right; background-color:#41A7DA; color:#FFFFFF; height:auto; padding:7px 15px; margin:0px !important; } div#jslearnmanageradmin-wrapper a.jslm_js-button-link img { margin-right: 5px; } div#jslearnmanageradmin-wrapper div.jslearnmanager-adminsidemenu-box { float:right; margin-left:10px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box { width:100%; margin:0px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text { background:#333333; padding:5px; color:#ffffff; font-size:20px; display:block; width:100%; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text img { margin-right:10px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu { display:none; position:absolute; top:0px; right:-250px; width:250px; z-index:9999; background:#eeeeee; color:#777777; box-shadow:0px 0px 20px #000; font-size:12px; cursor: pointer; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_parent { display:inline-block; width:100%; border-bottom: 1px solid #e0e1e2; float:left; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_parent span.jslm_text { width:100%; float:left; line-height:20px; padding:10px; font-size:13px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_parent span.jslm_text img { margin-right:10px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_child { display:none; width:100%; float:left; background:#ffffff; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_child a { padding:10px; margin:0px 2.5%; line-height:1; width:95%; float:left; border-bottom:1px solid #f1f1f1; text-decoration: none; color:#777777; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslm_child a:hover { background: #4279BD; color:#FFFFFF; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box { width:100%; margin:0px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text { background:#333333; padding:5px; color:#ffffff; font-size:20px; display:block; width:100%; } div#jslearnmanageradmin-wrapper div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text img { margin-right:10px; } div#jslearnmanageradmin-wrapper div.jslm_page-actions { background: url('../images/normal-button.png') top left; background-size: 100% 100%; padding: 13px 5px; border: 1px solid #D3D3D3; float: left; width: 100%; margin: 0px; } div#jslearnmanageradmin-wrapper div.jslm_page-actions a.jslm_js-bulk-link img { padding-bottom: 3px; padding-right: 3px; } div#jslearnmanageradmin-wrapper div.jslm_page-actions span.jslm_sort { display:inline-block; float:right; } div#jslearnmanageradmin-wrapper div.jslm_page-actions a.jslm_sort-icon { display:inline-block; float:right; } div#jslearnmanageradmin-wrapper div.jslm_page-actions span.jslm_sort span.jslm_sort-text { display:inline-block; padding:4px 10px; font-weight:bold; border:1px solid #D3D3D3; margin:1px -2px; float:left; background: url("../images/normal-button.png"); background-size: 100% 100%; } div#jslearnmanageradmin-wrapper div.jslm_page-actions img#jslm_sortingimage { width:32px; margin-top:2px; } div#jslearnmanageradmin-wrapper div.jslm_page-actions span.jslm_sort span.jslm_sort-field.jslm_inputbox { margin:0px; float:left; } div#jslearnmanageradmin-wrapper div.jslm_page-actions span.jslm_sort span.jslm_sort-field select#jslm_sorting.jslm_inputbox { width: 150px; border: 1px solid #e5e5e5; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form { float: left; width: 100%; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container { margin-bottom:10px; float:left; width:100%; border:1px solid #cccccc; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container.blue { border:1px solid #428BCA; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container:hover { border:1px solid #428BCA; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data { float: left; width: 100%; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data span.selector { display: none; position: absolute; border: 2px solid #ccc; padding: 6px 5px 6px 8px; background: #F8F8F8; z-index: 99999; left: 0px; top: 0px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-icon { display: inline-block; width: 155px; float: left; text-align: center; margin: 0px 12px 5px 12px; height: 140px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-icon a { display: inline-block; width: 100%; height: 100%; position: relative; background: #fff; box-shadow:0px 8px 19px -2px #ccc; border:1px solid #dedede; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-icon a img { height: auto; width:auto; margin: auto; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details { display: inline-block; width: calc(100% - 179px); } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details span.price { display: inline-block; padding: 14px 0px; font-size: 20px; font-weight: 600; background: #F8F8F8; text-align: center; border-left: 2px solid lightgray; border-bottom: 2px solid lightgray; width: 100%; min-height: 49px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title { float: left; padding: 10px 1px; font-weight: bold; border-bottom: 2px solid #dedede; display: inline-block; min-height: 49px; max-height: 49px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.jslm_featured_box { display: inline-block; color: white; float: left; margin-top: -11px; margin-left: 0px; width: auto; margin-right: 10px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.value { font-size:15px; color:#428BCA; padding-right:15px; display:inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; widows: 100%; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-values span.heading { color: #23282D; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.jslm-padding { padding: 10px 0px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-values span.value { font-size: 15px; color: #64676A; padding-left: 5px; font-weight: normal; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-values span.value span.item-action-text { padding: 6px 8px; background: #FEA702; color: #ffffff; border: unset; display: inline-block; border-radius: 4px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.goldnew { position: relative; display:inline-block; top: -4px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.goldnew span.goldnew-onhover { color: #000; display: block; position: absolute; border: 1px solid #6A6767; padding: 4px 7px; top:-38px; left: -100%; background-color: #FFEECF; white-space: nowrap; color:#444442; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.goldnew span.goldnew-onhover img { display: block; position: absolute; padding: 4px 7px; top: 23px; left: 34%; white-space: nowrap; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.featurednew span.featurednew-onhover { color: #000; display: block; position: absolute; border: 1px solid #6A6767; padding: 4px 7px; top: -38px; left: -65%; background-color: #FFEECF; white-space: nowrap; ; color:#444442; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.featurednew span.featurednew-onhover img { display: block; position: absolute; padding: 4px 7px; top: 23px; left: 37%; white-space: nowrap; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.featurednew { position: relative; display:inline-block; top: -4px; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.featurednew:hover { cursor:pointer; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details div.item-title span.goldnew:hover { cursor: pointer; } div#jslearnmanageradmin-wrapper form#jslearnmanager-list-form div.course-container div#item-data div.item-details span.bigupper-coursestatus { position: absolute; right:10px; top: 95px; border-radius: 5px; } div.item-actions { padding:10px 0px; border:1px solid #ccc; width:100%; background:#F8F8F8; text-align:right; display: inline-block; margin-bottom: -4px; padding-left: 15px; } div.item-actions div a.js-action-link.button { background:#FFFFFF; color:#333333; display:inline-block; min-width:80px; margin-right:5px; text-align:center; text-decoration:none; border-width:1px; height:32px; padding-top:3px; margin-bottom:5px; float: right; } div.item-actions div a.js-action-link.button:hover { border:1px solid rgb(78, 140, 245); } div.item-actions div a img { padding-right:5px; width:23px; padding-bottom:4px; } div.item-actions div span.heading { float:left; font-weight:bold; margin-top:7px; } div.item-actions div span.item-action-text { float:left; padding-left:10px; font-size:14px; color:#64676A; margin-top:9px; padding-right: 30px; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form { width: 100%; padding: 23px 0px 10px 5px; background: #fff; display: inline-block; border: 1px solid #D3D3D3; } form.jslm_js-filter-form input[type="text"] { float:left; width: 200px; margin: 0 4px 10px; height: 35px; } form.jslm_js-filter-form select { float:left; width: 200px; height: 35px; margin: 0 4px 10px; } form.jslm_js-filter-form div.jslm_checkbox { border: 1px solid #dedede; float: left; height: 29px; margin: 0 4px 5px; padding-left: 5px; padding-top: 5px; width: 100px; } form.jslm_js-filter-form div.jslm_checkbox input { float:left; margin-top: 2px; } form.jslm_js-filter-form div.jslm_checkbox label { float:left; } form.jslm_js-filter-form div.filterbutton { float:left; white-space: nowrap; margin-top: -4px; } form.jslm_js-filter-form input[type="submit"] { background:url('../images/normal-button.png') repeat-x 100% 100%; color:#333333; display:inline-block; text-align:center; text-decoration:none; border-width:1px; height: 35px; margin-top: 4px; } form.jslm_js-filter-form input[type="button"] { background:url('../images/normal-button.png') repeat-x 100% 100%; color:#333333; display:inline-block; text-align:center; text-decoration:none; border-width:1px; height: 35px; margin-top: 4px; } hr.listing-hr { margin-top:-4px; margin-bottom:10px; border:1px solid #428BCA; width:100%; height:2px; } /* Post Installation*/ div#jslearnmanageradmin-wrapper.post-installation{background: transparent url("../images/postinstallation/bg.png");} div#jslearnmanageradmin-wrapper div.js-admin-title-installtion{background-color: #00b9eb; color: #fff;float: left;width: 100%;padding: 20px 10px;} div#jslearnmanageradmin-wrapper div.js-admin-title-installtion span.jslm_heading{text-shadow: 1px 2px 4px black;width: 70%; color: #fff; float: left;font-size: 26px;line-height: initial;} div#jslearnmanageradmin-wrapper div.close-button-bottom {border:1px solid #e5e5e5;padding: 5px 15px;display: inline-block;border-top:2px solid #ef0000;background: #FFF;float: right;} div#jslearnmanageradmin-wrapper div.close-button-bottom a.close-button{color: #ef0000;text-decoration: none;} div#jslearnmanageradmin-wrapper div.post-installtion-content-wrapper{background: transparent url("../images/postinstallation/bg.png"); background-repeat: no-repeat;background-size: cover;float: left;width: 100%;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header {width: 25%;float: left;display: inline-block;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img{width:100%;display:inline-block;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts{padding: 0px 10px;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon{text-decoration: none;outline: 0;width: 100%;border-bottom: 1px solid lightgrey;padding: 10px 5px;display: inline-block;color: #fff;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon:hover{background-color: #00b9eb;color: :#fff;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts.active {background-color: #00b9eb;color: :#fff;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts img{margin-right: 5px;vertical-align: middle;} div#jslearnmanageradmin-wrapper div.post-installtion-content_wrapper_right{float: left;width: calc(100% - 25% - 20px);margin-left: 10px;margin-right: 10px; } div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-1.update-header-img div.header-parts.first-part {background: url("../images/postinstallation/header/orange-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-1.update-header-img div.header-parts.second-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-1.update-header-img div.header-parts.third-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-1.update-header-img div.header-parts.fourth-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2.update-header-img div.header-parts.first-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2.update-header-img div.header-parts.second-part {background: url("../images/postinstallation/header/orange-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2.update-header-img div.header-parts.third-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2.update-header-img div.header-parts.fourth-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3.update-header-img div.header-parts.first-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3.update-header-img div.header-parts.second-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3.update-header-img div.header-parts.third-part {background: url("../images/postinstallation/header/orange-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3.update-header-img div.header-parts.fourth-part {background: url("../images/postinstallation/header/grey-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4.update-header-img div.header-parts.first-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4.update-header-img div.header-parts.second-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4.update-header-img div.header-parts.third-part {background: url("../images/postinstallation/header/green-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4.update-header-img div.header-parts.fourth-part {background: url("../images/postinstallation/header/orange-1.png") repeat-x;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-1 div.first-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2 div.first-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-2 div.second-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3 div.first-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3 div.second-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4 div.first-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4 div.second-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4 div.third-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-4 div.fourth-part span.text, div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.step-3 div.third-part span.text{color:#FFF;} div#jslearnmanageradmin-wrapper div.post-installtion-content-header div.installer-bottom-part{display:inline-block;width:100%;border:1px solid #CCC;border-top:none;} div#jslearnmanageradmin-wrapper div.post-installtion-content {display: inline-block;width: 100%;background: #fff;padding: 0px 50px;} div#jslearnmanageradmin-wrapper span.heading-post-ins{display: inline-block;width: 100%;color: #fff;padding:20px 5px;font-size:25px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config{border-bottom:1px solid #ccc;width: 100%;display: inline-block; padding: 15px 0px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config.temp-demo-data{background: #daf1fc;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.title{display: inline-block;width: 22%;text-align: right;color: #333; margin-right: 20px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.field{display: inline-block;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.field input,select{border: 1px solid #e5e5e5;width: 220px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.desc{display: inline-block;width: 100%;padding-left: 22.5%;color: #999;margin-top:5px;margin-left: 20px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config .name-part {display: inline-block;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config .name-part-refresh-btn {margin: 0px 5px;border: 1px solid #8c8f94;color: #2c3338;width: 60px;height: 24px;display: inline-block;text-align: center;border-radius: 3px;cursor: pointer;text-decoration: underline;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config .name-part-create-user-btn {border: 1px solid #2271b1;color: #2271b1;width: 85px;height: 24px;display: inline-block;text-align: center;border-radius: 3px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.learn-manager-hide-sample-data-form{display: none;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part{width: 100%;display: inline-block;margin-top: 10px;margin-bottom: 20px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a{width: calc(100% / 2 - 10px);display: inline-block;padding: 10px;text-align: center;font-weight: bold;text-decoration: none;margin-left: 5px;margin-right: 5px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a.next-step{background:#2091ea;border: 1px solid #1668AB;color: #fff;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a.next-step.full-width{width: 100%;background: #f8f8f8;border: 1px solid #BFBFBF;color: #222222;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a.next-step i {font-size: 20px;vertical-align: sub;margin-left: 5px;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a.next-step.finish{background:#A9DD32;border: 1px solid #92BF3A;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-button-part a.back{background: #f8f8f8;border: 1px solid #BFBFBF;color: #222222;float: left;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.sample-data-heading{color: #333;display: inline-block;margin-left: 24%;margin-bottom: 5px;width: 100%;margin-top:5px; } div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.sample-data-text{display: inline-block;background: #FAFAFA;border: 1px solid #e5e5e5;width: 75%;margin-left: 24%;border-left: none;border-right: none;padding: 7px 0px;color: #999;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.sample-data-text div.name-part{display: inline-block;width: 40%;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.pic-config div.sample-data-text.bottom-border{border-bottom: none;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.jslm_setting_complete_heading{line-height: initial;text-align: center;margin-top: 40px;float: left;width: 100%;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.jslm_setting_complete_heading .jslm_heading{font-weight: 0;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.jslm_img_wrp{float: left;width: 100%;text-align: center;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.jslm_img_wrp img{width: auto;height: auto;} div#jslearnmanageradmin-wrapper div.post-installtion-content div.jslm_text_below_img{float: left;width: 100%;text-align: center;margin-top: 10px;margin-bottom: 50px;} /* Post Installation*/ /* Pro Installation*/ div.jslm_installer_wrapper{background-image: url(../images/installer/bg-image.png);background-size: cover;background-position: center;background-repeat: no-repeat;} div.jslm_installer_wrapper div.jslm_top{width: 100%;float: left;text-align: center;padding: 80px 0px 0px 0px;} div.jslm_installer_wrapper div.jslm_top div.jslm_logo_wrp{float: left;width: 100%;} div.jslm_installer_wrapper div.jslm_top div.jslm_logo_wrp img{} div.jslm_installer_wrapper div.jslm_top div.jslm_heading_text{float: left;width: 100%;padding: 10px 0;color: #fff;} div.jslm_installer_wrapper div.jslm_middle{float: left;width: 100%;text-align: center;padding: 30px 0px;} div.jslm_installer_wrapper div.jslm_middle div.jslm_form_field_wrp{width: 50%;margin: auto;} div.jslm_installer_wrapper div.jslm_middle div.jslm_form_field_wrp div.jslm_bg_overlay{width: 100%;background-color: black; opacity: 0.3;} div.jslm_installer_wrapper div.jslm_middle div.jslm_form_field_wrp div.jslm_bg_overlay input.jslm_key_field{width: 100%;padding: 10px 5px;background-color: transparent;color: #fff;} div.jslm_installer_wrapper div.jslm_middle div.jslm_error_messages{float: left; width: 100%;background-color: transparent;color: #fff;padding-top: 10px;} div.jslm_installer_wrapper div.jslm_middle div.jslm_error_messages span.jslm_msg {display: inline-block;width: 50%;padding: 5px 0px;color: #cf4e4e;;margin: auto;text-align: left;} div.jslm_installer_wrapper div.jslm_bottom{float: left;width: 100%;padding: 20px 0px 40px 0px;} div.jslm_installer_wrapper div.jslm_bottom div.jslm_submit_btn{width: 100%;text-align: center;float: left;} div.jslm_installer_wrapper div.jslm_bottom div.jslm_submit_btn button.jslm_btn{min-width: 120px;border:1px solid transparent; padding: 10px 0px;border-radius: 20px;background-color: #1668AB;color: #fff;box-shadow: -2px 1px 4px black;} /* Pro Installation*/ /* Message Layout*/ div#jslearnmanageradmin-wrapper div#send-message-wrapper { width:100%; float: left; margin-top: 20px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data { width:100%; display:inline-block; border:1px solid #D4D4D5; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top { float: left; width: 100%; border-bottom: 2px solid lightgrey; padding: 5px 0px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top div.top-data-img { width: 50px; float: left; margin: 0px 12px 0px 12px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top div.top-data-img div.jslearnmanager-image { width: 100%; height: 50px; position: relative; background: #fff; box-shadow:0px 8px 19px -2px #ccc; border:1px solid #dedede; border-radius: 50%; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top div.top-data-img div.jslearnmanager-image img { height:100%; width: 100%; border-radius: 50%; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top span.title { float: left; display: inline-block; width: 55%; padding: 15px 5px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-top span.posted-date { float: left; display: inline-block; width: 28%; text-align: right; padding: 15px 5px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data div.top-data-middle { float: left; width: 100%; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data-middle div.message-subject { display:inline-block; width:100%; padding: 10px 5px; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data-middle div.message-subject span.subject { width:100%; display:inline-block; font-weight:bold; padding:5px 0px; color:#444442; background: #FFFFFF; line-height: 27px; padding-left:5px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.top-data-middle div.message-subject span.subject-text { padding:5px 10px; width:100%; display:inline-block; color:#64676A; background-color:#FAFAFA; border:1px solid #D4D4D5; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history { display:inline-block; width:100%; } div#jslearnmanageradmin-wrapper div#send-message-wrapper span.history-title { display:inline-block; width:100%; padding:5px 10px; margin:1% 0%; font-weight:bold; color:#FFFFFF; background-color:#444442; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my { display:inline-block; width:100%; float:left; border:1px solid #D4D4D5; background-color:#FAFAFA; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-img { display: inline-block; width: 100px; float: left; text-align: center; margin: 10px 10px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-img div.js-msg { display: inline-block; width: 100%; height: 75px; position: relative; background: #fff; box-shadow:0px 8px 19px -2px #ccc; border:1px solid #dedede; border-left: 3px solid #00A9E0; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-img div.js-msg img { max-height: 100%; max-width: 100%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-data { display: inline-block; width: calc(75% - 120px); margin-top:20px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-admin, div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-other { display:inline-block; width:75%; float:left; margin-top:20px; padding-left:5px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-data span.message-title, div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-admin span.message-title, div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-other span.message-title { display:inline-block; padding:5px 10px; font-weight:bold; float:left; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-created { display:inline-block; float:left; padding: 5px; color:#64676A; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-desc { display:inline-block; width:100%; float:left; color:#64676A; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my.mesend { background-color:#FFFFFF; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-data span.message-title { color:#444442; background-color:#FAFAFA; border:1px solid #D4D4D5; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-other span.message-title { color:#FFFFFF; background-color:#00A9E0; border:1px solid #D4D4D5; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.message-history span.message-my span.message-admin span.message-title { color:#FFFFFF; background-color:#444442; border:1px solid #D4D4D5; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.bottombutton { float: left; width: 95%; padding: 10px 0; margin: 0px 2.5%; text-align: center; margin-top:10px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.bottombutton input#save { background: none; color: #FFFFFF; background-color: #00A9E0; border: 1px solid #D4D4D5; display: inline-block; padding: 10px 20px 10px 60px; text-decoration: none; height:auto; font-weight: 600; background-image: url(..//images/message.png); background-repeat: no-repeat; background-position:10px center; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.neg-margin { margin-bottom: -30px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper div.neg-padding { padding: 0px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper span.subject span.action-warpper { display:inline-block; float:right; margin: 0px; margin-right:10px; margin-bottom:4px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper span.action-warpper { display:inline-block; float:right; margin: 10px; } div#jslearnmanageradmin-wrapper div#send-message-wrapper span.action-warpper img.action-icons { padding:2px; display:inline-block; background-color:#FAFAFA; border:1px solid #D4D4D5; height:30px; width:auto; } div.item-data div div.msg-text { padding: 0px 25px; border:1px solid #d4d4d5; background:#F8F8F8; display:none; width:98%; margin:10px 1%; } form#jslearnmanager-form div.js-submit-container a#form-cancel-button { text-decoration: none; padding:4px 10px; display:inline-block; border-radius: 3px; background:#E7E7E7; border:1px solid #D0D0D0; color:#34393E; } form#jslearnmanager-form div.js-submit-container input { background: #41A7DA; border:1px solid #2089BC; color: #fff; } div#jslearnmanageradmin-wrapper form.jslearnmanager-form div.js-submit-container a#form-cancel-button { text-decoration: none; padding:4px 10px; display:inline-block; border-radius: 3px; background:#E7E7E7; border:1px solid #D0D0D0; color:#34393E; } div#jslearnmanageradmin-wrapper form.jslearnmanager-form div.js-submit-container input { background: #41A7DA; border:1px solid #2089BC; color: #fff; } /* Listing div */ div.instructor-container { background:#fff; border:1px solid #dedede; } div.instructor-container-margin-bottom { background:#fff; border:1px solid #dedede; margin-bottom:8px; float:left; } div.item-data { float: left; width:100%; background: #ffffff; } div.instructor-container div.item-data-resume { height:auto; } div.item-data:hover { background:#fff; width:100%; border-bottom:0px; } input.jslearnmanager-cb { left: 0px; top: 10px; right: 0; margin: auto; } div.item-data span.msg-selector { display:block; border:none; background:transparent; padding: 13px; z-index: 99999; left: 0px; top: 0px; position: absolute; } hr.listing-hr { margin-top:-4px; margin-bottom:10px; border:1px solid #428BCA; width:100%; height:2px; float: left; } div#item-data div.item-icon { display: inline-block; width: 155px; float: left; text-align: center; margin: 0px 12px 5px 12px; height: 140px; } div.item-data div.item-icon a { display: inline-block; width: 100%; height: 100%; position: relative; background: #fff; box-shadow:0px 8px 19px -2px #ccc; border:1px solid #dedede; } div.item-data div.item-icon a img { max-height: 100%; max-width: 100%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } div#item-data div.item-details { display: inline-block; width: calc(100% - 184px); } div#jslearnmanageradmin-wrapper div.message-container { margin-bottom:10px; float:left; width:100%; border:1px solid #cccccc; } div#jslearnmanageradmin-wrapper div.message-container.blue { border:1px solid #428BCA; ; } div#jslearnmanageradmin-wrapper div.message-container:hover { border:1px solid #428BCA; ; } div.message-container div#item-data div.item-details { width: 100%; } div.item-data div.item-icon.js_circle { position: relative; } div.item-data div.item-icon div.profile { position: absolute; left: 8px; top: 7px; } div.item-data div.item-icon div.profile a.js-anchor { width: 135px; height: 135px; display: inline-block; border:2px solid #428BCA; border-radius: 100%; box-shadow:0px 8px 19px -2px #ccc; background:#fff; padding: 3px; } div.item-data div.item-icon div.profile a.js-anchor span.js-border { position: relative; border-radius: 100%; display: inline-block; width: 100%; height: 100%; border:1px solid #dedede; overflow: hidden; } div.item-data div.item-icon div.profile a.js-anchor span img { max-width: 100%; max-height: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; } div#jslearnmanageradmin-wrapper span.role-student { display: inline-block; padding: 2px 4px; background-color: #343538; color: #ffffff; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 11px; } div#jslearnmanageradmin-wrapper span.role-instructor { display: inline-block; padding: 2px 4px; background-color: #41a7da; color: #ffffff; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 11px; } div.item-data div.item-title { float: left; padding:15px 0 5px 1px; font-weight:bold; border-bottom:2px solid #dedede; display: inline-block; } div.item-data div.message-title { padding:11px 0 7px 40px; } div.item-data div.item-title span.heading { float: left; } div.item-data div.item-title span.value { font-size:15px; color:#428BCA; padding: 0px 0px 0px 5px; display:inline-block; max-width: 61%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } div.item-data div.item-title span.value a { text-decoration:none; } div.item-data div.item-title span.badge { margin-left:5px; padding:1px 5px; border-radius:5px; font-size:12px; } div.item-data div.item-title span.gold { background:#CC9900; padding: 1px 2px; border-radius: 4px; color: white; } div.item-data div.item-title span.featured { background:#428BCA; color: white; } div.item-data div div.item-values { padding:9px 0; font-weight:bold; } div#item-actions div.item-values { float:right; text-align: right; } div.item-data div div.msg-values { padding:9px 30px; } div.item-data div div.item-values span.heading { color:#23282D; } div.item-data div div.item-values span.value { font-size:15px; color:#64676A; padding-left:5px; font-weight:normal; } div.item-data div div.item-values span.url { font-size:13px; color:#64676a; padding-left:5px; } div.item-data div.badges { margin-top:15px; } div.item-data div.status span#comp_wait { background:#6E2C90; padding:1px 10px 4px 2px; margin-top: 50px; } div.item-data div.status span.flag { display:inline-block; font-weight:bold; float:right; margin-left:30px; color:#ffffff; } div.item-data div.status { display: inline-block; width: 25%; text-align: right; } div.item-data div.approved-badge { background:url('../images/approved-corner.png') no-repeat; background-position:1px 0px; width:89px; height:21px; position:absolute; text-align:right; display:inline; margin-left:-15px; } div.item-data div.rejected-badge { background:url('../images/rejected-cornor.png') no-repeat; background-position:1px 0px; width:83px; height:21px; position:absolute; text-align:right; display:inline; margin-left:-9px; } div.item-data div.pending-badge { background:url('../images/pending-corner.png') no-repeat; background-position:1px 0px; width:81px; height:21px; position:absolute; text-align:right; display:inline; margin-left:-7px; } div.item-data div.approved-badge-q { width:91px; height:25px; position:absolute; text-align:right; display:inline; margin-left:-17px; } div.item-data div.rejected-badge-q { width:84px; height:25px; position:absolute; text-align:right; display:inline; margin-left:-10px; } div.item-data div.pending-badge-q { width:81px; height:25px; position:absolute; text-align:right; display:inline; margin-left:-7px; } div.item-data div.msg-badge { position:absolute; right:0; top:-2px; } div.item-data div.badges span.approved { background:#99D000; padding:0px 10px 4px 2px; font-weight: bold; color: #ffffff; } div.item-data div.badges span.rejected { background:#E22828; padding:0px 10px 4px 4px; font-weight: bold; color: #ffffff; } div.item-data div.badges span.pending { background:#FEA702; padding:0px 10px 4px 2px; font-weight: bold; color: #ffffff; } div.item-actions { padding:10px; border:1px solid #ccc; width:100%; background:#F8F8F8; text-align:right; display: inline-block; margin-bottom: -4px; } div.item-actions div a.js-action-link.button { background:#FFFFFF; color:#333333; display:inline-block; min-width:80px; margin-right:5px; text-align:center; text-decoration:none; border-width:1px; height:32px; padding-top:3px; margin-bottom:5px; float: right; } div.item-actions div a.js-action-link.button:hover { border:1px solid rgb(78, 140, 245); } div.item-actions div a img { padding-right:5px; width:23px; padding-bottom:4px; } div.item-actions div span.heading { float:left; font-weight:bold; margin-top:7px; } div.item-actions div span.item-action-text { float:left; padding-left:10px; font-size:14px; color:#64676A; margin-top:7px; } /* Error Container */ div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper { display:inline-block; width:90%; margin:10px 5%; border: 1px solid #41a7da; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 span.jslm_img { border: 1px solid #41a7da; box-shadow: 0px 0px 5px #777777; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 span.jslm_message-text { background-color: #41a7da; box-shadow: 0px 0px 5px #777777; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message1 { display:inline-block; height: 70px; width: 100%; background: #ffffff; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message1 span { margin-top: 2.5%; display: inline-block; width: 100%; padding-left: 22%; font-weight: bold; font-size:35px; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 { width:100%; display: inline-block; position: relative; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_footer { width:100%; display:inline-block; float:left; height:80px; text-align: right; margin-top: 10px; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 span.jslm_img { height: 145px; width: 18%; background: white; position: absolute; left: 20px; top: -50px; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 span.jslm_img img { display: block; max-height: 90px; max-width: 95%; margin: auto; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_message2 span.jslm_message-text { width: 100%; display: inline-block; padding:10px 0px; padding-left:22%; color:#ffffff; font-size:20px; font-weight: bold; } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_footer { border-top: 1px solid #cdcdcd } div#jslearnmanageradmin-wrapper div.js_lms_error_messages_wrapper div.jslm_footer a { padding: 8px; margin: 15px 20px 0px 0px; display: inline-block; text-decoration: none; background:#f0f0f0; border:1px solid #d6d6d7; color:#403d3e; } /*********************/ div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap { } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap form.jslearnmanager-form { float: left; width:100%; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap.jslm_profile-form { padding: 0 15px 20px 0; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap form div.jslm_js-form-wrapper { float: left; width:61%; text-align: center; margin-top: 20px; } /* Forms */ form#jslearnmanager-form { display:table; display: inline-block; width: inherit; margin-top: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper { padding:5px 10px; } div.jslm_js-field-wrapper:after { display: block; content: ""; clear: both; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-title { text-align:right; padding:11px 20px; } form#jslearnmanager-form div.jslm_js-field-wrapper font.required-notifier { color:red; font-size:15px; position:relative; top:2px; left:8px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj { padding-left:10px; padding-top: 5px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj span.jslm_note { width: 100%; float: left; font-size: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj input#isdiscount1 { margin:7px 0px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj input[type="file"] { padding-left:5px; /*border:1px solid #ccc; background:#fff;*/ } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj label { padding-right:20px; padding-left:1px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj span.logo-name { padding-left:5px; border:1px solid #ccc; background:#fff; width:188px; height:28px; display:inline-block; padding-top:3px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj span.remove-file { left:-33px; position:relative; border:1px solid #ccc; padding:0px 2px 2px 3px; border-radius:3px; background:#ededed; cursor:pointer; } form#jslearnmanager-form div.jslm_js-field-wrapper input.jslm_price{ margin-left: 10px; height: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#discount_checkbox{ border: 1px solid #ccc; background: #fff; margin-top: 5px; padding: 0px 10px; height: 30px; margin-left: 3px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#discount_type { padding-left: 5px; padding-top: 3px; width: 24%; } form#jslearnmanager-form div.jslm_js-field-wrapper div#discount_amount { padding-left: 3px; padding-top: 3px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#discount_amount input#discount_price { height: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper select#discounttype{ height: 30px; width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj select#currency{ height: 30px; width: 100%; } form#jslearnmanager-form div.jslm_js-submit-container { text-align: center; border-top: 2px solid #428BCA; padding-top: 20px; margin-top: 10px; } form#jslearnmanager-form div.jslm_js-submit-container a#form-cancel-button { text-decoration: none; padding:4px 10px; display:inline-block; border-radius: 3px; background:#E7E7E7; border:1px solid #D0D0D0; color:#34393E; } form#jslearnmanager-form div.jslm_js-submit-container input { background: #41A7DA; border:1px solid #2089BC; color: #fff; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper { float: left; width:100%; margin:0px; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj.jslm_js-field-obj-username { width: 27%; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-field-wrap { float: left; width:35%; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-logo-wrap { float: left; width:65%; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-logo-wrap div.jslm_js-logo-img { width: 70px; height: 70px; float: left; border: 1px solid #CCCCCC; position:relative; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-logo-wrap div.jslm_js-logo-img img#jslm_js-logoimg { max-width: 100%; margin:auto; left: 0px; bottom: 0px; top: 0px; right: 0px; position:absolute; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-logo-wrap div.jslm_js-logo-img img#jslm_js-deletelogo { max-width: 100%; margin:auto; left: 0px; bottom: 0px; top: 0px; right: 0px; position:absolute; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-logo-wrap div.jslm_js-logo-img div.jslm_profile-profileimg-overlay { max-width: 100%; margin:auto; left: 0px; bottom: 0px; top: 0px; right: 0px; position:absolute; height: 100%; background: #000; opacity: 0.6; display:inline-block; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-field-obj-field { width: 30%; float: left; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-field-obj-text { width: 70%; float: left; padding: 3px 0 0 0; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-field-obj-text div.jslm_txt { float: left; padding: 2px 0 0 0; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_js-field-obj-text span.jslm_get-txt-2 { font-weight: bold; display: inline-block; padding: 2px 0 0 20px; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-submit-container { /*float: left; width:100%; margin-top:20px; text-align: center; padding: 0 30px;*/ } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-submit-container div.jslm_js-button-container { /*float: left; width:100%; text-align: center; border-top:1px solid #CCCCCC; padding: 12px 0 0;*/ } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-title { /*float: left;*/ /*width:30%;*/ text-align: right; padding-right:20px; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper div.jslm_js-field-obj { /* float: left; width:70%;*/ } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-submit-container div.jslm_js-button-container a#jslm_form-cancel-button { text-decoration: none; padding:4px 10px; display:inline-block; border-radius: 3px; background:#E7E7E7; border:1px solid #D0D0D0; color:#34393E; } div#jslearnmanageradmin-wrapper div.jslearnmanager-form-wrap div.jslm_js-field-wrapper font.jslm_required-notifier { color:red; font-size:15px; position:relative; top:2px; left:8px; } div#jslearnmanageradmin-wrapper table#jslm_js-table { width:100%; color:#fff; font-size:14px; border-spacing:0px 4px; margin-bottom: 5px; } table.tbl { margin-top: 0px; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th { border:1px solid #aaa; background:#2a2d30; padding:6px 0px 5px 5px; font-weight:bold; text-align:center; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_grid { width:35px; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_ordering { width:100px; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_grid span.jslm_check-all-span { display:none; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr th.jslm_grid span.jslm_check-all-span { display:none; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_left-row { text-align:left; padding-left:13px; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_centered { width:100px; } div#jslearnmanageradmin-wrapper table#jslm_js-table thead tr th.jslm_action { width:140px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td { color:#444; background:#ffffff; border:1px solid #aaa; border-right:none; padding:8px; text-align:center; position: relative; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td.jslm_section-header { color:#FFF; background:#0073AA; text-align:left; font-weight:bold; } div#jslearnmanageradmin-wrapper table#jslm_js-table .jslm_left-align-text { text-align:left; } div#jslearnmanageradmin-wrapper table#jslm_js-table #jslm_center-align-text { text-align:center ; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td a { text-decoration:none; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td a img { position:relative; top:-2px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td img { position:relative; top:-3px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td:last-child { border-right:1px solid #aaa; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td.jslm_left-row { text-align:left; padding-left:13px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr td.jslm_action a img { position:relative; height: 20px; vertical-align:middle; top: 0px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_single-col-row td:last-child { border-left:none; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_single-col-row td a { float:right; padding-right:10px; text-align:center; font-size:11px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_gold-row { background: #F9F5E7; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_featured-row { background: #CFEBFC; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_gold-row td { background: none; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody tr.jslm_featured-row td { background: none; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper { float: left; width: 100%; border: 1px solid lightgrey; margin-bottom: 20px; margin-top: 20px; } div.performance-graph { float: left; width: 100%; } i.jslm-gross { color: #FFC300; margin-right: 2px; } i.jslm-net { color: #0A9955; margin-right: 2px; } div.jslm_left_heading_padding { padding: 10px !important; ; } span.jslm_reports_heading { font-weight: 600; font-size: 16px; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top { float: left; width: 100%; border-bottom: 1px solid lightgrey; background: url('../images/normal-button.png') top left; background-size: 100% 100%; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-left { float: left; width: 60%; padding: 20px 15px; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-left span.jslm-date { display: inline-block; width: 100%; color: lightslategrey; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-left span.jslm-date img { vertical-align:bottom; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-right { float: left; width: 40%; padding: 17px 0px; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-right span.jslm-gross { float: left; width: 60%; text-align: right; font-weight: 600; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-right span.jslm-gross span.jslm-gross-total { padding-left: 8px; display: inline-block; font-size: 25px; color: #FFC300; vertical-align: middle; line-height: initial; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-right span.jslm-net { float: left; width: 40%; padding-left: 20px; font-weight: 600; } div#jslearnmanageradmin-wrapper div.jslm-graph-wrapper div.jslm-graph-top div.jslm-right span.jslm-net span.jslm-net-total { padding-left: 8px; display: inline-block; font-size: 25px; color: #0A9955; vertical-align: middle; line-height: initial; } /* LeftMenu Slider */ div.menu-collasped-active div#js-tk-leftmenu { width: 260px; transition: all 500ms; } div#jslearnmanageradmin-leftmenu { width: 60px; display: inline-block; background: #ffffff; position: absolute; left: 0; min-height: 100%; z-index: 2; box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2); transition: all 500ms; } div.menu-collasped-active div#jslearnmanageradmin-leftmenu { width: 245px; transition: all 500ms; } div#jslearnmanageradmin-data { width: 100%; float: left; background-color: #eff3f9; display: inline-block; padding-left: 70px; padding-right: 10px; position: relative; transition-property: all; transition-duration: 500ms; transition-timing-function: ease; transition-delay: 0s; } div#jslearnmanageradmin-wrapper-top { float: left; width: 100%; padding: 10px; position: relative; background: #1578e8; box-shadow: 0 1px 5px 0px rgba(0,0,0,0.6); } div#jslearnmanageradmin-wrapper-top-left { float: left; } div#jslearnmanageradmin-breadcrunbs { float: left; } div#jslearnmanageradmin-breadcrunbs ul { padding: 7px 0; margin: 0; } div#jslearnmanageradmin-breadcrunbs ul li { display: inline-block; margin: 0; color: #fff; text-transform: capitalize; } div#jslearnmanageradmin-breadcrunbs ul li:first-child::before { display: none; } div#jslearnmanageradmin-breadcrunbs ul li::before { padding: 0; color: #fff; content: "/\00a0"; } div#jslearnmanageradmin-breadcrunbs ul li a { text-decoration: none; color: #fff; } div#jslearnmanageradmin-wrapper-top-right { float: right; } div#jslearnmanageradmin-vers-txt { float: left; background: #1d56aa; color: #fff; padding: 9px 20px; border-radius: 5px; } div#jslearnmanageradmin-help-txt { float: left; background: #1d56aa; color: #fff; padding: 7px 7px 8px; border-radius: 5px; margin: 0px 5px; } div.menu-collasped-active div#jslearnmanageradmin-data { padding-left: 255px; transition: all 500ms; } div#jslearnmanageradmin-data div.jslm_updated,div#jslearnmanageradmin-data div.jslm_error,div#jslearnmanageradmin-data div.jslm_update-nag { margin:0px; margin-bottom: 5px; } div#jslearnmanageradmin-logo { float: left; width: 100%; padding: 5px 10px; background: #1572e8; position: relative; height: 60px; } div#jslearnmanageradmin-logo a{ float: left; } div#jslearnmanageradmin-leftmenu div#jslearnmanageradmin-logo a.jsst-anchor { display: none; opacity: 0; transition: all 500ms; } div.menu-collasped-active div#jslearnmanageradmin-leftmenu div#jslearnmanageradmin-logo a.jsst-anchor { display: inline-block; opacity: 1; width: calc(100% - 43px); } div#jslearnmanageradmin-logo img#jslearnmanageradmin-menu-toggle { float: right; padding: 5px; cursor: pointer; margin: 10px 5px; width: 32px; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links { width: 100%; float: left; margin: 0; padding: 0; padding-bottom: 0px; padding-bottom: 35px; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink { position: relative; display: inline-block; width: 100%; color: #001738; font-size: 14px; font-weight: 400; text-transform: capitalize; text-decoration: none; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.js-icon-left, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left { position: relative; display: inline-block; width: 100%; padding: 0 15px; color: #001738; font-size: 14px; font-weight: 400; text-transform: capitalize; height: 45px; line-height: 45px; text-decoration: none; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.js-icon-left, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left { display: inline-block; position: relative; border-left: 3px solid transparent; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink.active a.js-icon-left { color: #1572e8; background-color: transparent; border-left: 3px solid #1572e8; box-shadow: unset; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink.disabled-menu a.js-icon-left:hover, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left:hover { border-left: 3px solid transparent; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.js-icon-left:hover, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left:hover { color: #1572e8; background-color: transparent; border-left: 3px solid #1572e8; box-shadow: unset; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink img, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left img { display: inline-block; position: absolute; top: 9px; } div#jslearnmanageradmin-leftmenu .disabled-menu { color: #c0c0c0 !important; cursor: auto; } div.menu-collasped-active div#jslearnmanageradmin-leftmenu a.jslm_js-install-btn { visibility: visible; opacity: 1; } div#jslearnmanageradmin-leftmenu a.jslm_js-install-btn { visibility: hidden; opacity: 0; position: absolute; top: 14px; right: 20px; display: inline-block; font-size: 13px; } div#jslearnmanageradmin-leftmenu a.jslm_js-install-btn.jslm_js-install-btn1 { top: auto; bottom: 22px !important; visibility: visible; opacity: 1; } div#jslearnmanageradmin-leftmenu a.jslm_js-install-btn { float: right; color: #1572e8; } div#jslearnmanageradmin-leftmenu div#jslearnmanageradmin-menu-links .jslm_js-divlink .jslm_js-parent { /* background: none repeat scroll 0 0 #ffffff; display: inline-block; float: right; height: 40px; padding: 0px 10px; text-decoration: none; width: 199px; position: absolute; top: 0; right: 0;*/ } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink .jslm_js-parent, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink a.js-icon-left span.jslm_text { display: inline-block; vertical-align: middle; width: calc(100% - 35px); padding-left: 35px; } div#jslearnmanageradmin-leftmenu span.jslm_text.jslm_js-parent { visibility: hidden; opacity: 0; position: absolute; text-align: unset; font-size: 14px; color: #2b2b2b; font-weight: normal; } div.menu-collasped-active div#jslearnmanageradmin-leftmenu span.jslm_text { visibility: visible; opacity: 1; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink ul.jslm_js-innerlink, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink ul.jslm_js-innerlink { margin: 5px 0 5px 30px; text-decoration: none; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink.menu-open ul.jslm_js-innerlink { display: inline-block; } div#jslearnmanageradmin-wrapper:not(.menu-collasped-active) div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink ul.jslm_js-innerlink { display: none !important; } div#jslearnmanageradmin-wrapper:not(.menu-collasped-active) div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink:hover ul.jslm_js-innerlink { display: block !important; background: #fff; width: 220px; position: absolute; top: 10px; left: 60px; box-shadow: 5px 5px 30px rgba(0,0,0,0.2); transition: all 500ms; padding: 5px 5px 10px; margin: 0; } div#jslearnmanageradmin-wrapper:not(.menu-collasped-active) div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink:hover ul.jslm_js-ulerlink:before { content: ''; display: block; position: absolute; top: 10px; left: -5px; height: 10px; width: 10px; background: rgba(159, 160, 162, 0.8); transform: rotate(45deg); z-index: -1; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.jslm_js-parent,a.jslm_js-parent2 { background: none repeat scroll 0 0 #21252d; display: none; float: right; height: 40px; padding: 0px 10px; text-decoration:none; width:215px; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.jslm_js-parent span.jslm_text,a.jslm_js-parent2 span.jslm_text { color: #acaeb2; float: right; font-size: 15px; height: 40px; width:100%; border-bottom: 2px solid #242831; line-height: 40px; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.jslm_js-parent span.jslm_text:hover { color: #ffffff; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links .jslm_js-divlink a.jslm_js-parent span.jslm_text img { float: right; width: auto; height: auto; padding-top: 9px; margin-right:-5px; position: static; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links ul.jslm_js-innerlink a.jslm_js-child { display: none; } .jslm_position{ position: relative; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links ul.jslm_js-innerlink a.jslm_js-child { font-size: 13px; height: 35px; line-height: 35px; text-decoration: none; box-shadow: unset; display: inline-block !important; position: relative; display: inline-block; width: 100%; padding: 0 15px; color: #001738; font-size: 14px; font-weight: 400; text-transform: capitalize; height: 45px;line-height: 45px; border-left: 3px solid transparent; text-decoration: none; background-color: #fff; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links ul.jslm_js-innerlink li.jslm_js-child.active a.jslm_text { color: #1572e8; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links ul.jslm_js-innerlink li.jslm_js-child a.jslm_text, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink ul.jslm_js-innerlink li.jslm_js-child a.jslm_text { display: block; font-size: 13px; font-weight: normal; color: #2b2b2b; line-height: 35px; text-align: left; text-decoration: none; padding: 0 0 0 20px; } div#jslearnmanageradmin-leftmenu ul.jslearnmanageradmin-menu-links ul.jslm_js-innerlink li.jslm_js-child a.jslm_text:hover, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink ul.jslm_js-innerlink li.jslm_js-child a.jslm_text:hover { color: #1572e8; } div#jslearnmanageradmin-wrapper div.jslm_dashboard { float: left; width: 100%; background: url(../../includes/images/cp/new-icons/bg.jpg) repeat center; padding: 40px 25px 70px; color: #fff; background-size: cover; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_heading-dashboard { color: #fff; font-size: 36px; line-height: initial; float: left; margin: 0; font-weight: 600; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon { position: absolute; top:4px; right:5px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span { float:left; color:#ffffff; padding:1px 10px; cursor: pointer; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span.jslm_orange { background: url(../images/orange.png); } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span.jslm_red { background: url(../images/red.png); } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span.jslm_green { background: url(../images/green.png); } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span img { float:left; padding:5px 0px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span span { display: none; font-weight: bold; } div#jslearnmanageradmin-wrapper div.jslm_dashboard span.jslm_dashboard-icon span.jslms-version-changes-popup img{ padding: 0px 8px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup{ width: 45%; position: absolute; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data{ float: left; width: 100%; padding: 12px 20px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title{ float: left; width: 100%; padding: 2px 5px; color: #fff; font-size: 22px; } .jslms-small-icon-circle{position: absolute;height: 20px;width: 20px;top: -10px;right: 15px;background: #F0931C;z-index: 999;display: inline-block !important;border-radius: 50%; padding: 0px !important;-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;} div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title.version_count_num_1{ background-color: #3E4095; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title.version_count_num_2{ background-color: #00A859; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title.version_count_num_3{ background-color: #A9518A; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title.version_count_num_4{ background-color: #84716B; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-changes-popup-version-title.version_count_num_5{ background-color: #52658D; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-change-wrapper{ width: 100%; float: left; padding: 10px 12px; line-height: initial; border-bottom: 1px solid #F3F3F3; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-change-wrapper div.jslms-version-changes-popup-changes{ float: left; width: 100%; border-left: 3px solid #F57B2C; padding: 5px 10px; font-size: 16px; line-height: 24px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.jslms-version-changes-popup-data div.jslms-version-change-wrapper div.jslms-version-changes-popup-changes img{ float: right; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.version-change-popup-button-wrapper{ float: left; width: 100%; padding:12px; } div#jslearnmanageradmin-wrapper div.jslm_dashboard div.jslms-version-changes-popup div.version-change-popup-button-wrapper a.version-change-popup-first-button{ background-color: #41A6DA; padding: 12px; text-decoration: none; color: white; font-size: 16px; } /*Dashboard Right Side*/ div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper { width: calc(100% - 40px); float: left; margin: -35px 20px 0; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 { float:left; width:100%; padding: 0px 0px 30px 0px; } div.jslm_cp-cnt-sec { float: left; width: 100%; margin-top: 5px; padding: 0 5px; } .jslm_cp-baner-left { width: 52%; float: left; margin-bottom: 20px; background: url('../../includes/images/cp/new-icons/ad-ons-bg.png') no-repeat; background-size: 100% 100%; } .jslm_cp-baner-left div.jslm_cp-baner { position: relative; float: left; width: 100%; padding: 35px 25px 20px; min-height: 196px; } div.menu-collasped-active .jslm_cp-baner-left div.jslm_cp-baner { /* padding: 20px 20px 15px; */ } .jslm_cp-baner-left img.addons-background { position: absolute; right: 0; height: 100%; width: 100%; top: 0px; bottom: 0; z-index: 0; } div.jslm_cp-baner div.jslm_cp-baner-cnt { float: left; width: 60%; color: #fff; /* position: relative; */ z-index: 1; text-transform: capitalize; } div.jslm_cp-baner div.jslm_cp-baner-cnt div.jslm_cp-banner-tit-bold { font-size: 32px; line-height: initial; margin-bottom: 15px; } div.jslm_cp-baner div.jslm_cp-baner-cnt div.jslm_cp-banner-desc { margin-bottom: 15px; line-height: 1.6; font-size: 14px; } div.jslm_cp-baner-left div.jslm_cp-baner div.jslm_cp-baner-cnt div.jslm_cp-banner-btn-wrp a.jslm_cp-banner-btn { background: #FFFF00; color: #2b2b2b; font-size: 14px; box-shadow: none !important; } div.jslm_cp-baner-left div.jslm_cp-baner div.jslm_cp-baner-cnt div.jslm_cp-banner-btn-wrp a.jslm_cp-banner-btn:hover { background: #e5e500; } div.jslm_cp-baner div.jslm_cp-baner-cnt div.jslm_cp-banner-btn-wrp a.jslm_cp-banner-btn { display: inline-block; padding: 10px; text-align: center; text-decoration: none; min-width: 130px; margin-top: 15px; position: absolute; bottom: 15px; } .jslm_cp-baner-left div.jslm_cp-baner img.jslm_cp-baner-img { position: absolute; right: 0px; z-index: 0; width: 200px; height: 100%; top: 0; bottom: 0; } .jslm_cp-baner-center { width: calc(48%/2 - 15px); float: left; margin-left: 15px; margin-bottom: 20px; background: url('../../includes/images/cp/new-icons/course-bg.png') no-repeat; background-size: 100% 100%; } .jslm_cp-baner-center div.jslm_cp-baner { padding-top: 20px; padding-bottom: 20px; position: relative; float: left; width: 100%; min-height: 196px; } .jslm_cp-baner-center div.jslm_cp-baner img.course-background { position: absolute; right: 0; height: 100%; width: 100%; top: 0px; bottom: 0; z-index: 0; } .jslm_cp-baner-center div.jslm_cp-baner a.course-main-wrp { float: left; width: 100%; color: #fff; position: relative; z-index: 1; text-transform: capitalize; } .jslm_cp-baner-center div.jslm_cp-baner a.course-main-wrp div.Configuration-upper { float: left; width: 100%; padding-top: 20px; text-align: center; } .jslm_cp-baner-center div.jslm_cp-baner a.course-main-wrp img { width: 120px; height: 80px; } div.jslm_cp-baner-center div.jslm_cp-baner a.course-main-wrp div.Configuration-lower { color: #ffffff; text-align: center; font-size: 22px; font-weight: 400; padding: 19px 0px 19px; float: left; width: 100%; } .jslm_cp-baner-right { width: calc(48%/2 - 15px); float: left; margin-left: 15px; margin-bottom: 20px; background: url('../../includes/images/cp/new-icons/config-bg.png') no-repeat; background-size: 100% 100%; } .jslm_cp-baner-right div.jslm_cp-baner { padding-top: 20px; padding-bottom: 20px; position: relative; float: left; width: 100%; min-height: 196px; } .jslm_cp-baner-right div.jslm_cp-baner img.configuration-background { position: absolute; right: 0; height: 100%; width: 100%; top: 0px; bottom: 0; z-index: 0; } .jslm_cp-baner-right div.jslm_cp-baner a.configuration-main-wrp { float: left; width: 100%; color: #fff; position: relative; z-index: 1; text-transform: capitalize; } .jslm_cp-baner-right div.jslm_cp-baner a.configuration-main-wrp img { width: 120px; height: 80px; } .jslm_cp-baner-right div.jslm_cp-baner a.configuration-main-wrp div.Configuration-upper { float: left; width: 100%; padding-top: 20px; text-align: center; } .jslm_cp-baner-right div.jslm_cp-baner a.configuration-main-wrp div.Configuration-lower { color: #ffffff; text-align: center; font-size: 22px; font-weight: 400; padding: 19px 0px 19px; float: left; width: 100%; } .jslm_cp-baner-right div.jslm_cp-baner a.Configuration-main-wrp img { width: 120px; height: 80px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box { width: calc(100% / 4 - 10px); margin: 0px 5px; border: 2px solid #F1F1F1; color: #ffffff; padding: 24px 10px; font-size: 16px; background: #ffffff; display: inline-block; float: left; position: relative; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box.jslm_box1 { background: url(../images/cp/new-icons/pink.png) repeat center; background-size: contain; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box.jslm_box2 { background: url(../images/cp/new-icons/purpal.png) repeat center; background-size: contain; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box.jslm_box3 { background: url(../images/cp/new-icons/green.png) repeat center; background-size: contain; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box.jslm_box4 { background: url(../images/cp/new-icons/orange.png) repeat center; background-size: contain; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_no_border_radius { border-radius: 0; padding: 20px; border: 1px solid lightgrey; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box img { float:left; position: absolute; top: 0; left: 0; height: 100%; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box div.jslm_text { width:calc(100% - 100px - 10px); margin-left:110px; float:left; padding-top: 5px; margin-bottom: 5px; } div#jslearnmanageradmin-wrapper.menu-collasped-active div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box div.jslm_text { width:calc(100% - 100px); margin-left:100px !important; /* overflow: hidden; */ } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box div.jslm_text div.jslm_bold-text { font-size: 40px; font-weight: bold; line-height: initial; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_count1 div.jslm_box div.jslm_text div.jslm_nonbold-text { font-size: 14px; white-space: nowrap; text-transform: capitalize; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_newestnews { display: inline-block; width: 100%; color: #333333; float: left; margin-bottom: 30px; padding: 5px; } div.jslm-cp-cnt-left { float: left; width: 70%; padding-right: 20px; } div.jslm-cp-cnt { float: left; width: 100%; background: #fff; border: 1px solid #ebecec; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); } div#jslm-tk-cparea div#jslm_graph-area { float: left; width: 100%; text-align: center; background-color: #99B2FF; border: 2px solid #cccccc; } div.jslm-cp-cnt div#jslm_graph-area { padding: 10px; background: none !important; border: none !important; } div.jslm-cp-cnt-right { float: left; width: 30%; } div.jslm-cp-cnt-title { float: left; width: 100%; padding: 20px; border-bottom: 1px solid #ebecec; } div.jslm-cp-cnt-title span.jslm-cp-cnt-title-txt { float: left; line-height: initial; color: #23282d; font-size: 20px; } div#jslm-wrapper-menus { float: left; width: 100%; padding: 10px; } div#jslm-wrapper-menus a.jslm-mnu-area:first-child { padding-top: 0; } div#jslm-wrapper-menus a.jslm-mnu-area:hover { color: #1572e8; } div#jslm-wrapper-menus a.jslm-mnu-area { float: left; width: 100%; padding: 10px 0; padding-top: 10px; border-bottom: 1px solid #ebecec; color: #23282d; position: relative; text-decoration: none; } div#jslm-wrapper-menus a.jslm-mnu-area div.jslm-mnu-icon { display: inline-block; } div#jslm-wrapper-menus a.jslm-mnu-area img { display: inline-block; margin-right: 5px; } div#jslm-wrapper-menus a.jslm-mnu-area div.jslm-mnu-text { display: inline-block; margin-left: -5px; width: 60%; vertical-align: middle; } div#jslm-wrapper-menus a.jslm-mnu-area:first-child div.jslm-mnu-arrowicon { top: 2px; } div#jslm-wrapper-menus a.jslm-mnu-area div.jslm-mnu-arrowicon { position: absolute; top: 12px; right: 12px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_newestnews span.jslm_header { float: left; width: 100%; padding: 20px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; background: none; font-size: 20px; font-weight: normal; color: #23282d; border-bottom: 1px solid #ebecec; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_newestnews div.jslm_performance-graph { display: inline-block; width: 100%; border:1px solid #d4d4d5; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_main-heading { background: #353639; display: inline-block; width: 100%; float: left; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_main-heading span.jslm_text { color: #ffffff; font-size: 16px; padding: 8px; width: 80%; float: left; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_main-heading span.jslm_showmore { width: 20%; text-align: left; display: inline-block; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_main-heading span.jslm_showmore a.jslm_img { display: inline-block; background: #4279BD; text-decoration: none; width: 85%; color: #ffffff; font-size: 14px; padding: 5px; display: inline-block; text-align: center; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_main-heading span.jslm_showmore a.jslm_img img { display: inline-block; margin-right: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_box-wrapper { float:left; width:100%; border-bottom: 2px solid #f1f1f1; padding: 7px 0 15px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_box-wrapper a.jslm_box { text-decoration: none; color: #757575; margin: 0px 5px; width: calc(100% / 7 - 10px); height: 130px; border: 1px solid #E9E9E9; color:#85868D; padding: 13px; font-size: 16px; background: #ffffff; display: inline-block; text-align: center; margin-bottom: 10px; float: left; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_box-wrapper a.jslm_box:hover { border:1px solid #CCCCCC; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_box-wrapper a.jslm_box div.jslm_text { margin-top:20px; white-space: nowrap; font-size:13px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review { border:1px solid #E7E7E7; color: #373435; display: inline-block; width: calc(100% - 10px); margin: 30px 5px 0 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_upper { background: #ffffff; width: 100%; height: 75px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_upper div.jslm_imgs { display: inline-block; position: relative; width: 25%; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_upper div.jslm_imgs img.jslm_reviewpic { left: 20px; top:-61px; position: absolute; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_upper div.jslm_imgs img.jslm_reviewpic2 { left: 115px; top:-57px; position: absolute; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_lower { background: #FF9000; border-top: 5px solid #E7E7E7; width: 100%; height: 17px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_text { display: inline-block; margin-top: 10px; width: 45%; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_text span.jslm_nobold { display: inline-block; font-size: 16px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_text span.jslm_bold { display: inline-block; font-size: 16px; font-weight: bold; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_text a { display: inline-block; text-decoration: none; margin-top: 10px; background: url('../images/btn.png') 100% 100%; border-radius: 5px; padding: 7px; color: #ffffff; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_text a img { margin-left: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_right { display: inline-block; position: relative; } div#jslearnmanageradmin-wrapper div#jslearnmanager-admin-wrapper div.jslm_review div.jslm_right { display: inline-block; position: absolute; right: 41px; } /* users listing */ div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap.jslearnmanager-viewprofile-page { margin-top: 15px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap.jslearnmanager-viewprofile-page { margin-bottom: 0px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap { width: 100%; float: left; border: 1px solid #D3D3D3; margin-bottom:10px; position: relative; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap:first-child { margin-top:25px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-limage { position: absolute; top: 11px; left: 25px; border:1px solid #D3D3D3; background: #FFFFFF; height: 86px; width: 86px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-limage img { bottom: 0; height: auto; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: auto; max-width: 100%; height: 100%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap { width: 100%; float: left; border-bottom: 1px solid #D3D3D3; background-color:#FFFFFF; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading-wrap { width: 100%; float: left; padding: 0px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading { width: 100%; float: left; border-bottom: 1px solid #D3D3D3; padding: 8px 0 8px 125px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span#jslearnmanager-user-listing-heading-name { width: 50%; float: left; padding: 8px 0 0 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span#jslearnmanager-user-listing-heading-name a { text-decoration: none; font-weight: bold; font-size: 14px } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right { width: 50%; float: left; padding-right: 15px; text-align: right; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-heading-status { border: 1px solid #d3d3d3; display: inline-block; padding: 6px 12px; margin-right: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-heading-status.jslm_active { color: #2DB876; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-heading-status.jslm_disabled { color: #F05459; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-smedia-wrap { display: inline-block; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-smedia-wrap a.jslearnmanager-user-listing-smedia-links { display: inline-block; margin: 1px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-heading span.jslearnmanager-user-listing-right span.jslearnmanager-user-listing-smedia-wrap a.jslearnmanager-user-listing-smedia-links img { vertical-align: middle; width: 30px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap { width: 100%; float: left; padding: 13px 15px 13px 125px; background: #fafafa; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-left { float: left; width: 70%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-left span.jslearnmanager-user-listing-data { width: 46%; float: left; padding: 7px 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-left span.jslearnmanager-user-listing-data span.jslearnmanager-user-listing-data-title { float: left; display: inline-block; font-weight: bold; padding: 0 4px 0 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-left span.jslearnmanager-user-listing-data span.jslearnmanager-user-listing-data-value { float: left; display: inline-block; color: #64676A; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-right { float: left; width: 30%; text-align: right; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-top-wrap div#jslearnmanager-user-listing-data-wrap div.jslearnmanager-user-listing-right a.jslearnmanager-user-listing-viewBtn { display: inline-block; border:1px solid #d3d3d3; padding: 7px 12px; text-decoration: none; color: #64676a; background: #ffffff; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap { width: 100%; float: left; padding: 10px 10px; background-color:#F8F8F8; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-created { width: 50%; float: left; padding: 5px 0 0 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-created span.jslearnmanager-user-listing-created-title { float: left; display: inline-block; font-weight: bold; padding: 0 4px 0 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-created span.jslearnmanager-user-listing-created-value { float: left; display: inline-block; color:#64676A; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action-wrap { width: 50%; float: left; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action { float:right; display: inline-block; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action a { margin-right:4px; padding: 3px 7px; float:left; display: inline-block; text-decoration: none; border: 1px solid #D3D3D3; color:#32373C; border-radius: 3px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action a img { float:left; display: inline-block; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action a span.jslearnmanager-user-listing-action-edit { padding: 0.5px 0 0 3px; float:left; display: inline-block; color: #32373C; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-user-listing-wrap div#jslearnmanager-user-listing-bottom-wrap div.jslearnmanager-user-listing-action a span.jslearnmanager-user-listing-action-delete { padding: 0.5px 0 0 3px; float:left; display: inline-block; color: #32373C; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanager-profileview-subhead { float: left; width: 100%; padding: 13px 15px; border:1px solid #D3D3D3; border-left: 4px solid #0073AA; font-size: 16px; font-weight: bold; background: #fafafa none repeat scroll 0 0; margin: 15px 0px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-profileview-subhead-description { float: left; width: 100%; padding: 13px 15px; border:1px solid #D3D3D3; font-size: 13px; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-profileview-subhead-map { float: left; width: 100%; border:1px solid #D3D3D3; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-profileview-subhead-video { float: left; width: 100%; border:1px solid #D3D3D3; background: #FFFFFF; padding: 15px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a#jslearnmanager-profileview-button { float: left; width: 100%; padding: 11px 15px; border:1px solid #D3D3D3; font-size: 14px; font-weight: bold; background: #0073A1; color: #ffffff; text-align: center; text-decoration: none; margin-top: 15px; border-radius: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#jslearnmanager-formuser-admin { float: left; margin: 0 4px 5px; width: 200px; } /* Configurations *//*due to conflict*/ .jslm_tabs ul { list-style: none; display: inline-block; width: 100%; margin: 0; margin-top: 15px; padding: 0; } .jslm_tabs ul li { background-color: #32373c; text-align: center; float: left; margin: 0 0 3px 3px; border: 1px solid #32373c; } .jslm_tabs ul li:hover { background-color: #fff; border-color: #32373c; } .jslm_tabs ul li:hover a { color: #32373c; } .jslm_tabs ul li.ui-state-hover { background:#fff; border: 1px solid #343538; } .jslm_tabs ul li.ui-state-hover a { color:#343538; } .jslm_tabs ul li.ui-tabs-active { background:#1578e8; border: 1px solid #1578e8; } .jslm_tabs ul li.ui-tabs-active:hover { background-color: #fff; border-color: #1578e8; color: #1578e8; } .jslm_tabs ul li.ui-tabs-active:hover a { color: #1578e8; } .jslm_tabs ul li.ui-tabs-active a { color: #fff; } .jslm_tabs ul li a { display: inline-block; text-decoration: none; color:#FFFFFF; width: 100%; padding: 16px 30px; white-space: nowrap; } .jslm_tabInner { clear: both; height: auto; overflow: hidden; } div.js-learn-manager-configuration-table div.jslm_left { float: left; width: 50%; padding: 10px; } div.js-learn-manager-configuration-table div.jslm_right { float: left; width: 50%; padding: 10px; } div.jslm_tabInner div.jslm_left { float: left; width: calc(100% / 2 - 10px); padding: 10px 0px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } div.jslm_tabInner div.jslm_right { float: left; width: calc(100% / 2 - 10px); padding: 10px 0px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } div.js-learn-managerconfig-threecols { float: left; width: 33.33%; padding: 0px 15px; } div.js-learn-manager-configuration-row { padding:10px; background-color:#FBFBFB; border:1px solid #E0E0E0; width:calc(100% - 20px); display:inline-block; margin:5px 10px ; color:#595959; float:left; } div.js-learn-manager-configuration-value { padding:0px; } div.js-learn-manager-configuration-row .jslm_paddingleft { padding-left: 14%; } div.js-learn-manager-configuration-title { padding:5px; padding-top:0px; text-align: left; font-weight: bold; color:#353638; width:100%; display:inline-block; } div.js-learn-manager-configuration-desc { padding:5px; padding-bottom:0px; width:100%; display:inline-block; } div.js-learn-manager-configuration-description { padding:5px; padding-bottom:0px; width:100%; display:inline-block; } div.js-learn-manager-configuration-value input.jslm_inputbox { width: 100%; color:#353638; } div.js-learn-manager-configuration-value input.jslm_inputbox.jslm_not-full-width { width: 90%; } div.js-learn-manager-configuration-value textarea { width: 100%; color:#353638; } div.js-learn-manager-configuration-value select { width: 100%; color:#353638; } div.js-learn-manager-configuration-value .jslm_wp-editor-wrap { width: 100%; color:#353638; } h3.js-learn-manager-configuration-heading-main { margin: 4px; color: #FFFFFF; width: 100%; display: inline-block; background-color: #353638; padding: 9px 10px; } div.js-learn-manager-configuration-sub-heading { display: inline-block; width: 100%; font-weight: bold; font-size: 18px; } div.jslm_js-form-button { display: inline-block; width: 82%; margin-left: 9%; border-top: 2px solid #0073AA; margin-top:15px; padding-top: 17px; text-align: center; } input.jslm_one, input#videotitle, input#videourl, input#quiz_question { width:100%; height:45px; padding: 12px; } input#videotitle{ margin-bottom: 10px; } select.jslm_one { width:100%; display:inline-block; height:45px; padding: 12px; } textarea.jslm_one { width:90%; display:inline-block; } input.jslm_two { width:20%; height:30px; } select.jslm_two { width:20%; height:30px; } textarea.jslm_text_area{ float: left; width: 100%; } form.jslm_js-filter-form { position: relative; } form.jslm_js-filter-form span#jslm_showhidefilter { position: absolute; top:0px; bottom: 0px; right:0px; background-color: #41A7DA; cursor: pointer; } form.jslm_js-filter-form span#jslm_showhidefilter img { position: relative; top:20px; bottom: 0px; right:0px; left:0px; margin:auto; cursor: pointer; } form.jslm_js-filter-form .jslm_default-hidden { display:none; } div.jslm_error-message-popup { padding:15px 20px 0px 20px; color:#9D2009; text-align: right; } div.jslm_js-email-menu { display: inline-block; width:30%; float:left; } div.jslm_js-email-menu span.jslm_js-email-menu-link { display: block; background:#DDDDDD; border-bottom: 1px solid #428BCA; cursor: pointer; } div.jslm_js-email-menu span.jslm_js-email-menu-link:hover, div.jslm_js-email-menu span.jslm_js-email-menu-link.jslm_selected { background:#428BCA; } div.jslm_js-email-menu span.jslm_js-email-menu-link:hover a, div.jslm_js-email-menu span.jslm_js-email-menu-link.jslm_selected a { color:#FFFFFF; } div.jslm_js-email-menu span.jslm_js-email-menu-link a { display:block; padding:10px; color:#222222; text-decoration: none; } div.jslm_js-email-body { display: inline-block; width:70%; float:left; padding:20px; border:1px solid #428BCA; } span.jslm_js-ticket-value.jslm_js-ticket-creade-via-email-spn { position: absolute; bottom:-13px; right:5px; font-size: 10px; line-height: 1; } div.jslm_js-email-parameters { display: inline-block; width:100%; padding:10px 0px; } div.jslm_js-email-parameters span.jslm_js-email-parameter-heading { display:block; padding:10px; color:#428BCA; border-bottom: 2px solid #428BCA; font-size:20px; font-weight: bold; } div.jslm_js-email-parameters span.jslm_js-email-paramater { display: block; padding:5px; } div#jslearnmanageradmin-wrapper { position: relative; } div#jslearnmanager-sidemenu { display:none; position:absolute; top:0px; right:-250px; width:250px; z-index:9999; background:#eeeeee; color:#777777; box-shadow:0px 0px 20px #000; font-size:12px; cursor: pointer; } div#jslearnmanager-sidemenu div.jslm_parent { display:inline-block; width:100%; border-bottom: 1px solid #e0e1e2; float:left; } div#jslearnmanager-sidemenu div.jslm_parent span.jslm_text { width:100%; float:left; line-height:20px; padding:10px; font-size:13px; } div#jslearnmanager-sidemenu div.jslm_parent span.jslm_text img { margin-right:10px; } div#jslearnmanager-sidemenu div.jslm_child { display:none; width:100%; float:left; background:#ffffff; } div#jslearnmanager-sidemenu div.jslm_child a { padding:10px; margin:0px 2.5%; line-height:1; width:95%; float:left; border-bottom:1px solid #f1f1f1; text-decoration: none; color:#777777; } div#jslearnmanager-sidemenu div.jslm_child a:hover { background: #4279BD; color:#FFFFFF; } div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box { width:100%; margin:0px; } div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text { background:#333333; padding:5px; color:#ffffff; font-size:20px; display:block; width:100%; } div#jslearnmanager-sidemenu div.jslearnmanager-adminsidemenu-box span.jslm_text img { margin-right:10px; } form.jslm_emailtemplateform { float: left; width:100%; margin-top:10px; } div#jslm_loadaddressdata_wrapper { background: #FFFFFF; border:1px solid #f1f1f1; margin-top:5px; float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper { padding:10px 20px; position:relative; background: url(../images/bg-slide.png); height:90px; margin-bottom: 50px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper img#jslm_loadaddressdata_companylogo { position: absolute; bottom:-20px; left:20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper span#jslm_loadaddressdata_logo { display:inline-block; margin-left:100px; font-size:40px; font-weight:bold; margin-top:30px; color:#FFFFFF; float: left; padding-bottom:10px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper span#jslm_loadaddressdata_slogon { display:inline-block; margin-top:35px; margin-left:20px; color:#FFFFFF; float: left; font-weight:bold; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper a { text-decoration: none; float:right; margin-top:5px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options { float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_left { float:left; width:30%; text-align: right; padding:5px 0px; padding-right: 20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_right { float:left; width:70%; margin-bottom: 10px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_right div.jslm_row { float:left; padding:5px 10px; border:1px solid #cccccc; background: #f8f8f8; color:#64676A; margin:0px 2px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file { float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file div#jslm_loadaddressdata_msg { float:left; width:70%; margin-left:30%; margin-bottom:20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file div#jslm_loadaddressdata_msg span#jslm_loadaddressdata_msg { display: inline-block; padding:10px 20px; border:1px solid #52A5d4; color:#b31212; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file label#jslm_file { float:left; width:30%; padding:5px 20px; text-align:right; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div.jslm_add_button { float: left; width: 70%; margin:10px 15%; border-top:1px solid #52a5d4; padding-top: 20px; text-align: center; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div.jslm_add_button input.jslm_button { background: transparent url("../images/bg-slide.png") repeat scroll 0% 0%; color:#FFF; font-weight:bold; } div#jslm_charts { float: left; width:100%; /*margin-top:20px; } div#jslm_curve_chart { border: 1px solid #d3d3d3; } div.jslm_boxeswrapper { float:left; width:100%; /*margin-top:20px;*/ } div.jslm_boxeswrapper div.jslm_box { background:#ffffff; width:calc(100% / 4 - 10px); margin-right: 10px; margin-bottom: 10px; padding:8px 10px; border:1px solid #cccccc; margin-bottom: 15px; float:left; background-size: 100% 100%; } div.jslm_boxeswrapper div.jslm_box:nth-child(4){ margin-right: 0px; } div.jslm_boxeswrapper div.jslm_box img { float:left; width:30%; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } div.jslm_boxeswrapper div.jslm_box span.jslm_number { float:right; width:70%; font-size:35px; font-weight: bold; margin-bottom: 4px; line-height: initial; } div.jslm_boxeswrapper div.jslm_box span.jslm_desc { float:right; width:70%; font-size:15px; margin-bottom: 5px; } div.jslm_categorycharts { float:left; width:calc(100% / 2 - 15px); margin-top:20px; background: #FFFFFF; /* padding-bottom: 20px; padding-left: 20px; padding-right: 20px;*/ margin-right: 15px; } div.jslm_categorycharts span.jslm_title { float:left; width:100%; /*margin-bottom:10px;*/ padding:10px 10px; color:#ffffff; font-weight: bold; font-size:20px; } div.jslm_categorycharts span.jslm_title.jslm_one { background:#5CA9ED; } div.jslm_categorycharts span.jslm_title.jslm_two { background: #ADD042; } div.jslm_categorycharts span.jslm_title.jslm_three { background: #F5C944; } div.jslm_categorycharts div.jslm_chartwrap { float:left; width:100%; text-align: center; border:1px solid #cccccc; margin:0; } div.jslm_categorycharts div.jslm_chartwrap.jslm_type { width:48%; } div.jslm_categorycharts div.jslm_chartwrap span.jslm_title { float:left; width:100%; text-align: center; margin:0px; padding:10px 10px; color:#32373c; background: #f1f1f1; } div.jslm_categorycharts div#jslm_catbar1 { float:left; width:100%; text-align: center; } div.jslm_categorycharts div#jslm_catbar2 { float:left; width:100%; text-align: center; } div.jslm_categorycharts div#jslm_catpie { float:left; width:100%; text-align: center; } div.jslm_categorycharts div#jslm_citybar1 { float:left; width:100%; text-align: center; } div.jslm_categorycharts div#jslm_citybar2 { float:left; width:100%; text-align: center; } div.jslm_categorycharts div#jslm_citypie { float:left; width:100%; text-align: center; } div#jslm_admin-employer-report div.jslm_charthalf { float:left; width:48%; padding:10px 20px; background: #FFFFFF; margin:10px 1%; } div#jslm_admin-employer-report div.jslm_charthalf span.jslm_title { float:left; width:100%; font-size:18px; padding:10px; color:#FFFFFF; } div#jslm_admin-employer-report div.jslm_charthalf span.jslm_title.jslm_one { background: #ADD042; } div#jslm_admin-employer-report div.jslm_charthalf span.jslm_title.jslm_two { background: #5CA9ED; } div#jslm_admin-employer-report div.jslm_charthalf span.jslm_title.jslm_three { background: #DC6A56; } div#jslm_admin-employer-report div.jslm_charthalf span.jslm_title.jslm_four { background: #F5C944; } div#jslm_admin-employer-report div.jslm_charthalf div#jslm_pie1 { float:left; width:100%; } div#jslm_admin-employer-report div.jslm_charthalf div#jslm_pie2 { float:left; width:100%; } div#jslm_admin-employer-report div.jslm_charthalf div#jslm_bar1 { float:left; width:100%; } div#jslm_admin-employer-report div.jslm_charthalf div#jslm_bar2 { float:left; width:100%; } a.jslm_right { float: right; } div#jslearnmanageradmin-wrapper div.jslm_products span.jslm_info-urls { display:inline-block; float:right; margin-right: 30px; margin-top: 15px; margin-bottom: 5px; } div#jslearnmanageradmin-wrapper div.jslm_products span.jslm_info-urls a { display:inline-block; text-decoration:none; padding:6px 10px ; border:1px solid #fff; font-weight:bold; color:#fff; } div#jslearnmanageradmin-wrapper div.jslm_products span.jslm_info-urls a.jslm_pro { margin-right: 6px; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_jobs-free span.jslm_info-urls a.jslm_pro { background-color: #9AAE01; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_autoz-pro span.jslm_info-urls a.jslm_pro { background-color: #1C93C5; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_ticket-free span.jslm_info-urls a.jslm_pro { background-color: #FF6C13; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_autoz-free span.jslm_info-urls a.jslm_pro { background-color: #01A1A9; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_ticket-pro span.jslm_info-urls a.jslm_pro { background-color: #E03D3A; } div.jslm_created-onleft { display: inline-block; float: left; margin:0px; margin-left: 50px; } div.jslm_created-onleft span.jslm_heading { margin:0px; } div.jslm_created-onleft span.jslm_value { display:inline-block; font-size: 15px; color: #64676A; margin-top:7px; padding-left: 5px; font-weight: normal; } div.item-title div.flag-and-type { display:inline-block; float:right; position: absolute; bottom:4px; right:40px; } div.item-title div.flag-and-type span.flag { color:#FFF; font-weight:bold; padding:5px 10px; border-top-left-radius:2px; border-top-right-radius:2px; } div.item-title div.flag-and-type span.approved { background: #99D000 none repeat scroll 0% 0%; } div.item-title div.flag-and-type span.facebook { background: #99D000 none repeat scroll 0% 0%; margin-right: 15px; } div.item-title div.flag-and-type span.xing { background: #99D000 none repeat scroll 0% 0%; margin-right: 15px; } div.item-title div.flag-and-type span.twitter { background: #99D000 none repeat scroll 0% 0%; margin-right: 15px; } div.item-title div.flag-and-type span.pending { background:#FEA702; } div.item-title div.flag-and-type span.rejected { background:#E22828; } div.item-title div.flag-and-type span.buttonu { background-color: #fafafa; border: 1px solid #d4d4d5; color: #64676a; position: relative; padding:5px 10px; border-bottom: 0px; margin-right:5px; } div#jslearnmanageradmin-wrapper div#js-learn-managers-comp-listwrapper div#jslearnmanager-top-comp-right div#jslearnmanagerlist-comp-header div.jslm_flag-and-type { display:inline-block; float:right; position: absolute; bottom:0px; right:40px; } div#jslearnmanageradmin-wrapper div#js-learn-managers-comp-listwrapper div#jslearnmanager-top-comp-right div#jslearnmanagerlist-comp-header div.jslm_flag-and-type span.jslm_flag { color:#FFF; font-weight:bold; padding:5px 10px; border-top-left-radius:2px; border-top-right-radius:2px; } div#jslearnmanageradmin-wrapper div#js-learn-managers-comp-listwrapper div#jslearnmanager-top-comp-right div#jslearnmanagerlist-comp-header div.jslm_flag-and-type span.jslm_approved { background: #99D000 none repeat scroll 0% 0%; } div#jslearnmanageradmin-wrapper div#js-learn-managers-comp-listwrapper div#jslearnmanager-top-comp-right div#jslearnmanagerlist-comp-header div.jslm_flag-and-type span.jslm_pending { background:#FEA702; } div#jslearnmanageradmin-wrapper div#js-learn-managers-comp-listwrapper div#jslearnmanager-top-comp-right div#jslearnmanagerlist-comp-header div.jslm_flag-and-type span.jslm_rejected { background:#E22828; } /* about us */ span.jslm_js-admin-component { display: block; padding:0px 10px; background-color:#41A7DA; width:100%; float:left; line-height: 50px; color:#FFFFFF; margin-bottom: 10px; font-weight:bold; font-size:1.3em; } div#jslearnmanageradmin-wrapper div.jslm_detail-part { display:inline-block; width:100%; padding:10px; border:1px solid #CCCCCC; background-color:#F1F1F1; color:#444444; } span.jslm_js-admin-component-detail { display: block; padding:0px 10px; width:100%; float:left; margin-bottom: 10px; font-size: 12px; } div.jslm_js-admin-info-wrapper { width: 100%; float:left; margin-bottom: 5px; } div.jslm_js-admin-info-wrapper span.jslm_js-admin-info-title { display:inline-block; width: 20%; float:left; padding:5px 0px; text-align: center; margin-right: 1%; background: #FFFFFF; border:1px solid #D4D4D5; } div.jslm_js-admin-info-wrapper span.jslm_js-admin-info-vlaue { display:inline-block; width: 77%; float:left; padding:5px 0px; padding-left:10px; background: #FFFFFF; border:1px solid #D4D4D5; } div.jslm_js-admin-joomsky-wrapper span.jslm_js-admin-title img { padding: 10px 25px; border-right:2px solid #D4D4D5; margin:21px 0 22px; } div.jslm_js-admin-joomsky-wrapper span.jslm_js-admin-title { font-size:25px; line-height: 30px; width: 18% !important; border: none !important; } div.jslm_js-admin-joomsky-wrapper div.jslm_js-js-col-md-9 { font-size:12px; color:#222222; margin-top:30px; } div#jslearnmanageradmin-wrapper div.jslm_js-admin-joomsky-wrapper span.jslm_detail-text { display:inline-block; width:82%; background-color: #ffffff; padding:39px 30px; color:#444444; } div#jslearnmanageradmin-wrapper div.jslm_js-admin-joomsky-wrapper span.jslm_detail-text span.jslm_js-joomsky-link { display:inline-block; text-align:left; float:left; width:100%; margin:15px 0px 0px 0px; } div#jslearnmanageradmin-wrapper div.jslm_js-admin-joomsky-wrapper span.jslm_detail-text span.jslm_js-joomsky-link a { display: inline-block; padding:0px; background:none; color:#188FD4; font-weight:bold; } div#jslearnmanageradmin-wrapper div.jslm_js-admin-joomsky-wrapper span.jslm_detail-text span.jslm_detail-heading { font-weight:bold; font-size:1.5em; display:inline-block; width:100%; margin:0px 0px 15px 0px; color:#23282d } div#jslearnmanageradmin-wrapper div.jslm_products { display:inline-block; width:100%; text-align: center; background-color:#FFFFFF; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components { display:inline-block; width:46.9%; padding: 15px 15px 15px 0px; color:#ffffff; margin:1.5%; outline:10px solid #e8e9eb; text-align:left; border:2px solid #ffffff; min-height:215px; float:left; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components img { display:inline-block; width:30%; float:left; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components span.jslm_component-text { display:inline-block; width:68%; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components span.jslm_component-text span.jslm_component-title { font-weight:bold; font-size:1.5em; display:inline-block; width:100%; border-bottom: 1px solid #ffffff; padding: 15px 25px; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components span.jslm_component-text span.jslm_component-type { font-weight:bold; display:inline-block; width:100%; padding: 10px 25px; } div#jslearnmanageradmin-wrapper div.jslm_products div.jslm_components span.jslm_component-text span.jslm_component-detail { display:inline-block; width:100%; padding:0px 10px; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_jobs-free { background: url('../images/about-us/jm-jobs.png') no-repeat ,url('../images/about-us/2.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_autoz-pro { background: url('../images/about-us/wp-jobs.png') no-repeat ,url('../images/about-us/3.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_autoz-free { background: url('../images/about-us/wp-ticket.png') no-repeat ,url('../images/about-us/4.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_ticket-pro { background: url('../images/about-us/jm-autoz.png') no-repeat ,url('../images/about-us/red.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_vehicle-pro { background: url('../images/about-us/wp-car.png') no-repeat ,url('../images/about-us/7.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } div#jslearnmanageradmin-wrapper div.jslm_products div#jslm_ticket-free { background: url('../images/about-us/jm-ticket.png') no-repeat ,url('../images/about-us/6.png') repeat-y 100% 100% ; background-size:auto auto,100% 100%; background-position:right 10% top 75%; } /* Translations */ div#jslearnmanageradmin-wrapper div#jslm_js-language-wrapper { display: inline-block; float: left; width: 100%; background: #FFFFFF; border:1px solid #D3D3D3; padding: 30px 55px; text-align: center; } div#jslearnmanageradmin-wrapper div#jslm_js-language-wrapper div.jslm_jstopheading { border-bottom:2px solid #D3D3D3; display: inline-block; width: 80%; margin-left: 10%; margin-right: 10%; font-size: 24px; color: #373435; padding-top: 25px; padding-bottom: 25px; margin-bottom: 30px; } div#jslearnmanageradmin-wrapper div#jslm_js-language-wrapper div.jslm_gettranslation { display: inline-block; font-size: 15px; color: #FFFFFF; padding: 12px 25px; background: #41a7da; border:1px solid #1e88bb; cursor: pointer; } div#jslearnmanageradmin-wrapper div#jslm_js-language-wrapper div.jslm_gettranslation img { margin-right: 10px; } div#jslearnmanageradmin-wrapper div.jslm_js-some-disc { display: block; color: #777777; margin: 25px 0px; font-size: 14px; } div#jslearnmanageradmin-wrapper div.jslm_js-some-disc img { margin-right: 7px; } div#jslearnmanageradmin-wrapper input#jslm_languagecode { height: 28px; } div#jslearnmanageradmin-wrapper #jslm_jscodeinputbox { font-weight: bold; } div#jslearnmanageradmin-wrapper div#jslm_js_ddl { display: none; } div#jslearnmanageradmin-wrapper div#jslm_js_ddl span.jslm_button { display: inline-block; font-size: 13px; color: #FFFFFF; padding: 3px 12px; background: #41a7da; border:1px solid #1e88bb; cursor: pointer; } div#jslearnmanageradmin-wrapper div#jslm_js_ddl span.jslm_button img { margin-right: 10px; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper { display:none; margin-top: 15px; float: left; width: 100%; background: #FEF9F6; border:1px solid #D3D3D3; padding: 15px; text-align: center; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper div { display: inline-block; font-size: 15px; color: #8B0E0E; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper img { width: 22px; height: auto; margin-right: 10px; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper_ok { display:none; margin-top: 15px; float: left; width: 100%; background: #EFF7F1; border:1px solid #D3D3D3; padding: 15px; text-align: center; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper_ok div { display: inline-block; font-size: 15px; color: #00A859; } div#jslearnmanageradmin-wrapper div#jslm_js-emessage-wrapper_ok img { width: 22px; height: auto; margin-right: 10px; } div#jslearnmanageradmin-wrapper div#black_wrapper_translation { display: none; position: fixed; width:100%; height: 100%; top:0px; left:0px; background: rgba(0,0,0,0.6); z-index:9998; } div#jslearnmanageradmin-wrapper div#jslm_jstran_loading { display: none; z-index:9999; position: fixed; top: 40%; left: calc(50% - 64px); } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver { display: inline-block; float: left; width: 100%; margin: 25px 0px; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver .jslm_col { padding-left: 0px; padding-right: 0px; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver .jslm_col:last-child { padding-left: 10px; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver a.jslm_anc { display: inline-block; width: 100%; font-size: 16px; padding: 6px 25px; cursor: pointer; text-decoration: none; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver a.jslm_one { color: #4B4B4D; background: #EBF2FA; border:1px solid #41A7DA; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver a.jslm_two { color: #4B4B4D; background: #EEF7F6; border:1px solid #00A1A2; } div#jslearnmanageradmin-wrapper div#jslm_js-lang-toserver a.jslm_anc img { margin-right: 10px; height: 34px; width: auto; } /* field ordering popup */ div#jslearnmanageradmin-wrapper div#jslm_popup_main { width:100%; display:inline-block; postion:relative; } div#jslearnmanageradmin-wrapper div#jslm_popup_main img.jslm_icon { position: absolute; left: -74px; top: 84px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main span.jslm_popup-top { width:100%; display:inline-block; background-color:#41A7DA; } div#jslearnmanageradmin-wrapper div#jslm_popup_main span.jslm_popup-top span#jslm_popup_title { display:inline-block; color:#FFFFFF; font-size: 20px; font-weight: bold; padding: 20px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main span.jslm_popup-top img#jslm_popup_cross { float:right; padding:10px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main span.jslm_popup-top img#jslm_popup_cross:hover { cursor:pointer; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_popup-submit-button { font-weight: bold; text-align: center; margin: 3% auto; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_popup-submit-button :last-child { background-color:#41A7DA; color:#ffffff } div#jslearnmanageradmin-wrapper div#jslm_popup_main input.jslm_save-button-popup { padding:5px 15px; height:auto; line-height:auto; display:inline-block; box-shadow:none; } div#jslearnmanageradmin-wrapper div#jslm_full_background { position: fixed; left: 0; top: 0; z-index: 9989; background: rgba(0,0,0,0.7); width: 100%; height: 100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main { position: fixed; top: 50%; left:50%; transform:translate(-50%,-50%); width: 50%; z-index: 9999; background-color:#ffffff; display:inline-block; border-bottom:10px solid #41A7DA; } div#jslearnmanageradmin-wrapper div#jslm_popup_main form.jslm_popup-field-from { width: 100%; display:inline-block; padding: 10px; float: left; background: #f1f1f1; margin: 0; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_popup-field-wrapper { width: 100%; display:inline-block; padding:5px 10px; float: left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_popup-field-wrapper div.jslm_popup-field-title { width: 30%; display:inline-block; float: left; text-align: right; padding: 5px 20px; color: #4D4D4D; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_popup-field-wrapper div.jslm_popup-field-obj { width: 70%; display:inline-block; float: left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_popup-field-wrapper div.jslm_popup-field-obj input { width: 80%; display:inline-block; float: left; color: #4D4D4D; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_popup-field-wrapper div.jslm_popup-field-obj select { width: 80%; display:inline-block; float: left; color: #4D4D4D; } /* Address data */ div#jslm_loadaddressdata_wrapper { background: #FFFFFF; border:1px solid #f1f1f1; margin-top:5px; float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper { padding:10px 20px; position:relative; background: url(../images/bg-slide.png); height:90px; margin-bottom: 50px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper img#jslm_loadaddressdata_companylogo { position: absolute; bottom:-20px; left:20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper span#jslm_loadaddressdata_logo { display:inline-block; margin-left:100px; font-size:40px; font-weight:bold; margin-top:30px; color:#FFFFFF; float: left; padding-bottom:10px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper span#jslm_loadaddressdata_slogon { display:inline-block; margin-top:35px; margin-left:20px; color:#FFFFFF; float: left; font-weight:bold; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_upper a { text-decoration: none; float:right; margin-top:5px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options { float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_left { float:left; width:30%; text-align: right; padding:5px 0px; padding-right: 20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_right { float:left; width:70%; margin-bottom: 10px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_options_right div.jslm_row { float:left; padding:5px 10px; border:1px solid #cccccc; background: #f8f8f8; color:#64676A; margin:0px 2px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file { float:left; width:100%; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file div#jslm_loadaddressdata_msg { float:left; width:70%; margin-left:30%; margin-bottom:20px; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file div#jslm_loadaddressdata_msg span#jslm_loadaddressdata_msg { display: inline-block; padding:10px 20px; border:1px solid #52A5d4; color:#b31212; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div#jslm_loadaddressdata_file label#jslm_file { float:left; width:30%; padding:5px 20px; text-align:right; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div.jslm_add_button { float: left; width: 70%; margin:10px 15%; border-top:1px solid #52a5d4; padding-top: 20px; text-align: center; } div#jslm_loadaddressdata_wrapper div#jslm_loadaddressdata_options div.jslm_add_button input.jslm_button { background: transparent url("../images/bg-slide.png") repeat scroll 0% 0%; color:#FFF; font-weight:bold; } /* Activity Log */ div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_checkbox-filter { height:29px; width:200px; border:1px solid #DEDEDE; padding-left:5px; padding-top: 5px; margin: 0px 2px 5px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_checkbox-filter .jslm_checkbox { float:left; margin-top:0px; } div#jslearnmanageradmin-wrapper span#jslm_filter-activity-log { display: inline-block; padding: 5px; font-weight: bold; border: 1px solid #D3D3D3; margin: 1px -2px; float: left; background: transparent url("../images/normal-button") repeat scroll 0% 0% / 100% 100%; margin-left:10px; border-radius:3px; } div#jslearnmanageradmin-wrapper span#jslm_filter-activity-log:hover { cursor: pointer; } div#jslearnmanageradmin-wrapper span#jslm_filter-activity-log img { margin-top:-3px } div#jslm_popup_main div#jslm_checkbox-popup-wrapper { display:inline-block; text-align:center; padding:15px 0px; } div#jslm_popup_main div#jslm_checkbox-popup-wrapper div { display:inline-block; text-align:left; } div#jslm_popup_main div#jslm_checkbox-popup-wrapper span.jslm_submit-button-popup { color:#fff; display: inline-block; background-color: #41A7DA; margin:10px auto; padding:5px 15px; } div#jslm_popup_main div#jslm_checkbox-popup-wrapper span.jslm_submit-button-popup:hover { cursor:pointer; } /* Newest courses Box on Admin Cp */ div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion { float: left; width: calc(100% - 10px); margin: 20px 5px 0 5px; background: #fff; border: 1px solid #ebecec; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); margin-bottom: 20px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_newest-course-portion-header { float: left; width: 100%; padding: 10px 15px; border-bottom: 1px solid #ebecec; background-color: #fff; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_newest-course-portion-header span.jslm_newest-course-portion-text { float: left; line-height: initial; color: #2b2b2b; font-size: 20px; padding: 10px 0px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion { display: inline-block; float: left; width: 100%; border-top: none; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data { padding: 15px; border-bottom: 1px dashed #ebecec; float: left; width: 100%; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data:last-child { border-bottom: none; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div { white-space: nowrap; padding-right: 0px; overflow: hidden; text-overflow: ellipsis; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left { float: left; width: 45%; padding: 0; border: none; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-image { float: left; width: 81px; height: 60px; text-align: center; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-image img { height: auto; max-width: 100%; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-cnt { float: left; width: calc(100% - 100px); padding: 10px 17px 10px; border: none; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-cnt div.jslm_cp-course-info.course-name a { color: #2b2b2b; text-decoration: none; font-size: 17px; text-transform: capitalize; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-cnt div.jslm_cp-course-info.course-name a:hover { text-decoration: underline; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-cnt div.jslm_cp-course-info.instructor-name a { color: #6c757d; text-decoration: none; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-list-left div.jslm_cp-course-cnt { padding-bottom: 8px; color: #6c757d; padding-top: 8px; border: none; text-transform: capitalize; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data div.jslm_cp-course-crted { float: left; width: 20%; text-align: center; color: #6c757d; margin-top: 22px; padding: 0px; border: none; } .jslm_course-admin-cp-showhide { display: none !important; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data .jslm_cp-course-prorty { float: left; width: 15%; text-align: center; margin-top: 20px; padding: 0px; border: none; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-admin-cp-data .jslm_cp-course-prorty span { display: inline-block; padding: 7px 12px; min-width: 90px; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper { width: 100%; display: inline-block; border: 1px solid #cccccc; margin-bottom: 10px; float: left; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_left-img { display: inline-block; border: 1px solid #cccccc; width: 178px; height: 100px; position: relative; border-left: 3px solid #1a3867; margin: 5px; float: left; margin-right: 0px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_left-img img { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; margin: auto; max-height: 100%; width: 100%; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_right-top { display: inline-block; float: left; width: calc(100% - 183px); border-bottom: 1px solid #cccccc; background: #fff; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_right-top a { display: inline-block; float: left; font-weight: bold; color: #1a3867; text-decoration: none; font-size:15px; padding: 20px 0 20px 20px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_right-top div.jslm_course-price { display: inline-block; float: left; font-weight: bold; background: #1a3867; color: #fff; padding: 10px 5px; float: right; margin:10px 10px 10px 0px; text-align: center; width: 13%; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_right-bottom { display: inline-block; float: left; width: calc(100% - 183px); background: #fafafa; padding:10px 5px 10px 20px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_course-pending { width: auto; float: right; padding:5px; color: #FFA500; border: 1px solid #cccccc; margin:0px 5px; font-weight: bold; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_course-Rejected { width: auto; float: right; padding:5px; margin: 5px; border: 1px solid #cccccc; color:#ed3237; margin-top: -4px; font-weight: bold; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_course-approved { width: auto; float: right; padding:5px; border: 1px solid #cccccc; color:#23824f; margin:0 5px; font-weight: bold; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_detail { display: inline-block; float: left; color: #4B4B4D; padding: 0 5px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_detail:first-child { padding-left: 0px; } div#jslearnmanageradmin-wrapper div.jslm_newest-course-portion div.jslm_course-portion div.jslm_course-wrapper div.jslm_left-part { display: inline-block; float: left; padding-top: 6px; } div.jslm_cp-std-lates-wrp { float: left; width: 100%; padding: 0 5px; margin-top: 25px; margin-bottom: 30px; } div.jslm_cp-std-wrp { float: left; width: calc(50% - 10px); margin-right: 10px; background: #fff; border: 1px solid #ebecec; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); } div.jslm_cp-std-wrp div.jslm_cp-cnt-title { float: left; width: 100%; padding: 20px; border-bottom: 1px solid #ebecec; } div.jslm_cp-std-wrp div.jslm_cp-cnt-title span.jslm_cp-cnt-title-txt { float: left; line-height: initial; color: #23282d; font-size: 20px; } div.jslm_cp-std-list { float: left; width: 100%; padding: 10px; height: 530px; overflow-x: hidden; overflow-y: scroll; } div.jslm_no_record{ float: left; width: 100%; text-align: center; font-size: 22px; padding: 20px; } div.jslm_cp-std-list div.jslm_cp-std { float: left; width: 100%; padding: 10px 0 25px; border-bottom: 1px dashed #ebecec; } div.jslm_cp-std div.jslm_cp-std-image { float: left; width: 70px; height: 70px; border-radius: 100%; text-align: center; } div.jslm_cp-std div.jslm_cp-std-image img { width: 70px; height: 70px; border-radius: 100%; } div.jslm_cp-std div.jslm_cp-std-image img.jslm_cp-std-img { border-radius: 100%; height: 80px; width: 80px; } div.jslm_cp-std div.jslm_cp-std-cnt { float: left; width: calc(100% - 70px); padding: 7px 15px 0; } div.jslm_cp-std-row-wep-left{ float: left; width: 70%; text-transform: capitalize; } div.jslm_cp-std-row-wep-right{ float: left; width: 30%; text-align: right; } div.jslm_cp-std div.jslm_cp-std-cnt div.jslm_cp-std-row { float: left; width: 100%; padding-bottom: 8px; color: #6c757d; overflow: hidden; white-space: nowrap; } div.jslm_cp-std div.jslm_cp-std-cnt div.jslm_cp-std-row a span.jslm_cp-std-type:hover { text-decoration: underline; } div.jslm_cp-std div.jslm_cp-std-cnt div.jslm_cp-std-row span.jslm_cp-std-type { display: inline-block; font-size: 18px; line-height: initial; color: #23282d; } div.jslm_cp-std div.jslm_cp-std-cnt div.jslm_cp-std-row span.jslm_cp-std-tit { display: inline-block; color: #6c757d; } div.jslm_cp-std div.jslm_cp-std-cnt div.jslm_cp-std-row span.jslm_cp-std-val { display: inline-block; color: #6c757d; margin-left: 3px; } div.jslm_cp-std-cnt div.jslm_cp-std-row span.jslm_cp-std-prty { display: inline-block; padding: 7px 12px; min-width: 90px; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 5px; } div.jslm_cp-std-wrp div.jslm_cp-std-btn-wrp{ float: left; width: 100%; padding: 20px; } div.jslm_cp-std-wrp div.jslm_cp-std-btn-wrp a.jslm_cp-std-btn{ padding: 10px 15px; color: #2b2b2b; background-color: #f8fafc; text-decoration: none; border: 1px solid #edeeee; display: inline-block; } div.jslm_cp-std-wrp div.jslm_cp-std-btn-wrp a.jslm_cp-std-btn:hover{ border: 1px solid #1578e8; color: #1578e8; } div.jslm_cp-addon-wrp { float: left; width: calc(50% - 10px); margin-left: 10px; background: #fff; border: 1px solid #ebecec; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06); } div.jslm_cp-addon-wrp div.jslm_cp-cnt-title { float: left; width: 100%; padding: 20px; border-bottom: 1px solid #ebecec; } div.jslm_cp-addon-wrp div.jslm_cp-cnt-title span.jslm_cp-cnt-title-txt { float: left; line-height: initial; color: #23282d; font-size: 20px; } div.jslm_cp-addon-list { float: left; width: 100%; padding: 10px; height: 608px; overflow-x: hidden; overflow-y: scroll; } div.jslm_cp-addon-list div.jslm_cp-addon { float: left; width: 100%; padding: 10px 0 25px; border-bottom: 1px dashed #ebecec; } div.jslm_cp-addon-list div.jslm_cp-addon div.jslm_cp-addon-image { float: left; width: 60px; height: 60px; text-align: center; } div.jslm_cp-addon-list div.jslm_cp-addon div.jslm_cp-addon-image img { width: 60px; height: 60px; } div.jslm_cp-addon-list div.jslm_cp-addon div.jslm_cp-addon-cnt { float: left; width: calc(70% - 30px); padding: 7px 15px 0; } div.jslm_cp-addon-list div.jslm_cp-addon div.jslm_cp-addon-cnt div.jslm_cp-addon-tit { font-size: 18px; line-height: initial; padding-bottom: 10px; color: #23282d; } div.jslm_cp-addon-list div.jslm_cp-addon div.jslm_cp-addon-cnt div.jslm_cp-addon-desc { color: #6c757d; height: 20px; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.jslm_cp-addon-list div.jslm_cp-addon a.jslm_cp-addon-btn:hover { border: 1px solid #2b2b2b; color: #2b2b2b; } div.jslm_cp-addon-list div.jslm_cp-addon a.jslm_cp-addon-btn { float: right; width: calc(100% - 70% - 30px); text-decoration: none; border: 1px solid #1578e8; color: #1578e8; background: #f2f1ef; padding: 10px 2px; text-align: center; margin-top: 15px;max-width: 115px; } div.jslm_cp-video-baner-hide{ /* display: none; */ } div.jslm_cp-video-baner{ float: left; width: calc(100% - 10px); margin: 0 5px; position: relative; min-height: 215px; background: url('../../includes/images/cp/new-icons/banner.png') no-repeat right center/cover; /* background-size: 100% 100%; */ margin-bottom: 30px; } div.jslm_cp-video-baner img.video-background { position: absolute; right: 0; height: 100%; width: 100%; top: 0px; bottom: 0; z-index: 0; } div.jslm_cp-video-baner img.jslm_cp-video-baner-close-img { position: absolute; right: 10px; top: 10px; z-index: 0;cursor: pointer; } div.jslm_cp-video-baner div.jslm_cp-video-baner-cnt { position: absolute; left: 35px; top: 34px; z-index: 0; color: #fff; } div.jslm_cp-video-baner div.jslm_cp-video-baner-cnt div.jslm_cp-video-banner-tit-bold { font-size: 32px; line-height: initial; margin-bottom: 15px; } div.jslm_cp-video-baner div.jslm_cp-video-baner-cnt div.jslm_cp-video-banner-desc { margin-bottom: 15px; line-height: 1.6; font-size: 14px; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-main-wrp { position: absolute; left: 15px; bottom: 11px; } div.menu-collasped-active div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-main-wrp { bottom: 13px; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-wrp { float: left; display: inline-block; margin-left: 5px; margin-top: 5px; } div.jslm_cp-video-banner-btn1{ left: 15px; } div.jslm_cp-video-banner-btn2{ left: 175px; } div.jslm_cp-video-banner-btn3{ left: 335px; } div.jslm_cp-video-banner-btn4{ left: 495px; } div.jslm_cp-video-banner-btn5{ left: 655px; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-wrp a.jslm_cp-video-banner-btn { box-shadow: none !important; padding: 10px 5px; text-align: center; text-decoration: none; min-width: 130px; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-wrp a.jslm_cp-video-banner-btn.yellow-bg { background: #2975c4; color: #fff; box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important; font-size: 14px; display: inline-block; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-wrp a.jslm_cp-video-banner-btn.yellow-bg:hover { color: #2975c4; background: #fff !important; } div.jslm_cp-video-baner div.jslm_cp-video-banner-btn-wrp a.jslm_cp-video-banner-btn.yellow-bg img { margin-right: 2px; } /* Form User Field */ div#jslearnmanageradmin-wrapper div span.jslm_input-field-wrapper { width: 240px; display: inline-block; float: left; position: relative; margin-right:10px; } div#jslearnmanageradmin-wrapper div span.jslm_input-field-wrapper input { width: 100%; padding-right: 40px; display: inline-block; } div#jslearnmanageradmin-wrapper div span.jslm_input-field-wrapper img.jslm_input-field-remove-img { position: absolute; right: 0px; top: 9px; cursor: pointer; } div#jslearnmanageradmin-wrapper div input.jslm_user-field { width: auto; float: left; background:#f8f8ff; margin: 5px; } div#jslearnmanageradmin-wrapper a.jslm_js-button-link.jslm_user-field-val-button { border-radius: 3px; background: #E7E7E7 none repeat scroll 0% 0%; border: 1px solid #D0D0D0; color: #34393E; padding: 7px 5px; font-weight: normal; float:left; margin:5px 0px 0px; } div#jslearnmanageradmin-wrapper div#jslm_for-combo-options-head { margin-top: 20px; margin-bottom: 5px; width:100%; display: inline-block; } div#jslearnmanageradmin-wrapper div#jslm_for-combo-options-head div.jslm_js-field-title { font-weight: bold; } div#jslearnmanageradmin-wrapper div#jslm_popup_main a#jslm_user-field-anchor { height: 28px; text-decoration: none; color:#00A859; background: #FFF; border:1px solid #00A859; display: inline-block; line-height: 28px; padding: 0px 10px; margin-left: 5px; border-radius: 4px; } div.js-other-products-wrp{ float: left; width: calc(100% - 10px); margin: 5px; background-color: #fff; } div.js-other-products-wrp div.js-other-product-title { float: left; width: 100%; border-bottom: 1px solid #dad8d8ad; color: #343234; padding: 30px 15px; font-size: 20px; font-weight: 500; } div.js-other-products-wrp div.js-other-products-detail { float: left; width: 100%; padding: 15px 15px 30px 15px; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image { float: left; width: calc(100% / 3); padding: 5px 12px; margin-bottom: 12px; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image img { width: 100%; margin: auto; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom { float: left; width: 100%; background: #F1F1F1; padding: 15px; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-title { float: left; width: 45%; padding-top: 7px; color: #232328; font-weight: 500; font-size: 18px; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn { float: right; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-view-btn a { padding: 7px 7px; background: #fff; border: 1px solid lightgray; margin-right: 5px; float: left; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a { border: unset; border-radius: 3px; padding: 12px 12px; color: #0a0a0ac7; font-weight: 500; cursor: pointer; display: inline-block; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.wp-vehicle-manager-btn-color { background-color: #ff7d03; color: #fff; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.js-jobs-manager-btn-color { background-color: #805CB0; color: #fff; } div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.wp-learn-manager-btn-color { background-color: #6578f2; color: #fff; } /*Reports*/ div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall { display: inline-block; margin-top: 10px; background: #D8F3ED; border: 1px solid #D4D4D5; width: 100%; padding: 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall span.left span.text { float: left; font-size: 25px; font-weight: bold; color: #0B7560; margin-top: 12px; margin-left: 25px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall span.left { float: left; width: 90%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall span.left img { float: left; background: #1ABC9C; padding: 5px; box-shadow: 1px 1px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall span.right { float: left; width: 10%; text-align: right; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.overall span.right img { margin-top: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor { display: inline-block; margin-top: 10px; background: #F4E4F6; border: 1px solid #D4D4D5; width: 100%; padding: 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor span.left span.text { float: left; font-size: 25px; font-weight: bold; color: #994EA3; margin-top: 8px; margin-left: 25px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor span.left { float: left; width: 90%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor span.left img { float: left; background: #D58CDF; padding: 5px; box-shadow: 1px 1px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor span.right { float: left; width: 10%; text-align: right; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.instructor span.right img { margin-top: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student { display: inline-block; margin-top: 10px; background: #F8E2E3; border: 1px solid #D4D4D5; width: 100%; padding: 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student span.left span.text { float: left; font-size: 25px; font-weight: bold; color: #942929; margin-top: 11px; margin-left: 25px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student span.left { float: left; width: 90%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student span.left img { float: left; background: #Dd6465; padding: 5px; box-shadow: 1px 1px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student span.right { float: left; width: 10%; text-align: right; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data a.student span.right img { margin-top: 5px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanager-ovrallstats-wrp { display: inline-block; float: left; width: 100%; } div#js-learn-manager-main-graphwrapper { display: inline-block; float: left; width: 100%; border: 1px solid #cccccc; background: #ffffff; margin-top: 17px; } div#js-learn-manager-main-graphwrapper div.js-learn-manager-graphheading { display: inline-block; float: left; width: 100%; padding: 15px; font-size: 14px; border-bottom: 1px solid #cccccc; color: #4b4b4d; background: #f0f0f0; font-weight: bold; } div#js-learn-manager-main-graphwrapper div#jslm_curve_chart { display: inline-block; float: left; width: 100%; height: 350px; } div#jslm_js-makemodel-makeimage { float: left; width: 100%; padding: 10px; border-bottom: 1px solid #cccccc; } div#jslm_js-makemodel-makeimage img#jslm_js-makeimg { float: left; width: auto; height: 50px; } div#jslm_js-makemodel-makeimage span.jslm_js-maketitle { float: left; font-weight: bold; font-size: 23px; margin-left: 10px; line-height: 50px; } div#jslm_js-makemodel-makeimage span.jslm_js-makedate { font-weight: bold; float: right; font-size: 14px; line-height: 50px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap { float: left; width: 100%; border: 1px solid #cccccc; margin-top: 20px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslearnmanager-garap-title { float: left; width: 100%; padding: 10px 10px; border-bottom: 1px solid #cccccc; color: #ffffff; font-size: 17px; font-weight: bold; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslm_back-color-1 { background: #3366cc; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslm_back-color-2 { background: #990099; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslm_back-color-3 { background: #ff9900; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslm_back-color-4 { background: #51aa02; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.jslm_back-color-5 { background: #dc3912; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div#js-learn-managergraph-wrap div.js-learn-managergraph-divcss { float: left; width: 100%; padding: 10px 10px; background: #ffffff; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.js-learn-manager-fullwidthwrap { float: left; width: 100%; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.js-learn-manager-halfwidth-graph { float: left; width: 50%; padding-right: 15px; } div.jslearnmanager-repstats-wrp { float:left; width: 100%; border: 1px solid #cccccc; margin-top: 17px; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-tit { background: #f0f0f0 none repeat scroll 0 0; border-bottom: 1px solid #cccccc; float:left; padding: 15px; width: 100%; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-tit span.jslearnmanager-repstats-tit-txt { float:left; width: 100%; font-weight: bold; color: #4b4b4d; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data { float:left; width: 100%; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-head-row { float:left; width: 100%; border-bottom: 1px solid #cccccc; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-head-row span.jslearnmanager-repstats-data-name { float:left; width: 40%; border-right: 1px solid #cccccc; padding: 10px 0 10px 15px; color: #4b4b4d; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-head-row span.jslearnmanager-repstats-data-total { float:left; width: 20%; border-right: 1px solid #cccccc; padding: 10px 0; text-align: center; color: #4b4b4d; background: #b4d4ed; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-head-row span.jslearnmanager-repstats-data-active { float:left; width: 20%; border-right: 1px solid #cccccc; padding: 10px 0; text-align: center; color: #4b4b4d; background: #f3dab8; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-head-row span.jslearnmanager-repstats-data-expire { float:left; width: 20%; padding: 10px 0; text-align: center; color: #4b4b4d; background: #eca187; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data { float:left; width: 100%; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row { float:left; width: 100%; border-bottom: 1px solid #cccccc; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row:last-child { border-bottom: none; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row span.jslearnmanager-repstats-data-name { float:left; width: 40%; border-right: 1px solid #cccccc; padding: 10px 0 10px 15px; color: #606062; background: #ffffff; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row span.jslearnmanager-repstats-data-total { float:left; width: 20%; border-right: 1px solid #cccccc; padding: 10px 0; text-align: center; color: #606062; background: #f7fafd; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row span.jslearnmanager-repstats-data-active { float:left; width: 20%; border-right: 1px solid #cccccc; padding: 10px 0; text-align: center; color: #606062; background: #fefaf6; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data div.jslearnmanager-repstats-body-row span.jslearnmanager-repstats-data-expire { float:left; width: 20%; padding: 10px 0; text-align: center; color: #606062; background: #fcede6; } div.jslearnmanager-repstats-wrp div.jslearnmanager-repstats-data img#jslm_js-graph-autoimg { display: inline-block; width: auto; height: 17px; } div#jslearnmanager-popup-background { position: fixed; top:0px; left:0px; width:100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9998; display:none; } div#jslearnmanager-popup { box-sizing:border-box; position: fixed; top:50%; left:50%; width:50%; z-index: 9999; box-shadow: 0px 0px 20px #999; padding:0px 20px 10px 20px; display:none; transform: translate(-50%,-50%); background: #ffffff; padding-bottom:0px; border-bottom:10px solid #41A7DA; } div#jslearnmanager-popup div.jslm_icon-parent { text-align: center; background: rgba(255,255,255,0.71); border-radius: 50%; width: 138px; height: 138px; position: absolute; left: -74px; margin-top: 84px; } div#jslearnmanager-popup div.jslm_icon { text-align: center; background: #41A7DA; border-radius: 50%; width: 120px; height: 120px; margin-top: 9px; margin-left: 9px; } div#jslearnmanager-popup div.jslm_icon img.jslm_icon { max-height: 100%; max-width: 100%; margin-top: 32px; } div#jslearnmanager-popup span.jslm_popup-title { font-size: 20px; width: 100%; display: inline-block; padding:15px 20px; margin-left:-20px; box-sizing:content-box; font-weight:bold; position:relative; background:#41A7DA; color:#ffffff; } div#jslearnmanager-popup span.jslm_popup-title img#jslm_popup_cross { position:absolute; right: 10px; top: 5px; cursor:pointer; } div#jslearnmanager-popup div.jslm_popup-row { width: 100%; box-sizing: border-box; display: inline-block; padding: 10px 50px; font-size: 13px; border-bottom:1px solid #cccccc; color: #646464; } div#jslearnmanager-popup div.jslm_popup-row:first-child { border-top: 1px solid #D3D3D3; } div#jslearnmanager-popup div.jslm_popup-row:last-child { border:none; } div#jslearnmanager-popup div.jslm_popup-row span.jslm_title { display: block; float:left; width:70%; font-weight: bold; text-align: left; } div#jslearnmanager-popup div.jslm_popup-row span.jslm_title input.jslm_checkboxes { display: inline-block; vertical-align:middle; margin-top: -4px; margin-right: 5px; } div#jslearnmanager-popup div.jslm_popup-row span.jslm_value { display: block; float:left; width:30%; text-align: right; } div#jslearnmanager-popup div.jslm_popup-row.jslm_button-wrap { float: left; text-align: right; width: 100%; box-sizing: border-box; } div#jslearnmanager-popup div.jslm_popup-row.jslm_button-wrap a { display: inline-block; margin-left:10px; padding:9px 19px; text-decoration: none; background: #f8f8f8; color:#646464; } div#jslearnmanager-popup div.jslm_popup-row.jslm_button-wrap a.jslm_proceed { display: inline-block; margin-left:10px; padding:9px 19px; text-decoration: none; background: #41A7DA; color:#ffffff; } div.jslearnmanager-button-right { float:right; } div.jslm_color_portion input[type="text"] { width:100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records { display:inline-block; width: 100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header { border-top:1px solid #D4D4D5; border-bottom:1px solid #D4D4D5; display:inline-block; width: 100%; padding:10px 5%; font-weight: bold; color: #444442; background-color:#FAFAFA; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header div:first-child { text-align: center; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header div { display: inline-block; float: left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header div.jslm_user-id { width: 15%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header div.jslm_user-name { width: 35%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div#jslm_user-list-header div.jslm_user-email { width: 50%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper { border-bottom:1px solid #D4D4D5; display:inline-block; width: 90%; color: #444442; padding-top:10px; padding-bottom:10px; margin:0px 5%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div { display: inline-block; float: left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div.jslm_user-id { width: 15%; color:#444442; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div.jslm_user-name { width: 35%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div.jslm_user-name a { color:#41A7DA; text-decoration:none; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div.jslm_user-email { width: 50%; color:#64676A; padding-left:0px; padding-right:0px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_user-records-wrapper div:first-child { text-align:center; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_jsst_userpages { text-align: right; padding:5px; padding-right: 30px; padding-bottom: 10px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_jsst_userpages a.jslm_jsst_userlink { display: inline-block; padding:5px 10px; margin-left:5px; text-decoration: none; background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_jsst_userpages span.jslm_jsst_userlink { display: inline-block; padding:5px 10px; margin-left:5px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div#jslm_records div.jslm_jsst_userpages a.jslm_jsst_userlink:hover { background:#2ea2cc; color:#fff; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.js-learn-manager-userpopupwrapper { display: inline-block; float: left; width: 100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center { width:90%; display:inline-block; margin:0px 5%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center .js-learn-manager-searchpopupwrapper { width:100%; display:inline-block; float: left; padding: 0px 15px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value { width:33%; padding:10px 2px; float: left; display: inline-block; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value input[type="text"] { height:30px; width:100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value-button { width:33%; padding:0px; display: inline-block; float: left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value-button div.jslm_js-button { width:45%; padding:0pxdisplay: inline-block; float: left; margin-top: 10px; margin-left: 5px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value-button div.jslm_js-button input { width:100%; background-color: #F0F0F0; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value-button div.jslm_js-button input:hover { cursor:pointer; } div#jslearnmanageradmin-wrapper div#jslm_popup_main div.jslm_search-center div.jslm_search-value-button div.jslm_js-button input.jslm_submit-button { background-color: #41A7DA; color:#FFF; } /* Newest Course */ div#jslearnmanageradmin-wrapper table.jslm_newest_course_table { width: 100%; font-size: 14px; border-spacing: 0px 4px; margin-bottom: 10px; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table thead.jslm_thead { } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table thead.jslm_thead tr.jslm_tr { border-bottom: 1px solid lightgray; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table thead.jslm_thead tr.jslm_tr th.jslm_th { padding: 0px 0px 10px 5px; font-weight: bold; text-align: center; border-bottom: 1px solid #ccc; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table tbody { } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table tbody tr.jslm_tbody_tr { border-bottom: 1px solid lightgray; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table tbody tr.jslm_tbody_tr:last-child { border-bottom: none; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table tbody tr.jslm_tbody_tr td.jslm_td { padding: 10px 0px 10px 5px; color: lightslategrey; text-align: center; border-bottom: 1px solid #ccc; } div#jslearnmanageradmin-wrapper table.jslm_newest_course_table tbody tr.jslm_tbody_tr td.jslm_td a.jslm_title_heading { text-decoration: none; } /* Newest Course */ /* credit log */ div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_date-time { ; display:inline-block; text-align:center; color:#32373c; text-align: center; float: right; width: 100%; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_log-for { display:inline-block; color:#428bca; font-weight:bold; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_action-wrapper { display:inline-block; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_action { font-weight:bold; font-size:11px; line-height:1.4em; display:inline-block; text-align:center; border-radius:2px; padding:2px 5px; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_desc { display:inline-block; width:100%; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_desc a { display:block; width:100%; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_credit-log a { display:inline; width:100%; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_desc img { display:inline-block; float:right; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_cost { display:inline-block; text-align:center; color:#32373c; text-align: center; float: right; width: 100%; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_add { color:#ffffff; background-color:#70BA63; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_gold { color:#ffffff; background-color:#CC9900; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_featured { color:#ffffff; background-color:#2993CF; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_view { color:#ffffff; background-color:#AF64CC; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_share { color:#ffffff; background-color:#CB363D; } div#jslearnmanageradmin-wrapper table#jslm_js-table tbody span.jslm_apply { color:#ffffff; background-color:#3E4095; } div#jslearnmanageradmin-wrapper table.jslm_log-table td { padding:5px; text-align:left; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log { position: fixed; top: 20%; left: 22%; width: 75%; z-index: 9999; background-color: #FFF; display: inline-block; border-bottom: 10px solid #228BCA; max-height:350px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_wrapper { display:inline-block; width:96%; border-bottom:1px solid #D4D4D5; padding:10px; margin:0px 2%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_wrapper:last-of-type { border-bottom:none; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_wrapper-border { display:inline-block; width:100%; border:1px solid #D4D4D5; padding:10px; background-color:#FAFAFA; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_date-time { display:inline-block; text-align:center; color:#32373c; text-align: center; width:14%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data { display:inline-block; overflow-y:auto; max-height:270px; width:100%; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_action-wrapper { display:inline-block; max-width:20%; border-left:1px solid #D4D4D5; border-right:1px solid #D4D4D5; padding:5px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_action { font-weight:bold; font-size:0.75em; line-height:1.4em; display:inline-block; text-align:center; border-radius:3px; padding:1px 2px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_desc { display:inline-block; color:#0a8abd; width:56%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0 0 10px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_cost { display:inline-block; text-align:center; color:#32373c; text-align: center; padding:5px 20px; background-color:#228BCA; float:right; color:#fff; font-weight:bold; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_add { color:#ffffff; background-color:#70BA63; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_gold { color:#ffffff; background-color:#CC9900; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_featured { color:#ffffff; background-color:#2993CF; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_view { color:#ffffff; background-color:#AF64CC; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_share { color:#ffffff; background-color:#CB363D; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log div#jslm_data span.jslm_apply { color:#ffffff; background-color:#3E4095; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log span.jslm_popup-top span#jslm_popup_title { display:inline-block; color:#FFFFFF; font-size: 20px; font-weight: bold; padding: 20px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log span.jslm_popup-top img#jslm_popup_cross { float:right; padding:10px; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log span.jslm_popup-top img#jslm_popup_cross:hover { cursor: pointer; } div#jslearnmanageradmin-wrapper div#jslm_popup_main_log span.jslm_popup-top { width:100%; display:inline-block; background-color:#228BCA; } /* purchase history*/ div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-header { width:100%; display:inline-block; border: 1px solid #AAA; background: #333 none repeat scroll 0% 0%; padding: 10px; font-weight: bold; color: #FFF; font-size: 16px; } div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-wrapper { width:95%; display:inline-block; margin:0 2.5%; border: 1px solid #D4D4D5; padding:10px 20px; background-color:#FFF; } div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-wrapper div.jslm_purchase-detail-data { width:100%; display:inline-block; border-bottom:1px solid #CCC; padding:10px 50px 10px 50px; } div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-wrapper div.jslm_purchase-detail-data:last-child { border:none; } div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-wrapper div.jslm_purchase-detail-data span.jslm_heading { font-weight:bold; display:inline-block; float:left; color: #23282D; width:auto; } div#jslearnmanageradmin-wrapper div#jslm_purchase-detail-wrapper div.jslm_purchase-detail-data span.jslm_text { display:inline-block; float:right; color: #64676A; width:auto; text-align: center; min-width:150px; } div#jslearnmanageradmin-wrapper input.jslm_inputval { margin-bottom: 5px; width: 86%; padding: 7px 0 10px 10px; float: left; border: 1px solid #CCCCCC; margin-top: 15px; } div#jslearnmanageradmin-wrapper div.jslm_fileUpload { position: relative; overflow: hidden; margin-left: -14px; display: inline-block; padding: 6px 12px; margin-bottom: 0; margin-top:8px; } div#jslearnmanageradmin-wrapper div.jslm_fileUpload span.jslm_btn-upload { display: inline-block; padding: 10px 10px; border: 1px solid #1570C6; background-color:#0098DA; color: #FFFFFF; font-weight: bold; } div#jslearnmanageradmin-wrapper div.jslm_fileUpload input.jslm_upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } div#jslearnmanageradmin-wrapper div.jslm_js-image-file-size { width: 100%; float: left; margin-bottom: 10px; } div#jslearnmanageradmin-wrapper div.jslm_cm-img-wrap { text-align: center; } div#jslearnmanageradmin-wrapper button.jslm_cm-mark-btn { padding: 2px 5px; text-align: center; margin: 5px 0 } /*widgets*/ /*today*/ div.jslearnmanager-widget-contaner { width: 100%; display: inline-block; } div.jslearnmanager-widget-contaner * { box-sizing:border-box; } div.jslearnmanager-widget-contaner div.header-date { float: left; width: 100%; padding: 10px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block { float: left; width: calc(100% / 2 - 10px); border: 1px solid #d4d4d5; background: #fafafa; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block.jslm_mrgn-right { margin-right: 12px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block.jslm_mrgn-bottm { margin-bottom: 12px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block .jslearnmanager-widget-img { float: left; width: 55px; padding: 10px; height: 55px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block .jslearnmanager-widget-img img { } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block .jslearnmanager-widget-data { float: left; width: calc(100% - 55px - 15px); margin-left: 15px; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block .jslearnmanager-widget-data .jslm_heading { color: #85868D; } div.jslearnmanager-widget-contaner .jslearnmanager-widget-block .jslearnmanager-widget-data .jslm_detail { color: #777777; } /*total*/ div.jslearnmanager-widget-contaner div.jslearnmanager-widget-total-block { float: left; width: 100%; border: 1px solid #d4d4d5; background: #FFFFFF; padding: 10px 0px 10px 10px; margin-bottom: 12px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-total-block:last-child { margin-bottom: 0px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-total-block img.jslm_totalimage { display: inline-block; height: auto; float: left; width: 55px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-total-block .jslm_total-detail { line-height: 55px; color: #777777; margin-left: 15px; font-size: 16px; float: left; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-total-block .jslm_total-total { float: right; line-height: 75px; color: #85868D; font-size: 25px; width: 100px; background: #fafafa; border-left: 1px solid #d4d4d5; text-align: center; margin-top: -10px; height: 75px; margin-bottom: -10px; } /*admin courses*/ div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row { position: relative; float: left; width: 100%; border: 1px solid #d4d4d5; margin-bottom: 10px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.widg-course-image { position: absolute; height: 70px; width: 120px; background: #ffffff; top: 5px; left: 5px; border: 1px solid #d4d4d5; border-left: 3px solid #0073AA; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.widg-course-image div.course-widget-image { position: relative; width: 100%; height: 100%; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.widg-course-image img.widg-course-image { max-height: 95%; max-width: 95%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-top { padding-left: 135px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-top span.widg-course-title { color: #4B4B4D; line-height: 40px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-top span.widg-course-price { float: right; background: #0073AA; color: #ffffff; padding: 0px 20px; line-height: 40px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-top span.jslm_stars { float: right; padding: 11px 20px; line-height: 40px; display: inline-block; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-bottom { padding-left: 135px; background: #fafafa; border-top: 1px solid #D4D4D5; padding-bottom: 15px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.jslm_course-row-bottom { background: #fafafa; border-top: 1px solid #D4D4D5; padding-bottom: 15px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-bottom span.widg-course-enrolled_name { line-height: 40px; margin-right: 5px; font-weight:bold; padding: 1px 3px; text-transform: uppercase; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.jslm_course-row-bottom span.jslm_widg-course-enrolled_name { line-height: 40px; padding-left: 135px; font-weight:bold; text-transform: uppercase; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.course-row-bottom span.widg-course-comments { width: 100%; display: inline-block; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-course-row div.jslm_course-row-bottom span.jslm_widg-course-comments { width: 100%; display: inline-block; padding-left: 5px; } /*user*/ div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row { position: relative; float: left; width: 100%; border: 1px solid #d4d4d5; margin-bottom: 10px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.widg-user-image { position: absolute; height: 70px; width: 70px; background: #ffffff; top: 5px; left: 5px; border: 1px solid #d4d4d5; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.widg-user-image div.user-image { position: relative; height: 100%; width: 100%; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.widg-user-image img.widg-user-image { max-height: 95%; max-width: 95%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-top { padding-left: 90px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-top span.widg-user-title { color: #4B4B4D; line-height: 40px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-top span.widg-user-price { float: right; background: #0073AA; color: #ffffff; padding: 0px 20px; line-height: 40px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-bottom { padding-left: 90px; background: #fafafa; border-top: 1px solid #D4D4D5; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-bottom span.widg-user-email { line-height: 40px; } div.jslearnmanager-widget-contaner div.jslearnmanager-widget-user-row div.user-row-bottom span.widg-user-location { } /* short codes wrap */ div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main { width: 100%; float: left; border: 1px solid #CCCCCC; padding:15px 14px; background: #FFFFFF; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap { width: 100%; float: left; border: 1px solid #CCCCCC; background: #FFFFFF; box-shadow:0px 3px 5px #888888; margin-bottom:25px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-top-title { width: 100%; float: left; border-bottom: 1px solid #D1D1D1; background: #E6E7E8; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-top-title span.jslearnmanageradmin-shortcodes-title { display: inline-block; font-weight: bold; padding:10px 10px; font-size: 16px; color: #373435; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-data { width: 100%; float: left; padding:0 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-data div.jslearnmanageradmin-shortcodes-title { width: 100%; float: left; font-weight: bold; color:#4B4B4D; font-size:14px; padding: 8px 0 8px 0; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-data div.jslearnmanageradmin-shortcodes-name { width: 100%; float: left; border:1px solid #CCCCCC; background-color:#F1F4FA; color:#373435; padding:10px 0 10px 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-data div.jslearnmanageradmin-shortcodes-option-wrap { width: 100%; float: left; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-data div.jslearnmanageradmin-shortcodes-option-wrap div.jslearnmanageradmin-shortcodes-option { width: 100%; float: left; padding: 10px 0 10px 10px; border: 1px solid #CCCCCC; margin-bottom: 8px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-option-value { width: 100%; float: left; border: 1px solid #CCCCCC; background: #FEF6ED; margin-bottom: 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-option-value span.jslearnmanageradmin-shortcodes-value { display: inline-block; padding: 10px 0 10px 10px; } div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslearnmanageradmin-shortcodes-wrap-main div.jslearnmanageradmin-shortcodes-wrap div.jslearnmanageradmin-shortcodes-bottom-text { width: 100%; float: left; margin-bottom:25px; } /* profile top portion */ div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats { float:left; width:100%; padding: 10px 0px 0px 0; } div#jslearnmanageradmin-wrapper div.instructor-container div.stat-parts { display: inline-block; float: left; width: calc(100% / 4 - 20px); margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 10px; border: 1px solid #CCC; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.stat-parts img { display: inline-block; float: left; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.stat-parts span.number { width: 60%; display: inline-block; float: left; font-weight: bold; padding: 5px 15px; font-size: 22px; color: #64676A; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.stat-parts span.text { width: 60%; display: inline-block; float: left; padding: 5px 15px; color: #64676A; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats{ width: calc(50% - 10px); float: left; padding-left: 10px; border: 1px solid #CCC; padding-top: 10px; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats-instructor{ width: 100%; float: left; padding-left: 25px; border: 1px solid #CCC; padding-top: 10px; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats div.jslm_awards, div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats-instructor div.jslm_awards{ display: inline-block; float: left; width: 50px; height: 50px; border-radius: 50%; text-align: center; margin-right: 10px; margin-bottom: 5px; } div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats div.jslm_awards img, div#jslearnmanageradmin-wrapper div.instructor-container div.jslm_user-stats div.awards-stats-instructor div.jslm_awards img{ width: 100%; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper { float: left; width: 100%; margin-top: 30px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.jslm_heading { float: left; width: 100%; background:black; color: #ffffff; padding: 12px 10px; margin-bottom: 25px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.jslm_heading .jslm_heading_style { margin: 0; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container { margin-bottom:10px; float:left; width:100%; border:1px solid #cccccc; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container.blue { border:1px solid #428BCA; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container:hover { border:1px solid #428BCA; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data { float: left; width: 100%; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data span.selector { display: none; position: absolute; border: 2px solid #ccc; padding: 6px 5px 6px 8px; background: #F8F8F8; z-index: 99999; left: 0px; top: 0px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-icon { display: inline-block; width: 155px; float: left; text-align: center; margin: 0px 12px 5px 12px; height: 140px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-icon a { display: inline-block; width: 100%; height: 100%; position: relative; background: #fff; box-shadow:0px 8px 19px -2px #ccc; border:1px solid #dedede; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-icon a img { height: auto; width: auto; max-height: 100%; min-width: 100%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details { display: inline-block; width: calc(100% - 179px); } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details span.price { display: inline-block; padding: 14px 0px; font-size: 20px; font-weight: 600; background: #F8F8F8; text-align: center; border-left: 2px solid lightgray; border-bottom: 2px solid lightgray; width: 100%; min-height: 48.3px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title { float: left; padding:10px 1px; font-weight:bold; border-bottom:2px solid #dedede; display: inline-block; min-height: 48px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.value { font-size:15px; color:#428BCA; padding-right:15px; display:inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; text-align: left; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-values span.heading { color: #23282D; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.jslm-padding { padding: 10px 0px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-values span.value { font-size: 15px; color: #64676A; padding-left: 5px; font-weight: normal; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.goldnew { position: relative; display:inline-block; top: -4px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.goldnew span.goldnew-onhover { color: #000; display: block; position: absolute; border: 1px solid #6A6767; padding: 4px 7px; top:-38px; left: -100%; background-color: #FFEECF; white-space: nowrap; color:#444442; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.goldnew span.goldnew-onhover img { display: block; position: absolute; padding: 4px 7px; top: 23px; left: 34%; white-space: nowrap; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.featurednew span.featurednew-onhover { color: #000; display: block; position: absolute; border: 1px solid #6A6767; padding: 4px 7px; top: -38px; left: -65%; background-color: #FFEECF; white-space: nowrap; ; color:#444442; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.featurednew span.featurednew-onhover img { display: block; position: absolute; padding: 4px 7px; top: 23px; left: 37%; white-space: nowrap; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.featurednew { position: relative; display:inline-block; top: -4px; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.featurednew:hover { cursor:pointer; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details div.item-title span.goldnew:hover { cursor: pointer; } div#jslearnmanageradmin-wrapper div.jslm_course_wrapper div.course-container div#item-data div.item-details span.bigupper-coursestatus { position: absolute; right:10px; top: 100px; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top { float:left; width:100%; padding: 10px 0px 0px 0; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box { float:left; width:calc(33.33% - 20px); margin-right:20px; padding:10px; border:1px solid #D3D3D3; background: #ffffff none repeat scroll 0 0; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box:last-child { width:33.33%; margin-right:0px; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box img { float:left; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box div.jslm_text { width:calc(100% - 80px); margin-left:20px; float:left; padding-top: 10px; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box div.jslm_text div.jslm_bold-text { font-size: 22px; font-weight: bold; margin-bottom: 5px; } div#jslearnmanageradmin-wrapper div.jslm_user-stats-top div.jslm_box div.jslm_text div.jslm_nonbold-text { font-size: 14px; white-space: nowrap; } div.jslearnmanager-popup-norecordfound { float: left; width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; padding: 7px 15px; background: #f5fbfe; border: 1px solid #9ad1e5; color: #373435; font-size: 15px; margin-bottom: 20px; } div.jslearnmanager-popup-norecordfound img.jslm_jsautomessages_image { display: inline-block; margin-right: 7px; } /*Form*/ div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper { float: left; width: 100%; padding: 0 15px; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper div.jslm_js-filter-form-data { float: left; width: 50%; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper div.jslm_js-filter-form-data label.jslm_js-filter-form-title { float: left; width: 100%; padding: 10px 0 5px; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper div.jslm_js-filter-form-data div.jslm_js-filter-form-value { float: left; width: 100%; padding: 0 15px 0 0; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper div.jslm_js-filter-form-data div.jslm_js-filter-form-value input { display: inline-block; width: 100%; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper div.jslm_js-filter-form-data div.jslm_js-filter-form-value select { display: inline-block; width: 100%; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper button.jslm_js-filter-form-btn { float: left; width: 100%; background: #41A7DA; color: #ffffff; margin: 15px 0; padding: 5px 0; font-size: 16px; } div#jslearnmanageradmin-wrapper form.jslm_js-filter-form div.jslm_js-filter-form-wrapper button.jslm_js-filter-form-btn img { vertical-align: middle; margin-right: 3px; } div#jslm_ajaxloaded_wait_overlay { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 999998; background: rgba(0,0,0, 0.94); } img#jslm_ajaxloaded_wait_image { z-index: 999999; position: fixed; top: calc(50% - 64px); left: calc(50% - 64px); } div#jslm_postinstallation_wrapper { float: left; width: 100%; padding-right: 20px; } div#jslm_postinstallation_wrapper div.jslm_pi_topheader-area { float: left; width: 100%; height: 270px; background: url('../images/pibg.png') 100% 100%; } div#jslm_postinstallation_wrapper div.jslm_pi_topheader-area div.jslm-pi-left { float: left; width: 30%; text-align: center; margin-top: 20px; } div#jslm_postinstallation_wrapper div.jslm_pi_topheader-area div.jslm-pi-right { float: left; width: 70%; color: #FFFFFF; } div#jslm_postinstallation_wrapper div.jslm_pi_topheader-area div.jslm-pi-head-text { float: left; width: 90%; font-size: 39px; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding-bottom: 30px; margin-top: 60px; } div#jslm_postinstallation_wrapper div.jslm_pi_topheader-area div.jslm-pi-desc-text { float: left; width: 90%; margin-top: 30px; font-size: 18px; } div#jslm_postinstallation_wrapper div.jslm-pi-heading-text { float: left; width: 100%; margin-top: 20px; margin-bottom: 15px; font-weight: bold; font-size: 16px; border: 1px solid #d4d4d5; background: #FFFFFF; padding: 12px 12px; } div#jslm_postinstallation_wrapper div.jslm-pi-content-left { float: left; width: 50%; padding-right: 8px; } div#jslm_postinstallation_wrapper div.jslm-pi-content-right { float: left; width: 50%; padding-left: 8px; } div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap { float: left; width: 100%; background: #f9f9f9; border: 1px solid #E0E0E0; padding: 8px 10px; margin-bottom: 13px; } div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap input.jslm_pi_field, div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap select.jslm_pi_field { width: 100%; float: left; } div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap div { width: 100%; float: left; } div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap div.jslm-pi-title { font-size: 15px; color: #4B4B4D; margin-bottom: 7px; } div#jslm_postinstallation_wrapper div.jslm-pi-content-wrap div.jslm-pi-sm { font-size: 11px; color: #595959; margin-top: 5px; } div#jslm_postinstallation_wrapper div.jslm-pi-lowerbtn { float: left; width: 100%; border-top: 1px solid #00AFEF; margin-top: 20px; padding-bottom: 30px; text-align: center; } div#jslm_postinstallation_wrapper div.jslm-pi-lowerbtn input.jslm-pi-savebtn { margin-top: 20px; color: #FFFFFF; outline: none; border: none; background: #1768A9; padding: 20px 15px; line-height: 0; font-size: 17px; } div.jslm_js-submit-container { text-align: center; padding-bottom: 10px; } /* Error Pages Styling */ /* Error 404*/ div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper { float: left; width: 100%; text-align: center; background-image: url(../../js-learn-manager/images/texture.png); padding: 50px 0 0 0; margin-bottom: 50px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_image { float: left; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_image div.jslm_error_image_wrapper { float: left; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message { float: left; width: 100%; padding-bottom: 5px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message .jslm_heading_style { margin: 0; padding: 45px 0 25px 0; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message div.jslm_error_message { float: left; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message div.jslm_error_message.jslm_heading_style { } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_back_button { float: left; width: 100%; margin-bottom: 30px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_back_button h6.jslm_back_button_heading a.jslm_back_button_style { padding: 7px 20px; display: inline-block; text-decoration: none; outline: 0; } /* Error 404*/ /* Error No Record Found */ div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message .jslm_no_record_found { } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message .jslm_no_padding { padding: 0; } div.jslm_content_wrapper div.jslm_content_data div.jslm_error_message_wrapper div.jslm_error_message .jslm_font_weight { font-weight: 600; } div.jslm_content_wrapper div.jslm_content_data div.jslm_no_border { border: none !important; background-image: unset; } /* Error No Record Found */ /* Error Pages Styling */ /* Course Detail Styling */ div.jslm_course_detail_row { float: left; width: 100%; margin:0; margin-top: 30px; border: 1px solid lightgray; padding-top: 15px; padding-bottom: 30px; } div.js-row div.js-col-md-12 div.js-col-md-8 div.jslm_heading { float: left; width: 100%; margin-bottom: 8px; } div.js-row div.js-col-md-12 div.js-col-md-8 div.jslm_heading div.jslm_heading_left { float: left; width: 70%; padding: 10px 0px 0px 0px; } div.js-row div.js-col-md-12 div.js-col-md-8 div.jslm_heading div.jslm_heading_left .jslm_heading_style { margin: 0; padding: 5px; } div.js-row div.js-col-md-12 div.js-col-md-8 div.jslm_heading div.jslm_heading_right { float: left; width: 30%; text-align: right; padding: 10px 0px 0px 0px; } div.js-row div.jslm_zero_padding { padding: 0; } div.js-row div.js-col-md-12 div.js-col-md-8 div.js-col-md-12 div.jslm_img_wrapper { float: left; width: 100%; padding: 7px; height: 502px; background-color: #f7f7f7; border: 1px solid #d4d4d5; text-align: center; position: relative; } div.js-row div.js-col-md-12 div.js-col-md-8 div.js-col-md-12 div.jslm_img_wrapper img { width: auto; height: auto; max-width: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper { float: left; width: 100%; padding: 25px 0px 0px 5px; margin-bottom: 20px; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_info_wrapper { float: left; width: 100%; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper { float: left; width: calc(100% / 3); } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper div.jslm_data { float: left; border-left: 1px solid; padding-left: 8px; width: 100%; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper div.jslm_img_wrapper { float: left; width: 50px; height: 50px; border-radius: 50%; border: 1px solid lightgrey; padding: 0; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper div.jslm_img_wrapper img { width: 100%; height: 100%; border-radius: 50%; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper div.jslm_name_title { float: left; width: auto; padding: 4px 0px 5px 5px; font-weight: 600; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper span.jslm_left_star { padding: 4px 0px 5px 5px; display: inline-block; } div.js-row div.js-col-md-8 div.jslm_coursedetail_wrapper div.jslm_data_wrapper div.jslm_name { float: left; width: auto; color: lightslategrey; padding: 4px 0px 5px 10px; } div.js-row div.js-col-md-12 div.js-col-md-12 ul.jslm_ul { } div.js-row div.js-col-md-12 div.js-col-md-12 ul.jslm_ul li.jslm_li { background-color: #f7f7f7; } div.js-row div.js-col-md-12 div.js-col-md-12 ul.jslm_ul li.jslm_li a.jslm_li_anchor { min-width: 120px; text-align: center; border: 1px solid #ddd; border-left: none; padding: 15px 0px; margin: 0; border-radius: 0; } div.js-row div.js-col-md-12 div.js-col-md-12 ul.jslm_ul li.jslm_li a.jslm_left_border { border-left: 1px solid #ddd; } .nav-tabs > li.jslm_li.active > a.jslm_li_anchor { background-color: #41A7DA; color: #fff; } .nav-tabs > li.jslm_li.active > a.jslm_li_anchor:focus { background-color: #41A7DA; color: #fff; } .nav-tabs > li.jslm_li > a.jslm_li_anchor:hover { background-color: #41A7DA; color: #fff; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_home_data_wrapper { float: left; width: 100%; margin-bottom: 30px; margin-top: 30px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_home_data_wrapper div.jslm_home_data_row { float: left; width: 100%; margin-bottom: 15px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_home_data_wrapper div.jslm_home_data_row div.jslm_row_heading { float: left; width: 100%; padding-bottom: 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_home_data_wrapper div.jslm_home_data_row div.jslm_row_heading h3.jslm_row_heading_style { margin: 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_home_data_wrapper div.jslm_home_data_row span.jslm_row_body_text { display: inline-block; float: left; width: 100%; line-height: 25px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading { width: 100%; border: 1px solid lightgrey; margin-bottom: 15px; float: left; margin-top: 30px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading div.jslm_curri_heading_left { float: left; width: 70%; padding: 19px 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading div.jslm_curri_heading_left h3.jslm_heading_style { margin: 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading div.jslm_curri_heading_right { float: left; width: 30%; text-align: right; padding: 11px 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading a.jslm_new_section { display: inline-block; text-decoration: none; padding: 10px 10px; outline: 0; background-color: #D4EAD0; border: 1px solid #9BCD6D; color: #0a0a0a; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_curriclum_heading a.jslm_new_section i { margin-right: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper { float: left; width: 100%; margin-bottom: 10px; background-color: #FEF9F4; border: 1px solid #d4d4d5; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_left { float: left; width: 60%; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_left .jslm_section_heading { margin: 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_left a.jslm_accordian_anchor { float: left; width: 100%; padding: 17px 10px; display: inline-block; text-decoration: none; outline: 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_right { float: left; width: 40%; text-align: right; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_right span.jslm_section_action { display: inline-block; float: right; padding: 9px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_right span.jslm_section_action a.jslm_new_sec { padding: 5px 6px; display: inline-block; vertical-align: middle; text-decoration: none; outline: 0; background-color: #FEE8D4; border: 1px solid #EDA86C; color: #0a0a0a; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_right span.jslm_section_action a.jslm_new_sec i { margin-right: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-heading div.panel-title div.jslm_edit_section_wrapper div.jslm_edit_section_right span.jslm_section_action a.jslm_delete_sec { padding: 0px 10px; border: 1px solid lightgray; display: inline-block; vertical-align: middle; font-size: 24px; outline: 0; } div.jslm_panel_style { padding: 0 !important; border-top: none !important; margin-bottom: unset; background-color: #fff; border: none; box-shadow: none !important; -webkit-box-shadow: none !important; } div.jslm_panel_margin { margin-bottom: 10px !important; box-shadow: none; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style { margin: 0; padding: 0px 5px; margin-bottom: 10px; float: left; width: 100%; border: 1px solid #d4d4d5; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style a.jslm_edit_lec_anchor { display: inline-block; padding: 11px 15px; text-decoration: none; outline: 0; }a:focus { box-shadow: none !important; -webkit-box-shadow: none !important; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style a.jslm_edit_lec_anchor span.jslm_bold_text { font-weight: 600; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style span.jslm_edit_section_action { display: inline-block; width: auto; float: right; padding: 5px 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style span.jslm_edit_section_action a.jslm_delete_sec { display: inline-block; outline: 0; background-color: #00a659; border: 1px solid #00a659; color: #ffffff; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.panel-group div.panel div.panel-collapse div.panel-body div.jslm_edit_row_style span.jslm_edit_section_action a.jslm_delete_sec i { font-size: 20px; padding: 5px 8px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_alert_danger { float: left; width: 100%; border-radius: 0; } div.js-row div.js-col-md-12 span.jslm_text { display: inline-block; color: lightslategrey; } div.js-row div.js-col-md-12 span.jslm_social_links { display: inline-block; border: 1px solid lightgrey; width: 40px; height: 40px; border-radius: 50%; text-align: center; } div.js-row div.js-col-md-12 span.jslm_social_links a { padding: 10px; display: inline-block; } div.js-row div.js-col-md-12 span.jslm_social_links a i { color: lightslategrey; font-size: 20px; } div.js-row div.js-col-md-4 div.jslm_data_wrapper { float: left; width: 100%; border: 1px solid lightgrey; padding: 8px 10px; margin-bottom: 15px; } div.jslm-right-side { float: left; width: calc(100% - 65px); } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_left_data { float: left; width: 80px; height: 80px; } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_left_data div.jslm_img_wrapper { float: left; width: 100%; border-radius: 50%; height: 100%; border: 2px solid lightgrey; padding: 1px; position: relative; } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_left_data div.jslm_img_wrapper img { width: auto; height:auto; max-height: 100%; max-width: 100%; margin:auto; top: 0; bottom: 0; left:0; right: 0; border-radius: 50%; position: absolute; } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_right_data { float: left; width: calc(100% - 80px - 20px); margin-left: 20px; padding: 5px 0 0 0; } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_right_data div.jslm_name_title { float: left; width: 100%; border-bottom: 1px solid lightgray; padding: 5px 0px; } div.js-row div.js-col-md-4 div.jslm_data_wrapper div.jslm_right_data div.jslm_name { float: left; width: 100%; padding: 25px 0; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper { float: left; width: 100%; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_top { float: left; width: 100%; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_top .jslm_price { float: left; padding: 16px; text-align: center; margin: 0; width: 100%; font-weight: 600; background-color: #23282d; color: #ffffff; border-bottom: 1px solid #d4d4d5; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_top.jslm-actual-price::before{content: "";position: absolute;top: 25%;left: 185px;right: 185px;height: 3px;background: #ff1515} div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_top.jslm-actual-price h2.jslm_price{background-color: transparent;color: red;} div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom { float: left; width: 100%; margin-top: 15px; padding: 0px 5px; border: 1px solid #d4d4d5; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom div.jslm_heading { display: inline-block; width: 100%; padding: 10px 12px; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom span.jslm_row { display: inline-block; width: 100%; float: left; margin: 0; padding: 10px; border-bottom: 1px solid #d4d4d5; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom span.jslm_row:last-child { border-bottom: none; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom span.jslm_row span.jslm_left_data { display: inline-block; width: 65%; float: left; padding: 5px; } div.js-row div.js-col-md-4 div.jslm_course_feature_wrapper div.jslm_bottom span.jslm_row span.jslm_right_data { display: inline-block; width: 35%; float: right; text-align: right; padding: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data { float: left; width: calc(100% / 3 - 5px); border: 1px solid lightgray; margin-bottom: 15px; background-color: #f2f9f9; margin-right: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_left_side { float: left; width: 65px; padding: 5px 0px 5px 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_left_side div.jslm_img_wrapper { width: 100%; height: 80px; padding: 0; position: relative; border: 1px solid #d4d4d5; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_left_side div.jslm_img_wrapper img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_right_side { float: left; width: calc(100% - 65px); padding: 0px 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_right_side span.jslm_text1 { display: inline-block; width: 65%; color: lightslategray; padding: 10px 0px; float: left; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_right_side span.jslm_text1 i { float: right; border: 1px solid lightgrey; padding: 2px 3px; font-size: 20px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_right_side span.jslm_text2 { display: inline-block; width: 100%; border-top: 1px solid lightgrey; color: lightslategrey; padding: 10px 0px 0px 0px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_member_data div.jslm_right_side span.jslm_date { display: inline-block; width: 35%; color: lightslategrey; padding: 10px 0px; float: right; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper { width: 100%; padding: 25px 0px; margin-bottom: 30px; background-color: #f7f7f7; border: 1px solid #d4d4d5; margin-right: auto; margin-left: auto; margin-top: auto; margin-top: 30px; float: left; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper:after { content: ""; display: block; clear: both; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left { width: 40%; text-align: center; float: left; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left div.jslm_circle { display: inline-block; width: 210px; height: 210px; border-radius: 50%; background-color: #f7f7f7; border: 20px solid #00a659; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left div.jslm_circle span.jslm_bold_text { display: inline-block; width: 100%; font-weight: 900; padding-top: 15px; text-align: center; font-size: 48px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left div.jslm_circle span.jslm_rating_star { display: inline-block; width: auto; border-radius: 5px; font-size: 25px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left div.jslm_circle span.jslm_rating_star span.jslm_star { color: yellowgreen; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_left div.jslm_circle span.jslm_text { display: inline-block; width: 100%; padding-top: 10px; text-align: center; font-size: 13px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_right { float: left; width: 60%; padding-top: 20px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_right div.jslm_reviews_right_data { float: left; width: 100%; padding: 9px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_right div.jslm_reviews_right_data span.jslm_text { display: inline-block; width: auto; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_right div.jslm_reviews_right_data span.jslm_progress_bar { display: inline-block; width: 75%; height: 10px; border: 1px solid lightgrey; background-color: lightgrey; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_reviews_wrapper div.jslm_reviews_right div.jslm_reviews_right_data span.jslm_progress_bar span.jslm_progress_bar_percent { display: inline-block; float: left; height: 100%; background-color: #00A659; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper { float: left; width: 100%; border: 1px solid lightgray; padding: 10px; margin-bottom: 30px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_left_side { float: left; width: 80px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_left_side div.jslm_img_wrapper { float: left; width: 100%; height: 85px; padding: 0; position: relative; border: 1px solid #d4d4d5; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_left_side div.jslm_img_wrapper img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side { float: left; width: calc(100% - 80px - 10px); margin-left: 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top { float: left; width: 100%; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_left { display: inline-block; float: left; color: lightslategrey; width: 30%; padding: 11px 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_right { float: right; width: 70%; text-align: right; padding: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_right span.jslm_action_button { display: inline-block; float: right; padding-left: 10px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_right span.jslm_action_button a i { border: 1px solid lightgrey; padding: 5px 5px; font-size: 20px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_right span.jslm_text_date { display: inline-block; width: auto; color: lightslategrey; padding: 6px 0px; float: right; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_top span.jslm_top_right span.jslm_star { display: inline-block; float: right; margin-right: 5px; padding: 5px 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_comments_wrapper div.jslm_right_side div.jslm_bottom { float: left; width: 100%; color: lightslategrey; line-height: 25px; border-top: 1px solid lightgray; display: inline-block; padding-top: 5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_alert_danger { float: left; width: 100%; border-radius: 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments { float: left; width: 100%; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments h3 { font-weight: 800; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments span.jslm_warning_msg { display: inline-block; width: 100%; color: lightslategrey; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper { float: left; width: 100%; padding-top: 15px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper span.jslm_title { display: inline-block; width: 100%; color: lightslategrey; font-weight: 600; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper span.jslm_input_style { display: inline-block; width: 100%; padding-top: 7px; padding-bottom: 7px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper span.jslm_input_style .jslm_full_width { width:100%; padding:5px; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper span.jslm_button { display: inline-block; width: auto; padding: 10px 0; } div.js-row div.js-col-md-12 div.tab-content div.tab-pane div.jslm_leave_comments div.jslm_form_wrapper span.jslm_button button { padding: 10px 40px; display: inline-block; font-weight: 900; } div.jslm_content_wrapper button{ cursor: pointer; } /* Course Detail Styling */ /* Form Add Course */ div.jslm_content_wrapper { /* float: left; width: 100%; margin-top: 15px; padding: 0px 15px;*/ } div.jslm_content_wrapper.jslm_no_padding{ padding: 0px; } div.jslm_content_wrapper div.jslm_content_data { /* float: left; width: 100%; */ } div.jslm_content_wrapper div.jslm_content_data div.jslm_row { float: left; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_title { float: left; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image { width: 100%; margin:auto; padding: 30px 0px 0px 0px; margin-bottom: 20px; border:1px solid lightgrey; background-color: #F8F9FA; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_upload_img_wrapper { width: 125px; height: 125px; margin:auto; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_upload_img_wrapper img { width: 100%; height: 100%; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_file_field { width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; position: relative; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_file_field input[type=file] { display: inline-block; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_file_field input.jslm_file_upload_input{ position: absolute; left: 393px; top: 11px; right: 0; bottom:0; width: 100%; height: 100%; cursor: pointer; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; padding: 1em 3em; width: 184px; height: 48px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslms_course_image_type{ width: 100%; text-align: center; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_title { display: inline-block; width: 100%; padding-bottom: 10px; color:#5a5b5f; font-size: 14px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field { display: inline-block; width: 100%; padding-bottom: 15px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field select.jslm_select_full_width { width: 100% !important; padding: 15px 5px !important; line-height: 0 !important; height: 52px; } .jslm_select_full_width { width: 100% !important; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field select.jslm_select_style{ width: 100% !important; padding: 15px 5px !important; line-height: 0 !important; height: 52px !important; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_relative { position: relative; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field textarea { width: 100%; padding: 10px 0px 0px 10px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field { float: left; width: calc(100% / 2 - 10px); margin-left: 5px; margin-right: 5px; height: 50px; margin-bottom: 30px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field.jslm_checkbox_filed { width: calc(100% / 3 - 10px); } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_reduce_padding select.jslm_select_styling { width: 100%; padding: 14px; -moz-appearance: none; border: 1px solid lightgray; background-color: white; border-radius: 4px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field.jslm_checkbox_style { line-height: 43px; padding-left: 10px; border: 1px solid #d4d4d5; background-color: #f7f7f7; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field.jslm_checkbox_style input.jslm_checkbox_style { width: auto; float: left; height: 0; margin-right: 10px; margin-top: 15px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field div.jslm_doller_sign { display: inline-block; border: 1px solid lightgray; padding: 8px 10px; position: absolute; top: 0; right: 16px; border-right: none; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_price_field div.jslm_doller_sign i { border: 1px solid lightgray; padding: 5px 7px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field input { padding: 15px 5px; width: 100%; margin: 0px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field label#uname{ width: 100%; text-transform: capitalize; padding: 10px 0px; font-size: 14px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_input_field div.jslm_upload_btn { position: absolute; top: 0; right: 0px; display: inline-block; border-left: 1px solid lightgray; padding: 15px 25px; background-color: darkgray; color: white; font-weight: 600; } div.jslm_content_wrapper div.jslm_content_data div.jslm_btn_row { text-align: center; float: left; width: 100%; margin-top: 15px; margin-bottom: 15px; border-top:2px solid #0074A2; padding-top: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj button.jslm_btn_style { padding: 15px 12px; color: white; font-weight: 600; border:1px solid #0074A2; background-color: #0074A2; min-width: 150px; margin-right: 5px; margin-top: 5px; } div.jslm_content_wrapper div.jslm_content_data div.jslm_btn_row a.jslm_btn_style { padding: 15px 12px; color: white; font-weight: 600; border:1px solid lightgrey; background-color:grey; min-width: 150px; margin-right: 10px; display: inline-block; text-decoration: none; } /* Form Add Lecture */ div.jslm_top_content_data { float: left; width: 100%; margin-bottom: 30px; margin-top: 30px; border: 1px solid lightgrey; } div.jslm_top_content_data div.jslm_left_content { float: left; width: 300px; } div.jslm_top_content_data div.jslm_left_content div.jslm_img_wrapper { float: left; width: 100%; height: 145px; padding: 1px; position: relative; text-align: center; background-color: #f7f7f7; } div.jslm_top_content_data div.jslm_left_content div.jslm_img_wrapper img { position: absolute; width: auto; height:auto; max-height: 100%; max-width: 100%; margin:auto; top: 0; bottom: 0; left:0; right: 0; } div.jslm_top_content_data div.jslm_right_content { width: calc(100% - 300px); float: left; padding: 0px 15px; background-color: #f7f7f7; border-left: 1px solid #d4d4d5; } div.jslm_top_content_data div.jslm_right_content div.jslm_top-content { float: left; width: 100%; padding: 15px 0px; } div.jslm_top_content_data div.jslm_right_content div.jslm_top-content a.jslm_title_heading { margin: 0; text-decoration: none; outline: 0; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content { float: left; width: 100%; border-top: 1px solid #d4d4d5; padding: 11px 0px; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper { float: left; width: calc(100% / 3 - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_left { float: left; width: 45px; display: inline-block; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_left span.jslm_img_wrapper { display: inline-block; width: 100%; height: 60px; border-radius: 50%; position: relative; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_left span.jslm_img_wrapper img { width: auto; height:auto; max-height: 100%; max-width: 100%; margin:auto; top: 0; bottom: 0; left:0; right: 0; border-radius: 50%; position: absolute; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_right { float: left; width: calc(100% - 25% - 10px); margin-left: 10px; padding: 5px 0px; margin-top: 2px; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_right span.jslm_title { display: inline-block; width: 100%; float: left; padding-bottom: 5px; } div.jslm_top_content_data div.jslm_right_content div.jslm_middle_content span.jslm_data_wrapper span.jslm_right span.jslm_text { display: inline-block; width: 100%; } div.jslm_content_data div.jslm_content_wrapper { float: left; width: 100%; margin-top: 0px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_heading_wrp { float: left; width: 100%; padding: 10px 0px 0px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_heading_wrp .jslm_heading { margin: 0px; margin-bottom: 10px; font-weight: unset; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field { float: left; width: 100%; padding-bottom: 15px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field div.jslm_input_title { display: inline-block; float: left; width: 100%; padding-bottom: 10px; font-size: 14px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field div.jslm_input { display: inline-block; width: 100%; float: left; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field div.jslm_input { display: inline-block; width: 100%; float: left; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field div.jslm_input input.jslm_input_field_style { padding: 15px 5px; width: 100%; margin: 0px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload { margin-top: 0 !important; margin: 0; } div.jslm_content_wrapper div.jslm_content_data div.jslm_row div.jslm_upload_image div.jslm_file_field label.jslm_file_upload_label, div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload label.jslm_file_upload_label{ display: inline-block; padding: 1em 2em; border-radius: 2px; transition: background .3s; background-color: #41A7DA; border: 1px solid #41A7DA; color: #ffffff; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload input.jslm_file_upload_input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1; width: 128px; height: 100%; opacity: 0; cursor: pointer; margin: 0px; } div.jslm_content_data div.jslm_row div.jslm_upload_image span.jslm_file_extension, div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper span.jslm_file_extension { display: inline-block; width: 100%; font-size: 12px; color: lightslategrey; margin-top: 10px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload { width: 200px !important; margin-top: 20px !important; display: block !important; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload { position: relative; display: inline-block; margin-top: 30px; min-width: 214px; text-align: left; margin-bottom: 15px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_input_field div.jslm_input input.jslm_padding_upl_file, div.jslm_content_data div.jslm_row div.jslm_input_field input.jslm_padding_upl_file { padding: 6px !important; } /*div.jslm_content_data div.jslm_content_wrapper { float: left; width: 100%; }*/ form#jslearnmanager-form div.jslm_heading_wrp { /*float: left; width: 100%; padding: 10px 0px 0px; text-align: right;*/ } form#jslearnmanager-form div.jslm_heading_wrp .jslm_heading { margin: 0px; margin-bottom: 10px; font-weight: unset; width: 25%; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload { margin-top: 0!important; margin: 0; } div.jslm_content_data div.jslm_content_wrapper div.jslm_textarea { float: left; width: 100%; } div.jslm_content_data div.jslm_content_wrapper div.jslm_textarea textarea.jslm_textarea_style { width: 100%; } div.jslm_content_data div.jslm_content_wrapper div.jslm_save_button { float: left; width: 100%; padding-top: 20px; margin-bottom: 30px; text-align: center; border-top: 2px solid #038edd; } div.jslm_content_data div.jslm_content_wrapper div.jslm_save_button.jslm_text_align { text-align: left; } div.jslm_content_data div.jslm_content_wrapper div.jslm_no_border { border: none; margin-bottom: 0; } div.jslm_content_data div.jslm_content_wrapper div.jslm_save_button button.jslm_btn_style { padding: 15px 10px; text-align: center; font-weight: bold; min-width: 150px; margin-right: 5px; background-color: #0074A2; border: 1px solid #0074A2; color: #ffffff; } div.jslm_content_data div.jslm_content_wrapper div.jslm_save_button button.jslm_btn_style.jslm_cancel{ background-color: #808080; color: #fff; border-color: #D4D4D5; margin: 0px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper { float: left; width: 100%; margin-bottom: 15px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_append_files { float: left; width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_upload_files_wrapper { float: left; width: calc(100% / 3 - 12px); margin-bottom: 10px; margin-right: 12px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_upload_files_wrapper.jslm_upload_video_wrapper { width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper { float: left; width: 100%; margin-bottom: 10px; margin-right: 5px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper input.jslm_input_field_style, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_upload_files_wrapper input.jslm_input_field_style { width: 85%; padding: 0px 10px; border: 1px solid lightgrey; line-height: 1.47; margin: 0px; height: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper input.jslm_input_video_title { width: 40%; height: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper input.jslm_input_video_url { width: 40%; margin-left: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper .fa-trash, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_upload_files_wrapper .fa-trash { font-size: 18px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_upload_files_wrapper .jslm_delete_button { width: calc(100% - 85% - 5px); padding: 8px 0px; margin-left: 5px; text-align: center; max-height: 41.11px; border: 1px solid lightgrey; background-color: #0074A2; color: #fff; cursor: pointer; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_obj_video_append div.jslm_upload_video_files_wrapper .jslm_delete_button { padding: 8px 15px; text-align: center; max-height: 41.11px; border: 1px solid lightgrey; margin-left: 5px; color: #fff; background-color: #0074A2; cursor: pointer; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper div.jslm_file_upload input.jslm_file_upload_input { /* width: unset !important;*/ } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper input.jslm_video_title { display: inline-block; width: 100%; padding: 15px 10px; margin-bottom: 10px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_file_wrapper input.jslm_video_url { display: inline-block; width: 100%; border: 1px solid lightgray; padding: 15px 10px; margin-bottom: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.urlvalidation{ width: 100%; float: left; margin-bottom: 5px; color: red; font-size: 14px; } div.jslm_content_data div.jslm_content_wrapper div.jslm_img_list { float: left; width: 100%; margin-bottom: 20px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row { display: inline-block; width: calc(100% / 2 - 10px); margin: 0; margin-top: 5px; margin-bottom: 5px; border: 1px solid #d4d4d5; background-color: #f9f9f9; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row.jslm_video_row { width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_left { display: inline-block; width: 60%; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_left_files { padding: 17px 10px 0px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_left_files i { font-size: 18px; margin-right: 5px; vertical-align: middle; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left { display: inline-block; width: 70%; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_left_logo{ display: inline-block; width: 30px; text-align: center; float: left; padding: 10px 0; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_left_logo i { font-size: 30px; vertical-align: text-bottom; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_right_data{ display: inline-block; width: calc(100% - 30px - 5px); margin-left: 5px; float: left; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_right_data span.jslm_video_title { display: inline-block; width: 100%; padding: 10px 0 0 0; float: left; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_right_data span.jslm_video_url { display: inline-block; width: 100%; padding: 5px 0 0 0; float: left; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left span.jslm_right_data span.jslm_video_url a.jslm_video_url_link { text-decoration-line: none; outline: 0; } form#jslearnmanager-form div.jslm_js-field-wrapper span.jslm_video_left a { text-decoration: none; color: lightslategrey; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_right { display: inline-block; width: 30%; float: right; padding: 10px 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper input.h30{height: 30px;} form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_right span.jslm_logo { display: inline-block; float: right; padding: 5px; padding: 5px 7px; margin-right: 5px; border: 1px solid #d4d4d5; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_row span.jslm_right span.jslm_logo a.jslm_logos i { font-size: 17px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper { float: left; width: 100%; margin-bottom: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper { /* width: 100%; float: left;*/ } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading { width: 100%; float: left; background: #ffffff; color: lightslategrey; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading input.jslm_ques_input_style, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading input.jslm_ques_input_style { width: 100%; padding: 0px 10px; border: 1px solid lightgrey; height: 30px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_heading_width { width: 83%; margin-right: 7px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body { float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data { float: left; width: calc(100% / 2 - 10px); margin-right: 10px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice { float: left; width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper { display: inline-block; width: 88%; border: 1px solid lightgray; float: left; margin-bottom: 10px; margin-right: 7px; height: 40px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp { display: inline-block; border-radius: 0; float: left; width: 40px; padding: 8px 5px; text-align: center; opacity: 0.4; height: 40px; } form#jslearnmanager-form div.jslm_js-field-wrapper div#jslm_js_obj_quiz_field div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp{ padding: 6px 5px; opacity: 1; } div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp input.jslm_input_checkbox_style{margin: 0px;} form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_input_wrp, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp { display: inline-block; width: calc(100% - 40px); float: left; line-height: 1.3; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp input.jslm_input_style, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp input.jslm_input_style, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_input_wrp input.jslm_input_style, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_input_wrp input.jslm_input_style { padding: 0px 5px; border: none; width: 100%; height: 38px; margin: 0px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading span.jslm_delete, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper span.jslm_delete { display: inline-block; width: calc(100% - 88% - 7px); border: 1px solid lightgray; text-align: center; background: #0074A2; height: 40px; padding: 5px !important; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper span.jslm_delete { display: inline-block; /*width: calc(100% - 92% - 7px);*/ border: 1px solid #d3d3d3; text-align: center; background: #0074A2; height: 32px; padding: 2px 8px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete a.jslm_delete_button, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete a.jslm_delete_button, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading span.jslm_delete a.jslm_delete_button, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper span.jslm_delete a.jslm_delete_button, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper span.jslm_delete a.jslm_delete_button { text-decoration: none; padding: 5px; display: inline-block; cursor: pointer; color: #fff; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete a.jslm_delete_button i, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice span.jslm_delete a.jslm_delete_button i, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper div.jslm_quiz_heading span.jslm_delete a.jslm_delete_button i, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper span.jslm_delete a.jslm_delete_button i { font-size: 20px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_js-field-obj div.jslm_wrapper div.jslm_quiz_wrapper span.jslm_delete a.jslm_delete_button i{ font-size: 18px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_add_more_button { float: left; margin-bottom: 10px; width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_add_more_button button.jslm_add_more_button_styling { display: inline-block; padding: 14px 18px; background-color: #0074A2; color: #fff; border: 0px; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_button_style { float: left; width: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_button_style button { border: 1px solid lightgrey; width: 100%; padding: 10px; color: white; font-weight: 800; min-width: 150px; background-color: #038edd; border: 1px solid #000e5d; color: #ffffff; } div.jslm_content_wrapper div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_button_style { float: left; width: 100%; margin-bottom:20px; } div.jslm_content_wrapper div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_button_style div.jslm_save_button_wrapper { float: left; width: 50%; padding-right: 5px; } div.jslm_content_wrapper div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_button_style div.jslm_save_button_wrapper button.jslm_save_button { width: 100%; background: #0A9955; border: 1px solid lightgrey; padding: 10px; color: white; font-weight: 800; } div.jslm_content_wrapper div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_button_style div.jslm_cancel_button_wrapper { float: left; width: 50%; padding-left: 5px; } div.jslm_content_wrapper div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_button_style div.jslm_cancel_button_wrapper a.jslm_cancel_button { width: 100%; background: #d4d4d5; border: 1px solid lightgrey; padding: 10px; color: white; font-weight: 800; display: inline-block; text-align: center; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading { float: left; width: 100%; padding: 12px 5px; margin-bottom: 10px; border:1px solid lightgrey; background-color: #fff; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading div.jslm_left_heading { display: inline-block; width: 83%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading div.jslm_left_heading .jslm_title_heading { color: lightslategrey; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading div.jslm_left_heading h3{ margin: 0px; font-weight: unset; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading span.jslm_right_option { display: inline-block; width: 15%; text-align: right; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading span.jslm_right_option span.jslm_logo { display: inline-block; border: 1px solid lightslategray; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading span.jslm_right_option span.jslm_logo a { padding: 4px 10px; display: inline-block; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_wrapper div.jslm_heading span.jslm_right_option span.jslm_logo a i { font-size: 20px; } /* Radio Button Styling for add lecture */ form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp, form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp { width: 100%; height: 100%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox { width: 100%; height: 100%; vertical-align: middle; text-align: center; margin: 0; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox label, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label { display: inline-block; color: #fff; cursor: pointer; position: relative; padding: 0; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox label span, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span { display: inline-block; background-color: transparent; width: 18px; height: 18px; transform-origin: center; border: 2px solid #0074A2; vertical-align: -6px; transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89); z-index: 2; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:before, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:before, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:before { content: ""; width: 0px; height: 2px; background: transparent; position: absolute; transform: rotate(45deg); top: 10px; left: 6px; transition: width 50ms ease 50ms; transform-origin: 0% 0%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:after, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:after, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox label span:after { content: ""; width: 0; height: 2px; background: transparent; position: absolute; transform: rotate(305deg); top: 14px; left: 7px; transition: width 50ms ease; transform-origin: 0% 0%; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"], div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"], div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"] { display: none; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span { background-color: transparent; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:after, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:after, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:after { width: 10px; background: #0074A2; transition: width 150ms ease 100ms; z-index: 2; } form#jslearnmanager-form div.jslm_js-field-wrapper div.jslm_quiz_body div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:before, div.jslm_content_data div.row div.col-md-12 div.col-md-8 div.jslm_right_content_wrapper div.jslm_question_content div.jslm_quiz_container div.jslm_question_bottom_content div.jslm_mscq_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:before, div.jslm_content_data div.jslm_content_wrapper div.jslm_quiz_wrapper div.jslm_row_data div.jslm_choice div.jslm_quiz_input_wrapper div.jslm_checkbox_wrp .exp .checkbox input[type="radio"]:checked + label span:before { width: 5px; background: #0074A2; transition: width 150ms ease 100ms; } /* Tab 4 Quiz Code Start */ /* Code Style for Add lecture */ /* Code for Modal Curriculum Add Section */ div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.jslm_modal_content { float: left; width: 100%; border-radius: 0; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header { float: left; width: 100%; padding: 20px 10px; background-color: #00a659; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header button.jslm_close_button_style { font-size: 30px; box-shadow: unset; padding: 5px 10px; text-shadow: unset; font-weight: 600; opacity: unset; background-color: #1a8051; color: #ffffff; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header .jslm_title_heading { margin: 0; color: #ffffff; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_body { float: left; width: 100%; padding: 10px 5px; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field { display: inline-block; width: 100%; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_input_title { display: inline-block; float: left; width: 100%; padding: 5px 5px 10px 5px; font-weight: 600; font-size: 16px; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field input.jslm_field_style { padding: 15px 5px; width: 100%; margin-bottom: 15px; border-radius: 5px } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button { display: inline-block; float: left; width: 100%; text-align: center; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_save_button_style { padding: 10px 25px; margin-right: 5px; background-color: #d4d4d5; border: 1px solid #d4d4d5; color: #ffffff; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_saveNclose { background-color: #00a659; border: 1px solid #00a659; color: #ffffff; font-weight: 600; } div.jslm_content_wrapper div.jslm_content_data div.js-row div.js-col-md-8 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_cancel { background-color: #d9534f; border: 1px solid #d43f3a; color: #ffffff; font-weight: 600 }.modal.modal-fullscreen { }.modal.modal-fullscreen .modal-dialog, .modal.modal-fullscreen .modal-content { position: absolute; bottom: 0px; left: 0px; right: 0px; top: 17px; }.jslm_my_modal { bottom: 0px; left: 0px; right: 0px; top: 250px !important; }.modal.modal-fullscreen .modal-dialog { margin: 0; width: 100%; animation-duration:0.6s; }.modal.modal-fullscreen .modal-content { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; }.modal.modal-fullscreen.force-fullscreen { }.modal.modal-fullscreen.force-fullscreen .modal-body { padding: 0; }.modal.modal-fullscreen.force-fullscreen .modal-header, .modal.modal-fullscreen.force-fullscreen .modal-footer { left: 0; position: absolute; right: 0; }.modal.modal-fullscreen.force-fullscreen .modal-header { top: 0; }.modal.modal-fullscreen.force-fullscreen .modal-footer { bottom: 0; }.jslm_top_padding_zero { padding-top: 0; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.jslm_modal_content { float: left; width: 100%; border-radius: 0; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header { float: left; width: 100%; padding: 10px 10px; background-color: #41A7DA; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header button.jslm_close_button_style { font-size: 30px; box-shadow: unset; padding: 5px 10px; text-shadow: unset; font-weight: bold; opacity: unset; background-color: #1e3e2c99; color: #ffffff; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_header .jslm_title_heading { margin: 0; color: #ffffff; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.jslm_modal_body { float: left; width: 100%; padding: 10px 5px; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field { display: inline-block; width: 100%; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_input_title { display: inline-block; float: left; width: 100%; padding: 10px; font-weight: bold; font-size: 16px; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field input.jslm_field_style { padding: 12px 5px; width: 100%; margin-bottom: 15px; border-radius: 5px border: 1px solid #d4d4d5; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button { float: left; width: 100%; text-align: center; padding-bottom: 10px; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_save { padding: 10px 25px; margin-right: 5px; background-color: #f7f7f7; border: 1px solid #d4d4d5; color: #71767b; font-weight: 600; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_cancel { border: 1px solid #d4d4d5; background-color: #f7f7f7; color: #71767b; font-weight: 600; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_saveNclose { background-color: #41A7DA; border: 1px solid #41A7DA; color: #ffffff; font-weight: 600; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button { display: inline-block; float: left; width: 100%; text-align: center; } div.js-row div.js-col-md-12 div.js-col-md-12 div.tab-content div.tab-pane div.modal div.modal-dialog div.modal-content div.modal-body span.jslm_search_field span.jslm_save_button input.jslm_save_button_style { padding: 10px 10px; margin-right: 5px; margin-bottom: 10px; min-width: 120px; } /* Code for Modal Curriculum Add Section */ div#jslearnmanageradmin-wrapper div#full_background { position: fixed; left: 0; top: 0; z-index: 9989; background: rgba(0,0,0,0.7); width: 100%; height: 100%; } div#jslearnmanageradmin-wrapper div#full_background_course_section { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; } div#jslearnmanageradmin-wrapper div#popup_main { position: fixed; top: 50%; left:50%; transform:translate(-50%,-50%); width: 45%; z-index: 9999; background-color:#ffffff; display:inline-block; border-bottom:10px solid #41A7DA; } div#jslearnmanageradmin-wrapper div#popup_main div#records { display:inline-block; width: 100%; } div#jslearnmanageradmin-wrapper div#popup_main div#records div#user-list-header { border-top:1px solid #D4D4D5; border-bottom:1px solid #D4D4D5; display:inline-block; width: 100%; padding:10px 5%; font-weight: bold; color: #444442; background-color:#FAFAFA; } div#jslearnmanageradmin-wrapper div#popup_main div#records div#user-list-header div:first-child { text-align: center; } div#jslearnmanageradmin-wrapper div#popup_main div#records div#user-list-header div.user-id { } div#jslearnmanageradmin-wrapper div#popup_main div#records div#user-list-header div.user-name { } div#jslearnmanageradmin-wrapper div#popup_main div#records div#user-list-header div.user-email { padding-left:0px; padding-right: 0px; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.user-records-wrapper { border-bottom:1px solid #D4D4D5; display:inline-block; width: 90%; color: #444442; padding-top:10px; padding-bottom:10px; margin:0px 5%; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.user-records-wrapper div.user-id { color:#444442; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.user-records-wrapper div.user-name a { color:#41A7DA; text-decoration:none; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.user-records-wrapper div.user-email { color:#64676A; padding-left:0px; padding-right:0px; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.user-records-wrapper div:first-child { text-align:center; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.jsst_userpages { text-align: right; padding:5px; padding-right: 30px; padding-bottom: 10px; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.jsst_userpages a.jsst_userlink { display: inline-block; padding:5px 10px; margin-left:5px; text-decoration: none; background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.jsst_userpages span.jsst_userlink { display: inline-block; padding:5px 10px; margin-left:5px; } div#jslearnmanageradmin-wrapper div#popup_main div#records div.jsst_userpages a.jsst_userlink:hover { background:#2ea2cc; color:#fff; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center { width:90%; display:inline-block; margin:0px 5%; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value { width:25%; padding:10px 2px; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value input[type="text"] { height:30px; width:100%; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value-button { width:24%; padding:0px } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value-button div.js-button { width:45%; padding:0pxdisplay: inline-block; float: left; margin-top: 10px; margin-left: 5px; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value-button div.js-button input { width:100%; background-color: #F0F0F0; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value-button div.js-button input:hover { cursor:pointer; } div#jslearnmanageradmin-wrapper div#popup_main div.search-center div.search-value-button div.js-button input.submit-button { background-color: #41A7DA; color:#FFF; } div#jslearnmanageradmin-wrapper div#popup_main span.popup-top { width:100%; display:inline-block; background-color:#41A7DA; } div#jslearnmanageradmin-wrapper div#popup_main span.popup-top img#popup_cross { float:right; padding:10px; } div#jslearnmanageradmin-wrapper div#popup_main span.popup-top span#popup_title { display:inline-block; color:#FFFFFF; font-size: 20px; font-weight: bold; padding: 20px; } /* Short code */ table#js-table{width:100%;color:#fff;font-size:14px;border-spacing:0px 4px;margin-bottom: 5px;} table.tbl{margin-top: 0px;} table#js-table thead tr th{border:1px solid #aaa;background:#2a2d30;padding:6px 0px 5px 5px;font-weight:bold;text-align:center;} table#js-table thead tr th#short-code-middle{background:#41A7DA;} table#js-table thead tr th#short-code-right{background:#E19C41;} table#js-table tbody tr td#short-code-left{color: #444444;} table#js-table tbody tr td#short-code-middle{background:#f6f9fb;color: #245B8F;font-weight: bold;} table#js-table tbody tr td#short-code-right{background:#fefaf5;color: #4b4b4d;} table#js-table thead tr th.left-row{text-align:left;padding-left:13px;} table#js-table tbody tr td.left-row{text-align:left;padding-left:13px;} table#js-table tbody tr td{color:#444;background:#ffffff;border:1px solid #aaa;border-right:none;padding:8px;text-align:center;} /* custome field */ div.jslm_custom_fields_wrapper{float: left;width: 100%;padding-top: 12px;} div.jslm_custom_fields_wrapper div.jslm_custom_fields_heading{float: left;width: 100%;} div.jslm_custom_fields_wrapper div.jslm_custom_fields_heading h4.jslm_heading_style{margin:0;font-weight: unset;} div.jslm_custom_fields_wrapper div.jslm_custom_field{float: left;width: 100%;margin-top: 12px;border-bottom: 1px solid lightgray;padding-bottom: 10px;} div.jslm_custom_fields_wrapper div.jslm_custom_field span.jslm_heading{float: left;width: auto;padding-right: 5px;font-weight: bold;} div.jslm_custom_fields_wrapper div.jslm_custom_field span.jslm_text2{display: inline-block;width: 100%;float: left;word-break: break-all;padding-top: 10px;line-height: 25px;} /* Theme color page css */ div.js_theme_section{width:20%;float:left;background:#414141;color:#ffffff;} div.js_theme_section span.js_theme_heading{display:block;padding:10px;font-size:16px;border-bottom:4px solid #DC6161;margin-bottom: 10px;} div.js_theme_section div.jslm-color_portion_wrp{width: 100%;float: left;} div.js_theme_section div.jslm-color_portion_wrp div.color_portion{width:90%;margin:5px 5%;border-bottom: 2px solid #ffffff;} div.js_theme_section div.jslm-color_portion_wrp div.color_portion span.color_title{display:block;padding:5px;font-weight: bold;font-size:15px;} div.js_theme_section div.jslm-color_portion_wrp div.color_portion span.color_location{display:block;padding:5px;float:none;} div.js_theme_section div.jslm-color_portion_wrp div.color_portion input{width: 100%;} div.js_theme_section div.color_submit_button{display: inline-block;width: 100%; margin: 10px 0px;text-align: center;} div.js_theme_section div.color_submit_button input.submit-button{background: #000000; color: #cccccc; outline: none;border: none; cursor: pointer; padding: 9px 15px;} div.js_effect_preview{width:80%;float:left; padding-left: 30px;} div.js_effect_preview span.js_effect_preview_heading{display: block;font-size:16px;font-weight: bold;padding:10px;} /* breadcrumbs */ div#jslms_breadcrumbs_parent {width:100%;float:left;border:1px solid #D5D5D5;padding:2px;margin-bottom:10px;background:#FCFCFC;} div#jslms_breadcrumbs_parent div{float: left;padding:5px;margin-left:5px;padding-left: 5px;border-left:1px solid #ababab;font-size:15px;} div#jslms_breadcrumbs_parent img{box-shadow: none;} div#jslms_breadcrumbs_parent div.home{width: 34px;height: 34px; padding:0px; display: inline-block;} div#jslms_breadcrumbs_parent div.home a{display: inline-block;} div#jslms_breadcrumbs_parent div.home img.homeicon{height: 30px; width: auto;margin-bottom: 0px;margin-top:2px;margin-left:2px;} div#jslms_breadcrumbs_parent div.links{display: inline-block;} div#jslms_breadcrumbs_parent div.links a.links{text-decoration: none;box-shadow: unset;} div#jslms_breadcrumbs_parent div.border-fix{display: inline-block;margin-left: 5px;margin-right: 5px;} div#jslms_breadcrumbs_parent div.border-fix img.img-fix{} div#jslms_breadcrumbs_parent div.lastlink{color: #343538; display: inline-block;} div#jslms-header-main-wrapper{float:left;width:100%;} div#jslms-header-main-wrapper a.headerlinks{text-decoration: none;float:left;padding:15px 20px;display:block;font-size:15px;} /* Slug */ form.slug-configform{background: #f3f9fb !important;} form.slug-configform span.slug-prefix-msg{color: #245b8f;width: 100%;display: inline-block;float: left;padding: 6px 4px;} form.slug-configform span.slug-prefix-msg img{padding-right: 4px;} /* Slug end */ div.jslm_content_data div.jslm_data_container div.jslm_data_wrapper div.jslm_right div.jslm_right_top div.jslm_right_top_stars{padding: 6px 15px !important;} /* Select 2 */ .select2-container--default .select2-selection--multiple{border-radius: 0px !important; height: 52px;} /* Venobox */ .vbox-overlay {z-index: 99999 !important;} a.vbox-next,a.vbox-prev{background-color: #fff;} a.vbox-next{right: 65px !important;} a.vbox-next span{top: 12px;right: 18px;} a.vbox-prev{left: 65px !important;} a.vbox-prev span{top: 12px;left: 15px;} iframe.venoframe body{text-align: center;} .vp-controls-wrapper,.vp-controls{display: none !important;} .vbox-close{color: #0074A2 !important; background-color: #fff !important;} .vbox-title{height: 42px !important;font-size: 18px !important;padding:8px 40px !important;} /* Theme Presets*/ div#black_wrapper_course{position: fixed;width:100%;height: 100%;top:0px;left:0px;background:#000000;background:rgba(0,0,0,0.6);z-index:9998;} div#js_course_main_wrapper{position:fixed;top:50px;left : 25%;width:46%;z-index: 9999;border-radius:5px;padding:2%;} div#js_course_main_wrapper span.js_lms_controlpanelheading{background:#428BCA;line-height: 38px; color: #FFFFFF; font-weight: bold; width: 100%;display: inline-block; padding: 5px 10px;} div#js_course_main_wrapper span.js_lms_controlpanelheading img.closepp{float: right; cursor: pointer;} div#js_course_main_wrapper div.js_theme_wrapper{background:#262626;padding:10px;margin-bottom: 10px;max-height: 400px;overflow-y: auto; border-bottom: 9px solid #428BCA;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte{display:inline-block;width:100%;overflow: visible;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper{display:inline-block;width:100%;margin:10px 0px;position:relative;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper img.preview{display:none;position:absolute;right:30%;top:70px;box-shadow: 0px 0px 3px #ffffff;z-index: 9999;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper span.theme_name{display:inline-block;padding:10px 0px;width:70%;float:left;color:#ffffff;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper a.preview{display:inline-block;width:25px;height:25px;background:url(../images/theme/previewicon.png) no-repeat;margin-right: 20px;margin-top:10px;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper a.set_theme{display:inline-block;width:25px;height:25px;background:url(../images/theme/themeicon.png) no-repeat;background-size: 100% 100%;margin-top:10px;} div#js_course_main_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper div.color{display:inline-block;height:50px;width:12.5%;float:left;} /* error message */ div#lecture_error_message{float: left;width: 100%;font-size: 15px;border: 1px solid #f00;background-color: #ffe1e1;padding: 10px;margin-bottom: 5px;} /* installer */ div#jslm-lower-wrapper {width: 100%;display: inline-block;} div.jslm-addon-installer-wrapper {background-image: url('../images/addon-images/addon-installer-main-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;float: left;width: 100%;position: relative;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap {display: inline-block;width: 35%;float: left;background: rgba(0,0,0,0.5);padding: 121px 30px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap div.jslm-addon-installer-left-image-wrap {display: inline-block;width: 100%;float: left;text-align: center;margin-bottom: 20px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap div.jslm-addon-installer-left-image-wrap .jslm-addon-installer-left-image {display: inline-block;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap div.jslm-addon-installer-left-heading {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 28px;text-align: center;line-height: 40px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap div.jslm-addon-installer-left-title {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 18px;text-align: center;line-height: 28px;margin-bottom: 20px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-left-section-wrap div.jslm-addon-installer-left-description {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 16px;line-height: 32px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap {display: inline-block;width: 65%;float: left;padding: 200px 60px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-heading {text-align: center;width: 100%;font-size: 35px;line-height: 45px;color: #fff;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-description {text-align: center;width: 100%;font-size: 20px;color: #fff;margin: 20px 0;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-description a{text-decoration: none;cursor: pointer;color: black;font-weight: bold;} div#jsstadmin-data a.jslm-addon-installer-addon-list-link {font-size: 17px;color: #000;text-decoration: none;display: inline-block;padding: 0 10px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section {display: inline-block;width: 100%;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-label {display: inline-block;width: 100%;color: #fff;padding-bottom: 5px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-field {display: inline-block;width: 100%;margin-bottom: 25px;} div#jsstadmin-data input, div#jsstadmin-data button, div#jsstadmin-data select, div#jsstadmin-data textarea {font-family: inherit;font-size: inherit;line-height: inherit;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-field input.jsvm_key_field {display: inline-block;width: 100%;height: 45px;background: #fff;color: #000;padding: 0px 12px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-button {display: inline-block;text-align: center;width: 100%;} div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-button button {display: inline-block;padding: 15px 30px;background: #000;color: #fff;border: 1px solid #eee;font-weight: bold;font-size: 18px;cursor: pointer;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-field div.jslm-addon-installer-right-key-field-message {display: inline-block;width: 100%;padding: 10px 15px;border: 1px solid red;background: #FFBABA;color: red;font-size: 15px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-key-section div.jslm-addon-installer-right-key-field div.jslm-addon-installer-right-key-field-message img {display: inline-block;padding-right: 5px;height: 20px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap.step2 {padding: 60px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper {display: inline-block;width: 100%;background: #fff;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-title{float: left;width: 100%;text-align: center;padding-top: 10px;font-size: 17px;font-weight: 600;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-section{float: left;width: 100%;padding: 10px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-section div.jslm-addon-installer-right-addon-single{float: left;width: calc(100% / 3);padding: 10px;position: relative;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-section div.jslm-addon-installer-right-addon-single img.jslm-addon-installer-right-addon-image{width: 100%;height: 160px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-section div.jslm-addon-installer-right-addon-single div.jslm-addon-installer-right-addon-name{float: left;width: 100%;text-align: center;border: 1px solid #d3d3d3;padding: 10px;font-size: 15px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-section div.jslm-addon-installer-right-addon-single input.jslm-addon-installer-right-addon-single-checkbox{position: absolute;top: 14px;left: 10px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-addon-wrapper div.jslm-addon-installer-right-addon-bottom{float: left;width: 100%;padding: 10px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-button{float: left;width: 100%;text-align: center;padding: 12px;} div.jslm-addon-installer-wrapper div.jslm-addon-installer-right-section-wrap div.jslm-addon-installer-right-button button.jslm_btn, div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-right-button a.jslm_btn{padding: 10px 20px;background-color: #fff;color: #000000;border: 1px solid #000000;cursor: pointer;font-size: 15px;text-decoration: none;} .jslm-addon-go-back-messsage-wrap {display: inline-block;width: 100%;text-align: center;padding: 30px;} .jslm-addon-go-back-messsage-wrap h1 {display: inline-block;width: 100%;text-align: center;} div#jsstadmin-data .jslm-addon-go-back-messsage-wrap a.jslm-addon-go-back-link {margin-top: 15px;padding: 5px 15px;display: inline-block;padding: 10px 30px;background: #000;color: #fff;border: 1px solid #eee;font-weight: bold;text-decoration: none;} div.jslm-addon-installer-wrapper.step3 {background-image: url('../images/addon-images/addon-installer-second-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;float: left;width: 100%;position: relative;padding: 180px 150px;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-left-image-wrap {display: inline-block;width: 100%;float: left;text-align: center;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-left-image-wrap .jslm-addon-installer-left-image {display: inline-block;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-left-heading {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 36px;text-align: center;line-height: 48px;font-weight: bold;margin: 25px;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-left-description {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 16px;line-height: 30px;text-align: center;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-right-button {display: inline-block;text-align: center;width: 100%;margin-top: 40px;} div#jsstadmin-data div.jsvm-addon-installer-wrapper.step3 div.jslm-addon-installer-right-button a {display: inline-block;padding: 15px 30px;background: #000;color: #fff;border: 1px solid #eee;font-weight: bold;font-size: 18px;color: #fff;text-decoration: none;} div.jslm-addon-installer-wrapper.step3 div.jslm-addon-installer-right-button a.jsst_btn{border: 1px solid lightgrey;padding: 15px;text-decoration: none;color: #FBD253;font-size: 15px;} /* add on list page css */ .jsstadmin-add-on-page-wrapper {padding-right: 0 !important;} div#jslearnmanageradmin-wrapper {float: left;width: 100%;background: #fff;position: relative;margin-top: 10px;} div#jslearnmanageradmin-wrapper div.add-on-banner {float: left;width: 100%;position: relative;height: 400px;text-align: center;padding: 3% 0;z-index: 0;background: url('../images/add-on-list/bg.png') no-repeat;background-size: cover;background-position: bottom left;} div#jslearnmanageradmin-wrapper div.add-on-banner img.add-on-banner-left-img {max-width: 100%;height: 100%;position: absolute;left: 0;} div#jslearnmanageradmin-wrapper div.add-on-banner img.add-on-banner-right-img {max-width: 100%;height: 100%;position: absolute;right: 0;z-index: -1;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt {float: left;width: 100%;padding: 0 30px 30px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-sec-header {float: left;width: 100%;padding: 50px 0 30px;text-align: center;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-sec-header .add-on-header-tit {line-height: initial;margin: 0 0 15px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-sec-header div.add-on-header-txt {} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-msg {float: left;width: 100%;padding: 15px;background: #f3f2ff;border-top: 2px solid #645ecf;border-bottom: 2px solid #e0e0e0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-msg .add-on-msg-txt {float: left;margin: 10px 0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-msg .add-on-msg-btn {float: right;padding: 10px 15px;font-size: 16px;font-weight: bold;text-decoration: unset;text-transform: capitalize;background: #fecb19;color: #444;box-shadow: 0px 2px 0 0 rgba(0,0,0,0.5);} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list {float: left;width: 100%;padding: 15px 0 50px;border-bottom: 2px solid #dbdbda;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;text-align: center;background: #f9f9f9;border: 1px solid #ebebeb;transition: all .3s ease;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item:hover {border-color: #c9c9c8;background: #fff;box-shadow: 0 0 25px 0 rgba(0,0,0,0.5 );} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item img.add-on-img {margin-bottom: 20px;width: 100%;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-name {margin: 20px 0;font-size: 20px;color: #000;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-price {margin: 25px 0;font-weight: 700;font-size: 25px;line-height: initial;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-txt {padding:0 10px;line-height: 1.8;height: 85px;color: #8a8c8d;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item .add-on-btn {display: inline-block;margin: 15px 0 35px;padding: 10px;width: 70%;text-transform: uppercase;text-decoration: none;border: 1px solid transparent;color: #fff;transition: all .3s ease;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list {float: left;width: 100%;padding-top: 30px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;text-align: center;border: 1px solid #ebebeb;transition: all .3s ease;background: #f9f9f9;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item:hover {box-shadow: 0 0 25px 0 rgba(0,0,0,0.5 );} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-name {padding: 15px 0;position: relative;z-index: 2;font-size: 25px;line-height: 35px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price {padding: 15px 0;position: relative;z-index: 2;font-weight: 700;font-size: 36px;line-height: initial;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price span {display: inline-block;margin-left: 3px;font-size: 18px;font-weight: normal;vertical-align: middle;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat {margin: 0;padding: 0;list-style: none;margin:0 50px;/*background: #f1f1f1;*/} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li {padding: 15px 0;margin: 0;border-bottom: 1px solid #dedede;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li a {text-transform: capitalize;text-decoration: underline;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn {padding: 15px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn a {max-width:180px;display: inline-block;padding: 10px;width: 100%;text-transform: uppercase;font-size: 16px;font-weight: 700;text-decoration: none;border: 2px solid ;color: #fff;transition: all .3s ease;border-radius: 50px;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic, div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard, div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional{ border-bottom: 5px solid #d6d6d6; } div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic{border-top:3px solid #ffa146;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic:hover {border-color: #ffa146;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-name {color: #000;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-price {background: #ffa146;color: #fff;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic ul.add-on-bundle-pack-feat li a {color: #00a859;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a {background: #ffa146;border-color: #ffa146;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a:hover {background: #fff;color: #ffa146;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard{border-top:3px solid #00c45e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard:hover {border-color: #00c45e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-name {color: #000;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-price {background: #00c45e;color: #fff;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard ul.add-on-bundle-pack-feat li a {color: #00c45e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a {background: #00c45e;border-color: #00c45e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a:hover {background: #fff;color: #00c45e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional{border-top:3px solid #50ccef;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional:hover {border-color: #50ccef;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-name {color: #000;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-price {background:#50ccef;color: #fff;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional ul.add-on-bundle-pack-feat li a {color: #50ccef;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a {background: #50ccef;border-color: #50ccef;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a:hover {background: #fff;color: #50ccef;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payouts{border-bottom: 5px solid #6343d1;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payouts:hover .add-on-btn{color: #fff;background: #6343d1;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payouts div.add-on-price {color: #6343d1;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payouts .add-on-btn {background: #fff;padding: 10px 0;color:#6343d1; max-width: 130px !important;border-bottom: 2px solid #6343d1!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payouts .add-on-btn:hover {color: #fff;background: #6343d1;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payment-plan{border-bottom: 5px solid #854dc7;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payment-plan:hover .add-on-btn{color: #fff;background: #854dc7;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payment-plan div.add-on-price {color: #854dc7;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payment-plan .add-on-btn {background: #fff;padding: 10px 0;color:#854dc7; max-width: 130px !important;border-bottom: 2px solid #854dc7!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.payment-plan .add-on-btn:hover {color: #fff;background: #854dc7;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.paid-course{border-bottom: 5px solid #09c78a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.paid-course:hover .add-on-btn {color: #fff;background: #09c78a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.paid-course div.add-on-price {color: #09c78a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.paid-course .add-on-btn {background: #fff;padding: 10px 0;color:#09c78a; max-width: 130px !important;border-bottom: 2px solid #09c78a!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.paid-course .add-on-btn:hover {color: #fff;background: #09c78a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.review{border-bottom: 5px solid #0dcbc0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.review:hover .add-on-btn{color: #fff;background: #0dcbc0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.review div.add-on-price {color: #0dcbc0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.review .add-on-btn { background: #fff;padding: 10px 0;color:#0dcbc0; max-width: 130px !important;border-bottom: 2px solid #0dcbc0!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.review .add-on-btn:hover {color: #fff;background: #0dcbc0;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.retake-quiz{border-bottom: 5px solid #cd1324;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.retake-quiz:hover .add-on-btn {color: #fff;background: #cd1324;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.retake-quiz div.add-on-price {color: #cd1324;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.retake-quiz .add-on-btn {background: #fff;padding: 10px 0;color:#cd1324; max-width: 130px !important;border-bottom: 2px solid #cd1324!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.retake-quiz .add-on-btn:hover {color: #fff;background: #cd1324;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.reports{border-bottom: 5px solid #cd4ca3;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.reports div.add-on-price {color: #cd4ca3;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.reports .add-on-btn {background: #fff;padding: 10px 0;color:#cd4ca3; max-width: 130px !important;border-bottom: 2px solid #cd4ca3!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.reports:hover .add-on-btn{border-color: #e7015e;color: #fff;background: #cd4ca3;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.rss{border-bottom: 5px solid #19bbb4;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.rss div.add-on-price {color: #19bbb4;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.rss .add-on-btn {background: #fff;padding: 10px 0;color:#19bbb4; max-width: 130px !important;border-bottom: 2px solid #19bbb4!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.rss:hover .add-on-btn{color: #fff;background: #19bbb4;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.login{border-bottom: 5px solid #c74e9e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.login div.add-on-price {color: #c74e9e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.login .add-on-btn {background: #fff;padding: 10px 0;color:#c74e9e; max-width: 130px !important;border-bottom: 2px solid #c74e9e!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.login:hover .add-on-btn {color: #fff;background: #c74e9e;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.themes{border-bottom: 5px solid #8bb92c;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.themes div.add-on-price {color: #8bb92c;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.themes .add-on-btn {background: #fff;padding: 10px 0;color:#8bb92c; max-width: 130px !important;border-bottom: 2px solid #8bb92c!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.themes:hover .add-on-btn {color: #fff;background: #8bb92c;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.share{border-bottom: 5px solid #0eb07a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.share div.add-on-price {color: #0eb07a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.share .add-on-btn {background: #fff;padding: 10px 0;color:#0eb07a; max-width: 130px !important;border-bottom: 2px solid #0eb07a!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.share:hover .add-on-btn {color: #fff;background: #0eb07a;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.feature-course{border-bottom: 5px solid #6443d5;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.feature-course div.add-on-price {color: #6443d5;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.feature-course .add-on-btn {background: #fff;padding: 10px 0;color:#6443d5; max-width: 130px !important;border-bottom: 2px solid #6443d5!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.feature-course:hover .add-on-btn {color: #ffff;background: #6443d5;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.message{border-bottom: 5px solid #9fd20d;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.message div.add-on-price {color: #9fd20d;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.message .add-on-btn {background: #fff;padding: 10px 0;color:#9fd20d; max-width: 130px !important;border-bottom: 2px solid #9fd20d!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.message:hover .add-on-btn {color: #fff;background: #9fd20d;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.quiz{border-bottom: 5px solid #bd6627;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.quiz div.add-on-price {color: #bd6627;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.quiz .add-on-btn {background: #fff;padding: 10px 0;color:#bd6627; max-width: 130px !important;border-bottom: 2px solid #bd6627!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.quiz:hover .add-on-btn {color: #fff;background: #bd6627;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.award{border-bottom: 5px solid #cb1359;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.award div.add-on-price {color: #cb1359;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.award .add-on-btn {background: #fff;padding: 10px 0;color:#cb1359; max-width: 130px !important;border-bottom: 2px solid #cb1359!important;border:1px solid #dcdcdc;} div#jslearnmanageradmin-wrapper div.add-on-page-cnt div.add-on-list div.add-on-item.award:hover .add-on-btn {color: #fff;background: #cb1359;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data h1.jslearnmanageradmin-missing-addon-message{float: left;width: 100%;padding: 30px;background: white;text-align: center;font-weight: normal;} .jslm-addon-go-back-messsage-wrap {display: inline-block;width: 100%;text-align: center;padding: 30px;} .jslm-addon-go-back-messsage-wrap h1 {display: inline-block;width: 100%;text-align: center;} #jslmadmin-data .jslm-addon-go-back-messsage-wrap a.jslm-addon-go-back-link {margin-top: 15px;padding: 5px 15px;display: inline-block;padding: 10px 30px;background: #000;color: #fff;border: 1px solid #ebecec;font-weight: bold;text-decoration: none;} select.jslm_record_per_page{padding: 10px;height: auto;line-height: initial;} div.jslms_saveordering_btn{float: left;width: 100%;text-align: center;} div.jslms_saveordering_btn .js-form-save{background-color: #41A7DA;color: #fff;} input.registerlink_field{width: 100%;} /* help page */ div#jslms-help-data-wrp { width: calc(100% - 40px);float: left;margin: -35px 20px 0;} div#jslms-help-data-wrp .jslmadmin-help-top {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background-color: #fff;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right {float: left;width: calc(100% / 2 - 10px);border: 1px solid #d5d5d6;margin:0 10px;padding: 20px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right {background-color: #FFEDEE;border:1px solid #efabab;margin-right: 0} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left {margin-left: 0;padding-left: 10px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info {padding-left: 10px !important;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-img, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-img, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info {float: left;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-img, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-img {width: 170px;padding-top: 15px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info {width: calc(100% - 170px);padding: 20px 0 20px 20px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info h2, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info h2 {font-size: 24px;margin: 0;padding: 8px 0 15px;line-height: 1;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info p, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info p {margin: 0;padding: 8px 0 0;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;height: 75px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info .jslmadmin-help-top-middle-action, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info .jslmadmin-help-top-middle-action {text-decoration: none;color: inherit;font-size: 14px;border: 1px solid transparent;display: inline-block;padding: 6px 10px;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info .jslmadmin-help-top-middle-action {background-color: #fff7f7;border: 1px solid #e75c5c;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info .jslmadmin-help-top-middle-action:hover {background-color: #fff;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info .jslmadmin-help-top-middle-action {background-color: #ffffff;border: 1px solid #e75c5c;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info .jslmadmin-help-top-middle-action:hover {background-color: #fff7f7;} div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-left .jslmadmin-help-top-left-cnt-info .jslmadmin-help-top-middle-action img, div#jslms-help-data-wrp .jslmadmin-help-top .jslmadmin-help-top-right .jslmadmin-help-top-right-cnt-info .jslmadmin-help-top-middle-action img {margin-right: 8px;} div#jslms-help-data-wrp .jslmadmin-help-btm {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background: #fff;border: 1px solid #ebecec;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp {float: left;width: 100%;margin-bottom: 30px;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp:last-child{margin-bottom: unset;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp h2 {font-size: 32px;margin: 0;padding: 15px 0 30px;overflow: hidden;text-overflow: ellipsis;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp.jslmadmin-help-sub-category {margin-bottom: unset !important;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp.jslmadmin-help-sub-category h2 {/*color:#606062;font-size: 24px;margin: 0;padding: 50px 0 35px;*/overflow: hidden;text-overflow: ellipsis;line-height: 1;/*font-weight: 500;*/} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt {float: left;width: calc(100% / 2 - 10px);margin: 0 10px 10px 0;border: 1px solid #d5d5d6;padding: 10px;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt:hover{box-shadow: 0 0 3px 2px rgb(0 0 0 / 8%)} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a {width: 100%;text-decoration: none;color: inherit;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a .jslmadmin-help-btm-cnt-img {float: left;width: 150px} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a .jslmadmin-help-btm-cnt-title {float: left;width: calc(100% - 150px);} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a .jslmadmin-help-btm-cnt-title span {display: inline-block;font-size: 22px;font-weight: 500;padding: 25px 0 0 5px;line-height: 1.2;} /*div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a img {margin-right: 8px;float: left;} div#jslms-help-data-wrp .jslmadmin-help-btm .jslmadmin-help-btm-wrp .jslmadmin-help-btm-cnt a span {display: inline-block;padding: 15px 0;}*/ /* configuration */ div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper {background-color: unset !important;padding: 0 !important;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form#jslearnmanager-form {width: 100%;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper#jslms-data-wrp, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper.jslms-data-wrp, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper.jslms-std-data-wrp {box-shadow: unset;padding: unset;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-configurations-toggle {display: none;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-left-menu {float: left;width: 260px;display: inline-block;background: #fff;box-shadow: 4px 4px 4px 0 rgb(0 0 0 / 20%);transition: all 500ms;height: calc(100% - 125px);min-height: 500px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink.active a.js-icon-left {border-left: 3px solid #1572e8 !important;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink.active a.js-icon-left span.jslm_text {color: #1572e8;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-left-menu ul.jslearnmanageradmin-menu-links li.jslm_js-divlink.active ul {display: block !important;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content {width: calc(100% - 260px);float: left;position: relative;padding-left: 20px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content .jslm_tabs ul {background-color: #fff;margin-top: unset;padding: 15px;margin-bottom: 15px;border: 1px solid #ebecec;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body {float: left;width: 100%;margin-bottom: 20px;background-color: #fff;padding: 15px;border: 1px solid #ebecec;scroll-margin-top: 100px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body h3.js-learn-manager-configuration-heading-main {background-color: unset;color: #353638;font-size: 30px;margin: unset;padding: 15px 0px;margin-bottom: 30px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner {float: left;width: 100%;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.jslm_left, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.jslm_right {width: 100%;padding: unset;margin:unset;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row {background-color: unset;border: unset;padding: 15px;margin: 0 10px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-title {float: left;width: 20%;padding: 10px 20px 0 0;color: #23282d;text-transform: capitalize;font-weight: 600;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value.full-width {width: calc(80% - 50px);} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-video {float: left;width: 40%;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value div.js-learn-manager-configuration-description {padding: 10px 5px 5px;color: #606062;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-video {padding: unset;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-video .js-cp-video-popup {margin-left: 5px;float: left;display: inline-block;border: 2px solid #efced5;padding: 12px 15px;text-decoration: none;color: #606062;background-color: #fff6f6;width: auto;height: 45px;margin-top: 0;border-radius: 4px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-video .js-cp-video-popup img{margin-top: -4px;margin-right: 0px;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value input, div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value select {height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background-color: #f2f6ff;border: 1px solid #cccccc;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslmsadmin-right-content div.jslm_tabInner div.jslm_gen_body div.jslm_gen_body-inner div.js-learn-manager-configuration-row div.js-learn-manager-configuration-value textarea {padding: 10px;box-shadow: unset;color: #6c757d;background-color: #f2f6ff;border: 1px solid #cccccc;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslm_js-form-button {margin-left: unset;width: 100%;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslm_js-form-button input.button {display: inline-block;padding: 15px;text-align: center;border-radius: 0;height: auto;font-size: 16px !important;min-width: 150px;line-height: initial;box-shadow: unset;background-color: #209e24;color: #fff;border-color: #209e24;} div#jslearnmanageradmin-wrapper div#jslearnmanageradmin-data div.jslmsadmin-wrapper-white-bg.jslmsadmin-config-main-wrapper form.jslearnmanager-form div.jslm_js-form-button input.button:hover {background-color: #fff;color: #209e24;}