@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf')  format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf')  format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf')  format('truetype'), url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf')  format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf')  format('truetype'), url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
:root {
	--theme-color: #102749;
	--option-color:#60B8D1;
	--screen-height:500px;
 }
html{height:100%; min-height:100%;}
body{margin:0px; padding: 0 0 0 0; background: linear-gradient(to top left, var(--option-color), var(--theme-color)); overflow-x: hidden; height:100%; min-height:100%; font-family: 'OpenSans-Regular'; background-attachment: fixed; font-size: 13px; }
body.overflow_body{overflow:hidden;}
app-root, admin-root,.height_100_box { display: block; height: 100%; min-height: 100%;}
p{margin:0px; padding:0px 0 0 0; line-height:22px; color: #2e2d31; font-size: 13px;}
p.padding_15{padding-bottom:15px;}
p.padding_30{padding-bottom:35px;}
.no_padding{padding:0px!important;}
.clear {clear:both;}
a {text-decoration:none; color:var(--theme-color); cursor: pointer;}
a:hover, a.selected,a:focus {text-decoration:none; color:#191919;}
ul {list-style:none; padding: 0; margin: 0;}
li {list-style:none;}
b,strong { font-family: 'OpenSans-SemiBold';margin-right: 5px;}
h1{ font: normal 22px/22px 'OpenSans-Regular'; margin:0 0 15px 0; color:var(--theme-color); text-transform:uppercase;}
h2{color:var(--theme-color); display:block; font:normal 20px/20px 'OpenSans-Regular'; margin:0 0 25px 0; text-transform:uppercase;}
h3{ font-size:20px; color:var(--theme-color); margin:0 0 15px 0;  font-weight: normal; line-height:20px; text-transform:none; font-family: 'OpenSans-SemiBold';}
h3 span{color:#2e2d31; font-size: 13px; display: block; margin-top: 5px; font-family: 'OpenSans-Regular';}
h4{ font-size:16px; color:#0085AD; display:block; padding:0 0; margin:0 0 10px 0; font-weight: normal; line-height:16px;}
h5{color:#A50034; display:block; font:normal 16px/18px 'OpenSans-SemiBold'; margin:0 0 15px 0; text-transform:capitalize;}
/* ========== Do Not Touch In Css End ========== */

/*-------------Header and navigation--------------------*/
.container{ width:100%; max-width:100%; padding:0 30px;}
header{ position: fixed; z-index: 999; width: 100%; padding:0 0 10px 0; top: 0;}
header .logo {padding: 2px 0;}
header .logo .logo_text{font-family: 'OpenSans-Light'; width:75%; font-size: 30px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 30px;}
header .logo .toggle{background: rgba(0, 0, 0, 0.3);border-radius: 3px;color:#fff;cursor: pointer;display: block;height: 30px;line-height: 30px;text-align: center;width: 30px; border: 0; position: relative; right: -20px;}

header.register_header{position:relative; padding-top:35px; z-index: 9;}
header.register_header .logo {padding: 5px 0; width:100%; text-align:center;}
header.register_header .logo a{margin:auto; width:350px; display:block;}

header .notification{display: inline-block; padding: 5px 0;}
header .notification li.user_indicator{border:1px solid #fff;padding:5px;border-radius: 3px;color:#fff;}
header .notification li{position:relative;display:block; float: left; margin: 0 10px;}
header .notification li a{color:#fff;font-size:20px;}
header .notification li a span{border-radius: 10px;color: #FFFFFF;font-size: 12px;right:-10px;padding: 0;position: absolute;text-align: center;width: 20px;line-height: 20px;height: 20px;top:-7px;}
header .notification li a span.badge1{background:#EA3F3F;}
header .notification li a span.badge2{background:#4AC4BC;}

.header_left{text-align: left;padding: 2px 0px;}
.header_left .fa{background: rgba(0, 0, 0, 0.3);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 30px;line-height: 30px;text-align: center;width: 30px;border: 0;position: relative;right: -5px;}
.header_right{text-align: right;}
.account_menu{ display:inline-block; position: relative;}
.account_menu li{position:relative; display:block; float: left; margin-left:10px;}
.account_menu li a .caret{margin-left:5px; border-top: 4px solid #fff;}
.account_menu li a span.user_img{ width: 40px; height: 40px; border:2px solid #fff; border-radius:100%; text-align: center; color: #fff; font-size: 14px; display: inline-block; margin-right: 10px; line-height: 22px; padding: 0; overflow: hidden; vertical-align: middle;}
.account_menu li a {font-size:13px; padding: 0; text-align: left; color: #ffffff; box-shadow: none; position: relative; transition:all 0.8s ease 0s; display:block;}
.account_menu li:hover a,.account_menu li:focus a{background-position: right bottom; color: #ffffff; }
.account_menu li .dropdown-backdrop{display: none!important;}
.account_menu li .toggle{background: rgba(0, 0, 0, 0.3);border-radius: 3px;color:#fff;cursor: pointer;display: block;height: 30px;line-height: 30px;text-align: center;width: 30px; border: 0; margin: 5px 0 0 0;}

.account_menu li ul.dropdown-menu{ background:#fff; padding:0; border-radius:5px; position:absolute; left: auto;right: 0; top: 100px; z-index: 999!important; margin: 0; border:0px; text-align: left; height: auto; box-shadow: 0 0 15px 1px rgba(69,65,78,.2); transition: all .5s ease-in-out; width:250px; }
.account_menu li ul.dropdown-menu li.completeness_li{padding: 10px; display: block;  color: #666; font-size: 13px; line-height: 13px; text-transform:capitalize; border-bottom: 1px solid #ccc;}
.account_menu li ul.dropdown-menu li.completeness_li .progress{margin: 10px 0 0 0; padding: 0; height: 15px;}
.account_menu li ul.dropdown-menu li.completeness_li .progress .progress-bar{ font-size: 10px; background: #468847; line-height: 15px;}
.account_menu li.open ul.dropdown-menu{top: 40px; transition: all .5s ease-in-out; }
.account_menu li ul.dropdown-menu li {float:none; display:block; border-bottom:0px; position:relative; margin: 0 0; width: 100%; }
.account_menu li ul.dropdown-menu li a{ padding:10px; line-height: 13px; text-transform:capitalize; background:none; text-align:left; white-space: normal; color: #666; font-size: 13px; font-weight: normal; height: auto; display: block; clear: both;}
.account_menu li ul.dropdown-menu li a i{font-size: 13px; margin-right: 7px;}
.account_menu li ul.dropdown-menu li:hover a{color: var(--theme-color);}
/*--------------End header and navigation--------------------*/

/*--------------Loader--------------------*/
.lds-ripple {display: inline-block; position: relative; width: 64px;height: 64px;}
.lds-ripple div { position: absolute; border: 4px solid #fff;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
  0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1;}
  100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0;}
}
/*--------------End Loader--------------------*/

/*--------------Register Login--------------------*/
.all_outer_page{padding: 20px 0; height: var(--screen-height); vertical-align: middle; display: table-cell; position: relative; width: inherit;}
.white_form_block{ margin: 20px 0 0 0; background: rgba(255,255,255,0.85); border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.3); overflow:hidden;}
.white_form_block .padding_box{padding: 20px;}
.white_form_block .account_block{ padding:20px; margin-top: 20px; background: var(--theme-color); border-radius:0 0 10px 10px; border-top:1px solid #666;}
.white_form_block .account_block p{color: #fff; line-height: 30px;}

select {-moz-appearance: none!important;-webkit-appearance: none!important;background:transparent url("../images/arrow-down-b.png") no-repeat scroll right 5px / 23px auto!important; border: 0!important; border-bottom: 1px solid #888!important; color: #2e2d31!important; border-radius:0!important;padding: 0px 20px 0px 0px !important;height: 35px !important; width: 100%!important; font-size:13px!important; font-family: 'OpenSans-Regular'; z-index: 99; position: relative; outline: 0; box-shadow: none!important; margin-bottom: 2px;}
select option{ background:#ddd!important; padding:5px!important; color:#2e2d31!important; font-size:13px!important; text-transform:capitalize!important; display:block!important; width:100%!important; transition:all 0.2s linear 0s!important; border:0!important; font-family:'OpenSans-Regular';}

.form-group {position: relative; margin: 15px 0 20px;}
.form-group label{line-height:15px; color: #2e2d31; font-size: 13px; font-weight:normal; background: transparent; position: absolute; top: 10px; z-index: 1; transition: transform 150ms ease-out, font-size 150ms ease-out;} 
.form-group label span{color:red;}
.form-group.focused label{ transform: translateY(-145%); font-size: 13px;}

.form-group input,.form-group textarea{line-height:20px; color: #2e2d31!important; font-size: 13px; font-weight:normal; box-shadow: none!important; font-family:'OpenSans-Regular'; outline: 0; background: transparent; padding: 7px 0; border: 0; border-bottom: 1px solid #888!important; width: 100%; border-radius: 0; z-index: 99; position: relative; margin-bottom: 2px;}

.twitter-typeahead .tt-query,.twitter-typeahead .tt-hint { margin-bottom: 0;}
.twitter-typeahead .tt-hint{ display: none;}
.tt-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; background-color: #ddd; border:0;
 border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; cursor: pointer;}
.tt-suggestion {  display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #2e2d31; white-space: nowrap;}
.tt-suggestion:hover,.tt-suggestion:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca;}

.bootstrap-tagsinput { background-color: transparent; border: 0; box-shadow: none; display: inline-block; padding:7px 0; color: #2e2d31; vertical-align: middle; border-radius: 0; max-width: 100%; line-height: 22px; cursor: text; width: 100%; border-bottom: 1px solid #888; margin-bottom: 2px; min-height: 80px;}
.bootstrap-tagsinput input {border: 0!important; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0;  width: auto; max-width: inherit;}
.bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1;}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777;}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777;}
.bootstrap-tagsinput input:focus { border: none;box-shadow: none;}
.bootstrap-tagsinput .tag { margin-right: 2px; color: white;}
.bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer;}
.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x";padding: 0px 2px;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.bootstrap-tagsinput .label-info { background-color: var(--option-color);}

.file_upload input[type="text"]{background:url(../images/upload.png) 98% center no-repeat; background-size:18px;}
.file_upload input[type="file"]{opacity: 0; position: absolute; left: 0; top: 0; z-index: 99; width: 100%; cursor: pointer;}

.register_tab { border: 0; margin: 20px 0 0;text-align: center;}
.register_tab li { display: inline-block;float: none;}
.register_tab li::after { border-bottom: 1px solid #fff; content: ""; left: 60px; position: absolute; top: 50%; width: 73px;}
.register_tab li a {outline:none; background: transparent !important; border: 1px solid #fff!important; border-radius: 100%; color: #fff !important; font-size: 25px; height: 60px; margin: 0 70px 0 0; padding: 10px; text-align: center; width: 60px;}
.register_tab li.active a { background: var(--option-color) !important;}
.register_tab li.complete a{ background:#dff0d8!important; color: #3c763d !important;}
.register_tab li:last-child:after{display:none;}
.register_tab li:last-child a{margin:0;}

.error_span { color: #ff0000; font-size: 10px; position: absolute;padding-top: 3px;}
.white_form_block .padding_box .preview_tab h1{padding: 0px 15px;}
.white_form_block .padding_box .preview_tab p span{display:block;color: #102749;font-size: 12px;font-weight: bold;}
.white_form_block .tab_logo img{width: 60px;height: 60px;margin: 0 auto;}
/*--------------End Register Login--------------------*/

/* ------- Sidebar Area Start ------- */
.sidebar_wrap{ position: fixed; top: 100px; left: 0; padding: 0 8px 0 30px; height: 90%; width: 17.6667%; z-index: 99; transition:all 0.4s ease 0s; overflow-y: auto;}
.sidebar_wrap .sidebar_box{background: rgba(0, 0, 0, 0.1);border-radius: 3px;padding:15px 0;margin-bottom:10px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.sidebar_wrap .sidebar_box .sidebar_box_label span{ background: rgba(0, 0, 0, 0.2);border-radius: 15px;padding: 5px 10px;color:#fff; display: inline-block;font-size: 12px;margin-bottom: 5px; margin: 0 15px 10px 15px;}
.sidebar_wrap .sidebar_box li i {font-size: 18px; width:25px;}
.sidebar_wrap .sidebar_box li i.fa-angle-down{margin: 0; text-align: right;}
.sidebar_wrap .sidebar_box li a {color: #FFFFFF !important;display: block;font-size: 13px;line-height: 15px;list-style: none outside none; padding: 10px 15px; text-decoration: none; text-transform: capitalize; border-left: 3px solid transparent; background: transparent; transition: all .3s ease-in-out;}
.sidebar_wrap .sidebar_box li a span {display: inline-block;float: none;left: 10px;position: relative;}
.sidebar_wrap .sidebar_box li.dropdown_menu.collapsed a{border-left: 3px solid transparent; background: transparent;}
.sidebar_wrap .sidebar_box li a:hover,.sidebar_wrap .sidebar_box li a:focus,.sidebar_wrap .sidebar_box li.dropdown_menu a,.sidebar_wrap .sidebar_box li.active a,.sidebar_wrap .sidebar_box li.dropdown_menu.collapsed a:hover,.sidebar_wrap .sidebar_box li.dropdown_menu.collapsed a:focus{ border-left: 3px solid #fff; background: rgba(0,0,0,0.2); transition: all .3s ease-in-out;}
.sidebar_wrap .sidebar_box li .sub_menu{background: rgba(0,0,0,0.2);}
.sidebar_wrap .sidebar_box li.dropdown_menu .sub_menu li a{border-left: 3px solid transparent; background: transparent;}
.sidebar_wrap .sidebar_box li.dropdown_menu .sub_menu li.active a,.sidebar_wrap .sidebar_box li.dropdown_menu .sub_menu li a:hover,.sidebar_wrap .sidebar_box li.dropdown_menu .sub_menu li a:focus{border-left: 3px solid #fff; background: rgba(0,0,0,0.2); transition: all .3s ease-in-out;}
.sidebar_wrap .sidebar_box li.dropdown_menu.collapsed a i.fa-angle-down:before{content:'\f107';}
.sidebar_wrap .sidebar_box li.dropdown_menu a i.fa-angle-down:before{content:'\f106';}

.sidebar_wrap.small_menu{ width: 80px; transition:all 0.4s ease 0s; padding-top: 20px;}
.sidebar_wrap.small_menu .sidebar_box{background:none; padding: 0; margin: 0; box-shadow: none;}
.sidebar_wrap.small_menu .sidebar_box li a{padding: 10px 0; background: transparent; border:0;}
.sidebar_wrap.small_menu .sidebar_box li .sub_menu,.sidebar_wrap.small_menu .sidebar_box li.dropdown_menu .sub_menu li a,.sidebar_wrap.small_menu .sidebar_box li.dropdown_menu.collapsed,.sidebar_wrap.small_menu .sidebar_box li.dropdown_menu.collapsed a:hover,.sidebar_wrap.small_menu .sidebar_box li.dropdown_menu.collapsed a:focus,.sidebar_wrap.small_menu .sidebar_box li.dropdown_menu.collapsed a{border: 0!important; background: transparent!important;}
.sidebar_wrap.small_menu .sidebar_box li a span,.sidebar_wrap.small_menu .sidebar_box .sidebar_box_label{display: none;}
.sidebar_wrap.small_menu .sidebar_box li a:hover,.sidebar_wrap.small_menu .sidebar_box li a:focus,.sidebar_wrap.small_menu .sidebar_box li.active a{color:var(--option-color)!important;}
.sidebar_wrap.small_menu .sidebar_box li i{width: 20px; }
.sidebar_wrap.small_menu .sidebar_box li i.fa-angle-down{width: 10px; font-size: 14px; line-height: 25px; }
.menu_right{transition:all 0.4s ease 0s;}
.menu_right.active_right{width: 96.5%; margin-left: 3.5%; transition:all 0.4s ease 0s;}
footer.footer_fixed.active_footermenu{width:94.3%; transition:all 0.4s ease 0s;}
/* ------- Sidebar Area End ------- */

/*--------------Common content--------------------*/
.list_page{padding:30px; margin: 0; width: 100%; display: block; position: relative;}
.list_page li{padding:0px 0 7px 15px; background: url(../images/whitedot.png) left 5px no-repeat; background-size: 10px; color: #fff; font-size: 13px;}
.list_page li a{color: #fff;}

.right_content_block{position: fixed; right: -15px; top: 100px; height: 100%; min-height: 100%; width: 100%;}
.right_content_block .height_100{height: 100%;}
.right_content_block .bg_white_block{height:91.5%;width:100%; overflow-y: auto; position: relative;  background:#fff;}
.right_content_block .bg_white_block:before { content: ""; position: absolute; top: 0; left: 0; border-width: 0 42px 42px 0; border-style: solid; border-color: #ffffff #203553; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}

.right_content_block .bg_white_block .title_heading{ background: #f5f5f5; color: #9EA7B3; padding-right: 15px;}
.right_content_block .bg_white_block .title_heading .title_text{text-transform: uppercase; color: #9EA7B3; font-family: 'OpenSans-Regular'; font-size: 18px; margin-left:30px; padding: 15px;}
.right_content_block .bg_white_block .title_heading .title_text i{margin-right: 10px; font-size: 18px;}
.right_content_block .bg_white_block .title_heading .alert{padding: 15px 0 15px 15px; margin: 0; text-align:right;display: flex;float: right; }
.right_content_block .bg_white_block .title_heading .alert .close{margin-left:15px;}
.right_content_block .bg_white_block .title_heading .alert i{color: #fff; font-size: 11px; margin-right: 10px; background: #4AC4BC; width: 18px; height: 18px; border-radius: 100%; text-align: center; line-height: 20px;}
.right_content_block .bg_white_block .title_text{ height: 50px;}
.right_content_block .bg_white_block .add_back {border-left: 1px dashed #CCCCCC; height: 50px; padding: 10px 15px; text-align: right;}
.right_content_block .bg_white_block .title_heading .breadcrumb_block{border-top: 1px dashed #CCCCCC; display: block; padding: 10px 0;}
.right_content_block .bg_white_block .title_heading .breadcrumb_block .breadcrumb{ margin: 5px 0 0 0; padding: 0;}
.right_content_block .bg_white_block .title_heading .breadcrumb_block .breadcrumb li{color: #666; font-family: 'OpenSans-Regular'; font-size: 14px;}
.right_content_block .bg_white_block .title_heading .breadcrumb_block .breadcrumb a{color: #9EA7B3;}

.next_btn{background: var(--theme-color); border-radius:4px; color: #fff; font-size: 13px; border: 0; padding: 10px; line-height: 13px; min-width: 100px; opacity: 0.85; transition: all .3s ease-in-out; text-align: center; display: inline-block;}
.next_btn:hover,.next_btn:focus{opacity: 1; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88,103,221,.15); color: #fff;}
.back_btn{background: var(--option-color); border-radius:4px; color: #fff; font-size: 13px; border: 0; padding: 10px; line-height: 13px; min-width: 100px; opacity: 0.85; transition: all .3s ease-in-out; text-align: center;  display: inline-block;}
.back_btn:hover,.back_btn:focus{opacity: 1; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88,103,221,.15); color: #fff;}

.content_block{padding:30px 15px 100px 0px;}
.dataTables_wrapper .dt-buttons {float:right!important; margin-left:15px;}
.dt-buttons button.dt-button, .dt-buttons div.dt-button,.dt-buttons a.dt-button{ background: none!important; padding: 0!important; margin: 0 0 0 10px!important; font-size: 20px!important; color:var(--theme-color)!important; width: 30px; border: 0!important; }
.dt-buttons .buttons-print::before,.dt-buttons .buttons-excel::before{color:var(--theme-color)!important; }

.dataTables_filter label,.dataTables_length label{line-height:13px; color: #9ea7b3; font-size: 13px; font-weight:normal; }
.dataTables_filter input{line-height:20px; color: #666!important; font-size: 13px; font-weight:normal; box-shadow: none; border: 1px solid #ccc; padding: 5px 12px;}
.dataTables_length select{width: auto!important; border: 1px solid #ccc!important; padding-left:10px!important;}
.dataTables_scroll{margin-top: 15px; clear: both; position: relative; overflow: hidden; display: inline-block; width: 100%;}
.dataTables_wrapper .dataTables_info{ font-size:13px; color: #9ea7b3; }
table.dataTable { border: 1px solid #ddd!important;}
table tr th,table tr td{line-height:20px; color: #666; font-size: 13px; font-family: 'OpenSans-Regular';}
table tr th{ font-family: 'OpenSans-Regular'; text-transform:none; color: #666; background: #F5F5F5;}
table .activeyes_box{margin:0 0;}
table .activeyes_box label{height: 20px; width: 45px; top: 0;}
table .activeyes_box label:after{width: 15px; height: 15px; top: 2px; }
table .activeyes_box input[type="checkbox"]:checked + label:after{left :62%;}

.activeyes_box.note_check label{height: 20px; width: 45px; top: 0;}
.activeyes_box.note_check label:after{width: 15px; height: 15px; top: 2px; }
.activeyes_box.note_check input[type="checkbox"]:checked + label:after{left :62%;}
.activeyes_box.note_check span{font-size:13px; line-height:20px;}

table .edit,table .delete{font-size: 12px; min-width: 25px; line-height: 12px; box-shadow: none; opacity: 1; background: none; padding: 0; border: 0;}
table .edit i,table .delete i{font-size: 17px; line-height: 17px;}
table .edit i{color: #222;}
table .delete i{color: darkred;}
table .sr_no_width{width: 60px;}
table .active_width{width: 80px;}
table .action_width{width: 80px;}
table .instructor_width{width:25%;}
table .rating_width{width:20%;}
.accepted{color:green;}
.invited{color:red;}

.no_margin{margin: 0!important;}
.list_li{padding: 0; margin: 0; width: 100%; display: block; position: relative;}
.list_li li{padding:0px 0 7px 15px; background: url(../images/dot.png) left 5px no-repeat; background-size: 10px; color: #2e2d31; font-size: 13px;}
.width_li30 li{width: 33%; float: left;}

.activeyes_box {display:inline-block; margin:5px 20px 0 0;}
.activeyes_box label{ background:#dfe2ea; font-weight:normal; height: 30px; width: 60px; display:inline-block; vertical-align:top; margin:0; cursor:pointer; color:#444; position: relative; top: 5px; border-radius: 20px;}
.activeyes_box label:after{ content: ''; width: 24px; height: 24px; border-radius: 100%; left: 3px; top: 3px; background: #aaa; position: absolute; transition:left 0.3s linear 0s; }
.activeyes_box input[type="checkbox"]:checked + label:after{left :52%; background: #333333; transition:left 0.3s linear 0s; }
input[type="checkbox"] { visibility:hidden; position:absolute;}
.ps__thumb-x{background: rgba(1,1,1,0.2);}

.all_outer_page.welcome_page p.padding_15{padding: 15px;}

.collapse{position: relative;}

.linkup_wrapper .linkup_section .expand{position: absolute!important;top: -64px;right: 50px;}

.learner_dashboard .scroll_calender{height: 400px;}

.inquiryform_block  .inquire_now{float: right; color:#fff!important; text-transform:uppercase; font-size:18px; padding:14px 30px!important;  font-weight:400; background:#102749; line-height: 18px;}
.inquiryform_block form .form-group{margin: 15px 0px 35px 0px;}

/*--------------End Common content--------------------*/

/* ------------------------ Footer Area Start ----------------- */
footer{ background:#f5f5f5;width: 81.3%;padding:15px 15px 15px 0; font-size:12px; font-weight: normal; line-height: 10px; color:#666; position: fixed; bottom:0; right: 0; z-index: 999; transition:all 0.4s ease 0s;}
/* footer.footer_fixed{position: fixed; width: 81.2%; } */
footer.footer_sidebaractive{width: 94.5%!important;}
footer a{color:#666; }
footer a:hover{color:var(--theme-color); }
.go_top { position:fixed; bottom: 50px; right:20px; padding:0px; display:none; cursor: pointer; z-index: 99; height: 45px; width: 45px; text-align: center; background:#fff; color:#6f727d; font-size: 25px; line-height: 45px; border-radius: 100%; transition: all .3s ease-in-out; box-shadow: 0 5px 10px 2px rgba(88, 103, 221, 0.19);}
.go_top:hover{color:#222; transition: all .3s ease-in-out;}
#colorPickerFrameCanvas{display:none!important;}

footer.register_footer{ background:none; padding:10px; font-size:12px; font-weight: normal; line-height: 20px; color:#fff; position: relative; bottom:0; right: 0; z-index: 99; transition:all 0.4s ease 0s; width: 100%;}
footer.register_footer a{color:#fff; }
footer.register_footer a:hover{color:var(--theme-color); }
/* --------------------- Footer Area End ------------------- */

/* --------------------- Calendar Start ------------------ */
.color_description{ display: block; margin: 0; position:relative; z-index:99;}
.color_description ul{padding: 0 15px; margin: 0; position:absolute; top:40px; left:0; width:100%; text-align:right;}
.color_description ul li{border: 1px solid #ccc; border-radius: 3px;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); display:inline-block; font-size: 11px; font-weight: normal; line-height: 13px; padding: 5px !important; position: relative; margin-bottom: 10px;}
.color_description ul li span{ border-radius: 100%; display: inline-block; height: 8px; margin-right: 6px; width: 8px;}
.fc button{text-transform:capitalize;}
.fc-toolbar.fc-header-toolbar{margin-bottom:45px;}
/* --------------------- Calendar End ------------------ */

/* --------------------- Certificate Start ------------------ */
.certificate_box{ display: block; position: relative; border:1px solid #ccc; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); margin-bottom: 50px; padding: 20px; text-align: center; border-radius: 5px; height: 317px;}
.certificate_box .icon_img{ height: 170px; display: block; margin-bottom: 10px; position: relative;}
.certificate_box .icon_img img{height: 100%; margin: auto; opacity: 0.9;}
.certificate_box .course_name{color:var(--theme-color); font-size: 18px; font-family: 'OpenSans-Regular'; margin-bottom: 10px; text-transform: uppercase;}
.certificate_box .badge_button { overflow:hidden; background: #f4f4f4; border: 1px solid #ccc; border-radius: 5px; display: inline-block; margin: 0 5px; width: 40%;}
.badge_button > p { border-bottom: 1px solid #ccc; font-size: 12px !important; line-height: 12px; padding:10px;}
.certificate_box a {display: block; float:left; border-radius:0; font-size: 13px; min-width: 50%; opacity: 1; padding: 7px; }
/* --------------------- Certificate End ------------------ */

/* --------------------- Course Detail Start ------------------ */
.course_detail_block .stars_block{ margin: 10px 0 20px 0; color:#2e2d31; font-size: 12px; }
.course_detail_block .stars_block i{margin: 0 5px 0 0; color:#f9a825; font-size: 14px;}
.course_detail_block .review_link{color: #2e2d31;}
.course_detail_block .video_margin{margin: 0 15px 15px 0;}
.course_detail_block .course_tabs{ box-shadow:0px 0px 5px #ccc; display: block; position: relative; margin-bottom:15px;}
.course_detail_block .course_tabs .nav-tabs{ display: block; position: relative; width: 100%; padding: 0; margin: 0; border-bottom:1px solid #ccc;}
.course_detail_block .course_tabs .nav-tabs li{margin: 0!important; background: none!important; border: 0!important; text-align: center; border-right: 1px solid #ccc!important;}
.course_detail_block .course_tabs .nav-tabs li a{ padding: 15px; display: block; color: #2e2d31; font-size: 16px; font-family: 'OpenSans-SemiBold'; border: 0!important; background: none!important; border-bottom: 3px solid transparent!important; margin: 0; margin-bottom: -2px; min-width: 180px; border-radius: 0;}
.course_detail_block .course_tabs .nav-tabs li.active a,.course_detail_block .course_tabs .nav-tabs li:hover a,.course_detail_block .course_tabs .nav-tabs li:focus a{color:var(--theme-color); border-bottom: 3px solid var(--theme-color)!important; background: #f4f4f4!important;}
.course_detail_block .course_tabs .tab-content{padding: 20px; display: block;}
.course_detail_block .course_right{box-shadow:0px 0px 2px #ccc; background: #f4f3f4; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.course_detail_block .course_right i{width:18px;}
.course_detail_block .course_right i.fa-user,.course_detail_block .course_right i.fa-clock-o{font-size:14px;}
.course_detail_block .course_right i.fa-graduation-cap{font-size:12px;}
.course_detail_block .course_right p{ line-height: 30px;}
.course_detail_block .course_right .text-center{ border-top:1px solid #ccc; padding-top: 15px;}
.course_detail_block .course_right .next_btn{font-size: 17px; padding: 12px;}
.course_detail_block .instrutor_right{box-shadow:0px 0px 2px #ccc; background: #f4f3f4; display: block; position: relative; padding: 15px; height: 265px; margin-bottom: 30px;}
.course_detail_block .instrutor_right img{width: 50px; height: 50px; margin-right: 10px; float: left; border-radius: 100%;}
.course_detail_block .related_course{box-shadow:0px 0px 2px #ccc; background: #f4f3f4; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.course_detail_block .related_course li{display: block; line-height:22px; color: #2e2d31; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #ccc; vertical-align: top;}
.course_detail_block .related_course li a{color: #2e2d31;}
.course_detail_block .related_course li a:hover{color:var(--option-color);}
.course_detail_block .related_course li:first-child{padding-top:0;}
.course_detail_block .related_course li:last-child{border: 0; padding-bottom: 0;}
.course_detail_block .related_course li i.fa-graduation-cap{float: left; width: 40px; height: 40px; margin-right: 10px; font-size: 24px; background: #fff; color: #ccc; text-align: center; padding: 10px 0;}
.course_detail_block .related_course .stars_block{margin: 0 0 0 50px;}
.course_detail_block .related_course .stars_block i{font-size: 10px; margin: 0 2px 0 0;}
.course_forum_block {position: relative;}
.course_forum_block h3{margin-bottom: 20px;}
  .course_forum_block{margin-top:25px;}
.course_forum_block .forum_box{display: block; position: relative; width: 100%; }
.course_forum_block .forum_box.inner_forum{margin-left: 60px; width: 91.3%; }
.course_forum_block .forum_box.inner_forum:last-child{border: 0; margin-bottom: 0;}
.forum_box.inner_forum::before { background: #eee; content: ""; height: 100%; left: -35px; position: absolute; top: -45px; width: 1px;}
.forum_box.inner_forum::after { background: #eee; content: ""; height: 1px; left: -35px; position: absolute; top: 25px; width: 30px;}
.course_forum_block .forum_box .img_icon{border: 1px solid #2e2d31; color: #2e2d31; font-size: 20px; line-height: 46px; height: 50px; width: 50px; border-radius: 100%; text-align: center; display: inline-block; vertical-align: top;}
.course_forum_block .forum_box .img_icon img{border-radius: 100%;}
.course_forum_block .forum_box .content_name{display: inline-block; position: relative; margin-left: 10px; width: 90%; padding-bottom: 15px;  border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.course_forum_block .forum_box .content_name .name{font-size: 13px; color: var(--theme-color); font-family: 'OpenSans-SemiBold'; margin-bottom: 5px;}
.course_forum_block .forum_box .content_name .content{font-size: 13px; color: #2e2d31; font-family: 'OpenSans-regular'; margin-bottom: 10px; line-height: 22px;}
.course_forum_block .forum_box .content_name .reply_time,.course_forum_block .forum_box .content_name .reply_time a{font-size: 12px; color: #2e2d31; font-family: 'OpenSans-regular';}
.course_forum_block .forum_box .content_name .reply_time a:hover{color: var(--option-color);}
.course_forum_block .forum_box .content_name .reply_time .star_review i{margin: 0 5px 0 0; color:#f9a825; font-size: 14px;}
/* --------------------- Course Detail End ------------------ */

/* --------------------- Admin Dashboard Start ------------------ */
.admin_dashboard .overview_block{box-shadow:0px 0px 5px #ccc; background: #F1F1F1; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.admin_dashboard .overview_block i { background: var(--option-color); border-radius: 10px; color: #fff; float: left; font-size: 21px; height: 40px; padding: 8px; position: absolute; right: 30px; text-align: center; top: -21px; width: 40px;}
.admin_dashboard .overview_block .title{ font-size: 12px; display: inline-block; padding: 5px 10px; line-height: 12px; color: #2e2d31; font-family: 'OpenSans-regular';}
.admin_dashboard .overview_block .icon_number{font-size: 45px; display: inline-block; line-height: 45px; color: var(--theme-color); font-family: 'OpenSans-Light';}
.admin_dashboard .users_block {box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px; height: 520px!important;}
.admin_dashboard .users_block .users{display: block; position: relative; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ccc;}
.admin_dashboard .users_block .users:last-child{border: 0; margin: 0;}
.admin_dashboard .users_block h3 span{background: #f4f4f4; font-size: 12px; line-height: 12px; border-radius: 5px;margin: 10px 0px;display: block;width: 100%;padding: 7px;}
.admin_dashboard .users_block .users .img_box{border: 1px solid #2e2d31; color: #2e2d31; font-size: 14px; line-height: 34px; height: 35px; width: 35px; border-radius: 100%; text-align: center; display: inline-block; vertical-align: top; margin-right: 5px;}
.admin_dashboard .users_block .users .img_box img{border-radius: 100%;}
.admin_dashboard .users_block .users .name_box{font-size: 14px; color: #2e2d31; line-height: 18px; display: inline-block; width: 78%;}
.admin_dashboard .users_block .users .name_box i{display: block; font-style: normal;}
.admin_dashboard .instructor_block .users .name_box i{line-height: 35px;}
.admin_dashboard .instructor_block .users .name_box span{display: block; font-size: 18px; font-family: 'OpenSans-Bold'; float: right; color: var(--option-color); top: 10px; right: 10px; position: absolute;}
.admin_dashboard .instructor_block h3{margin-bottom: 48px;}
.admin_dashboard .instructor_block h3 span{margin-top: 10px;}
.admin_dashboard .users_block .courses_li li{ display: inline-block; font-size: 10px; margin: 0 8px 15px 0;}
.admin_dashboard .users_block .courses_li li span{height: 8px; width: 8px; margin-right: 5px; display: inline-block;}
.admin_dashboard .users_block .courses_li li span.success{background: #5CB85C;}
.admin_dashboard .users_block .courses_li li span.warning{background: #F0AD4E;}
.admin_dashboard .users_block .courses_li li span.danger{background: #D9534F;}
.admin_dashboard .users_block .progress{height: 5px; margin:5px 0 0 0;}
.admin_dashboard .notification_block{height: 350px;box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.admin_dashboard .notification_block .title_block{border-bottom: 2px solid #f3f3f3;padding-bottom: 10px;}
.admin_dashboard .notification_block .notification_time{padding:4px 5px 0 0;color: #2e2d31;letter-spacing:1px;font-size: 12px; font-style:italic; text-align:right;}
.admin_dashboard .notification_block .notification_desc{padding-top:0; }
.admin_dashboard .notification_block .row{margin:0 0 15px 0;}
.admin_dashboard .notification_block .notification_desc span{color:#b6b6b6; font-size: 12px;}
.admin_dashboard .notification_block .notification_red .notification_time:after{background: var(--option-color);width: 3px;height: 45px;position: absolute;content: "";right: 3px;top: 0;}

.admin_dashboard .audit_block{height:350px;box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.admin_dashboard .audit_block .audit_box{display: block; position: relative; padding-bottom: 15px;}
.admin_dashboard .audit_block .audit_box .title{font-size: 13px; color: #2e2d31; line-height: 18px; display: inline-block; width: 75%;}
.admin_dashboard .audit_block .audit_box span.dot{ width: 10px; height: 10px; border-radius: 100%; display: inline-block; background: var(--option-color); margin-right: 20px; position: relative; z-index: 9;}
.admin_dashboard .audit_block .audit_box .title:before{content: ''; height: 100%; top: 0; left: 4px; position: absolute; width: 1px; background: #ccc;}
.admin_dashboard .audit_block .audit_box .name{ display:block; font-size: 12px; color: #b6b6b6; padding:5px 0 0 30px;}
.admin_dashboard .audit_block .audit_box .time{font-size: 12px; display: inline-block; width: 22%; text-align: right; font-style: italic;}

.admin_dashboard .rated_course_block{box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px; height: 520px;}
.admin_dashboard .rated_course_block .stars_block{ margin: 0 0 0 0; color:#2e2d31; font-size: 12px; }
.admin_dashboard .rated_course_block .stars_block i{margin: 0 5px 0 0; color:#f9a825; font-size: 12px;}

.admin_dashboard .invited_user_block{box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px; height: 300px;}
.admin_dashboard .graph_block{box-shadow:0px 0px 5px #ccc; background: #fff; display: block; position: relative; padding: 15px; margin-bottom: 30px; height: 300px;}
.admin_dashboard .chart {width: 100%; height: 230px;}

.admin_dashboard .logincourse_tabs .nav-tabs{ display: block; position: relative; width: 100%; padding: 0; margin: 0 0 15px; border:0; text-align:right; border-radius:5px;}
.admin_dashboard .logincourse_tabs .nav-tabs li{margin: 0 -4px 0 0!important; background: #f4f4f4!important; border: 0!important; text-align: center; float:none; display:inline-block;}
.admin_dashboard .logincourse_tabs .nav-tabs li a{ padding: 6px; display: block; color: #2e2d31; font-size: 12px; font-family: 'OpenSans-regular'; border: 0!important; background: none!important;  margin: 0;  border-radius: 0;}
.admin_dashboard .logincourse_tabs .nav-tabs li.active a,.admin_dashboard .course_tabs .nav-tabs li:hover a,.admin_dashboard .course_tabs .nav-tabs li:focus a{color:#fff; background: var(--theme-color)!important;}
.admin_dashboard .logincourse_tabs .tab-content{padding: 0; display: block;}
/* --------------------- Admin Dashboard End ------------------ */

/*------------------------Edit Profile page---------------------------*/
.editprofile_left{ background: #eee; display: block;}
.editprofile_left .img_profile{padding: 20px; text-align: center; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;}
.editprofile_left .img_profile .letter_img{margin: 0 auto 15px; padding:0; border: 2px solid #e3e3e3; border-radius: 100%; height: 90px; width: 90px; background: #fff; text-align: center; font-size: 35px; display: block; font-weight: bold; color:var(--theme-color); overflow: hidden; line-height: 90px;}
.editprofile_left .img_profile .letter_img img{border-radius: 100%; }

.editprofile_left .img_profile .completeness_li .progress{margin: 10px 0 0 0; padding: 0; height: 15px;}
.editprofile_left .img_profile .completeness_li .progress .progress-bar{ font-size: 10px; background: #468847; line-height: 14px;}
.editprofile_left .nav-tabs{margin-bottom: 20px; border: 0;}
.editprofile_left .nav-tabs li{display: block; float: none; width: 100%;}
.editprofile_left .nav-tabs li a{ padding:15px 30px; line-height: 13px; text-transform:capitalize; text-align:left; white-space: normal; color: #6f727d; font-size: 13px; font-weight: normal; height: auto; display: block; clear: both; border: 0; background: none!important;}
.editprofile_left .nav-tabs li a i{font-size: 13px; margin-right: 7px; width: 20px;}
.editprofile_left .nav-tabs li a:hover,.editprofile_left .nav-tabs li.active a {color: var(--theme-color); border: 0;}
.editprofile_left .img_profile .profile_name{font-size:20px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px;}
.editprofile_right{ padding:0;}
.editprofile_right .next_btn,.editprofile_right .back_btn{margin: 10px 5px 0;}
.border_bottom{border-bottom: 1px solid #e3e3e3; width: 100%; display: block; margin:10px 0 20px;}
/*------------------------End Edit Profile page---------------------------*/

/*------------------------------Learner Course------------------------------*/
.course_learner_block{display: block; position: relative;}
.course_learner_block .course_box{display: block; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border: 1px solid #e2e9e6;}
.course_learner_block .course_box .progress_block{display: block; position: relative; border-bottom: 1px solid #e2e9e6; color: #757575; font-size: 12px; padding: 10px; height: 40px;}
.course_learner_block .course_box .progress_block .progress{width: 100px; height: 10px; float: right; margin: 5px  0 0 0; border-radius: 0;}
.course_learner_block .course_box .progress_block span.label-success{margin: 0; font-size: 12px;}
.course_learner_block .course_box .progress_block .progress .progress-bar{ background: #468847;}
.course_learner_block .course_box .course_img{/* height: 150px; */ position: relative;width: 100%; border-bottom: 1px solid #e2e9e6; display:table-cell; text-align: center; overflow: hidden; vertical-align: middle;}
.course_learner_block .course_box .course_img img{height: auto;}

.course_list_block .list_block .course_box .course_img{border-bottom: 0px;}
.course_list_block .list_block .course_box .course_img img{height: auto;}

.course_learner_block .course_box .course_title{color:var(--theme-color); font-size: 16px; line-height: 25px; padding: 10px; display: block; border-bottom: 1px solid #e2e9e6; height: 95px;}
.course_learner_block .course_box .course_btn{padding: 10px; display: block; }
/*----------------------------End Learner Course------------------------------*/

/*--------------------------- Course List------------------------------*/
.course_list_block{display: block; position: relative;}
.course_list_block .course_box{display: block; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border: 1px solid #e2e9e6; float: left; width: 100%;}
.course_list_block .course_box .course_img{/* height: 150px; */ position: relative;width: 100%; border-bottom: 1px solid #e2e9e6; display:table-cell; text-align: center; overflow: hidden; vertical-align: middle;}
.course_list_block .course_box .course_img img{height: auto;}
.course_list_block .course_box .content{ padding: 10px; display: block;}
.course_list_block .course_box .course_title{color:var(--theme-color); font-size: 20px; line-height: 25px; display: block; height: 100px;}
.course_list_block .course_box .stars_block{ margin: 10px 0 10px 0; color:#2e2d31; font-size: 12px; }
.course_list_block .course_box .desc_block{line-height: 20px;display: block;height: 200px;}
.course_list_block .course_box .stars_block i{margin: 0 5px 0 0; color:#f9a825; font-size: 14px;}
.course_list_block .course_box .instructor{margin: 10px 0 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; font-size: 16px;}
.course_list_block .course_box .instructor span{margin-top: 3px;}
.course_list_block .course_box .instructor img{width: 45px; height: 45px; margin-right: 10px; float: left; border-radius: 100%;}
.course_list_block .list_block{width: 100%;}
.course_list_block .list_block .course_box .course_img{width: 30%; float: left; height: 200px; padding-right: 10px;}
.course_list_block .list_block .course_box .course_img img{width: auto; height: auto;}
.course_list_block .list_block .course_box .content{width: 70%; float: left;}
.course_list_block .list_block .course_box .content .course_title{height: auto;}
.course_list_block .list_block .course_box .desc_block{height: auto;}

.course_list_block .list_grid{display: block; position: relative; text-align: right; margin-bottom: 15px;}
.course_list_block .list_grid button{ padding: 5px; font-size: 13px; color: #2e2d31; background: #f4f4f4; height: 35px; width: 35px; border: 0; display: inline-block;}
.course_list_block .list_grid button.active{background:var(--theme-color); color: #fff;}
.pagination_block { margin: 0; text-align: right;}
.pagination_block .pagination { margin: 0; text-align: right; display: block;}
.pagination_block .pagination li.page-item.active a{background:var(--theme-color); border-color:var(--theme-color);  color: #fff;}

.course_list_right .category_block{box-shadow:0px 0px 2px #ccc; background: #f4f3f4; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.course_list_right .category_block ul{margin-bottom: 30px;}
.course_list_right .category_block ul li{display:block; width: 100%; font-size: 13px; line-height: 18px;}
.course_list_right .category_block ul li a{color: #2e2d31; display: block; padding: 10px; border-bottom: 1px solid #ccc;}
.course_list_right .category_block ul li a span{float: right;}
.course_list_right .category_block ul li.active a,.course_list_right .category_block ul li:hover a,.course_list_right .category_block ul li:focus a{background: var(--theme-color);  color: #fff;}

.course_list_right .instrutor_course{box-shadow:0px 0px 2px #ccc; background: #f4f3f4; display: block; position: relative; padding: 15px; margin-bottom: 30px;}
.course_list_right .instrutor_course .users{display: block; position: relative; padding: 10px; border-bottom: 1px solid #ccc; cursor: pointer;}
.course_list_right .instrutor_course .users:last-child{border: 0; margin: 0;}
.course_list_right .users_block h3 span{background: #f4f4f4; font-size: 12px; line-height: 12px; border-radius: 5px; float: right; padding: 7px; margin: 0;}
.course_list_right .instrutor_course .users .img_box{border: 1px solid #2e2d31; color: #2e2d31; font-size: 14px; line-height: 34px; height: 35px; width: 35px; border-radius: 100%; text-align: center; display: inline-block; vertical-align: top; margin-right: 5px;}
.course_list_right .instrutor_course .users .img_box img{border-radius: 100%;}
.course_list_right .instrutor_course .users .name_box{font-size: 13px; color: #2e2d31; line-height: 18px; display: inline-block; width: 77%;}
.course_list_right .instrutor_course .users .name_box i{display: block; font-style: normal; line-height: 35px;}
.course_list_right .instrutor_course .users .name_box span{display: block; float: right; top: 20px; right: 10px; position: absolute;}
.course_list_right .instrutor_course .users:hover,.course_list_right .instrutor_course .users.active,.course_list_right .instrutor_course .users:focus{background: var(--theme-color); color: #fff;}
.course_list_right .instrutor_course .users:hover .name_box,.course_list_right .instrutor_course .users:focus .name_box,.course_list_right .instrutor_course .users.active .name_box{color: #fff;}
.course_list_right .instrutor_course .users:hover .img_box,.course_list_right .instrutor_course .users.active .img_box,.course_list_right .instrutor_course .users:focus .img_box{border: 1px solid #fff; color: #fff;}
/*----------------------------End Course List------------------------------*/


/*--------------------------- Course Details------------------------------*/
textarea{resize: none;}
.content{padding: 5px;  margin: 0 auto;}
.content span{  width: 250px;}
.dz-message{  text-align: center;  font-size: 28px;}
.actions{padding: 20px 0px;}
.ckeditor_block.form-group label{top:1px;}
.cke_bottom{visibility: hidden;}
.ckeditor .form-group{border-bottom: 1px solid #eff5f9!important;margin-top: 25px;}
.dropzone{border: 1px solid #d8d8d8!important;box-shadow: 0px 0px 5px #e4e4e4;}
.dropzone.dz-clickable .dz-message{font: normal 22px/22px 'OpenSans-Regular';color: var(--theme-color);text-transform: uppercase;}
.dropzone.dz-clickable .dz-message span .fa{margin-right: 10px;}
.dropzone .dz-message{margin: 1em 0;}
.dropzone{min-height: 100px;}
.submit_btn{margin: 10px 0px 40px 0px;}
.course_detail_block .coursetab_info .course_tabs{margin-top: 10px;}
.fileupload_block .content{padding:0px; }
.file_upload input[type="text"]{background:url(../images/upload.png) 98% center no-repeat; background-size:20px;}
.file_upload input[type="file"]{opacity: 0; position: absolute; left: 0; top: 22px; z-index: 99; width: 100%; cursor: pointer;}
.alert-close{background: rgb(53, 72, 101);border-radius: 50%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 -1px 2px rgba(255,255,255,0.25);color: #ffffff;cursor: pointer;font-size: 20px;font-weight: normal;height: 22px;line-height: 24px;position: absolute;right: -10px;text-align: center;top: -10px;transition: color 0.2s ease-in-out;width: 22px;}
.clonedInput{background:#f9f9f9;box-shadow:0px 0px 5px #ccc; display: block; position: relative; padding:15px; margin-bottom: 30px;margin-top: 30px;}
/*----------------------------End Course Details------------------------------*/

/*--------------------------- instructor Course Details------------------------------*/
.course_learner_block .course_box .course_btn.instructor_btn .back_btn,.course_learner_block .course_box .course_btn.instructor_btn .next_btn{margin: 0px 5px;}
.course_learner_block .course_box .course_btn.instructor_btn{text-align: center;}
.course_learner_block .course_box .progress_block span.label-primary {margin: 0;font-size: 12px;}
/*----------------------------End instructor Course Details------------------------------*/

/*--------------------------- linklist Details------------------------------*/
.linklist_wrapper{padding: 25px 0px;color: #fff;text-align: center;font-family: 'OpenSans-Regular';}
.linklist_wrapper h3{color: #fff;text-transform: uppercase;margin: 10px 0px;font-size: 24px;}
.linklist_wrapper .linklist_box{transition: 0.5s all;margin: 20px 75px 0px 75px;border-radius: 5px;position: relative;background: #fff;padding: 25px;box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.1);}
.linklist_wrapper .linklist_box:hover{transform: scale(1.04);}
.linklist_wrapper .linklist_box h1{margin:0px;color: #102749;text-transform: uppercase;font-size: 16px;text-align: center;font-weight: bold;}
.linklist_wrapper .linklist_box span img{color: #fff;position: absolute;top: 20%;left: -10%;background: linear-gradient(to top left, var(--option-color), var(--theme-color));border: 2px solid;width: 45px;height: 45px;line-height: 45px;border-radius: 50%;padding: 5px;}
/*----------------------------End linklist Details------------------------------*/

/*--------------------------- learner dashboard ------------------------------*/
.learner_dashboard .learner_overview_block{float:left;width:100%;display: block; position: relative; padding: 10px 20px; margin-bottom: 30px;border-radius: 7px;}
.learner_dashboard .learner_overview_block.block_bg1{background-color: #1b82ec!important;border-bottom: 5px solid #1b6ec3;}
.learner_dashboard .learner_overview_block.block_bg2{background-color: #f16c69!important;border-bottom: 5px solid #cc5452;}
.learner_dashboard .learner_overview_block.block_bg3{background-color: #f5b225!important;border-bottom: 5px solid #e49d08;}
.learner_dashboard .learner_overview_block.block_bg4{background-color: #35a989!important;border-bottom: 5px solid #258469;}
.learner_dashboard .learner_overview_block i {font-size: 26px;color:#fff;line-height: 65px;}
.learner_dashboard .learner_overview_block .title{ font-size: 13px;padding: 5px 0px; line-height: 12px; color: #fff; font-family: 'OpenSans-regular';}
.learner_dashboard .learner_overview_block .icon_number{font-size: 45px;line-height: 45px; color: #fff; font-family: 'OpenSans-Light';}
.learner_dashboard .learner_overview_block .pull-right{text-align: right;}
.learner_dashboard .instructor_block h3 {margin-bottom: 10px;}
.learner_dashboard .users_block .users{border-bottom: 0px;}
.learner_dashboard .content_block{height:435px;box-shadow: 0px 0px 5px #ccc;background: #fff;display: block;position: relative;padding: 15px;margin-bottom: 30px;}
.learner_dashboard .fc-toolbar .fc-right{display:none;}
.learner_dashboard .color_description ul{top: 0px;}
.learner_dashboard .fc-toolbar.fc-header-toolbar {margin-bottom: 20px;}
.learner_dashboard .rated_course_block{height: 435px!important;}
.learner_dashboard .audit_block{height: 350px!important;}
.learner_dashboard .users_block{height: 300px!important;}
.fliter_section h3{margin: 0px;padding-left: 15px;font-size: 16px;}
.fliter_section{float: left;width: 100%;padding: 0px 0px 15px 0px;}
.fliter_section .next_btn{margin-top: 15px;}
/*----------------------------End learner dashboard ------------------------------*/

/*--------------------------- welcome page ------------------------------*/
.welcome_page .white_form_block{text-align: center;}
.welcome_page .logo_welcome img{width: 125px;height: 125px;margin: 0px auto 20px;}
/*----------------------------End welcome page ------------------------------*/

/*--------------------------- linkup page ------------------------------*/
.top_header{ margin: 5px 0px;}
.top_header .logo_lms img{width: 35%; }
.linkup_wrapper .header_title h3 .fa{vertical-align: middle;}
.linkup_wrapper .header_title h3{display:block; font-size:27px; font-family:'OpenSans-semibold'; margin: 0px 0px 25px 0px;color:var(--theme-color); text-transform: uppercase;}
/* .top_header .logo_lms span{display:block; font-size:27px; font-family:'OpenSans-semibold'; margin: 10px 0 0; color:#fff; text-transform: uppercase;} */
.top_header .logo_oe img{width: 8%; float:right; }
.footer_link{padding: 15px 15px 15px 0;font-size: 12px;font-weight: normal;line-height: 10px;position: fixed;z-index: 99;width: 100%;bottom: 0;left: 0;background: #f4f4f4;}
/* .footer_link a{color:#fff;} */
.linkup_wrapper{background: #fff; padding:30px 0;}
.height_link{ min-height:var(--screen-height); padding-bottom:70px;}
.linkup_wrapper .linkup_section .linkup_header{position: relative;width: 100%; clear: both;text-align: left;margin:0px 0px;}
.linkup_wrapper .linkup_section .linkup_header .border_h2{position:relative;}
.linkup_wrapper .linkup_section .linkup_header .border_h2:after{content:''; border-bottom:1px solid #ccc; position:absolute; top:20px; width:100%; left:0;}
.linkup_wrapper .linkup_section .linkup_header h2{ background:#fff; position:relative; padding-right:15px; z-index:9; display:inline-block;}
.linkup_wrapper .linkup_section .linkup_header h2 span.number{ height:40px; width:40px; border:1px solid #ccc; margin: 0 0 0 10px; background: #fff; padding: 9px; font-size:18px; font-family:'OpenSans-semibold'; color:#222; display:inline-block; border-radius:100%; text-align:center;}
.linkup_wrapper .linkup_section .expand{display:inline-block; margin: 0 0 0; background: #fff;  padding-left:15px; float:right; position:relative; z-index:9;}
.linkup_wrapper .linkup_section .expand span{ height:35px; width:35px; border:1px solid #ccc; display:block; cursor:pointer; border-radius:4px;}
.linkup_wrapper .linkup_section .expand span:after{content:"\f0d7"; font-family: FontAwesome; display:block; text-align:center; font-size:15px; padding:5px;}
.linkup_wrapper .linkup_section .expand.active_down span:after{content:"\f0d8";}

.linkup_wrapper .linkup_section .linkup_header .plus-minus{display:inline-block; margin: 0 0 0; background: #fff;  padding-left:15px; float:right; position:relative; z-index:9;}
.linkup_wrapper .linkup_section .linkup_header .plus-minus span{ height:35px; width:35px; border:1px solid #ccc; display:block; cursor:pointer; border-radius:4px; }
.linkup_wrapper .linkup_section .linkup_header .plus-minus span:after{content:"\f068"; font-family: FontAwesome; display:block; text-align:center; font-size:15px; padding:5px;}
.linkup_wrapper .linkup_section .linkup_header .plus-minus.collapsed span:after{content:"\f067";}

.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item{position: relative;border: 1px solid #d6d6d6;}
.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item img{height: 130px;width:100%;}
.linkup_wrapper .linkup_section .padding_carousel .figercaption span {transition: all 0.5s ease-in-out 0s;}
.linkup_wrapper .linkup_section .padding_carousel .figercaption {position: absolute;z-index: 2;transition: all 0.5s ease-in-out;bottom: 45%;text-align: center;width: 100%;padding-left: 0px;height: 0px;margin: 0px;opacity: 0;}
.linkup_wrapper .linkup_section .padding_carousel .figercaption span {display: inline-block;} 
.linkup_wrapper .linkup_section .padding_carousel .figercaption span a {font-size: 14px;border: 1px solid #fff;color: #fff;text-transform: uppercase;padding: 6px 15px;border-radius: 4px;}
.linkup_wrapper .linkup_section .padding_carousel .figercaption span a:hover{background: #fff;color: #122a4c;}
.linkup_wrapper .linkup_section .padding_carousel .figercaption a {transition: all 0.3s ease-in-out 0s;}
.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item:hover .figercaption {opacity: 1;margin-bottom: 15px;}
.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item:after {content: "";opacity: 0;transition: all 0.5s ease-in-out;background-color: rgba(0, 0, 0, 0.75);position: absolute;right: 0;left: 0;top: 0;bottom: 0;}
.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item:hover:after {opacity: 1;}
.linkup_wrapper .linkup_section .padding_carousel .box-shadow-item.active_currentpage:after{opacity:1; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; content: ""; display: block;height: 100%;left: 0; position: absolute; top: 0;width: 100%;}

.owl-carousel .owl-nav div.owl-prev{ background:url(../images/prev_small_black.png) left top no-repeat; width:25px; height:25px; display:inline-block;background-size:100%;} 
.owl-carousel .owl-nav div.owl-next{ background:url(../images/next_small_black.png) left top no-repeat; width:25px; height:25px; display:inline-block;background-size:100%;} 

.linkup_wrapper .linkup_section .padding_carousel .screen_title{text-align: center;background: #eee;width: 100%;  color: #132b4d;padding: 15px 10px;font-size: 15px;text-transform: capitalize;font-weight: bold;}
.linkup_wrapper .linkup_section .padding_carousel .screen_title span{display: block;color: #888;margin-top: 5px;}

.linkup_wrapper .linkup_section .owl-item{margin-bottom:30px!important;}
.linkup_wrapper .linkup_section .owl-item .owl-item{margin:0!important;}
.linkup_wrapper .linkup_section .owl-theme .owl-nav {margin-top: -10px!important;}

.active_slider .owl-stage{width:102%!important; margin:0 -15px!important; transform: none!important;}
.active_slider .owl-item{float:left!important; margin:0px 15px 30px 0px!important; padding:0 0px!important;}
.active_slider .owl-item .owl-item{float:left!important; margin:0!important; padding:0!important;}
/*----------------------------End linkup page ------------------------------*/

/*--------------------------- bottombar page ------------------------------*/

/* .is-hidden{ display: none; } */
.footer_fixed_block{position: relative;top: 0;left: 0;right:0;z-index: 999;width:100%; margin-bottom: 10px;}
.footer_fixed_block.register_header{position: fixed;top: 0;left: 0;right:0;z-index: 999;width:100%;}
.footer_fixed_block .linkup_wrapper{background:none; padding:20px 0 10px;}
.footer_fixed_block .linkup_section .padding_carousel .screen_title{padding: 10px 10px;}
.footer_fixed_block .owl-carousel .owl-nav div.owl-prev{ background:url(../images/prev_small.png) left top no-repeat; width:25px; height:25px; display:inline-block;background-size:100%;} 
.footer_fixed_block .owl-carousel .owl-nav div.owl-next{ background:url(../images/next_small.png) left top no-repeat; width:25px; height:25px; display:inline-block;background-size:100%;} 
.footer_fixed_block .footer_fixed_wrapper{ width: 100%; padding:15px 0 0 0; opacity: 0; background:rgba(0,0,0,0.85); visibility: hidden; position: absolute; top: -100%; left: 0; height:auto; transition:all 0.3s linear 0s;}
.footer_fixed_block .footer_fixed_wrapper.active_up{opacity:1; visibility: visible; top: 38px; transition:all 0.3s linear 0s;}
.footer_fixed_block .footer_bottom{background: #000;padding: 5px 25px; position: relative; z-index: 99;}
.footer_fixed_block .footer_bottom .screen_black{font-size:13px; line-height:13px; color:#fff;}
.footer_fixed_block .footer_bottom .screen_black .logo_oe{width:30px; height:30px; display:inline-block;}
.footer_fixed_block .footer_bottom .screen_black i,.footer_fixed_block .footer_bottom .screen_black a,.footer_fixed_block .footer_bottom .screen_black span{color:#fff; margin:0 5px; vertical-align:middle;}
.footer_fixed_block .footer_bottom span{color:#fff; cursor: pointer;}
.footer_fixed_block .footer_bottom span i{margin-left:7px;}
.footer_fixed_block .footer_bottom span.active_i .fa-angle-double-down:before{content:"\f102"!important;}
.footer_fixed_block .footer_fixed_header{float: left;width: 100%;padding: 10px 30px;color: #fff;position: relative; margin-top:-52px;}
.footer_fixed_block .footer_fixed_header .courses_li{margin-right:30px;}
.footer_fixed_block .footer_fixed_header .courses_li li {display: inline-block;font-size: 10px;margin: 0 8px 0px 0; vertical-align:middle;}
.footer_fixed_block .footer_fixed_header .courses_li li span.success {background: #029002;}
.footer_fixed_block .footer_fixed_header .courses_li li span {height: 8px;width: 8px;margin-right: 5px;display: inline-block;}
.footer_fixed_block .footer_fixed_header .courses_li li span.warning {background: #BF7000;}
.footer_fixed_block .footer_fixed_header .courses_li li span.danger {background: #B42622;}
.footer_fixed_block .footer_fixed_header .courses_li li span.info {background: #5bc9e0;}
.footer_fixed_block .footer_fixed_section .owl-carousel-bottom .profile_border{border: 3px solid #5bc9e0;}
.footer_fixed_block .footer_fixed_section .owl-carousel-bottom .admin_border{border: 3px solid #029002;}
.footer_fixed_block .footer_fixed_section .owl-carousel-bottom .learner_border{border: 3px solid #BF7000;}
.footer_fixed_block .footer_fixed_section .owl-carousel-bottom .instructor_border{border: 3px solid #B42622;}
.footer_fixed_block .alert-close{background: transparent;color: #fff;right: 0px;top: -3px;font-size: 40px;box-shadow: none; position:relative; z-index:9;}
/*----------------------------End bottombar page ------------------------------*/

/*--------------------------- bottombar page ------------------------------*/
.content_block .Payment_mode {box-shadow: 0px 0px 2px #ccc;display: block;position: relative;padding: 15px;margin-bottom: 30px;}
.content_block .summary{float: left;width:100%;padding: 15px 15px;display: block;position: relative;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 30px;border: 1px solid #e2e9e6;}
.content_block .summary .forum_box .img_icon img{border-radius: 0px;}
.content_block .summary  .forum_box .img_icon{height: 50px;width: 85px;padding: 1px;border: 1px solid #d6d6d6;border-radius: 0px;}
.content_block .summary .forum_box .content_name{width: 85%;}
.content_block .summary .forum_box .content_name{border-bottom: 0px;margin-bottom: 0px;padding-bottom: 0px;}
.content_block .summary .forum_box .content_name .content{margin-bottom: 0px;line-height: 10px;padding: 0px 0px 5px 0px;}
.content_block .summary .forum_box .content_name .course_person_name{font-size: 13px;color: #4AC4BC;font-family: 'OpenSans-SemiBold';margin-bottom: 5px;}
.content_block .summary .forum_box{position: relative;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}
.content_block .summary h3{margin-bottom:25px;}
.content_block .summary .forum_box .content_name .price_label{position: absolute;top: -8px;right: 0;font-size: 24px;color: #102749;}
.content_block .summary .total_price .price_label{font-size: 20px;color: #102749;}
.content_block .summary .total_price .price_label span{font-size: 22px;}
.content_block .Payment_mode .payment_method_option{margin-bottom: 15px;}
.content_block .Payment_mode .payment_method_option ul li{display: inline-block;margin: 0px 5px 5px 0px;}
.content_block .Payment_mode .payment_method_option ul li a img{height: 40px;width: 55px;}
.content_block .Payment_mode .payment_method_option ul li a{display: block;background: #fff;padding: 5px;border-radius: 5px;box-shadow: 0 0 10px #ccc;}
/*----------------------------End bottombar page ------------------------------*/

/*--------------Inquire Form----------------------*/
.form_widget.active{right: 0%; transition: all .5s ease-in-out;}
.form_widget {overflow-y: auto;z-index: 999; width: 25%; right: -100%; height: 100%; background:rgba(255,255,255,0.95);  position: fixed; display: block; top: 0; transition: all .7s ease-in-out; border-left: 5px solid #102749;}
.form_widget .glyphicon-remove{cursor: pointer; position: relative; left: -1px; top: 0; z-index: 999; height: 40px; width: 40px; background:#102749; color: #fff; text-align: center; font-size: 20px; padding: 7px 0;}
.form_widget .content {margin-bottom: 10px!important; margin: 0; padding: 10px 30px 30px 30px; position: relative; height: 100%; overflow-y: auto;}
input[type="text"],input[type="email"],input[type="number"],textarea{border-radius: 0; background: transparent; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: normal; color: #111; border: 0; border-bottom: 1px solid #3b3b3b; padding: 8px 25px 5px 5px; width: 100%; outline: 0;}
input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,textarea:focus,select:focus{ outline: 0; border-bottom: 1px solid #3b3b3b;}
.form-group{position: relative;}
.form-group i{ position: absolute; bottom: 0px; right: 7px; font-size: 20px; color: #111;}
.form-group textarea + i{top: 8px; bottom: 0;}
input:required,input:-moz-placeholder,:-moz-submit-invalid,input:invalid,select:required,select:-moz-placeholder,select:invalid,textarea:required,textarea:-moz-placeholder,textarea:invalid{ box-shadow:none!important; outline: none!important;}
::placeholder{color: #111!important; opacity: 1!important;}
::-moz-placeholder{color: #111!important; opacity: 1!important;}
:-ms-input-placeholder{color: #111!important; opacity: 1!important;}
::-ms-input-placeholder{color: #111!important; opacity: 1!important;}
::-webkit-input-placeholder{color: #111!important; opacity: 1!important;}
:-moz-placeholder {color: #111!important; opacity: 1!important;}

select {-moz-appearance: none!important;-webkit-appearance: none!important;background:transparent url("../images/arrow-down-b.png") no-repeat scroll right 5px / 31px auto!important; border: 0; border-bottom: 1px solid #3b3b3b!important; color: #111!important; border-radius:0px!important; padding: 8px 35px 5px 0px!important; width: 100%!important; font-family:'Titillium Web', sans-serif; font-size:16px!important; font-weight: normal;}
select option{ background:#fff!important; padding:0 5px!important; color:#222!important; font-size:15px!important; text-transform:capitalize!important; display:block!important; width:100%!important; transition:all 0.2s linear 0s!important; border:0!important; border-bottom:1px solid #909090!important; font-family: 'Titillium Web', sans-serif;}
textarea{resize: none; height: 100px;}
.read_more{ padding:9px 15px 10px 15px; font-size: 16px; display: inline-block; line-height: 16px; position: relative; background: transparent; border:2px solid #0061af; color: #111; transition:all 0.3s ease-in 0s; min-width: 100px; text-align: center; font-weight: 500; border-radius:15px;}
.read_more:hover{ color: #000; transition:all 0.3s ease-in 0s; font-weight: 600;}
.inquiryform_block .inquire_now{cursor: pointer;width: 130px;height: 35px;overflow: hidden;position: fixed;top: 255px;right: -48px;text-align: center;transform: rotate(-90deg);z-index: 99;font-size: 18px;padding: 4px 0px !important;line-height: 30px;}
/*--------------End Inquire Form----------------------*/

/*---------------------Information page----------------------*/
.intro_header{ margin-top:50px;}
.grey_content{background: #f4f4f4; padding:30px 0; }
.grey_content h1,.white_content h1{font-size:25px!important; line-height:27px;}
.white_content .owl-item h1{font-size:16px!important;margin-bottom: 0px;}
.transparent_content{background: transparent; padding:30px 0 60px; text-align:center; }
.transparent_content h1{font-size:25px!important; line-height:27px; color: #fff;}
.height_link{ min-height:var(--screen-height);}
.advantages_width{width: 70%; display:block; margin: auto;}
.width_30_ul{width: 25%; display: inline-block;}
.width_70_ul{width: 72%; display: inline-block; border-left:1px solid #ccc; padding-left: 20px;}

.white_content{background: #fff; padding:30px 0; }
.white_content h1.text-center{margin-bottom:30px;}
.white_content .owl-item{position:relative;}
.white_content .owl-item .services_desc{padding: 65px 65px;}
.white_content .slider{width: 75%;margin: 70px auto 0px;}
.white_content .owl-item span{position: absolute;background: #0061af;border: 3px solid #b0cb1f;color: #fff;left: 15px;top: 70px;width: 40px;height: 40px;border-radius: 50%;text-align: center;font-size: 18px;line-height: 34px;}
/*---------------------End Information page----------------------*/

/*--------------------------- Responsive CSS Start ------------------------------*/
@media only screen and (max-width: 640px) and (min-width: 320px) {
  .top_header .logo_oe img{width: 70%;}
}

@media (max-width: 1200px){
	.admin_dashboard .users_block .users .name_box{width:100%;}
}
@media (width: 1200px) {
  footer{width: 80.8%;}
  .course_list_block .course_box .course_title{font-size: 16px;height: 70px;}
  /* .course_list_block .course_box .course_img{height: 115px;} */
  .course_list_block .course_box .desc_block{height: 235px;}
  .course_detail_block .course_tabs .nav-tabs li a{min-width: 170px;}
  .course_detail_block .instrutor_right{height: 315px;}
  footer.footer_fixed.active_footermenu{width: 94%;}
  .course_forum_block .forum_box .content_name{width: 100%;}
  .learner_dashboard .learner_overview_block{padding: 10px;}
  .admin_dashboard .users_block .courses_li li{margin: 0px 8px 0px 0px;}
  .admin_dashboard .logincourse_tabs .nav-tabs{display: inline-block;text-align: left;}
  .admin_dashboard .invited_user_block,.admin_dashboard .graph_block{height: 330px;}
  .learner_dashboard .users_block {height: 328px;}
  .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn{margin: 0px 2px;min-width: 85px!important;}
  .learner_dashboard .rated_course_block ,.learner_dashboard .content_block{height: 510px;}
  .learner_dashboard .color_description ul{text-align: left;position: relative;}
  .right_content_block .bg_white_block .title_heading .title_text{font-size: 16px;}
  .sidebar_wrap{padding: 0 8px 0 15px;}
  footer.footer_sidebaractive {width: 94% !important;}
  .certificate_box{padding: 5px;}
}

@media  screen and (max-width: 1080px){
  .admin_dashboard .overview_block .title{padding: 5px 0px;}
  .admin_dashboard .overview_block .icon_number{font-size: 42px;}
  .admin_dashboard .graph_block{height: 350px;}
  .admin_dashboard .invited_user_block{height: 350px;}
  .admin_dashboard .users_block .courses_li li{margin:0px 8px 5px 0;}
  .admin_dashboard .notification_block .notification_time{padding: 4px 0 0 0;}
  .right_content_block .bg_white_block .title_heading .title_text{padding: 15px 0px;}
  .learner_dashboard .learner_overview_block{padding: 10px 6px;}
  .learner_dashboard .learner_overview_block i{font-size: 20px;}
  .admin_dashboard .logincourse_tabs .nav-tabs{display: inline-block;text-align: left;}
  .learner_dashboard .users_block{height: 350px;}
  .learner_dashboard .rated_course_block {height: 590px;}
  .learner_dashboard .content_block{height: 590px;}
  .course_list_block .course_box .instructor{height: 75px;}
  .course_learner_block .course_box .course_title{height: 115px;}
  .course_list_block .course_box .desc_block{height: 300px;}
  .learner_dashboard .color_description ul{text-align: left;position: relative;}
  .right_content_block .bg_white_block .title_heading .title_text{font-size: 16px;}
  .certificate_box{padding: 5px;}
  footer{width: 80.5%;}
  .sidebar_wrap.small_menu{width: 60px!important;}
  footer.footer_sidebaractive {width: 93.7% !important;}
  .course_detail_block .instrutor_right{height: 365px;}
  .course_detail_block .related_course{padding: 15px 5px;}
  .course_detail_block .course_tabs .nav-tabs li a{min-width: 140px;}
  .course_learner_block .course_box .progress_block .progress {width: 75px;}
  .certificate_box p.padding_15{height: 100px;}
  .certificate_box .badge_button{width: 43%;}
  .sidebar_wrap{width: 19%!important;padding: 0 8px 0 10px!important;}
  /* .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn{margin: 0px 2px;min-width: 75px;} */
}
@media (max-width: 1024px) {
  .sidebar_wrap{padding: 0 8px 0 5px!important;width: 20%!important;}
  .course_detail_block .course_tabs .nav-tabs li a {min-width: 125px!important;}
  .course_detail_block .instrutor_right {height: 385px!important;}
  .course_forum_block .forum_box .content_name{width: 100%;}
  .admin_dashboard .overview_block .title{display: block;}
  .admin_dashboard .logincourse_tabs .nav-tabs{display: inline-block;text-align: left;}
  .admin_dashboard .instructor_block .users .name_box i{line-height: 25px;}
  .sidebar_wrap.small_menu .sidebar_box li a {padding: 10px 10px 10px 0px;}
  .learner_dashboard .learner_overview_block .title{font-size: 12px;}
  .course_forum_block .forum_box.inner_forum{width: 90%;}
  .right_content_block .bg_white_block .title_heading .alert{padding: 15px 0px 15px 10px;}
  .right_content_block .bg_white_block .title_heading .title_text{font-size: 12px;}
  .learner_dashboard .users_block,.admin_dashboard .graph_block {height: 360px!important;}
  .certificate_box .badge_button{width: 48%;margin: 0px;}
  .white_content .owl-item span{top:5px;}
  .right_content_block .bg_white_block .title_heading .alert{display: inline;}
  .right_content_block .bg_white_block .title_heading .alert .close{margin-left: 5px;}
  .white_form_block .tab_logo img {width: auto;height: auto;}
/*   .course_learner_block .course_box .course_img{height: 95px;} */
  .content_block .summary .forum_box .content_name .price_label{position: relative;}
  .course_list_right .instrutor_course .users .name_box{width: 100%;}
  .course_list_block .list_block .course_box .course_img{border-bottom: 0px;}
  .course_list_block .list_block .course_box .course_img img{height: auto;}
  .course_learner_block .course_box .course_btn{padding: 10px 5px;}
  .course_learner_block .course_box .progress_block .progress {width: 60px!important;}
  .course_learner_block .course_box .course_title{height: 95px!important;font-size: 14px;line-height: 20px;}
  .notification_block .col-md-4{padding-left: 0px;}
  /* .course_list_block .course_box .course_img {height: 95px;} */
  .certificate_box p.padding_15{font-size: 12px;}
  .white_content .owl-item .services_desc {padding: 0px 0px 0px 50px;}
  .course_list_block .course_box .course_title {font-size: 14px;line-height: 20px;height: 80px;}
  .learner_dashboard .rated_course_block,.learner_dashboard .content_block{height: 680px!important;}
  .admin_dashboard .notification_block .row .col-md-3,.admin_dashboard .notification_block .row .col-sm-3{padding: 0px 15px 0px 0px;}
}
@media (width: 992px) {
  footer{width: 80.3%;}
  .admin_dashboard .logincourse_tabs .nav-tabs{display: inline-block;text-align: left;}
  .right_content_block .bg_white_block .title_heading .alert{padding: 15px 0px;}
  footer.footer_fixed.active_footermenu{width: 93.4%;}
  .admin_dashboard .overview_block .title{display: block;}
  .admin_dashboard .users_block .users{padding:0 0 5px 0;}
  .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn{margin: 0px 2px;min-width: 65px!important;}
  .admin_dashboard .instructor_block .users .name_box i{line-height: 30px;}
  .right_content_block .bg_white_block .title_heading .alert{display: inline;}
  .right_content_block .bg_white_block .title_heading .alert .close{margin-left: 5px;}
  .learner_dashboard .learner_overview_block .title{font-size: 11px;}
  .right_content_block .bg_white_block .title_heading .title_text{font-size: 14px!important;}
  .learner_dashboard .users_block,.admin_dashboard .graph_block{height: 370px!important;}
  .certificate_box .badge_button{width: 48%;margin: 0;}
  .certificate_box p.padding_15{height: 115px;}
  .course_learner_block .course_box .progress_block{height: 50px!important;}
  .course_learner_block .course_box .course_title {height: 100px!important;}
  .course_learner_block .course_box .progress_block .progress{float: none!important;}
  .course_learner_block .course_box .course_title{height: 125px;}
  .course_forum_block .forum_box.inner_forum{width: 88%;}
  .course_detail_block .course_tabs .nav-tabs li a {min-width: 115px!important;}
  .course_learner_block .course_box .progress_block .progress {width: 60px;}
  .course_detail_block .instrutor_right {height: 405px!important;}
  .sidebar_wrap .sidebar_box li a{padding: 10px;}
  /* .course_list_block .course_box .course_img{height: 90px;} */
  .course_list_right .instrutor_course .users .name_box{width: 100%;}
  .course_list_right .instrutor_course .users .name_box i{line-height: 0px;}
  footer.footer_sidebaractive {width: 93.4% !important;}
  .sidebar_wrap {width: 20%!important;padding: 0 8px 0 5px!important;}
  .learner_dashboard .learner_overview_block{padding: 10px 5px!important;}
  .admin_dashboard .logincourse_tabs .nav-tabs{float: left!important;text-align: left!important;}
  .right_content_block .bg_white_block .title_heading .title_text{padding: 15px 0px!important;}
  .learner_dashboard .content_block,.learner_dashboard .rated_course_block{height: 690px!important;}
  .admin_dashboard .notification_block .row .col-md-3,.admin_dashboard .notification_block .row .col-sm-3{padding: 0px 15px 0px 0px;}
}
@media (max-width: 991px) {
	.fc-view .col-sm-6 {width: 92%;}
}
@media (width: 812px){
  .sidebar_wrap.small_menu {width: 60px;}
  header .logo .toggle{display: none;}
  footer{width: 93%;}
  .right_content_block .bg_white_block .title_heading .alert{padding: 15px 0px;display: inline;}
}
@media (min-width: 768px) {
    .account_menu ul li ul.dropdown-menu {display:block; opacity:0; top:100px; visibility:hidden; -moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out; }
    .account_menu ul li:hover ul.dropdown-menu {opacity:1; visibility:visible; top:40px; -moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out; }
  }
  @media (min-width: 1920px){
    header .logo .logo_text{width: 60%;}
    footer{width: 81.75%;}
    .course_forum_block .forum_box.inner_forum {width: 94%;}
    footer.footer_fixed.active_footermenu{width: 94.95%;}
    footer.footer_sidebaractive {width: 94.9% !important;}
    .learner_dashboard .rated_course_block{height: 435px!important;}
    .learner_dashboard .users_block{height: 300px!important;}
    .course_list_block .course_box .desc_block{height: 140px;}
    .course_list_block .course_box .course_title{height: 50px;}
    .course_learner_block .course_box .course_title{height: 65px;}
    .certificate_box .badge_button{margin-top: 22px;}
  }
  @media (max-width: 1920px){
	.admin_dashboard .users_block,.admin_dashboard .rated_course_block{height: 370px!important;}
	.learner_dashboard .users_block {height: 300px !important;}
	.learner_dashboard .rated_course_block {height: 435px!important;}
	.course_list_block .course_box .course_title{height:70px;}
	.course_list_block .course_box .desc_block{height:175px;}
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
	.instrutor_right {height: 315px!important;}
	.course_list_block .course_box .desc_block {height: 235px;}
	.course_list_block .course_box .course_title{height:80px;font-size:16px;}
}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
	.course_learner_block .course_box .course_title {height: 110px !important;font-size: 14px;}
	.course_list_block .course_box .course_title {height: 50px;}
	.course_list_block .course_box .course_title {height: 75px;font-size:14px;}
	.course_list_block .course_box .desc_block {height: 315px;}
}

@media only screen and (max-width: 1400px) and (min-width: 991px) {
	.course_detail_block .instrutor_right {height: 405px !important;}
	.admin_dashboard .users_block, .admin_dashboard .rated_course_block{height:550px!important;}
	.learner_dashboard .learner_overview_block {padding: 10px 3px;}
	.learner_dashboard .users_block, .learner_dashboard .graph_block {height: 335px !important;}
	.learner_dashboard .rated_course_block, .learner_dashboard .content_block {height: 350px !important;}
	.learner_dashboard .rated_course_block{overflow-y:auto;}
	.fc-view .col-sm-6 {width: 46%;}
    .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn{min-width:65px;}
}

  @media (min-width: 2200px) {
    .top_header .logo_lms span{margin: 40px 0 0!important;}
    header .logo .logo_text{width: 45%!important;}
    footer{width: 82.15%!important;}
	.advantages_width {width: 55%;}
	.width_30_ul{width:15%;}
    footer.footer_fixed.active_footermenu{width: 95.3%!important;}
    .learner_dashboard .rated_course_block {height: 777px;}
    .course_list_block .course_box .course_title{height: 55px;}
    .course_learner_block .course_box .course_img img{width: 575px;}
    .course_forum_block .forum_box.inner_forum {width: 95.7%;}
    /* .course_list_block .course_box .course_img img{width: 575px;} */
    .course_list_block .course_box .desc_block{height: 100px;}
    footer.footer_sidebaractive {width: 95.3% !important;}
    .content_block .summary .forum_box .content_name .price_label{right: -100px;}
  }


  @media (max-width: 834px){
    header .logo .toggle{display: none;}
    .footer_link,footer.footer_fixed{line-height: 20px;text-align: center;position: relative;width: 100% !important;}
  .footer_link .text-left,footer.footer_fixed .text-left{text-align: center;}
  .footer_link .text-right,footer.footer_fixed .text-right{text-align: center;}
    .course_learner_block .course_box .progress_block .progress{float: none;}
    .course_learner_block .course_box .progress_block{height: 50px;}
/*     .course_learner_block .course_box .course_img{height: 80px;} */
	.admin_dashboard .notification_block .notification_time{text-align:left;}	
	footer{bottom: 60px;padding: 15px 0px 15px 0;}
  }
  @media (max-width: 768px) {
	  footer{bottom: 10px;padding: 15px 0px 15px 0;}
    .footer_link,footer.footer_fixed{line-height: 20px;text-align: center;position: relative!important;width: 100% !important;}
    .footer_link .text-left,footer.footer_fixed .text-left{text-align: center;}
    .footer_link .text-right,footer.footer_fixed .text-right{text-align: center;}
    header .logo .toggle{display: none;}
    .sidebar_wrap.small_menu{width: 65px;}
	.sidebar_wrap {padding: 0 5px 0 10px !important;}
	.white_content .owl-item .services_desc {padding: 0px 0px 0px 50px;}
	.advantages_width {width: 100%;}
	.white_content .owl-item span{top:7px;}
    .course_forum_block .forum_box.inner_forum{width: 90%;margin-left: 40px;}
    .sidebar_wrap {padding: 0 5px 0 10px;}
    .admin_dashboard .overview_block{padding: 10px;margin-top: 15px;}
    footer{width: 100%!important;position: relative!important;}
    footer.footer_sidebaractive{width: 100%!important;}
    .top_header .logo_lms img {margin-top: 3px;}
    .content_block{padding: 30px 0px 65px 0px!important;}
    .certificate_box{margin-bottom: 50px;}
    .white_form_block .tab_logo img {width: auto;height: auto;}
    .admin_dashboard .audit_block{margin-bottom: 0px;}
    .course_learner_block .course_box .course_title {height: 115px!important;font-size: 14px;line-height: 20px;}
    .width_li30 li {width: 50%;}
    .course_detail_block .course_tabs .nav-tabs li:last-child{border-right: 0px!important;}
    .course_detail_block .course_tabs .nav-tabs li a{min-width: 100px!important;padding: 15px 4px!important;font-size: 13px;}
    .right_content_block .bg_white_block .title_heading .alert{padding: 15px 0px;display: inline;}
    .learner_dashboard .users_block, .admin_dashboard .graph_block {height: auto !important;}
    .learner_dashboard .notification_block .notification_time{font-size: 11px;}
    .course_learner_block .course_box .course_btn{padding: 10px 5px;}
    /* .course_list_block .course_box .course_img{height: 80px;} */
    .course_list_block .course_box .desc_block {height: 400px;}
    .course_forum_block{margin-top: 20px;}
	.course_detail_block .video_margin{width:100%;}
    .course_list_right .category_block{padding: 15px 5px;}
    .course_list_block .list_block .course_box .course_img{border-bottom: 0px;}
    .course_list_block .list_block .course_box .course_img img{height: auto;}
    h1{line-height: 26px;font-size: 16px;}
    .course_forum_block .forum_box .content_name{margin-left: 0px;}
    .instrutor_course h3{font-size: 15px;}
    footer .text-left,footer .text-right{text-align: center;padding: 5px;}
    .course_list_right .instrutor_course{padding: 15px 5px;}
    .course_list_right .instrutor_course .users .name_box i{line-height: 25px;}
    .course_list_right .instrutor_course .users .name_box{width: 100%;}
    .courses_li ul{margin-bottom: 12px;}
    .admin_dashboard .invited_user_block,.admin_dashboard .rated_course_block,.admin_dashboard .users_block,.admin_dashboard .notification_block,.admin_dashboard .audit_block{height: auto;}
    .course_forum_block .forum_box .content_name .content{padding: 5px 0px;}
    .content_block .summary .forum_box .content_name .price_label{position: relative;}
    .course_list_block .course_box .course_title {font-size: 14px;line-height: 20px;height: 90px;}
    .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn {margin: 0px 2px;min-width: 35px;}
    .learner_dashboard .rated_course_block, .learner_dashboard .content_block {height: auto !important;}
  }
  @media (max-width: 568px) {

    .container{padding: 0px 15px;}    
    .linkup_wrapper .linkup_section .linkup_header .plus-minus{padding-left: 5px;}
      .linkup_wrapper .linkup_section .linkup_header .expand{padding-left: 5px;}
      .footer_fixed_block .footer_bottom{padding: 5px 10px;}
  }
  @media (max-width: 667px) {
    .linkup_wrapper .linkup_section .linkup_header .border_h2::after{border-bottom: 0px;}
    .right_content_block .bg_white_block .title_heading .alert{text-align: left;float: left;}
    header .notification,.fc-toolbar .fc-left{display: none!important;}
    .fc-toolbar .fc-right,.fc .fc-toolbar > * > *{float: none!important;margin-top: 10px;}
    .all_outer_page{display: inline;}
    .pagination_block .pagination{display: none;}
    .course_detail_block .course_tabs .nav-tabs li a {min-width: 120px;}
    header.register_header .logo a {margin: 10px auto 0px;width: 250px;}
    header .logo .logo_text{width: 100%;}
    .dt-buttons button.dt-button, .dt-buttons div.dt-button, .dt-buttons a.dt-button{margin: 0 0 0 0px !important;width: 25px;}
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {text-align: left;}
    .color_description ul{text-align: left;position: relative;top: 0;}
    .fc-toolbar{text-align: left;}
    .course_learner_block .course_box .course_img img{width: auto;}
    .nav-tabs > li{float: none;}
    .course_detail_block .instrutor_right{height: auto!important;}
    .course_learner_block .course_box .course_title {height: auto !important;}
    .sidebar_wrap.small_menu{width: 52px;}
    .course_detail_block .course_right{margin-top: 15px;}
    .sidebar_wrap{padding:0px 5px;}
    .admin_dashboard .users_block .users{margin: 0 0 10px 0;padding: 0 0 10px 0;}
    h1,h3{line-height: 26px;font-size: 16px;}
    .footer_fixed_block .footer_fixed_wrapper.active_up{top:10px;}
    .footer_fixed_block .footer_fixed_header .courses_li {margin-right: 15px;}
    .footer_fixed_block .footer_fixed_header{margin-top: -22px;}	
    .linkup_wrapper .linkup_section .expand {top: -40px;}
	.linkup_wrapper .linkup_section .linkup_header h2 span.number{padding: 4px;height: 30px;width: 30px;}
	.linkup_wrapper .linkup_section .linkup_header .plus-minus span,.linkup_wrapper .linkup_section .linkup_header .expand span{height: 35px;width: 35px;}
    footer{width: 100%;position: relative;}
	.linkup_wrapper .linkup_section .linkup_header h2{margin-right: 0px;font-size: 13px;margin-bottom: 10px;padding-right: 0px;}
    .top_header .logo_lms img {margin-top: 8px;}
    .linkup_wrapper .linkup_section .expand {top: -40px;right: 40px;}
    .certificate_box{height: 265px;}
    .admin_dashboard .audit_block .audit_box .title,.admin_dashboard .audit_block .audit_box .time{width: 100%;}
    .right_content_block .bg_white_block .title_heading .breadcrumb_block .next_btn.pull-right{float: left!important;margin-top: 10px;}
  }
  @media (max-width: 767px) {
    .top_header .logo_oe img{width: 40%;}
	footer.footer_sidebaractive{bottom:60px!important;}
    .white_form_block .account_block{text-align: center;}
    .course_list_block .list_grid{display: none;}
    .panel-title > a {color: var(--theme-color);}
    .editprofile_right h3{margin: 15px 0px;}   
	.fc-toolbar.fc-header-toolbar {margin-bottom: 15px;}
    .certificate_box p.padding_15{height: 50px;}
	.course_list_right{margin-top:50px;}
    .form_widget { width: 100%;}
	.width_70_ul{padding-left:0px;border:0px;padding-top:25px;}
	.width_30_ul,.width_70_ul{width:100%;}
	.course_detail_block .instrutor_right{height:auto!important;}
	.white_content .owl-item .services_desc {padding: 0px 0px 20px 50px;}
    .certificate_box .badge_button{width: 25%;margin: -5px 5px !important;} 
    .footer_fixed_block .footer_fixed_header{margin-top: -25px;}
    .white_form_block .account_block .pull-left,.white_form_block .account_block .pull-right{float: none!important;}
    .right_content_block .bg_white_block .title_heading .alert{text-align: left;float: left;}
    .course_list_block .course_box .instructor,.course_list_block .course_box .desc_block,.course_list_block .course_box .course_title,.learner_dashboard .rated_course_block, .learner_dashboard .content_block,.admin_dashboard .notification_block,.admin_dashboard .audit_block,.admin_dashboard .users_block,.admin_dashboard .rated_course_block,.admin_dashboard .invited_user_block,.admin_dashboard .graph_block,.learner_dashboard .scroll_calender{height: auto!important;}
  }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
	.admin_dashboard .users_block,.admin_dashboard .rated_course_block,.learner_dashboard .rated_course_block, .learner_dashboard .content_block,.learner_dashboard .users_block, .admin_dashboard .graph_block{height:auto!important;}
  .top_header .logo_oe img{width: 32%;} 
  .form_widget { width: 50%;} 
  .form_widget .content{height: 90%;}
  .course_list_block .course_box{height:535px;}
  .course_list_block .course_box .course_title{height:50px;font-size:12px;}
  .course_list_block .course_box .desc_block{height:200px;}
  .footer_fixed_block .footer_fixed_header{margin-top: -25px;}
  .course_learner_block .course_box .course_title {height: 75px !important;font-size: 14px!important;line-height: 20px!important;}
  .course_learner_block .course_box .course_btn.instructor_btn .back_btn, .course_learner_block .course_box .course_btn.instructor_btn .next_btn{margin: 0px 2px!important;min-width: 35px!important;}
}
  @media only screen and (max-width: 767px) and (min-width: 360px) {
	  .course_learner_block .course_box .progress_block{padding:5px 10px;height:45px;}	 
	  .course_learner_block .course_box .course_img {display: block;/* height: 85px; */margin: 10px auto 0px;width: 150px;border-bottom:0px;}
	  .course_learner_block .course_box .course_title{text-align:center;}
      .course_learner_block .course_box .course_title{height:auto!important;}	 
      .course_learner_block .course_box .course_btn{text-align:center;}	 
      .course_list_block .course_box .course_img{display: block;/* height: 85px; */margin: 10px auto 0px;width: 150px;border-bottom: 0px;}	  
  }
  
 
  @media (max-width: 480px) {
    .active_slider .owl-stage{margin: 0 0px !important;}
    .sidebar_wrap.small_menu{padding: 0 0px 0 5px;width: 48px;}
    header .logo .logo_text{width: 110%;}
    .register_tab li::after{width: 54px;}
    .course_forum_block h3{margin-right: 15px;}
    .register_tab li a{margin: 0 50px 0 0;}
    .course_detail_block .course_tabs .nav-tabs li{float: none;}
    video{width: 100%;}
    .width_li30 li{width: 100%;}
    .top_header .logo_lms img {margin-top: 3px;}
    .sidebar_wrap.small_menu{width: 47px!important;}
    /* .inquiryform_block .inquire_now{color: #0061af!important; width: 45px; height: 45px; overflow: hidden;} */
    .sidebar_wrap{padding: 0 0 0 5px!important;}
	.dataTables_wrapper .dt-buttons {float: none !important;margin-left: 0px;text-align: left;}
    .course_forum_block .forum_box .content_name .reply_time .pull-right{margin-top: 5px;width: 100%;float: left!important;}
    .course_forum_block .forum_box.inner_forum{margin-left: 30px;}
	.forum_box.inner_forum::before,.forum_box.inner_forum::after{display:none;}
    .course_forum_block button.next_btn.pull-right{float: left!important;margin-bottom: 20px;}
  }
 
  @media (max-width: 360px) {
     .linkup_wrapper .linkup_section .linkup_header h2{font-size: 12px;}
     .linkup_wrapper .linkup_section .linkup_header h2 span.number{font-size: 14px;margin: 0 0 0 0px;padding: 2px;height: 25px;width: 25px;}
     .linkup_wrapper .linkup_section .expand{top: -35px;}
     .linkup_wrapper .linkup_section .expand span {height: 30px;width: 30px;}
     .linkup_wrapper .linkup_section .expand span::after{padding: 5px;}
     .linkup_wrapper .linkup_section .linkup_header .plus-minus{padding-left: 0px;}
     .linkup_wrapper .linkup_section .linkup_header .plus-minus span, .linkup_wrapper .linkup_section .linkup_header .expand span{height: 30px;width: 30px;}
     .linkup_wrapper .linkup_section .linkup_header .plus-minus span::after{padding: 5px;}
     .linkup_wrapper .linkup_section .expand{padding-left: 0px;}
     .certificate_box p.padding_15 {height: 75px;}
     .certificate_box {height: 285px;}
     .certificate_box .badge_button{width: 35%;}
	 .admin_dashboard .notification_block .notification_time,.admin_dashboard .notification_block .notification_desc{font-size:10px;}
    }
/*---------------------------- End Responsive CSS ------------------------------*/