.section-action-wrap .form-search { margin: 20px 0; } @media (min-width:767px) { .section-action-wrap .form-search { margin: 0; } .section-action-wrap { padding: 0 0 30px; } } .section-action-wrap .form__element .form__input { height: 45px; line-height: 45px; border-radius: 3px; border: none; } .section-action-wrap .form-search .form__action-wrap { width: 45px; height: 45px; } .web-class-card { background: #fff; margin: 0 0 30px; position: relative; border-radius: 2px; } .web-class-card .top-card { padding: 15px; padding-bottom: 0; } .web-class-card .bottom-card { border-top: 1px solid #eee; margin-top: 20px; padding-top: 10px; padding: 15px; display: flex; justify-content: space-between; align-items: center; } .web-class-card .bottom-card .btn { height: 35px; line-height: 35px; padding: 0 20px; font-size: 1rem; } .web-class-card .bottom-card .btn:not(.btn--disabled):hover, .web-class-detail .btn-wrap a:not(.btn--disabled):hover { background: #333; color:#fff; } .web-class-card .price-value { font-weight: 600; color: var(--color-secondary); font-size: 1.3rem; margin-top: 10px; display: block; } .web-class-card .topic-wrap { color: #fff; padding: 8px 10px; font-size: 0.9rem; margin-bottom: 20px; } .web-class-card .topic-title { display: block; font-size: 1.1rem; font-weight: 600; line-height: 1.4; color: #464646; } @media (min-width:567px) { .web-class-card .price-value { margin-top: 0; } .web-class-card .topic-type { margin-bottom: 0; } .web-class-card .topic-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .top-card .card-listing {} .top-card .card-listing .card-type { display: flex; align-items: center; } .top-card .card-listing .card-type img { margin-right: 8px; } .top-card .card-listing li:last-child .card-type img { /*margin-left: 4px;*/ } .top-card .card-listing .card-lable { margin-right: 5px; } .top-card .card-listing li { margin: 10px 0; margin-top: 0; font-size: 0.95rem; } .card-listing .card-type .lable-txt { color: var(--color-secondary) } @media (min-width:567px) { .web-class-card .inline-card { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } } .web-class-card .duration { margin: 5px 0; display: inline-block; padding: 6px 8px; } .web-class-card .highlight { background: rgba(61, 145, 232, 0.1); border-radius: 2px; } .teacher-card { display: block; } .teacher-card .avtar { width: 50px; height: 50px; } .teacher-card .avtar:after { font-size: 1.5rem; } @media (min-width:667px) { .teacher-card { text-align: center; } .teacher-card .avtar { margin: auto; } } .teacher-card .name { font-weight: 600; margin-top: 10px; display: block; } .web-class-card .locations { margin-top: 10px; color: #5d5d5d; } .web-class-card .locations .icon { vertical-align: middle; } .web-class-card .arrow-link:after { top: 3px; } .web-class-card .arrow-link:hover { color: var(--color-secondary) } .web-class-card .class-pointers { display: none; } .web-class-card .top-slide p { color: #5d5d5d; } /*Detail Page*/ .web-class-detail .topic-title { font-size: 1.25rem; } .web-class-detail .top-card { padding-bottom: 15px; } .web-class-detail .btn-wrap { margin-top: 10px; } .web-class-detail .btn-wrap a { margin: 5px 0; } @media (max-width:600px) { .web-class-detail .btn-wrap { text-align: left !important; } } .web-class-detail .card-listing .card-type .lable-txt { font-size: 1rem; } @media (min-width:600px) { .web-class-detail .teacher-card .avtar { width: 100px; height: 100px; } .web-class-detail .top-card .card-listing li { width: 50%; vertical-align: top; display: inline-block; margin: 12px -2px; } } .web-class-detail .top-card .card-listing li:last-child .card-type img { margin-left: 0; } .web-class-detail .top-card .card-listing li:last-child .card-type.cart-type-price img { margin-left: 4px; } .web-class-detail-desc h4 { margin-bottom: 20px; } .twobtn-actions a { margin-right: 5px; } .twobtn-actions a:last-child { margin-right: 0; } .switch-timzone { margin-top: 10px; } @media (min-width:1199px) { .timezone, .web-class-detail .top-card .card-listing li.timezone { display: flex; align-items: center; } .switch-timzone { margin-left: 15px; margin-top: 0px; } } @media (max-width:320px) { .web-class-detail .btn-wrap.twobtn-actions a:last-child { display: block; text-align: center; } } @media (max-width:576px){ .web-class-card .bottom-card{display:block;} .web-class-card .twobtn-actions{margin-top:10px;} .web-class-card .twobtn-actions .btn{width:100%;display:block;margin-top:5px;} .web-class-card .arrow-link{width:100%;display:block;margin-top:5px;border:1px solid #ddd;padding:10px;} .web-class-card .arrow-link:after{top:50%; right:20px; transform:translate(0,-50%) rotate(-135deg); -webkit-transform:translate(0,-50%) rotate(-135deg);} }.xdsoft_datetimepicker{ box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display:none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border:none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border:none !important; } .xdsoft_noselect{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline{ display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker *{ -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{ display:none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{ display:block; } .xdsoft_datetimepicker .xdsoft_datepicker{ width: 224px; float:left; margin-left:8px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{ width: 256px; } .xdsoft_datetimepicker  .xdsoft_timepicker{ width: 58px; float:left; text-align:center; margin-left:8px; margin-top: 0; } .xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-top:8px; margin-bottom:3px } .xdsoft_datetimepicker  .xdsoft_mounthpicker{ position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker  .xdsoft_prev,  .xdsoft_datetimepicker  .xdsoft_next, .xdsoft_datetimepicker  .xdsoft_today_button{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i{ opacity:0.5; background-position:-92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker  .xdsoft_prev{ float: left; background-position:-20px 0; } .xdsoft_datetimepicker  .xdsoft_today_button{ float: left; background-position:-70px 0; margin-left:5px; } .xdsoft_datetimepicker  .xdsoft_next{ float: right; background-position: 0 0; } .xdsoft_datetimepicker  .xdsoft_next, .xdsoft_datetimepicker  .xdsoft_prev , .xdsoft_datetimepicker  .xdsoft_today_button{ background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{ float:none; background-position:-40px -15px; height: 15px; width: 30px; display: block; margin-left:14px; margin-top:7px; } .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{ background-position:-40px 0; margin-bottom:7px; margin-top: 0; } .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{ height:151px; overflow:hidden; border-bottom:1px solid #DDDDDD; } .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #F5F5F5; border-top:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse:collapse; cursor:pointer; border-bottom-width: 0; height:25px; line-height:25px; } .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{ border-top-width: 0; } .xdsoft_datetimepicker  .xdsoft_today_button:hover, .xdsoft_datetimepicker  .xdsoft_next:hover, .xdsoft_datetimepicker  .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker  .xdsoft_label{ display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float:left; width:182px; text-align:center; cursor:pointer; } .xdsoft_datetimepicker  .xdsoft_label:hover>span{ text-decoration:underline; } .xdsoft_datetimepicker  .xdsoft_label:hover i{ opacity:1.0; } .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{ border:1px solid #ccc; position:absolute; right: 0; top:30px; z-index:101; display:none; background:#fff; max-height:160px; overflow-y:hidden; } .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;} .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;} .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ color: #fff; background: #ff8000; } .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{ padding:2px 10px 2px 5px; text-decoration:none !important; } .xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0 1px 3px 0 inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker  .xdsoft_month{ width:100px; text-align:right; } .xdsoft_datetimepicker  .xdsoft_calendar{ clear:both; } .xdsoft_datetimepicker  .xdsoft_year{ width: 48px; margin-left: 5px; } .xdsoft_datetimepicker  .xdsoft_calendar table{ border-collapse:collapse; width:100%; } .xdsoft_datetimepicker  .xdsoft_calendar td > div{ padding-right:5px; } .xdsoft_datetimepicker  .xdsoft_calendar th{ height: 25px; } .xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{ width:14.2857142%; background: #F5F5F5; border:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse:collapse; cursor:pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{ width:12.5%; } .xdsoft_datetimepicker  .xdsoft_calendar th{ background: #F1F1F1; } .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{ color:#33AAFF; } .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0 1px 3px 0 inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{ opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{ opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker  .xdsoft_calendar td:hover, .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{ color: inherit	!important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker  .xdsoft_calendar th{ font-weight: 700; text-align: center; color: #999; cursor:default; } .xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;} .xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;} .xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;} .xdsoft_time_box{ position:relative; border:1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller{ background:#ccc !important; height:20px; border-radius:3px; } .xdsoft_scrollbar{ position:absolute; width:7px; right: 0; top: 0; bottom: 0; cursor:pointer; } .xdsoft_scroller_box{ position:relative; } .xdsoft_datetimepicker.xdsoft_dark{ box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{ border-bottom:1px solid #222222; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #0a0a0a; border-top:1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{ background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{ border:1px solid #333; background:#000; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev,  .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{ background: #0a0a0a; border:1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{ background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{ color:#cc5500; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{ color: #666; } .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;} .xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;} .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;} .xdsoft_dark .xdsoft_time_box{ border:1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{ background:#333 !important; } body[dir="rtl"] select { background-position: 15px center; } body[dir="rtl"] .block__head-trigger:after { right: auto; left: 20px; } body[dir="rtl"] .box-list__head .ratings { margin: 0 30px 0 0; } body[dir="rtl"] .btn .svg-icon { margin: 0 0 0 5px; } @media screen and (min-width: 1024px) { body[dir="rtl"] .-clear-right { float: left !important; } } body[dir="rtl"] #facebox .close { left: 0; right: auto; } body[dir="rtl"] .gototop { left: 16px; right: auto; } body[dir="rtl"] .form .field_label, body[dir="rtl"] .form { text-align: right; } body[dir="rtl"] .label.label--default, body[dir="rtl"] .label.label--primary, body[dir="rtl"] .label.label--process { padding-right: 26px; background-position: 90%; padding-left: 10px; } body[dir="rtl"] .table th, body[dir="rtl"] .table td { text-align: right; } body[dir="rtl"] .attachment-file { padding: 0 30px 0 0; vertical-align: middle; } body[dir="rtl"] .attachment-file .inline-icon { right: 0; top: 0px; left: auto; } /*========================ARROWS============================*/ body[dir="rtl"] .arrow-link { padding-left: 20px; } body[dir="rtl"] .arrow-link:after { left: 5px; right: auto; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body[dir="rtl"] .arrow-link:hover:after { left: 0; right: auto; } /*+========================NAVIGATION PRIMARY============================*/ body[dir="rtl"] .nav.nav--primary > ul > li.nav__dropdown > a:after { left: 5px; right: auto; } /*==================TEACHERS LIST===================*/ body[dir="rtl"] .border-box .box-body .rating .rate-value { margin-right: 5px; } body[dir="rtl"] .slide__fields li .rsText { right: 17px; left: auto; } /*===================APPY TO TEACH================*/ body[dir="rtl"] .group.group--social .btn .svg-icon { right: 15px; } body[dir="rtl"] .spn_must_field { margin: 0 5px 0 0; } body[dir="rtl"] .group.group--social .btn { float: right; } body[dir="rtl"] .group.group--social .btn.btn--social-gp { float: left; } body[dir="rtl"] .box.box--narrow .field_label { text-align: right; } body[dir="rtl"] .box.box--narrow .field_label .-link-underline { float: left !important; } body[dir="rtl"] .div-login-form .field_label .-link-underline { float: left !important; } body[dir="rtl"] .field_cover label.field_resp_block { float: right; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } body[dir="rtl"] .field_resp_block a { margin-left: 5px; margin-right: 5px; } body[dir="rtl"] .box.box--narrow p { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ justify-content: center; } /*=======================TEACHER====================*/ body[dir="rtl"] .box__profile-head .location { padding: 0 20px 0 0; } body[dir="rtl"] .box__profile-head .location .svg-icon { left: auto; right: 0; } body[dir="rtl"] .ratings .ratings__count { margin-right: 10px; } body[dir="rtl"] .-align-right { text-align: left !important; } body[dir="rtl"] .box.box--toggle p strong { float: right; margin-left: 5px; } body[dir="rtl"] .box-language .col:first-child { text-align: right; } body[dir="rtl"] .content-repeated .avtar { float: right; margin: 0 0 0 15px; } body[dir="rtl"] #facebox .content h4 { text-align: right; } body[dir="rtl"] .calendar-view { display: block; text-align: right; } body[dir="rtl"] .calendar-view p { text-align: left; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; } body[dir="rtl"] .calendar-view .fc-toolbar .fc-left h6 span { float: right; margin-left: 10px; } body[dir="rtl"] .fc-toolbar .fc-left { float: right; } body[dir="rtl"] .fc-toolbar .fc-right { float: left; } body[dir="rtl"] .fc .fc-toolbar > * > * { margin-left: 0; } body[dir="rtl"] .fc .fc-toolbar > * > * not[align-items-center] { float: right; margin-right: 0.75em; } body[dir="rtl"] .fc .fc-toolbar .fc-left > * > *:last-child { margin-right: 0; } body[dir="rtl"] .fc .fc-button-group > * { float: right; } body[dir="rtl"] .calendar-view .fc-event-container .fc-day-grid-event .fc-content .avtar { float: right; margin-right: 0; margin-left: 10px; } body[dir="rtl"] .calendar-view .fc-day-grid-event .fc-time { padding: 0 10px 0 0; } body[dir="rtl"] .box .box__head, body[dir="rtl"] .content-repeated:last-child [class*="col-"]:last-child { text-align: right; } body[dir="rtl"] .box-highlighted .col { text-align: right; } /*==========================DASHBOARD===================*/ body[dir="rtl"] .menu-vertical li a .menu-icon { right: 15px; left: auto; } body[dir="rtl"] .menu-vertical .logo-container { padding: 50px 20px 50px 0; background-color: #092b4e; } body[dir="rtl"] .menu-vertical li a { padding: 18px 55px 18px 15px; } body[dir="rtl"] .tab-swticher .btn { float: right; } body[dir="rtl"] .btn, body[dir="rtl"] input[type="submit"], body[dir="rtl"] input[type="button"], body[dir="rtl"] input[type="reset"], body[dir="rtl"] input[type="file"] { padding: 0 15px !important; } body[dir="rtl"] .tabled .tabled__cell { border-left: 1px solid #e5e5e5; } body[dir="rtl"] .myTeacherTable .profile-info__right { text-align: right; } body[dir="rtl"] .box-language .language, body[dir="rtl"] .border-box .language, body[dir="rtl"] .my_teacher_langauges .language { text-align: right; } body[dir="rtl"] .box-language .language .more_listing, body[dir="rtl"] .border-box .language .more_listing, body[dir="rtl"] .my_teacher_langauges .language .more_listing { left: auto; right: -22px; } body[dir="rtl"] .box-language .language .more_listing ul:after, body[dir="rtl"] .border-box .language .more_listing ul:after, body[dir="rtl"] .my_teacher_langauges .language .more_listing ul:after { left: 11px; right: auto; } body[dir="rtl"] .grids-wrap .wrap--yellow .icon__wallet { float: right; margin: 0 0 0 20px; } body[dir="rtl"] .fld-date { background-position: 10px; } body[dir="rtl"] .ui-datepicker .ui-datepicker-buttonpane button { float: left; } body[dir="rtl"] .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } body[dir="rtl"] .label.label--success { padding-right: 26px; background-position: 90%; padding-left: 10px; } body[dir="rtl"] .radio .input-helper:after { left: auto; right: 5px; } body[dir="rtl"] .selection-list ul li .selection { padding: 15px 40px 15px 15px; } body[dir="rtl"] .selection-list ul li .selection .radio { right: 10px; left: auto; } /*=============LEARNER=============*/ body[dir="rtl"] .col-list .avtar { float: right; } body[dir="rtl"] .col-list [class*="col-"].col-positioned { text-align: right; } body[dir="rtl"] .col-list [class*="col-"]:first-child { /* border-left: 1px solid #ddd; */ } body[dir="rtl"] .buttons-toggle .btn { float: right; } body[dir="rtl"] .buttons-toggle .btn:last-child { border-radius: 3px 0 0 3px; margin-right: 1px; } body[dir="rtl"] .select-box .select-box__target { left: 0; } @media (min-width: 1024px) { body[dir="rtl"] .select-box .select-box__target { right: auto; } } body[dir="rtl"] .select-box .select-box__target .listing li { text-align: right; } /*===========NOtification=============*/ body[dir="rtl"] .nav__dropdown-action .count { left: 0; right: unset; min-width: 16px; padding: 0; font-size: 8px; } body[dir="rtl"] .list-container .list p { text-align: right; } body[dir="rtl"] .list-container .list__content { padding: 0 15px 0 0; } body[dir="rtl"] .list-container .list__content, body[dir="rtl"] .list-container .list__media { float: right; } /*==============CHECKOUT PAGE=================*/ body[dir="rtl"] .table-total th { text-align: right; } body[dir="rtl"] .label-select { padding: 8px 50px 8px 8px; } body[dir="rtl"] .label-select .checkbox, .label-select .radio { right: 25px; left: auto; } body[dir="rtl"] input[type="text"], body[dir="rtl"] input[type="email"], body[dir="rtl"] input[type="phone"], body[dir="rtl"] input[type="search"], body[dir="rtl"] input[type="password"], body[dir="rtl"] textarea, body[dir="rtl"] select, body[dir="rtl"] input[type="number"], body[dir="rtl"] input[type="file"] { padding: 0 30px; } body[dir="rtl"] { font-family: "Noto Kufi Arabic", sans-serif !important; font-weight: unset; background: #f3f7fb; line-height: unset !important; } body[dir="rtl"] .links--vertical.footer_contact_details li img { margin-left: 10px; margin-right: 0px; } body[dir="rtl"] .profile-info .profile-info__right, body[dir="rtl"] .msg-list__right { padding-right: 20px; } body[dir="rtl"] .tick-listing.tick-listing--onehalf li { padding-right: 20px; } body[dir="rtl"] .tick-listing li:before { right: 0px; left: auto; } body[dir="rtl"] .page-panel__inner-r { /*  float: left; */ padding: 0 0px 0 0px; } body[dir="rtl"] .course_flag_card .flag-icon { margin-left: 20px; } body[dir="rtl"] .date-format .date { margin-left: 15px; margin-right: 0px; } body[dir="rtl"] .cta-wrap .btn { margin-right: 30px; margin-left: 0px; } body[dir="rtl"] .form-filters .form__element .form__input { padding-right: 50px; } body[dir="rtl"] input[type="submit"] { margin-right: 0; margin-left: 10px; } body[dir="rtl"] .border-box .box-body { margin-left: 0px; margin-right: 15px; } body[dir="rtl"] .box-language .language span, body[dir="rtl"] .border-box .language span, body[dir="rtl"] .my_teacher_langauges .language span { float: right; } body[dir="rtl"] .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { left: 15px; right: auto; } body[dir="rtl"] .col-list .avtar { margin-left: 15px; margin-right: 0px; } body[dir="rtl"] .form-search .form__action-wrap { right: auto; left: 0px; } body[dir="rtl"] .fc-unthemed .fc-popover .fc-header .fc-close { right: auto; left: 0; } body[dir="rtl"] .header__logo { margin: 0 0 0 20px; } body[dir="rtl"] .toggle--nav { margin: 0 0 0 10px; } body[dir="rtl"] .nav.nav--primary > ul > li { margin: 0; } /*CMS PAGE*/ body[dir="rtl"] .section--icons .icon { float: right; margin: 0 20px 0 40px; } body[dir="rtl"] .accordian__title { padding: 30px 30px 30px 80px; text-align: right; } body[dir="rtl"] .accordian__title:before { right: auto; left: 30px; text-align: left; } body[dir="rtl"] .accordian__body { padding: 0 30px 20px 20px; text-align: right; } /*System Messages*/ #mbsmessage .content:before, .system_message .content:before { left: auto; right: 0; } #mbsmessage .div_msg, .system_message .div_msg { padding: 0 35px 0 20px; } @media (min-width: 1200px) { body[dir="rtl"] .menu-vertical li.is-active { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 32px; border-bottom-right-radius: 32px; } body[dir="rtl"] .menu-vertical li.is-active + li a { border-top-left-radius: 16px; border-top-right-radius: 0; } body[dir="rtl"] .menu-vertical li:has(+ li.is-active) a { border-bottom-left-radius: 16px; border-bottom-right-radius: 0; } body[dir="rtl"] .menu-vertical:has(ul > li:first-child.is-active) .logo-container { border-bottom-left-radius: 16px; border-bottom-right-radius: 0; } } @media (min-width: 1024px) { body[dir="rtl"] .page-panel__inner-l { padding-left: 30px; padding-right: 0; /* float: right; */ } } @media (min-width: 768px) { body[dir="rtl"] .search-form .form input[type="submit"], body[dir="rtl"] .footer-subscribe .form input[type="submit"] { margin-right: 10px; margin-left: 0px; } } @media (max-width: 1024px) { body[dir="rtl"] .nav.nav--primary-offset { right: 0px; text-align: right; } } @media (max-width: 767px) { body[dir="rtl"] .box__head-trigger:after { right: auto; left: 20px; } body[dir="rtl"] .nav.nav--primary > ul > li.nav__dropdown > a.nav__dropdown-trigger { padding-right: 20px; } body[dir="rtl"] .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account > a.nav__dropdown-trigger { padding-right: 0; } } @media (max-width: 400px) { body[dir="rtl"] .tab-swticher-small.tab-swticher { margin-right: 10px; margin-left: 0; } } @media (min-width: 767px) and (max-width: 1024px) { body[dir="rtl"] .col-list [class*="col-"].col-positioned { position: absolute; left: 10px; top: 10px; right: auto; max-width: fit-content; } } .banner--main:after { background: -moz-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); background: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); background: linear-gradient( to left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% ); } body[dir="rtl"] .tab-swticher .btn:first-child { border-radius: 0 16px 16px 0 !important; } body[dir="rtl"] .tab-swticher .btn:last-child { border-radius: 16px 0 0 16px !important; } body[dir="rtl"] .system_message .closeMsg { right: auto; /* Reset right */ left: 10px; /* Move it to the left */ } body[dir="rtl"] .dashboard-lessons-card-container .details-section .schedule-list ul li .item-name { padding-right: 15px !important; padding-left: unset; }