@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

.container-fluid-custom {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
}

body{
    font-family: 'Jost', sans-serif;
    color: #1a1f22;
    font-size: 16px;
}

a,a:focus,a:hover{
    text-decoration: none;
}

.scrollbar::-webkit-scrollbar {
    background-color:#fff !important;
    width:16px
}
/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color:#fff !important;
}
.scrollbar::-webkit-scrollbar-track:hover {
    background-color:#a8aabb !important;
}
/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#a8aabb !important;;
    border-radius:16px !important;;
    border:5px solid #fff !important;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a8aabb !important;;
    border:4px solid #a8aabb !important;
}

.pointer{cursor: pointer;}

.floatLeft{
    float: left;
    width: 100%;
    clear: both;
}
.floatLeft-line{
    float: left;
    width: 100% !important;
    clear: both;
}

/* headings */
h1,.h1{font-size: 48px;line-height: 57px;}
h2,.h2{font-size: 36px;line-height: 43px;}
h3,.h3{font-size: 30px;line-height: 36px;}
h4,.h4{font-size: 24px;line-height: 28px;}

/* paragraph */
.paragraph-17{font-size: 17px;line-height: 20px;}
.paragraph-18{font-size: 18px;line-height: 21px;}
.paragraph-15{font-size: 15px;line-height: 18px;}
.paragraph-12{font-size: 12px;line-height: 14px;}

.p0{padding: 0;}

.red-astrick{color: #ff0000;}

/* Link Text */
.link-text{font-size: 15px;line-height: 18px;}
.link-color-1{color: #1a1f22;}
/* colors */
.grey-p{color: #a8aabd;}
.grey-dark{color: #6b6c7f;}
.white-off-text{color: rgba(255,255,255,0.7);}
.white-text{color: #fff;}

.positon-relative{position: relative;}

.dropdown-menu.profileDropdown-custom{
    border-width: 1px;
    top: 24px !important;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
    width: 177px;
    padding: 0;
}
/*.profileDropdown-custom li:first-child{
    padding-top: 20px;
}*/
.profileDropdown-custom li{
    display: block;
    padding: 15px 20px;
}
.profileDropdown-custom li a{
    color: #1a1f22;
    font-weight: 400;
}
.profileDropdown-custom li a i{
    font-size: 20px;
    padding-right: 8px;
}

.profileDropdown-custom li a:hover{
    color: #356ef6;
}

.profileDropdown-custom li:last-child{
    border-top: 1px solid #e8e8ee;
}
.profileDropdown-custom li:last-child a{
    color: #ff1d1d;
    font-weight: 400;
}

/*Setting Dropdown Start*/
.dropdown-menu.settingDropdown-custom{
    border-width: 1px;
    top: 24px !important;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
    width: 235px;
    padding: 0;
    left:auto !important;
    right:0;
    margin-right: 0px;
}
.integrationDropdown-custom{
    border-width: 1px;
    top: 0px !important;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
    width: 235px;
    padding: 0;
    left: 234px;
}
.dropdown-menu.integrationDropdown-custom li{
    padding: 15px 20px;
    display: block;
    padding-bottom: 0 !important;
}
.dropdown-menu.integrationDropdown-custom li:last-child{
    padding-bottom: 15px !important;
}


/*.profileDropdown-custom li:first-child{
    padding-top: 20px;
}*/
.dropdown-menu.settingDropdown-custom li{
    padding: 15px 20px;
    display: block;
}
.dropdown-menu.settingDropdown-custom li a{
    color: #1a1f22;
    font-weight: 400;
}
.dropdown-menu.settingDropdown-custom li a.dropdown-item{
    padding: 0;
}
.dropdown-menu.settingDropdown-custom li a img{
    font-size: 20px;
    padding-right: 8px;
}

.dropdown-menu.settingDropdown-custom li a:hover, .dropdown-menu.settingDropdown-custom li a.dropdown-item:hover, .dropdown-menu.settingDropdown-custom li a.dropdown-item:focus{
    color: #356ef6;
    background-color: transparent;
}
/*Setting Dropdown End*/

.dropdown-menu.settingDropdown-custom-xs{
    border-width: 1px;
    top: 24px !important;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
    width: 235px;
    padding: 0;
    left:auto;
    right:0;
    margin-right: 0px;
}
.dropdown-menu.settingDropdown-custom-xs li{
    padding: 15px 20px;
    display: block;
}
.dropdown-menu.settingDropdown-custom-xs li a{
    color: #1a1f22;
    font-weight: 400;
}
.dropdown-menu.settingDropdown-custom-xs li a.dropdown-item{
    padding: 0;
}
.dropdown-menu.settingDropdown-custom-xs li a img{
    font-size: 20px;
    padding-right: 8px;
}

.dropdown-menu.settingDropdown-custom-xs li a:hover, .dropdown-menu.settingDropdown-custom-xs li a.dropdown-item:hover, .dropdown-menu.settingDropdown-custom-xs li a.dropdown-item:focus{
    color: #356ef6;
    background-color: transparent;
}



.user-name-profile{
    display: inline-grid;
    vertical-align: middle;
    color: #1a1f22;
}
.user-name-profile span{
    padding-right: 10px;
    display: inline-flex;
    flex-direction: column;
    font-size: 14px;
    color: #a8aabd;
}

/* buttons */
.button-60{
    text-align: center;
    border-radius: 10px;
    background-color: rgb(53, 110, 246);
    color: #ffffff;
    padding: 17px 35px;
    border: 1px solid rgb(53, 110, 246);
}
.button-60:hover{
    color: #ffffff;
    background-color: rgb(0, 73, 216);
    box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
}

.button-50{
    text-align: center;
    border-radius: 5px;
    background-color: rgb(26, 109, 255);
    color: #ffffff;
    padding: 12px 30px;
    border: 1px solid rgb(26, 109, 255);
}
.button-50-outline{
    text-align: center;
    border-radius: 5px;
    background-color: #ffffff;
    color: rgb(26, 109, 255);
    padding: 12px 30px;
    border: 1px solid rgb(26, 109, 255);
}
.button-50:hover, .button-50-outline:hover {
    color: #ffffff;
    border-radius: 5px;
    background-color: rgb(0, 73, 216);
    box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
}
 
.default-btn-50{
	border-width: 1px;
	border-color: rgb(232, 232, 237);
	border-style: solid;
	border-radius: 3px;
	background-color: rgb(248, 249, 251);
	padding: 12px 30px;
	text-align: center;
	cursor: pointer;
	width: 100%;
}
.default-btn-50:hover, .default-btn-50:focus{
	box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
	outline: 0;
}
.green-btn-50{
	border-width: 1px;
	border-color: rgb(106, 193, 149);
	border-style: solid;
	border-radius: 3px;
	background-color: rgb(106, 193, 149);
	padding: 12px 15px;
	text-align: center;
	cursor: pointer;
	width: 100%;
	color: #ffffff;
}
.green-btn-50:hover, .green-btn-50:focus{
	color: #ffffff;
	box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
	outline: 0;
}

.radioBtn-30 input[type=checkbox], input[type=radio]{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.radioBtn-20 input[type=checkbox], input[type=radio]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

/* login Design Start */
.login-box .login-bg-form{
    top: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    min-height: 100vh;
    text-align: left;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px;
}
.login-box .login-bg-color{
    background-size: cover;
    top: 0;
    width: 100%;
    background: #e8e8ee;
    bottom: 0;
    min-height: 100vh;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 30px;
    text-align: center;
}
.login-form{
    width: 100%;
}

/* Form Design Start */
.login-box .form-group {
    position: relative;
    margin-bottom: 20px;
}
.login-box .form-label {
    position: absolute;
    left: 18px;
    top: 14px;
    font-size: 18px;
    padding: 0 5px;
    color: #a8aabd;
    background-color: #fff;
    z-index: 10;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
.login-box .focused .form-label {
    color: #1a6dff;
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
    font-size: 14px;
}
.login-box .error .form-label {
    color: red;
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
    font-size: 14px;
}
.login-box .form-input {
    position: relative;
    padding: 15px;
    width: 100%;
    font-size: 18px;
    outline: 0;
    color: #a8aabd;
    border-radius: 5px;
    border: 1px solid rgb(232, 232, 238);
    transition: box-shadow 150ms ease-out;
}
/* .login-box .form-input.signupForm-active {
    border: 1px solid rgb(26, 109, 255);
} */
.login-box .form-input:focus {
    color: #000;
    border: 1px solid rgb(26, 109, 255);
}
.login-box .error .form-input:focus {
    color: #000;
    border: 1px solid red;
}
/* Form Design Start */

/* Dropdown Start */
.dropdown-settings .dropdown-toggle::after{
    content: none;
}
.dropdown-profile .dropdown-toggle::after{
	content: url(../img/vertical-dot-icon.png);
	margin-left: 0;
	border-top: 0;
	vertical-align: sub;
}

.dropdown-dots-hide .dropdown-toggle::after{
    content: none;
    margin-left: 0;
    border-top: 0;
    vertical-align: sub;
}
.dropdown-dots-hide .dropdown-menu{
    font-weight: 400;
    font-size: 15px;
    width: 197px !important;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 19.92px 4.08px rgba(234, 235, 241, 0.67);
    border: 0;
}
.dropdown-dots-hide .dropdown-menu a{
    padding: 8px 20px;
}
.dropdown-dots-hide .dropdown-menu a img{
    vertical-align: middle;
    margin-right: 5px;
}

.dropdown-Dropdown-custom.dropHeight-50 .btn-secondary {
	height: 50px;
}
.dropdown-Dropdown-custom .btn-secondary {
    width: 100%;
    text-align: left;
    height: 59px;
    font-size: 18px;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 5px;
    color: #a8aabd;
    background: #fff;
    box-shadow: 0px 2px 0px 0px rgba(156, 163, 174, 0.2);
    border-radius: 5px;
}
.dropdown-Dropdown-custom .dropdown-toggle::after {
    text-align: right;
    float: right;
    margin-top: 8px;
}
.dropdown-Dropdown-custom .btn-secondary:not(:disabled):not(.disabled).active,.dropdown-Dropdown-custom .btn-secondary:not(:disabled):not(.disabled):active,.dropdown-Dropdown-custom.show>.btn-secondary.dropdown-toggle {
    color: #1a6dff;
    background-color: #ffffff;
    border-color: rgb(26, 109, 255);
}
.dropdown-Dropdown-custom .btn-secondary:not(:disabled):not(.disabled).active:focus,.dropdown-Dropdown-custom .btn-secondary:not(:disabled):not(.disabled):active:focus,.dropdown-Dropdown-custom.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none
}
/* Dropdown End */

.formSeparator-1{
	border-top: 1px solid rgb(232, 232, 238);
	background-color: rgb(255, 255, 255);
	width: 289px;
	margin: 30px auto 0px auto;
}

.degreeIcon-position{
    position: absolute;
    bottom: 0px;
    left: -5px;
    width: 80px;
}
.degreeIcon-position.sigupBtm-icon{
    bottom: -25px;
}

.form-control{
	border-width: 1px;
	border-color: rgb(232, 232, 238);
	border-style: solid;
}
.form-control.formHeight50{
	height: 50px;
	border-width: 1px;
	border-color: rgb(232, 232, 238);
	border-style: solid;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
}
.formGroup-custom label{
	font-size: 17px;
	font-weight: 500;
	text-align: right;
	line-height: 30px;
}
.formGroup-custom .form-group{
	margin-bottom: 30px;
}
/* login Design End */
.page-item.disabled .page-link{
	border-color: rgb(232, 232, 238);
}
.videoContainer {
    position: relative;
    width: 265px;
    height: 200px;
    margin-right: 20px;
}
.videoContainer video {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 5px #777777;
}
.volume {
    position: absolute;
    left: 15%;
    width: 70%;
    bottom: 5px;
    height: 5px;
    display: none;
}

/*datatable Start*/
table.dataTable th {
    background: #e8e8ee;
    color: #6b6c7f;
    font-size: 17px;
    font-weight: 400;
}
.dataTables_length, div.dataTables_wrapper div.dataTables_filter, .dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
	padding: 15px;
}
.page-item.active .page-link{
	z-index: 1;
	color: #1a1f22;
	background-color: #e8e8ee;
	border-color: #e8e8ee;
}
.table-striped tbody tr:nth-of-type(odd){
	background-color: #ffffff;
}
/*datatable End*/

/*font weights*/
.w100{font-weight: 100;}
.w300{font-weight: 300;}
.w400{font-weight: 400;}
.w500{font-weight: 500;}
.w600{font-weight: 600;}
.w700{font-weight: 700;}
.w800{font-weight: 800;}
.w900{font-weight: 900;}


/* Margins */
.mt125per-xs{margin-top: 125px;}
.mt125per{margin-top: 125px;}

.mt12{margin-top: 12%;}
.mt11{margin-top: 11%;}
.mt10{margin-top: 10%;}
.mt6{margin-top: 6%;}
.mt4{margin-top: 4%;}
.mt2{margin-top: 2%;}
.mt0{margin-top: 0;}

.mb4{margin-bottom: 4%;}
.mb10{margin-bottom: 10%;}
.mb12{margin-bottom: 12%;}


ul.quick-link-listing{
    list-style: none;
    padding: 9px 10px;
    margin: 0;
    border-radius: 15px;
    margin-right: 50px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
}
ul.quick-link-listing li{
    display: inline-block;
    padding: 0 15px;
}

/*setting icons*/
ul.setting-listing{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 50px;
}
ul.setting-listing li{
    display: inline-block;
    padding: 0 15px;
}


/* Dashboard Start */
.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}

/* Header Start */
.top-header {
    z-index: 9;
    width: 100%;
    margin: 0;
    padding-left: 285px;
    padding-right: 40px;
    border: 0;
    background-color: #ffffff;
    filter: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    min-height: 65px;
}
.full_container {
    /*background-color: #edf1fb;*/
    position: relative;
}
.header_container {
    float: left;
    width: 100%;
}
.logo {
    text-align: center;
    float: left;
    display: block;
    width: 250px;
    /* height: 65px; */
    padding: 40px;
    line-height: 1.7 !important;
    background-color: #efeff3;
}
.logo .default-logo {
    display: inline-block;
}
.logo a .logo_icon {
    display: none;
}

/* Header Profile Start */
.dropdown-toggle > .img-profile img{
    width: 55px;
    height: 55px;
    border-radius: 100px;
    margin-left: 6px;
}
.min-h{
    min-height: 125px;
}
/* Header Profile End */

/* Header End */

/* Sidebar */
.sidebar_left {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 250px;
    background-color: #efeff3;
    padding-bottom: 25px;
    z-index: 99;
}
/*mobile slider Start*/


.sidebar_left.show {
    left: 0;
}
.sidebar_left.left {
    left: -100%;
}
.overlayMobile {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0,0,0,.5);
    display: none;
}
/*mobile slider End*/


.sidebar_menu {
    margin: 20px 5px 20px;
    padding: 0;
    clear: both;
}
.sidebar_menu li {
    list-style: none;
    position: relative;
    padding-bottom: 1px;
    margin-bottom: 10px;
}
.sidebar_menu li a {
    margin: 0;
    padding: 13px 28px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    color: #1a1f22;
    font-weight: 400;
    /* line-height: 1.2; */
    transition: all 0.3s;
}
.sidebar_menu li a:hover{
    background-color: #356ef6;
    color: #fff;
    border-radius: 10px;
    padding: 13px 28px;
}
.sidebar_menu li a:hover .imgHover-sidebarHide{
	display: none;
}
.sidebar_menu li a:hover .imgHover-sidebar{
	display: inline;
}
.sidebar_menu li a img, .sidebar_menu li a img {
    margin-right: 6px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
}
.mm-active{
    background-color: #356ef6;
    color: #fff;
    border-radius: 10px;
}
.mm-active a{
	color: #ffffff !important;
}

.mm-active .nav-second-level{
	padding: 0;
}
.mm-active .nav-second-level li a{
	padding-left: 60px;
}
.mm-active .nav-second-level li a:hover{
	background: #224dd7;
	border-radius: 0;
}

.imgHover-sidebar{
	display: none;
}
/* Dashboard End */

/* Dashboard Content Start */
.right_container_content {
    margin-left: 250px;
    margin-top: 0;
    min-height: 600px;
    padding: 25px 0 0 0;
    background-color: #ffffff;
}
.update-box-dashboard{
    background: rgb(239, 239, 243);
    padding: 40px;
    border-top-left-radius: 60px;
    position: relative;
}
.update-box-dashboard-createCourse{
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
    margin-bottom: 50px;
}

.reccent-update-box{
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(156, 163, 174, 0.07);
    padding: 30px;
}
ul.recentupdate-listing{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.recentupdate-listing li{
    line-height: 1.5rem;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    position: relative;
    min-height: auto;
    border-bottom: none;
    padding-left: 60px;
}
ul.recentupdate-listing li img.roundimage{
    position: absolute;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 10px;
}
ul.recentupdate-listing li p{
    margin: 0;
}
ul.recentupdate-listing li p.month-text{
    color: #a8aabd;
}


.course-box-list{
    background-color: rgb(255, 255, 255);
    float: left;
    width: 100%;
    clear: both;
    margin-top: 40px;
    border-radius: 10px;
}
.course-box-list a{
    color: #1a1f22;
    line-height: 1.5rem;
    margin: 0;
    padding: 27px 20px;
    border-width: 1px;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    min-height: auto;
    padding-left: 70px;
    float: left;
    width: 100%;
    clear: both;
    transition: 0.3s;
}
.course-box-list a:hover{
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
}
.course-box-list a img.circle{
    position: absolute;
    left: 10px;
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 10px;
}
.course-box-list a p{
    margin: 0;
}

.overviewBox{
    margin-top: 40px;
    border-width: 1px;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}
.border-Btm-1{
	border-bottom: 1px solid #eaeaef;
}
.padding15-lr{
    padding: 15px 0;
}
.padding15{
    padding: 15px;
}
.tableCover-b{
    border-width: 1px;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}
.action-icons-box a{
    border-width: 1px;
    border-color: rgb(232, 232, 237);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(248, 249, 251);
    padding: 2px 4px;
    color: #6b6c81;
}
.action-icons-box a.deleteIcon-box{
	padding: 2px 8px;
}
.action-icons-box a img{
    vertical-align: baseline;
}
.marginLR-10{
    margin: 0 10px;
}
.statusType-checkbox {
  min-height: 1rem;
  padding-left: 0;
  margin-right: 0;
  cursor: pointer; 
}

.statusType-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 10px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px;
    box-shadow: none; 
}

.statusType-checkbox .custom-control-indicator:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #f1f1f1;
    border-radius: 21px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -2px;
    top: -4px;
    -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    -moz-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    -o-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease; 
}

.statusType-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none !important; 
}
.checkbox-blue .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #356ef6;
    background-image: none;
    box-shadow: none !important; 
}
.checkbox-blue .custom-control-input:checked ~ .custom-control-indicator:after {
    background-color: #356ef6;
    left: 15px; 
}

/*switch status table Start*/
.toggleSwitchContainer {
  display: flex;
  cursor: pointer;
}

.switchBg {
	display: block;
	height: 10px;
	width: 37px;
	margin-top: 5px;
	border-radius: 18.5px;
}

.switchBg.shadow {
  background: none;
  opacity: 1;
}

.switchBg.white {
  position: absolute;
  background: #efeff3;
  opacity: 1;
}

.switchBg.green {
  position: absolute;
  background: #efeff3;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.switchDot {
  width: 20px;
  height: 20px;
  margin: 0;
  background: #356ef6;
  position: absolute;
  border-radius: 12.5px;
  transition: transform .2s ease-out;
}

#toggleSwitch:checked ~ .switchDot {
  transform: translateX(24px);
}

#toggleSwitch:checked ~ .switchBg.green {
  opacity: 1 !important;
}

#toggleSwitch:checked ~ .switchBg.white {
  opacity: 0 !important;
  transition: opacity .2s step-end;
}
/*switch status table End*/

.newUser-profile{
    position: relative;
}
.newUser-profile img{
    width: 150px;
    height: 150px;
    border-radius: 5px;
    background: #efeff3;
    object-fit: cover;
    position: relative;
}
.editProfile-file label{
    margin-bottom: 0;
    cursor: pointer;
}
#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

/*Profile Tabs Start*/
.profileTab-custom.nav-tabs{
    text-align: center;
    justify-content: center;
}
.profileTab-custom.nav-tabs > li{
    float: none;
    display: inline-block;
}
.profileTab-custom.nav-tabs > li > a{
    margin-right: 0;
}
.profileTab-custom.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-weight: 500;
    color: #1a1f22;
}
.profileTab-custom.nav-tabs .nav-link:focus, .profileTab-custom.nav-tabs .nav-link:hover{
    border: 1px solid transparent;
}
.profileTab-custom.nav-tabs .nav-item.show .nav-link, .profileTab-custom.nav-tabs .nav-link.active{
    color: #356ef6;
    background-color: #fff;
    border-color: #356ef6;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
/*Profile Tabs End*/
/* Dashboard Content End */

/*Add New Institute Start*/
.height56{height: 56px;max-height: 100%;}

.dropdownHover-dots{
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: flex-end;
    left: -20px;
    padding: 0 0px 12px 12px;
    position: absolute;
    margin-top: 0;
    top: 20px;
    width: 100%;
}
.dropdownHover-dots .card-info-dots{
    cursor: pointer;
}
.dropdownHover-dots .card-info-dots img{
    visibility: visible;
}
.dropdownCustom-card{
    position: absolute;
    transform: translate3d(10px, 30px, 0px);
    top: -8px;
    right: 10px;
    will-change: transform;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    z-index: 9;
    min-width: 85px;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdownCustom-card a{
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 6px 9px;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    color: #1a1f22;
}
.dropdownCustom-card a i{
    color: #6b6c7f;
}
.dropdownCustom-card a:hover{
    font-weight: 500;
}

.instituteCard-add{
    padding: 10px;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    transition: 0.3s;
    margin-bottom: 30px;
    position: relative;
}
.instituteCard-add:hover{
    box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
}
.instituteStatus-box {
    align-items: center;
    display: flex;
    height: 25px;
    justify-content: flex-end;
    left: -20px;
    position: absolute;
    margin-top: 0;
    top: 20px;
    width: 100%;
}
.instituteStatus-box-bottom {
    align-items: center;
    display: flex;
    height: 25px;
    justify-content: flex-start;
    left: 20px;
    position: absolute;
    margin-top: 0;
    bottom: 45%;
    width: 100%;
}

.instituteCard-add .card-title a{
    color: #1a1f22;
}
.instituteCard-add .card-body{
    padding: 15px 7px 15px;
}
.instituteCard-add .card-footer{
    padding: 0;
    border: 0;
    background: transparent;
}

.approvedTag{
    font-size: 15px;
    color: #6ac195;
    font-weight: 500;
    background-color: #ecf6f1;
    border: 1px solid #6ac195;
    border-radius: 100px;
    padding: 1px 14px;
    vertical-align: middle;
}
.disapprovedTag{
    font-size: 15px;
    color: #ff6252;
    font-weight: 500;
    background-color: #fbebea;
    border: 1px solid #ff6252;
    border-radius: 100px;
    padding: 1px 14px;
    vertical-align: middle;
}
.adminUser-tag{
    color: #356ef6;
    background: #d6e5ff;
    display: table;
    font-weight: 500;
    border-radius: 5px;
    padding: 0px 11px;
}

ul.addInstitute-feature-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.addInstitute-feature-list li{
    display: inline-block;
    border: 1px solid #e8e8ed;
    background-color: #f8f9fb;
    border-radius: 5px;
    padding: 1px 6px;
    vertical-align: middle;
    margin-left: 5px;
}
ul.addInstitute-feature-list li:last-child{
    float: right;
}

/*all Course*/
ul.allCourse-feature-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.allCourse-feature-list li{
    display: inline-block;
    border: 1px solid #e8e8ed;
    background-color: #f8f9fb;
    border-radius: 5px;
    padding: 6px 6px;
    vertical-align: middle;
    margin-left: 5px;
}
ul.allCourse-feature-list li a{
    color: #6b6c7f;
    font-weight: 400;
    font-size: 15px;
}

ul.allCourse-feature-list-icons{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.allCourse-feature-list-icons li{
    display: inline-block;
    border: 1px solid #e8e8ed;
    background-color: #f8f9fb;
    border-radius: 5px;
    padding: 5px 12px;
    vertical-align: middle;
    margin-left: 5px;
}
ul.allCourse-feature-list-icons li a{
    color: #6b6c7f;
    font-weight: 400;
    font-size: 15px;
}
/*Add New Institute End*/

/*nav pills Start*/
.nav-pills.nav-pills-color .nav-link{
    border-radius: 0;
    color: #1a1f22;
    font-size: 16px;
    border: 1px solid #e8e8ee;
    font-weight: 500;
    padding: 22px 15px;
}
.nav-pills.nav-pills-color .nav-item.show .nav-link, .nav-pills.nav-pills-color 
.nav-link.active {
    background-color: #356ef6;
    color: #ffffff;
}
.tab-content.tab-content-pills{
    font-weight: 400;
    padding: 0;
    color: #1a1f22;
    line-height: inherit;
}
.tab-content.tab-content-pills label{
    margin-bottom: 0;
    vertical-align: bottom;
}
.pddingtb0{
    padding: 1rem 1rem 0 1rem;
}
/*nav pills End*/

/*breadcrumb*/
.breadcrumb.breadcrumb-custom{
    background-color: transparent;
}
.breadcrumb-custom .breadcrumb-item+.breadcrumb-item::before{
    color: #1a1f22;
}
.breadcrumb-custom .breadcrumb-item.active{
    color: #1a1f22;
    font-weight: 400;
}

/*height*/
.h400-scroll{
    height: 400px;
    overflow-y: auto;
}

.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    width: 1%;
    margin-bottom: 0;
    flex: 1 1 auto;
}
.input-group > .custom-file {
    display: flex;
    align-items: center;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.75rem + 2px);
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.75rem + 2px);
    margin: 0;
    opacity: 0;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s 
}
.custom-file-label {
    line-height: 1.5;
    position: absolute;
    /* z-index: 1; */
    top: 0;
    right: 0;
    left: 0;
    text-align: left !important;
    height: calc(2.75rem + 2px);
    padding: .625rem .75rem;
    color: #8898aa;
    border: 1px solid #cad1d7;
    border-radius: .375rem;
    background-color: #fff;
    box-shadow: none;
}
.custom-file-label::after {
    line-height: 1.5;
    position: absolute;
    /* z-index: 3; */
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 2.75rem;
    padding: .625rem .75rem;
    content: 'Browse';
    color: #8898aa;
    border-left: 1px solid #cad1d7;
    border-radius: 0 .375rem .375rem 0;
    background-color: #fff;
}



/*select institute list*/
.selectInstitute-box .listpd20{padding: 20px;}
.selectInstitute-box{
    border-width: 1px;
    border-color: rgb(232, 232, 238);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
}
.selectInstitute-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.selectInstitute-box ul li{
    display: block;
    color: #1a1f22;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 15px;
}
.selectInstitute-box ul li label{
    margin-bottom: 0;
    text-align: left;
}

.firstSeparator-500{
    border-top: 1px solid rgb(232, 232, 238);
    background-color: rgb(255, 255, 255);
    margin: 30px auto 40px auto;
    width: 500px;
}
.prelative{
    position: relative;
}
.calenderIcon-img{
    padding-left: 40px;
}
.calenderIcon-position{
    position: absolute;
    top: 13px;
    left: 25px;
}

.select2-container--default .select2-selection--single{
    width: 100%;
    text-align: left;
    height: 50px !important;
    font-size: 18px;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 5px;
    color: #a8aabd;
    background: #fff;
    box-shadow: 0px 2px 0px 0px rgba(156, 163, 174, 0.2);
}

.bootstrap-select>.dropdown-toggle{
    width: 100%;
    text-align: left;
    height: 50px !important;
    font-size: 18px;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 5px;
    color: #a8aabd;
    background: #fff;
    box-shadow: 0px 2px 0px 0px rgba(156, 163, 174, 0.2);
}

.formHeight50-box{
    width: 100%;
    text-align: left;
    height: 50px !important;
    font-size: 18px;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 5px;
    color: #a8aabd;
    background: #fff;
    box-shadow: 0px 2px 0px 0px rgba(156, 163, 174, 0.2);
}
.formHeight50-box:hover,.formHeight50-box:focus{
    outline: 0;
    border: 1px solid rgb(232, 232, 238);
    border-radius: 5px;
    box-shadow: 0px 2px 0px 0px rgba(156, 163, 174, 0.2);
}
.listTitle-ul{
    background: #efeff3;
    padding: 12px 20px;
}


/*Chat Design Start*/
.chat-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #e8e8ee;
    border-radius: 10px;
    margin-bottom: 80px;
}
.chat-cont-left {
    border-right: 1px solid #e8e8ee;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    left: 0;
    max-width: 35%;
    position: relative;
    z-index: 4;
}
.chat-cont-left .chat-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e8e8ee;
    color: #272b41;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0 15px;
}
.chat-cont-left .chat-header span {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.chat-cont-left .chat-header .chat-compose {
    color: #8a8a8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.chat-cont-left .chat-header .chat-compose i{
    font-size: 20px
}
.chat-cont-left .chat-search {
    background-color: #f5f5f6;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    width: 100%;
}
.chat-cont-left .chat-search .input-group {
    width: 100%;
}
.chat-cont-left .chat-search .input-group .input-group-prepend {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 4;
}
.chat-cont-left .chat-search .input-group .form-control {
    background-color: #fff;
    border-radius: 50px;
    padding-left: 36px;
}
.chat-cont-left .chat-users-list {
    background-color: #fff;
}
.chat-window .chat-scroll {
    /*min-height: 500px;*/
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.chat-window .chat-cont-right .chat-scroll{
    min-height: 465px;
    overflow-y: auto;   
}
.chat-cont-left .chat-users-list a.media {
    margin-top: 0;
    padding: 10px 15px;
    transition: all 0.2s ease 0s;
    clear: both;
    float: left;
    width: 100%;
    text-decoration: none;
}
.chat-cont-left .chat-users-list a.media:hover {
    background-color: #f5f5f6;
    text-decoration: none;
}
.chat-cont-left .chat-users-list a.media .media-img-wrap {
    margin-right: 15px;
    position: relative;
    float: left;
}
.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {
    height: 45px;
    width: 45px;
}
.avatar {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    float: left;
}
.avatar > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.chat-cont-left .chat-users-list a.media .media-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name {
    color: #272b41;
    text-transform: capitalize;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name, .chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 24px;
}
.chat-cont-left .chat-users-list a.media .media-body > div:last-child .last-chat-time {
    color: #8a8a8a;
    font-size: 13px;
}
/*.bg-success, .badge-success {
    background-color: #fa764e !important;
}*/
.chat-cont-left .chat-users-list a.media.active {
    background-color: #f5f5f6;
}
.chat-cont-left .chat-users-list a.media {
    padding: 10px 15px;
    transition: all 0.2s ease 0s;
}
.avatar-away::before, .avatar-offline::before, .avatar-online::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
    height: 25%;
    border-radius: 50%;
    content: '';
    border: 2px solid #fff;
}
.avatar-online::before {
    background-color: #00e65b;
}
.avatar-offline::before {
    background-color: #ff0100;
}
.avatar-away::before {
    background-color: #ffbc34;
}
.avatar .border {
    border-width: 3px !important;
}
.avatar .rounded {
    border-radius: 6px !important;
}
.avatar .avatar-title {
    font-size: 18px;
}
.avatar-xs {
    width: 1.65rem;
    height: 1.65rem;
}
.avatar-xs .border {
    border-width: 2px !important;
}
.avatar-xs .rounded {
    border-radius: 4px !important;
}
.avatar-xs .avatar-title {
    font-size: 12px;
}
.avatar-xs.avatar-away::before,
.avatar-xs.avatar-offline::before,
.avatar-xs.avatar-online::before {
    border-width: 1px;
}
.avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
}
.avatar-sm .border {
    border-width: 3px !important;
}
.avatar-sm .rounded {
    border-radius: 4px !important;
}
.avatar-sm .avatar-title {
    font-size: 15px;
}
.avatar-sm.avatar-away::before,
.avatar-sm.avatar-offline::before,
.avatar-sm.avatar-online::before {
    border-width: 2px;
}
.avatar-lg {
    width: 3.75rem;
    height: 3.75rem;
}
.avatar-lg .border {
    border-width: 3px !important;
}
.avatar-lg .rounded {
    border-radius: 8px !important;
}
.avatar-lg .avatar-title {
    font-size: 24px;
}
.avatar-lg.avatar-away::before,
.avatar-lg.avatar-offline::before,
.avatar-lg.avatar-online::before {
    border-width: 3px;
}
.avatar-xl {
    width: 5rem;
    height: 5rem;
}
.avatar-xl .border {
    border-width: 4px !important;
}
.avatar-xl .rounded {
    border-radius: 8px !important;
}
.avatar-xl .avatar-title {
    font-size: 28px;
}
.avatar-xl.avatar-away::before,
.avatar-xl.avatar-offline::before,
.avatar-xl.avatar-online::before {
    border-width: 4px;
}
.avatar-xxl {
    width: 5.125rem;
    height: 5.125rem;
}
.avatar-xxl .border {
    border-width: 6px !important;
}
.avatar-xxl .rounded {
    border-radius: 8px !important;
}
.avatar-xxl .avatar-title {
    font-size: 30px;
}
.avatar-xxl.avatar-away::before,
.avatar-xxl.avatar-offline::before,
.avatar-xxl.avatar-online::before {
    border-width: 4px;
}
.avatar-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.avatar-group .avatar + .avatar {
    margin-left: -.75rem;
}
.avatar-group .avatar-xs + .avatar-xs {
    margin-left: -.40625rem;
}
.avatar-group .avatar-sm+.avatar-sm {
    margin-left: -.625rem;
}
.avatar-group .avatar-lg + .avatar-lg {
    margin-left: -1rem;
}
.avatar-group .avatar-xl + .avatar-xl {
    margin-left: -1.28125rem;
}
.avatar-group .avatar:hover {
    z-index: 1;
}


/*Chat Right Start*/
.chat-right-tabpanel.tab-content{
    width: 65%;
}
.chat-cont-right {
   /* -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;*/
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.chat-cont-right .chat-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #efeff3;
    border-bottom: 1px solid #cecfd9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0 15px;
}
.chat-cont-right .chat-header .back-user-list {
    display: none;
    margin-right: 5px;
    margin-left: -7px;
}
.chat-cont-right .chat-header .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}
.chat-cont-right .chat-header .media .media-img-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}
.chat-cont-right .chat-header .chat-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-cont-right .chat-header .media .media-img-wrap .avatar {
    height: 50px;
    width: 50px;
}
.chat-cont-right .chat-header .media .media-body .user-name {
    color: #272b41;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.chat-cont-right .chat-header .media .media-body .user-status {
    color: #666;
    font-size: 14px;
}
.chat-cont-right .chat-header .chat-options > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: #8a8a8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-left: 10px;
    width: 30px;
    position: relative;
}
.chat-cont-right .chat-header .chat-options > a i{
    font-size: 20px;
}
/*Chat Body Section Start*/
.chat-cont-right .chat-body {
    background-color: #efeff3;
}
.chat-window .chat-scroll {
    min-height: 550px;
    max-height: calc(100vh - 224px);
    overflow-y: auto;
}
.chat-cont-right .chat-body ul.list-unstyled {
    margin: 0 auto;
    padding: 15px;
    width: 100%;
}
.chat-cont-right .chat-body .media.sent {
    margin-bottom: 20px;
}
.chat-cont-right .chat-body .media.sent .media-body {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    margin-left: 0;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box {
    padding-left: 50px;
    position: relative;
    margin-right: 10px;
    width: 75%;
}
.chat-cont-right .chat-body .media.received {
    margin-bottom: 0px;
}
.chat-cont-right .chat-body .media .avatar {
    height: 20px;
    width: 20px;
}
.chat-cont-right .chat-body .media .media-body {
    margin-left: 0px;
}
.chat-cont-right .chat-body .media.received .media-body .msg-box {
    position: relative;
    margin-left: 10px;
    width: 75%;
}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div {
    background-color: #fff;
    border-bottom-left-radius: 0;
}
.chat-cont-right .chat-body .media .media-body .msg-box > div {
    padding: 10px 15px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
}
.chat-cont-right .chat-body .media .media-body .msg-box > div p {
    color: #1a1f22;
    margin-bottom: 0;
}
.chat-msg-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}
.chat-msg-info li {
    font-size: 13px;
    padding-right: 16px;
    position: relative;
}
.chat-msg-info li:not(:last-child):after {
    position: absolute;
    right: 8px;
    top: 50%;
    content: '';
    height: 4px;
    width: 4px;
    background: #d2dde9;
    border-radius: 50%;
    transform: translate(50%, -50%);
}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-cont-right .chat-body .media .media-body .msg-box + .msg-box {
    margin-top: 5px;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box > div {
    background-color: #6b6c7f;
    border-bottom-right-radius: 0;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div p {
    color: #ffffff;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info {
    flex-direction: row-reverse;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info li {
    padding-left: 16px;
    padding-right: 0;
    position: relative;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box:first-child:before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e3e3e3;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: -6px;
    top: 8px;
    width: 0;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {
    right: auto;
    left: 8px;
    transform: translate(-50%, -50%);
    background: #aaa;
}
/*chat-attachment Start*/
.chat-attachment {
    position: relative;
    max-width: 130px;
    overflow: hidden;
}
.chat-attachment:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    content: "";
    opacity: 0.4;
    transition: all .4s;
}
.chat-msg-attachments {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 -1px;
}
.chat-msg-attachments > div {
    margin: 0 1px;
}
.chat-attachment {
    border-radius: .25rem;
}
.chat-attachment img {
    max-width: 100%;
}
.chat-attach-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;
    opacity: 1;
    transition: all .4s;
}
.chat-attach-download {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s;
    color: #fff;
    width: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}
.chat-attach-download:hover {
    color: #495463;
    background: #fff;
}
.chat-attachment:hover .chat-attach-caption {
    opacity: 0;
}
.chat-attachment:hover .chat-attach-download {
    opacity: 1;
}
.chat-cont-right .chat-body .chat-date {
    font-size: 14px;
    margin: 1.875rem 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
.chat-cont-right .chat-body .chat-date:before {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    margin-right: 28px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 100%;
}
.chat-cont-right .chat-body .chat-date:after {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: 28px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.msg-typing {
    width: auto;
    height: 24px;
    padding-top: 8px
}
.msg-typing span {
    height: 8px;
    width: 8px;
    float: left;
    margin: 0 1px;
    background-color: #a0a0a0;
    display: block;
    border-radius: 50%;
    opacity: .4
}
.msg-typing span:nth-of-type(1) {
    animation: 1s blink infinite .33333s
}
.msg-typing span:nth-of-type(2) {
    animation: 1s blink infinite .66666s
}
.msg-typing span:nth-of-type(3) {
    animation: 1s blink infinite .99999s
}
/*chat-attachment End*/
/*Chat Body Section End*/
a.threeDotFilter{
    text-decoration: none;
}
a.threeDotFilter:hover{
    background: #e3e3e3;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.filterDropdown-none{
    display: none;
}
.filterDropdown{
    position: absolute;
    top: 60px;
    right: 15px;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    border: 1px solid #f5f5f6;
}
.filterDropdown ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.filterDropdown ul li{
    display: block;
}
.filterDropdown ul li a{
    color: #000;
    display: block;
    padding: 6px 20px;
}
.filterDropdown ul li a:hover, .filterDropdown ul li a:active, .filterDropdown ul li a:focus{
    text-decoration: none;
    background: rgb(252,87,94);
    background: -webkit-linear-gradient(top left, rgba(252,87,94,1) 0%, rgba(247,180,44,1) 100%);
    background: -o-linear-gradient(top left, rgba(252,87,94,1) 0%, rgba(247,180,44,1) 100%);
    background: linear-gradient(to bottom right, rgba(252,87,94,1) 0%, rgba(247,180,44,1) 100%);
    color: white;
}
.deleteIcon-btn-left{
    position: absolute !important;
    bottom: 4px;
    color: #000;
    background-color: #e3e3e3 !important;
    padding: 5px !important;
    margin-left: 6px;
    border-radius: 5px !important;
    cursor: pointer;
}
.deleteIcon-btn-right{
    position: absolute !important;
    bottom: 4px;
    left: 10px;
    color: #000;
    background-color: #e3e3e3 !important;
    padding: 5px !important;
    margin-left: 6px;
    border-radius: 5px !important;
    cursor: pointer;
}
.conversation-icons i{
    font-size: 30px;
    color: #fa744e;
}
.attached-autofile{
    background: #fa744e;
    color: #fff;
    border-radius: 5px;
    padding: 8px 0;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}
.attached-autofile:hover{
    opacity: 0.9;
    cursor: pointer;
}
.attached-autofile .chat-msg-attachment i{
    font-size: 18px;
}
.opacity-play{
    opacity: 1;
}
.opacity-play i{
    color: #fff;
}
.attached-contactFiles .media{
    background: #fa744e;
    color: #fff;
    border-radius: 5px;
    padding: 8px 5px;
    display: block;
}
.attached-contactFiles .media .media-left{
    float: left;
    margin-right: 6px;
}
.attached-contactFiles .media .media-left img{
    width: 20px;
    height: 20px;
}
.attached-contactFiles:hover{
    opacity: 0.9;
    cursor: pointer;
}
.attached-contactFiles .media .media-body a h5{
    color: #fff !important;
}
/*Chat Right End*/
/*chat footer Start*/
.chat-footer{
    padding: 14px;
    background: #efeff3;
    position: relative;
}
.input-msg-send{
    height: 72px;
    padding: 16px;
    border-radius: 10px;
    position: relative;
}
.input-msg-send:hover, .input-msg-send:focus{
    outline: 0;
    box-shadow: none;
}
.msg-send-btn{
    background: #efeff3;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    position: absolute;
    color: #6b6c7f;
    right: 23px;
    top: 27px;
}
.msg-send-btn:hover, .msg-send-btn:focus{
    outline: 0;
    box-shadow: none;
}
/*chat footer End*/

@media only screen and (max-width: 767.98px){
    .chat-window .chat-cont-right .chat-header .media .media-body {
        display: none;
    }
}


@media only screen and (max-width: 991.98px) {
    .chat-cont-left, .chat-cont-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;
        width: 100%;
    }
    .chat-cont-left {
        border-right: 0;
    }
    .chat-cont-right {
        position: absolute;
        right: -100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
    }
    .chat-cont-right .chat-header {
        justify-content: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
    }
    .chat-cont-right .chat-header .back-user-list {
        display: block;
    }
    .chat-cont-right .chat-header .back-user-list i{
        font-size: 20px;
    }
    .chat-cont-right .chat-header .chat-options {
        margin-left: auto;
    }
    .chat-window.chat-slide .chat-cont-left {
        left: -100%;
    }
    .chat-window.chat-slide .chat-cont-right {
        right: 0;
        opacity: 1;
        visibility: visible;
    }
}
/*Chat Design End*/

/*Conference Start*/
.badge {
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .375rem;
}
.badge-primary {
    color: #2643e9;
    background-color: rgba(203, 210, 246, .5);
}
.badge-success {
    color: #1aae6f;
    background-color: rgba(147, 231, 195, .5);
}
.badge-success-light {
    color: #03acca;
    background-color: rgba(136, 230, 247, .5);
}
.badge-danger {
    color: #f80031;
    background-color: rgba(251, 175, 190, .5);
}
/*Conference End*/
.tblAction .btn {
    padding: 0.0rem 0.4rem;
    height: 30px;
    width: 50px;
}

/*accordion Start*/
.moduleWise-box{
    margin-top: 25px;
    margin-bottom: 25px;
    float: left;
    width: 100%;
    clear: both;
}
.moduleWise-box .table td, .table th{
    vertical-align: middle;
    padding: 8px 10px;
}
.moduleWise-box .panel-group{
    border: 1px solid #e8e8ee;
    background: #ffffff;
    border-radius: 5px;
}
.moduleWise-box .panel.panel-default{
    border-bottom: 1px solid #e8e8ee;
}
.moduleWise-box .panel-title{
    margin-bottom: 0;
    position: relative;
}
.moduleWise-box .panel-body{
    background: #ffffff;
}
.moduleWise-box .panel-body table{
    margin-bottom: 0;
    border: 1px solid #e8e8ee;
}
.moduleWise-box .panel-body span.fa{
    color: #6b6c7f !important;
    padding-right: 10px;
}
.moduleWise-box .panel-body a{ 
    color: #1a1f22;
}

.panel-heading {
    padding: 0;
    border:0;
}
.panel-title>a.arrowIconhead .titleText{
    width: 93%;
    clear: both;
    display: inline-block;
}

.panel-title>a.arrowIconhead, .panel-title>a.arrowIconhead:active{
    display: block;
    padding: 11px 14px;
    color: #1a1f22;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 40px;
}
.panel-heading  a.arrowIconhead:after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-size: 25px;
    width: 40px;
    transition: all 0.5s;
    height: 40px;
    background: #f8f9fb;
    text-align: center;
    line-height: 40px;
    border-radius: 100px;
    cursor: pointer;
}

.panel-heading.active a.arrowIconhead:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 

.panel-footer-icons{
    background: #ffffff;
    border-top: 0;
    border: 1px solid #e8e8ee;
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}
.panel-footer-icons a{
    border: 1px solid #e8e8ee;
    font-size: 17px;
    padding: 4px 10px;
    float: right;
    border-radius: 5px;
    margin-left: 15px;
}
.panel-footer-icons a i{
    color: #6b6c7f;
}

.iconListing-link a{
    border: 1px solid #e8e8ed;
    font-size: 17px;
    padding: 4px 10px;
    float: right;
    border-radius: 5px;
    margin-left: 15px;
}
.iconListing-link a i{
    color: #6b6c7f;
}
.padding9{
    padding: 9px;
}

.dragdropIcon-d{
    background: #efeff3;
    float: left;
    height: 100%;
    padding: 5px;
    border-top-left-radius: 5px;
    height: 100%;
    width: 35px;
    text-align: center;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.dragDrop-bg{
    background: #efeff3;
}

ul.courseModule-listing{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.courseModule-listing li{
    display: inline-block;
    border: 1px solid #e8e8ee;
    border-radius: 5px;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
    position: relative;
    padding: 8px;
}
ul.courseModule-listing li div{
    display: inline-block;
}
ul.courseModule-listing li div.iconListing-link{
    float: right;
}
ul.courseModule-listing li div.titleText-course{
    padding-left: 30px;
    font-size: 18px;
    padding-top: 5px;
}

.width160Next{
    width: 160px;
    margin: 0 auto;
    text-align: center;
    float: right;
    clear: both;
    display: table;
}

.buttonFloat-left{
    display: inline-block;
    float: left;
    width: 160px;
}
.buttonFloat-right{
    display: inline-block;
    float: right;
    width:160px;
}
/*accordion End*/

/*All Course Step Start*/
.b-0{border: 0;}
.card.card-custom-course.show {
    display: block !important
}

.card.card-custom-course {
    display: none;
}

.step-container {
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    width: 99.85%;
    margin-top: 70px;
    margin-bottom: 50px
}

.fa-circle {
    background-color: lightgrey;
    color: #fff;
    padding: 2px 3.1555px;
    border-radius: 50%
}

.step-box {
    padding: 10px;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    background-color: #fff
}

.active-course {
    background-color: #2196F3;
    color: #fff !important;
    border-left: 1px solid #2196F3;
    border-right: 1px solid #2196F3
}

.active-course .fa-circle {
    background-color: #fff !important;
    color: #2196F3
}

.stepsIcons .fa-check {
    border-radius: 50%;
    background-color: #00C853;
    color: #fff;
    padding: 3px
}

.step-title-0 {
    margin-bottom: 0px
}

.step-title {
    font-size: 13px;
    position: relative;
    margin-left: 4px
}

.heading.headingCustom-course {
    margin-bottom: 40px
}
.fit-image {
    width: 100%;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .break-line {
        display: block;
        float: none
    }
}
/*All Course Step End*/


@media (min-width:240px) {
	.mycontainer{width:100%;}
	.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs29 {font-size: 29px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs55 {font-size: 55px;}.xs70 {font-size: 70px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}
	.xs97 {font-size: 97px;}
}
@media(min-width:768px){
    .sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm29 {font-size: 29px;}.sm31 {font-size: 31px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm45 {font-size: 45px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

    .update-box-dashboard-createCourse{position: relative;bottom: 0;}

    .welcomeBackBanner{
        background: url(../img/dashboard-banner.png) no-repeat #3368ea;
        background-size: contain;
        height: 150px;
        background-position: right;
        border-radius: 10px;
    }
    .text-right-xs{text-align: right;}
    .choose_option_pd30-xs{padding: 30px 40px;background-color: #efeff3;}
    .width127-xs{width: 127px;}
    .paddingTop-125-xs{padding-top: 125px;}
    .paddinglr-40{padding: 0 40px;}

    .editProfile-file-delete{
        position: absolute;
        bottom: 43px;
        right: 230px;
        padding: 5px 8px;
        background: red;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
    .editProfile-file{
        position: absolute;
        bottom: 43px;
        right: 270px;
        border-radius: 5px;
        background-color: rgb(107, 108, 127);
        color: #ffffff;
        padding: 3px 5px;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
}
@media(max-width:767px){
    .mt125per-xs{margin-top: 50px;}
	.btn-block-xs{display: block;}
    .xsmt20{margin-top: 20px;}
    .xsmb20{margin-bottom: 20px;}

    .toggleBar{display: inline-block;cursor: pointer;}
    ul.quick-link-listing{padding: 9px 5px;margin-top: 15px;margin-bottom: 15px;margin-right: 0;}
    ul.quick-link-listing li{padding: 0 12px;}
    .dropdown-toggle > .img-profile{width: 30px;height: 30px;border-radius: 100px;}
    .dropdown-toggle > .img-profile img{width: 30px;height: 30px;border-radius: 100px;}

    .update-box-dashboard-createCourse{position: relative;bottom: 0;}
    .welcomeBackBanner{
        background: #4555f6;
        padding: 28% 0;
    }
    .editProfile-file{right: 75px;}
    .text-right-xs{text-align: left;}
    ul.addInstitute-feature-list li{margin-bottom: 10px;}
    ul.addInstitute-feature-list li:last-child{float: none;}

    .choose_option_pd30-xs{padding: 15px 20px;background-color: #efeff3;}
    .width127-xs{width: auto;}

    .selectInstitute-box .listpd20{padding: 10px;}
    .radioBtn-30 input[type=checkbox], input[type=radio]{
        width: 15px;height: 15px;margin-right: 0px;}
    .paddingTop-125-xs{padding-top: 125px;}
    .paddinglr-40{padding: 0 15px;}
    .container-fluid-custom {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .integrationDropdown-custom {
        border-width: 1px;
        top: 50px !important;
        border-color: rgb(232, 232, 238);
        border-style: solid;
        border-radius: 15px;
        background-color: rgb(255, 255, 255);
        box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
        width: 235px;
        padding: 0;
        left: 0;
    }
    .editProfile-file-delete{
        position: absolute;
        bottom: 43px;
        right: 60px;
        padding: 5px 8px;
        background: red;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
    .editProfile-file{
        position: absolute;
        bottom: 43px;
        right: 100px;
        border-radius: 5px;
        background-color: rgb(107, 108, 127);
        color: #ffffff;
        padding: 3px 5px;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
    .buttonFloat-left, .buttonFloat-right{
        width: 100%;
    }
}
@media (min-width:992px) {
	.mycontainer{width:970px;}
	.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28 {font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40 {font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md43 {font-size: 43px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md53 {font-size: 53px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md130 {font-size: 130px;}.md22{font-size:22px;}.md110 {font-size: 110px;}.md120 {font-size: 120px;}.md220{font-size: 220px;}

    .toggleBar{display: inline-block;cursor: pointer;}

    .modal-lg-777{
        max-width: 777px;
    }
    .modal-lg-1140{
        max-width: 1140px;
    }
    .paddingTop-125-xs{padding-top: 0;}

    .editProfile-file-delete{
        position: absolute;
        bottom: 43px;
        right: 130px;
        padding: 5px 8px;
        background: red;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
    .editProfile-file{
        position: absolute;
        bottom: 43px;
        right: 170px;
        border-radius: 5px;
        background-color: rgb(107, 108, 127);
        color: #ffffff;
        padding: 3px 5px;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
}
@media (max-width:991px) {
    .sidebar_left{display: none;}
    .top-header{padding-left: 15px;}
    .right_container_content{margin-left: 0;}
    .titlePosition-absolute-1{
	    position: absolute;
	    top: 10%;
	    left: 3%;
	}
	.titlePosition-absolute-2{
		position: absolute;
		top: 60px;
		left: 3%;
		width: 63%;
	}
    .paddingTop-125-xs{padding-top: 125px;}
}
@media (min-width:1024px) {
	.toggleBar{display: none;cursor: pointer;}
	.titlePosition-absolute-1{
	    position: absolute;
	    top: 10%;
	    left: 3%;
	}
	.titlePosition-absolute-2{
		position: absolute;
		top: 60px;
		left: 3%;
		width: 63%;
	}
    .paddingTop-125-xs{padding-top: 0;}
}
@media (min-width:1200px) {
	.mycontainer{width:1170px;}
    .toggleBar{display: inline-block;cursor: pointer;}

    /*.sidebar_left{display: none;}
    .top-header{padding-left: 15px;}
    .right_container_content{margin-left: 0;}*/
    .titlePosition-absolute-1{
	    position: absolute;
	    top: 10%;
	    left: 3%;
	}
	.titlePosition-absolute-2{
		position: absolute;
		top: 60px;
		left: 3%;
		width: 63%;
	}
	.update-box-dashboard-createCourse{
		position: relative;
        top: 0;
		bottom: 50px;
	}
    .paddingTop-125-xs{padding-top: 0;}
}
@media (min-width:1300px) {
	.mycontainer{width:1370px;}

    .toggleBar{display: none;cursor: pointer;}

    .titlePosition-absolute-1{
	    position: absolute;
	    top: 18%;
	    left: 3%;
	}
	.titlePosition-absolute-2{
		position: absolute;
		top: 80px;
		left: 3%;
		width: 63%;
	}
	.update-box-dashboard-createCourse{
		position: relative;
        top: 0;
		bottom: 50px;
	}
    .paddingTop-125-xs{padding-top: 0;}

    .editProfile-file-delete{
        position: absolute;
        bottom: 43px;
        right: 240px;
        padding: 5px 8px;
        background: red;
        border-radius: 5px;
        color: #ffffff;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
    .editProfile-file{
        position: absolute;
        bottom: 43px;
        right: 277px;
        border-radius: 5px;
        background-color: rgb(107, 108, 127);
        color: #ffffff;
        padding: 3px 5px;
        cursor: pointer;
        margin: 0 auto;
        display: table;
    }
}