.action-components {
	padding-bottom: 35px;
}
.action-components span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	padding-top: 10px;
}
.action-components a img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: top;
}

.module-image-thumb {
 	height: 80px; 
    background: #f2f2f2;
    object-fit: scale-down;
}
.store-home.store-ctrl.custom-switch-btn {
	padding: 11px 0;
}
.custom-switch-btn .custom-switch {
	padding-bottom: 6px;
}
.custom-switch-btn .publish-txt {
	margin-top: -1px;
} 
.custom-switch-btn .custom-switch .custom-control-label:before {
	width: 35px;
	height: 19px;
	left: -47px;
}
.custom-switch-btn .custom-switch .custom-control-label:after {
	left: -43px;
	width: 13px;
	height: 13px;
}
.custom-switch-btn .custom-switch .custom-control-input:checked~.custom-control-label:after {
    -webkit-transform: translateX(1.5rem);
    transform: translateX(0.9rem);
}
.count-message-text {
	text-align: right;
	font-size: 13px;
}
.manage-page-select .select2-container--default {
  width: 360px !important;
}
.manage-link {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 1;
}
.manage-link .btn-circle img {
	display: none;
	position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
	width: 17px;
    z-index: 9;
    height: auto;
}
.manage-link .btn-circle.disabled-link img {
	display: inline-block;
}
.manage-link .btn-circle.disabled-link .mdi-settings:before, .manage-action .btn-circle.disabled-link .mdi-content-save:before {
	opacity: 0;
}
.manage-action .btn-circle img {
	display: none;
	position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
	width: 16px;
    z-index: 9;
}
.manage-action .btn-circle.disabled-link img {
	display: inline-block;
}
.property-title {
  padding-bottom: 10px;
  display: block;
}
.disabled-link {
  color: #d0d0d0;
  opacity: 0.5;
  pointer-events: none;	
}
.action-link .btn-circle.disabled-link i.mdi-content-save {
	color: #d0d0d0;
}
.manage-editor-table tr {
	position: relative;
}
.large-modal table.manage-editor-table tr td {
	padding-top: 38px;
}
.manage-editor-table .property-title {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 5px 5px 5px 15px;
	background: #e5e5e5;
	z-index: 1;
}
.large-modal .select2-container--default .select2-selection--single {
	padding-right: 30px;
}
.large-modal .table tr td, .large-modal table tr td {
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8125rem;
	color: #4d617a;
	min-width: 150px;
}
.large-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 400;
	color: #6c757d;
	font-size: .9375rem;
	text-transform: none;
	letter-spacing: normal;
}
.large-modal .table-responsive {
	min-height: 10px;
	position: static;
}
.large-modal .form-control::-webkit-input-placeholder {
  color: #adb5bd;
}
.large-modal .form-control:-ms-input-placeholder {
  color: #adb5bd;
}
.large-modal .form-control::placeholder {
  color: #adb5bd;
} 
.visual-editor-table .form-control {
	width: 100px;
}
.action-link {
	white-space: nowrap;
	text-align: right;
}
.add-property-link {
	display: inline-block;
	padding: 12px 15px;
	color: #009be1;
	border: 1px solid #e0e2e4;
	background: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	vertical-align: middle;
	border-radius: .15rem;
}
.add-property-link:hover {
	background: #fffef8;
}
.add-property-link i {
	margin-right: 5px;
}
.large-modal .nav-tabs {
	margin-bottom: 20px;
}
.clr-picker {
	z-index: 9999 !important;
}
.clr-field, .clr-field button {
	width: 45px !important;
}
.clr-field .form-control {
	width: 85px;
	text-indent: 999px;
	cursor: pointer;
}
.clr-field button:after {
	box-shadow: none !important;;
}
.clr-field:before {
	position: absolute;
    top: 17px;
	right: -27px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #999999 transparent transparent transparent;
    content: "";
    pointer-events: none;
    z-index: 1;
}
.font-label {
	font-weight: 400;
	color: #4d617a;
	font-size: .9375rem;
	text-transform: none;
}

.slider-wrapper > span {
	font-weight: 400;
}
.slider.slider-horizontal {
    width: 65% !important;
    height: 20px;
	min-width: 110px;
	margin: 0 10px;
}
.height-wrapper {
	min-width: 330px !important;
}
.slider.slider-horizontal .tooltip {
	opacity: 1;
}
.slider.slider-horizontal .tooltip-inner {
	background: transparent;
	color: #4d617a;
	font-weight: 400;
	border: none;
	box-shadow: none;
}
.slider.slider-horizontal .tooltip.top {
    margin-top: -28px;
}
.slider-track {
	background: #f0f0f0;
	border: 1px solid #e1e1e1 !important;
	box-shadow: none !important;
}
.btn.manage-btn i {
	float: left;
	margin-top: -1px;
	font-size: 14px;
}
.dropdown-menu li a {
  position: relative;
}

.dropdown-menu li a.in-use:after {
  content: "In Use";
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 0;
  transform: translateY(-50%);
}

html.show-penplate-controls.penplate-large-view .penplate-controls.penplate-large {
  z-index: 99;
}
.set-menu-position-block, .manage-related-menu-list, .create-related-menu-form {
  height: 100%;
}
.set-menu-position-block .modal-body, .manage-related-menu-list .modal-body, .create-related-menu-form .modal-body {
  height: 90%;
}
.custom-alert-box {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  max-width: 450px;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0px 0px 20px #8c8c8c;
}
.custom-alert-box-shadow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #12263f;
  width: 100%;
  height: 100%;
  opacity: .5;
}

.toast-msg {
  visibility: hidden;
  position: fixed;
  z-index: 9;
  background: #283142;
  padding: 15px 45px 15px 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px #2d2d2d52;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  bottom: 15px;
  left: 15px;
}
.toast-msg.show {
  visibility: visible;
   z-index: 1052;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.toast-msg p {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.toast-close {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 0;
  font-size: 20px;
  color: #fff;
}

.overlay-right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 100%;
    background: #fff;
    color: #84b918 !important;
    border-color: #e3ebf6;
    min-width: 40px;
    height: 40px;
    padding: 9px 12px;
    margin: 0 5px;
    line-height: 1.25;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #84b918;
  color: #fff !important;
  border-color: #84b918;
}
table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid #dee2e6;
  font-family: 'Poppins';
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #dee2e6;
}
.dataTables_wrapper .dataTables_length select {
  font-size: 14px;
  min-width: 80px;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6;
}

.user-note-msg {
  background: #fcfcfc;
  padding: 15px;
}
.page-image-list .modal-body {
  border-bottom: 1px solid #e3ebf6;
}
.page-image-list .modal-body:last-child {
  border-bottom: none;
}
.replace-image {
  display: inline-block;
  padding: 5px 7px;
  color: #737373;
}
.replace-image:hover {
  color: #333;
}
.replace-image i {
  color: #f38f29;
  margin-right: 2px;
}
.toolbar-left {
  float: left;
}
.toolbar-center {
  width: 245px;
  margin: 0 auto;
}
.toolbar-right {
  float: right;
}

.navbar-custom, .dropdown-menu, .icon-menu .left-side-menu, .navbar {
  -webkit-box-shadow: 0 0 15px #c7c7c742;
  box-shadow: 0 0 15px #c7c7c742;
}
.store-name.style-two .store-ctrl {
  padding: 14px 0 13px;
  height: 63px;
}
.store-name.style-two .store-ctrl.active {
  background: #84b742;
  color: #fff;
}
.store-name.style-two .store-ctrl.active span {
  color: #fff;
}
.store-name .btn-green.store-ctrl {
  font-size: 18px;
  width: auto;
  color: #fefd42;
  padding: 16px 16px 17px;
  float: right;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: none;
  color: #84b832;
  border-color: transparent transparent #84b832;
}
.nav-tabs .nav-link:not(.active) {
  color: #12263f;
}
.nav-tabs .nav-link {
  font-size: 14px;
}
.nav-tabs .nav-link:not(.active):hover {
  color: #84b832;
  border-color: transparent;
}
.s3upload-progress-div {
  display: none;
}
.file-uploader {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.file-uploader input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 0;
}

.file-uploader input[type=file] {
  display: block;
}
label {
  color: #323233;
  font-size: 14px;
  font-weight: 500;
}
.file-uploader label {
  display: block;
  padding: 40px 20px;
  background: #fffef8;
  color: #9d9d9d;
  word-break: break-all;
  text-align: center;
  border: 2px dashed #d4d4d4;
  position: relative;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.file-uploader.form-input label,
.uploader-input label {
  padding: 20px;
}

.file-uploader.form-input.ishover label {
  border-color: #e00900;
  background: #fff;
}

.uploade-result {
  text-align: center;
}
#overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

#modaloverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}
.modal-header {
  background: #84b916;
  color: #fafb41;
  position: relative;
}

.modal-header h4 {
  color: #fafb41;
  display: flex;
  font-size: .975rem;
}

.modal-header .close {
  margin: 0;
  padding: 0;
  color: #fafb41;
  opacity: 1;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
  font-size: 1.40625rem;
}

.modal-header .close:hover {
  color: #fafb41 !important;
}

.modal-footer {
  display: flex;
  padding: 1.25rem;
  border-top: 1px solid #e3ebf6;
  background-color: #f9fbfd;
  align-items: center;
  justify-content: flex-end;
}
.btn {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
  display: inline-block;
  padding: .5rem .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2px;
}
.btn {
  min-width: 120px;
}
.btn-light {
  border-color: #d4d4d4;
}
.btn-light:hover {
  color: #84b832;
  border-color: #e0e2e4;
  background-color: #ffffff;
}
.btn-primary {
	color: #ffffff;
	border-color: #009be1;
	background-color: #009be1;
	-webkit-box-shadow: 0 2px 6px 0 rgba(39, 109, 241, 0.3);
    box-shadow: 0 2px 6px 0 rgba(39, 109, 241, 0.3)
}

.btn-primary:hover {
	color: #ffffff;
    background-color: #0980b5;
    border-color: #0980b5
}

.btn-primary.focus,
.btn-primary:focus {
	color: #ffffff;
    background-color: #0980b5;
    border-color: #0980b5
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #ffffff;
    background-color: #0980b5;
    border-color: #0980b5
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #ffffff;
    background-color: #0980b5;
    border-color: #0980b5
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 2px 6px 0 rgba(39, 109, 241, 0.3);
    box-shadow: 0 2px 6px 0 rgba(39, 109, 241, 0.3)
}

.section-shorting ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  overflow: hidden;
}

.section-shorting ul li {
  display: block;
  padding: 15px 15px 15px 65px;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}

.section-shorting ul li:last-child {
  border-bottom: none;
}

.draggable-handle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-right: 1px solid #e1e1e1;
  width: 50px;
  height: 100%;
  background: #fcfcfc;
  cursor: grab;
}

.draggable-handle span {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  width: 30px;
  height: 2px;
  background: #9da6af;
  transform: translateY(-50%);
}

.draggable-handle span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -5px;
  z-index: 0;
  background: #9da6af;
}

.draggable-handle span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -5px;
  z-index: 0;
  background: #9da6af;
}

.draggable-content {
  display: block;
}

.draggable-content img {
  max-width: 120px;
  margin-right: 10px;
}

.content-section-name {
  font-size: 15px;
  font-weight: 600;
}

.delete-section {
  position: absolute;
  top: 50%;
  right: 25px;
  z-index: 0;
  font-size: 20px;
  transform: translateY(-50%);
}

.seaction-heading {
  display: block;
  padding: 10px;
  position: relative;
  background: #e5e3e3;
  margin-bottom: 15px;
}
.seaction-heading h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.seaction-heading .hide-sections {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #333;
  font-size: 20px;
  z-index: 1;
}
.toolbar-top {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 2px solid #84b742;
  height: 64px;
}

.content-blocks {
  display: block;
}

.content-inner-block a {
  display: block;
  padding: 20px;
  text-align: center;
  color: #7d8a99;
}

.content-inner-block a i {
  font-size: 40px;
}

.content-inner-block a span {
  display: block;
  padding-top: 10px;
}

.page-toolbar-active {
  padding-top: 60px;
}
.page-toolbar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
.page-toolbar .btn {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
  display: inline-block;
  padding: .5rem .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2px;
}
.page-toolbar .btn-light {
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
}
.page-toolbar .btn-light:hover {
  color: #84b832;
  border: 1px solid #d4d4d4;
  background-color: #ffffff;
}
.btn-light.text-green {
  color: #84b832;
  background: #fff;
}
.btn-light.text-green:hover {
  color: #585858;
}
.theme-preview {
  display: inline-block;
}
.theme-preview a:hover, .theme-preview a.active {
  background: #fffef8;
}
.theme-preview a {
  padding: 10px 15px;
  color: #707070;
  font-size: 13px;
  border: 1px solid #e3ebf6;
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  margin: 0 5px;
}
.page-toolbar .btn-green {
  color: #fefd42;
  border: 1px solid #84b917;
  background-color: #84b917;
  -webkit-box-shadow: 0 2px 6px 0 rgb(132 184 51 / 30%);
  box-shadow: 0 2px 6px 0 rgb(132 184 51 / 30%);
}
.page-toolbar .btn-green:hover {
  color: #fefd42;
  background-color: #84b832;
  border: 1px solid #84b832;
}
.desktop-frame {
  width: 100%;
  height: 100vh;
}
.ipad-frame {
  width: 990px;
  height: 675px;
  background: url(../images/ipad-frame.png) no-repeat 50% 0;
  padding: 32px 62px 28px;
  background-size: contain;
  margin: 20px 0;
}
.iphone-frame {
  width: 370px;
  height: 675px;
  background: url("../images/iphone-frame.png") no-repeat 50% 0;
  padding: 69px 25px 90px 30px;
  background-size: contain;
  margin: 20px 0;
}
.manage-page-content-block {
  background: rgba(255,255,255,0.9);
  padding: 10px;
  float: left;
  width: 100%;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-top: 20px!important;
  height: 0;
}
.manage-page-content-block.show {
  visibility: visible;
  opacity: 1;
  margin-top: 0!important;
  height: auto;
}

.manage-page-content-block .owl-carousel .owl-item img {
  height: auto;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-prev, .manage-page-content-block .owl-carousel .owl-nav button.owl-next {
  left: -6px;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -6px;
}

.owl-carousel.owl-drag .owl-item .item a {
  display: block;
}

.owl-carousel.owl-drag .owl-item .item span {
  display: block;
  padding-top: 10px;
}
.section-shorting ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  overflow: hidden;
}

.section-shorting ul li {
  display: block;
  padding: 15px 15px 15px 65px;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}

.section-shorting ul li:last-child {
  border-bottom: none;
}

.draggable-handle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-right: 1px solid #e1e1e1;
  width: 50px;
  height: 100%;
  background: #fcfcfc;
  cursor: grab;
}

.draggable-handle span {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  width: 30px;
  height: 2px;
  background: #9da6af;
  transform: translateY(-50%);
}

.draggable-handle span:before {
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: -5px;
	 z-index: 0;
	 background: #9da6af;
}

.draggable-handle span:after {
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 bottom: -5px;
	 z-index: 0;
	 background: #9da6af;
}

.draggable-content {
  display: block;
}

.draggable-content img {
  max-width: 120px;
  margin-right: 10px;
}

.content-section-name {
  font-size: 15px;
  font-weight: 600;
}

.css-settings-section {
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 0;
  font-size: 20px;
  transform: translateY(-50%);
}

.delete-section {
  position: absolute;
  top: 50%;
  right: 25px;
  z-index: 0;
  font-size: 20px;
  transform: translateY(-50%);
}

.manage-page-content-block .owl-carousel .owl-item img {
  height: auto;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-prev, .manage-page-content-block .owl-carousel .owl-nav button.owl-next {
  left: -6px;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -6px;
}

.owl-carousel.owl-drag .owl-item .item a {
  display: block;
}

.owl-carousel.owl-drag .owl-item .item span {
  display: block;
  padding-top: 10px;
}

.content-blocks {
  display: block;
}

.content-inner-block a {
  display: block;
  padding: 20px;
  text-align: center;
  color: #7d8a99;
}

.content-inner-block a i {
  font-size: 40px;
}

.content-inner-block a span {
  display: block;
  padding-top: 10px;
}

.single-image-view {
  position: relative;
}

.single-image-view .change-image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  padding: 6px 0 0;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 15px;
  left: 50%;
  background: #000;
  transform: translateX(-50%);
  display: none;
   -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.single-image-view:hover .change-image {
  display: block;
}

.content-manager-block {
  position: fixed;
  top: 177px;
  right: -120%;
  z-index: 1;
  width: 300px;
  height: calc(100% - 177px);
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.content-manager-block .card {
  background: #e9ecf1;
}

.content-manager-block .card-body {
  padding: 15px;
}

.content-manager-block.show {
  right: 20px;
}

.content-listings {
  height: 620px;
  overflow-y: auto;
  margin-top: 20px;
}

.content-listings ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.content-listings ul li {
  display: block;
  position: relative;
  padding: 0 0 15px;
}

.content-listings ul li a {
  display: block;
}

.content-listings ul li span {
  display: block;
  width: 100%;
  color: #fff;
  background: #333;
  padding: 8px 16px;
  font-size: 13px;
}

.close-manager {
  padding: 5px 0;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #b71a1a;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  border-radius: 100%;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.close-manager:hover {
  color: #fff;
}

.btn-light.text-green {
  color: #84b832;
}
.btn-light.text-green:hover {
  color: #585858;
}
.btn-light.text-green i {
  color: #84b832;
  margin-right: 3px;
}
.applying-template {
  padding: 30px;
  text-align: center;
  background: #f9f6e7;
  border-bottom: 1px solid #e0ddcf;
}
.applying-template h3 {
  color: #d27343;
  text-transform: uppercase;
}
.applying-template .progress-bar.bg-success {
  background: #84b917 !important;
}
.applying-template .progress {
  border: 1px solid #e9e6d8;
  background: #ffffff;
}
.applying-template .progress-span-value {
  color: #716f68;
}
.template-status {
  text-align: center;
}
.template-status h3 {
  color: #84b917;
  text-transform: uppercase;
}
.theme-frame-preview {
  text-align: center;
  padding-top: 42px;
}
.theme-frame-preview iframe {
  border: none;
}
.desktop-frame {
  width: 100%;
  height: 100vh;
}
.ipad-frame {
  width: 990px;
  height: 675px;
  background: url(../images/ipad-frame.png) no-repeat 50% 0;
  padding: 32px 62px 28px;
  background-size: contain;
  margin: 20px 0;
}
.iphone-frame {
  width: 370px;
  height: 675px;
  background: url("../images/iphone-frame.png") no-repeat 50% 0;
  padding: 69px 25px 90px 30px;
  background-size: contain;
  margin: 20px 0;
}
.template-content {
  padding: 15px;
}
.theme-preview-bar .template-info-preview {
  border-left: 1px solid #e3eaef;
  padding: 10px 15px;
  display: inline-block;
}
.use-template a {
  border-left: 1px solid #e3eaef;
  padding: 10px 15px;
  display: inline-block;
  color: #707070;
}

.use-template a:hover {
  background: #f7f7f7;
  color: #707070;
}

.use-template a i {
  margin-right: 5px;
}

.theme-preview-bar {
  border-bottom: 1px solid #e3eaef;
  background: #ffffff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.theme-preview-bar .theme-preview {
  position: static;
  margin-right: 0;
}

.theme-preview-bar .theme-preview a {
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  padding: 11px 15px;
}
.theme-preview-bar .theme-preview a:first-child {
  border-radius: 0;	
}
.theme-preview-bar .theme-preview a:last-child {
  border-radius: 0;	
}

.theme-preview-bar .theme-preview a:hover, .theme-preview-bar .theme-preview a.active {
  background: #f7f7f7;
  color: #707070;
}

.template-option-btns {
  border-top: 1px solid #e3ebf6;
}

.template-option-btns a {
  color: #84b742;
  float: left;
  width: 50%;
  text-align: center;
  padding: 15px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-option-btns a i {
  margin-right: 5px;
}
.template-option-btns a.btn-bg-green {
  background: #84b742;
  color: #fff;
}
.template-option-btns a.btn-single {
  width: 100%;
  background: #fffef8;
}
.tooltip-inner {
  background: #fdf8e4;
  color: #90683a;
  border: 1px solid #dad2bc;
}
.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before {
  border-top-color: #dad2bc;
}
* {
  -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
  color-adjust: exact !important;  /*Firefox*/
}
.note-editor h1 {
  font-size: 40px;
  line-height: 54px;
  font-weight: 400;
}
.note-editor h2 {
  font-size: 35px;
  font-weight: 400;
}
.note-editor h3 {
  font-size: 30px;
  font-weight: 400;
}
.note-editor h4 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px;
}
.note-editor h5 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}
.note-editor h6 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
}
.note-editor p {
  line-height: 24px;
}
.note-editor ul {
  line-height: 30px;
}

.tree-view ul li a.active:after {
  content: "\F5E1";
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 1;
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84b742;
  font-size: 20px;
}

.editor-empty-view {
  display: flex;
}

.editor-empty-container {
  display: block;
  margin: 0 auto;
  min-width: 700px;
  padding: 50px;
  text-align: center;
}

.editor-empty-container h4 {
  color: #575755;
  padding: 30px 0 0;
  margin: 0;
  font-size: 24px;
}

body {
  min-height: inherit;
}

.editor-tabs.nav-tabs {
  border: none;
}

.close-editor-tab {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #263238;
}

.close-editor-tab:hover {
  color: #263238;
}

.active~.close-editor-tab {
  color: #263238;
}

.add-new-data {
  padding: 0 15px;
}

.add-new-data .col-md-4 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #e3ebf6;
}
.add-new-data .col-md-4:last-child {
  border-right: none;
}

.add-new-data a {
  color: #4a4a4a;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.add-new-data a i {
  color: #84b917;
}

.modal-body .tree-view {
  max-height: 300px;
  overflow-y: auto;
}

.editor-tabs.nav-tabs .nav-item {
  margin: 0 3px 0 0;
  position: relative;
}

.editor-tabs.nav-tabs .nav-link {
  padding: 5px 25px 5px 10px;
  background: #ffffff;
  border-radius: 5px 5px 0 0;
  border: 1px solid #e3ebf6;
  border-bottom: none;
}

.editor-tabs.nav-tabs .nav-link:not(.active) {
  color: #263238;
}

.editor-tabs.nav-tabs .nav-link.active {
  color: #fefd42;
  background: #84b832;
}

.editor-btns {
  display: block;
  padding: 20px;
}

.editor-btns .btn {
  display: inline-block;
  margin: 0 5px;
}

.editor-btns .btn i {
  color: #84b917;
}

.no-store-yet {
  display: block;
  padding: 0 0 0 15px;
}

.tree-view {
  display: block;
  overflow: auto;
  padding: 0 0 15px;
}

.tree-view ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.tree-view ul li {
  display: block;
  position: relative;
  white-space: nowrap;
}

.tree-view ul li a {
  display: block;
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  color: #333;
  position: relative;
}

.tree-view ul li a:hover {
  background: #faf9f3;
}

.tree-view ul li a:before {
  content: "\F35F";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  position: absolute;
  top: 2px;
  left: 0;
}

.tree-view ul li.selected> a:before {
  content: "\F35D";	
}

.tree-view ul li a.file {
  padding: 5px 10px;
}

.tree-view ul li a.file:before {
  display: none;
}

.tree-view ul li a i {
  margin-right: 5px;
  position: relative;
  z-index: 1;
  font-size: 18px;
}

.tree-view ul li a i.mdi-folder {
  color: #f5b703;
}

.tree-view ul li ul {
  display: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.tree-view ul li a.active {
  background: #faf9f3;
}

.tree-view ul li.selected> a i.mdi-folder:before {
  content: "\F76F";
}

.tree-action-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
  display: none;
}

.tree-view ul li:hover> .tree-action-icon {
  display: block;
}

.tree-view ul li .tree-action-icon a {
  font-size: 14px;
  color: #383838;
  padding: 0 2px;
  display: inline-block;
  background: none;
}

.tree-view ul li .tree-action-icon a:before {
  display: none;
}

.tree-view ul li .tree-action-icon a i {
  font-size: 14px;
  color: #383838;
}

.tree-view ul li .tree-action-icon a i.mdi-border-color {
  color: #faae34;
}

.tree-view ul li .tree-action-icon a i.mdi-cursor-move {
  color: #4767a2;
}

.tree-view ul li .tree-action-icon a i.mdi-delete {
  color: #e76171;
}

.tree-view ul li.selected>ul {
  display: block;
}

.tree-view ul li ul {
  padding: 0 0 0 15px;
}

.custom-dropdown-menu {
  padding: 0;
}

.custom-dropdown-menu .dropdown-item {
  position: relative;
  padding: 10px 10px 10px 30px;
  border-bottom: 1px solid #d9e3e9;
  font-size: 14px;
}

.custom-dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}

.custom-dropdown-menu .dropdown-item i {
  position: absolute;
  left: 10px;
  z-index: 0;
}

.store-name .dropdown {
  float: left;
  height: 100%;
}

.store-name .store-ctrl.disabled {
  background: #eeeeee;
  color: #a8a8a8;
  border-color: #dde1e5;
}

.custom-selectbox .select2-container .select2-selection--single {
  height: 39px;
  background: #fff;
  border-color: #fff;
  margin-bottom: 7px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.custom-selectbox .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 39px;
  color: #524646;
  padding: 0;
  font-size: 15px;
}

.custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
  height: 30px;
  width: 30px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: .15rem;
}

.select2-container .select2-selection--multiple {
  min-height: calc(2.5125rem + 2px);
  border-radius: .125rem;
}

.custom-selectbox .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #737373 transparent transparent transparent;
  margin-left: -6px;
}

.custom-selectbox .select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ffffff transparent!important;
}

.custom-selectbox .select2-container--open .select2-selection--single .select2-selection__arrow {
  background: #84b832;
  border-color: #84b832;
}

.select2-dropdown {
  border: 1px solid #d3dee6;
}

.select2-container--open .select2-dropdown--below {
  box-shadow: 0 0.75rem 2rem rgb(18 38 63 / 10%);
  padding: 0;
}

.select2-container--default .select2-search--dropdown {
  background: #fffdf4;
  padding: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #fffece;
  color: #6d9c0d;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background: #fffece;
  color: #6d9c0d;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: #ffffff;
  color: #6d9c0d;
  position: relative;
}

.select2-container--default .select2-results__option[aria-selected=true]:after {
  content: "\F5E1";
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 1;
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84b742;
  font-size: 20px;
}

.select2-results__option {
  padding: 10px;
  border-top: 1px solid #d3dee6;
  font-size: 14px;
  color: #524646;
}

.select2-search--dropdown .select2-search__field {
  font-size: 14px;
  color: #737373;
  padding: 5px 10px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #b2c5d3 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #b2c5d3 transparent!important;
  border-width: 0 6px 6px 6px!important;
}

.note-toolbar .btn {
  min-width: inherit;
}

.selected-store .dripicons-web {
    color: #5598c2;
    margin-right: 2px;
}

.store-list .store-link i {
    display: inline-block;
    color: #5598c2;
}

.dropdown-menu {
  -webkit-box-shadow: 0 0 15px #c7c7c742;
  box-shadow: 0 0 15px #c7c7c742;
}

.notification-empty {
  padding: 1rem;
  text-align: center;
  border-top: 1px solid #d9e3e9;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link span.contact-us-count {
  color: #fff !important;
}

.notification-list .dropdown-menu.dropdown-menu-right {
  padding: 0;
}

.main-menus .modal-footer {
  background: none;
  justify-content: center;
}

.btn {
  min-width: 120px;
}

.modal-footer>:not(:first-child) {
  margin-left: .75rem;
}

.modal-footer>:not(:last-child) {
  margin-right: .25rem;
}

.btn-light:hover {
  color: #84b832;
  border-color: #e0e2e4;
  background-color: #ffffff;
}

.dropdown-lg {
  width: 320px;
}

@media (max-width: 767.98px) {
  .dropdown-lg {
    width: 300px !important;
  }
}

.dropdown-menu-animated {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin-top: 20px!important;
}

.dropdown-toggle.arrow-none:after {
  display:none;
}


.show>.dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0!important;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span.badge-danger {
  color: #fff;
  background-color: #e63757;
  display: inline-block;
}

.video-js, .my-player-dimensions {
    width: 100% !important;
    clear: both;
}
.my-store-info {
  float: left;
  display: none;
  text-align: center;
  padding: 6px 15px;
}

.my-store-info i {
  font-size: 24px;
  background: #f8f8f8;
  width: 32px;
  vertical-align: middle;
  text-align: center;
  color: #96a0ac;
  display: inline-block;
  line-height: 30px;
  border-radius: 30px;
  height: 32px;
  border: 1px solid #e7e7e7;
}

.my-store-info span {
  display: block;
  margin-top: 5px;
  color: #585858;
  font-size: .562rem;
  font-weight: 600;
  text-transform: uppercase;
}

.add-new-store {
  background: #fafbe1;
  color: #84b832;
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e3eaef;
  font-size: 16px;
}

.store-list {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #e9ecef;
  cursor: pointer;
}

.store-list:hover,
.store-list.active {
  background: #f9fbfd;
}

.store-list .edit-this-store,
.store-list .store-url {
  display: inline-block;
  padding: 15px 10px 10px;
  text-align: center;
  position: static;
  border: none;
}

.store-list .edit-this-store span,
.store-list .store-url span {
  display: block;
  color: #585858;
  font-size: .562rem;
  font-weight: 600;
  text-transform: uppercase;
}

.store-list strong {
  color: #4c617c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.store-list .store-link {
  color: #585858;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.store-list .store-link span {
  font-size: 12px;
  font-weight: 400;
}

.store-list i.mdi-border-color {
  display: block;
  margin-top: 12px;
  color: #ff9000;
}

.store-list i.mdi-open-in-new {
  display: block;
  margin-top: 10px;
  color: #738cbe;
}

.store-name {
  position: relative;
  color: #4c617c;
  font-size: 20px;
  font-weight: 500;
  float: left; 
  display: inline-block;
  height: 100%;
}

.store-name.active {
  display: block !important;
}

.store-name .dropdown-toggle {
  float: left;
  display: inline-block;
  color: #4c617c;
  background: #fffef8;
  padding: 9px 35px 8px 15px;
  border-right: 1px solid #e3eaef;
  width: 235px;
  position: relative;
  height: 100%;  
}

.store-name .dropdown-toggle:after {
  display: none;
}

.store-name .dropdown-toggle:focus,
.store-name .dropdown-toggle:hover {
  color: #6c757d;
}

.store-name .store-ctrl {
  float: left;
  display: inline-block;
  width: 60px;
  color: #738cbe;
  font-size: .9375rem;
  padding: 7px 0;
  height: 63px;
  border-right: 1px solid #e3eaef;
  text-align: center;
}

.store-name .store-ctrl .mdi-home {
  color: #84b742;
}

.store-name .store-ctrl .mdi-buffer {
  color: #84b8e5;
}

.store-name .store-ctrl .mdi-border-color {
  color: #ff9000;
}

.store-ctrl span {
  display: block;
  color: #585858;
  font-size: .562rem;
  font-weight: 600;
  text-transform: uppercase;
}

.store-ctrl:hover,
.store-ctrl:focus {
  color: inherit;
}

.store-ctrl:hover,
.store-ctrl.active {
  background: #fffef8;
}

.add-new-store:focus,
.add-new-store:hover {
  color: #65941c;
}

.store-list.all-dashboard-view {
  background: #f9fbfd;
}

.store-list.all-dashboard-view i {
  font-size: 17px;
  margin-right: 1px;
}

.selected-store-name {
  font-size: 18px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.store-title {
  display: block;
  width: 100%;
}

.store-name .mdi-chevron-down {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 1;
  font-size: 28px;
  transform: translateY(-50%);
}

.selected-store {
  display: block;
  position: relative;
  font-size: 12px;
  top: -3px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pagination .page-link {
  width: 40px;
  height: 40px;
  padding: 5px;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
}

.app-search {
  max-width: 320px;
}

.store-name .dropdown-lg {
  width: 345px;
}

.main-content .navbar .container-fluid {
  padding: 0 !important;
}

.modal-overlay-cls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/ajax-loader.gif) no-repeat center;
  z-index: 99999;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

.note-editor.note-airframe,
.note-editor.note-frame {
  border-color: #dee2e6 !important;
  border-radius: .125rem;
}

.note-editable {
  min-height: 230px;
  max-height: 550px;
  background: #ffffff;
}

.note-dropdown-menu li {
  padding: 5px 0;
}

.note-dropdown-menu li a {
  display: block;
  padding: 2px 10px;
  color: #353535;
}

.note-editor .note-editing-area {
  border-top: 1px solid #dee2e6;
}

.note-toolbar .btn-default {
  color: #313a46;
  background-color: #e3eaef;
  border-color: #e3eaef;
  padding: .28rem .8rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .15rem;
}

.note-toolbar .btn-default:hover {
  color: #313a46;
  background-color: #cbd8e1;
  border-color: #c3d2dc;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
  background: #ffffff;
}

.note-resizebar {
  background-color: #fafbfc;
}

.navbar-vertical.navbar-expand-md .navbar-nav {
  margin-right: 0;
  margin-left: 0;
}

.small-preview,
#previewBlock img {
  display: inline-block;
  max-width: 150px;
  border-radius: .125rem;
  border: 1px solid #dee2e6;
  padding: 2px;
}

.logo {
  display: block;
  line-height: 70px;
  margin-bottom: 10px;
  position: relative;
}

.logo:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 78%;
  height: 1px;
  margin: 0 auto;
  background: #e3eaef;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

.navbar-vertical.navbar-expand-md {
  padding-left: 0;
  padding-right: 0;
}

.navbar {
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  padding: 0;
  position: fixed;
  width: calc(100% - 100px);
  top: 0;
  right: 0;
  z-index: 9;
  -webkit-box-shadow: 0 0 35px 0 #e8e8e8;
  box-shadow: 0 0 35px 0 #e8e8e8;
}

.main-content {
  margin-top: 85px;
}

#messageContent h5 {
  font-size: 18px;
}

.custom-control-input.default-disabled:disabled~.custom-control-label:before {
  background-color: #edf2f9;
  border-color: #edf2f9;
}

table.dataTable>tbody>tr.child td.child {
  white-space: normal;
}

p {
  font-weight: normal;
}

.parent-section .section-block.active {
  border: none;
  margin-bottom: 0;
}

.bootstrap-select>.dropdown-toggle:after {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 0;
  width: auto;
  height: auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.filter-option-inner,
.bootstrap-select .dropdown-toggle .filter-option {
  outline: none;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  outline: none !important;
}

.dropup .dropdown-menu {
  z-index: 1102;
}

.test-qus-counter {
  display: block;
  overflow: hidden;
}

.html2canvas-container {
  width: 3000px !important;
  height: 3000px !important;
}

.not-allowed {
  font-size: 18px;
  background: #f5f5f5;
  width: 42px;
  vertical-align: middle;
  text-align: center;
  color: #b5b5b5;
  display: inline-block;
  line-height: 40px;
  border-radius: 30px;
  height: 42px;
}

.dtr-data .custom-control {
  top: 6px;
}

body table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
  padding: 15px;
  background: #fff;
}

table.dataTable>tbody>tr.child span.dtr-title {
  min-width: inherit;
  padding-right: 3px;
  position: relative;
  vertical-align: top;
}

table.dataTable>tbody>tr.child span.dtr-title:after {
  content: ":";
  display: inline-block;
  margin-left: 5px;
}

.custom-switch .custom-control-input:checked[disabled]~.custom-control-label:before,
.table tbody tr:hover .custom-switch .custom-control-input:checked[disabled]~.custom-control-label:before,
.custom-control-input:disabled~.custom-control-label:before {
  border-color: #d2d2d2;
  background-color: #d2d2d2;
}

.account-notifications .section-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}

.account-notifications .alert-light {
  background: #d9edf6;
  border-color: #d9edf6;
  color: #346f8d;
}

.dropdown-divider {
  margin: .4rem 0;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span.mobile-only {
  display: none;
}

.main-menus.open,
.main-menus {
  display: inherit;
}

.custom-control-input:disabled~.custom-control-label {
  color: inherit;
}

#viewNotificationInfo td:empty {
  visibility: hidden;
}

#viewNotificationInfo td {
  border: none;
  padding: 0;
}

#viewNotificationInfo td table td {
  background: none;
}

li.unRead {
  background: #f7f8f9;
}

li.unRead:after,
tr.unRead td:last-child:after,
table.table.dataTable .unRead td:last-child:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 8px;
  height: 8px;
  background: #84b832;
  border-radius: 100%;
}

li.unRead:after {
  right: 10px;
}

tr.unRead td,
table.table.dataTable .unRead td {
  position: relative;
}

#topbar .dropdown-menu {
  top: 62px;
}

.navbar-user .dropdown-menu,
.d-md-none .dropdown-menu {
  top: 47px;
}

span.default-notifications {
  position: static;
}

.default-notifications .dropdown-toggle:after {
  display: none;
}

.default-notifications .dropdown-menu.dropdown-menu-right {
  right: -1px;
  top: 62px !important;
  z-index: 2;
  padding: 0;
}

.default-notifications .dropdown-menu li:first-child {
  background: #fafbe1;
  padding: 10px;
  color: #84b832;
  font-size: 14px;
}

.default-notifications .dropdown-menu li:first-child a {
  float: right;
  padding: 0;
  color: #84b832;
}

.default-notifications .dropdown-menu li:first-child a:before {
  display: none;
}

.default-notifications .dropdown-menu li {
  position: relative;
}

.default-notifications .dropdown-menu li:last-child {
  border-bottom: none;
}

.default-notifications .dropdown-menu li a {
  position: relative;
  padding: 10px 20px 10px 30px;
  font-size: 13px;
}

.default-notifications .dropdown-menu li a:before {
  content: "\F1EF";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  z-index: 0;
}

.default-notifications .dropdown-menu li.unRead a:before {
  content: "\F1EE";
  color: #ea8745;
}

.notification-link {
  color: #12263e;
  position: relative;
  padding-left: 20px;
  display: inline-block;
}

.notification-link:before {
  content: "\F1EF";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
  z-index: 0;
  color: #788da8;
}

.new-data-table span.notification-link {
  padding-left: 0;
}

.new-data-table span.notification-link:before {
  display: none;
}

.unRead .notification-link:before {
  content: "\F1EE";
  color: #ea8745;
}

.email-date-time {
  display: block;
  color: #333230;
}

.email-subject {
  display: block;
  font-weight: 600;
  word-break: break-word;
  color: #132750;
  white-space: normal;
}

.email-by {
  display: block;
  color: #666560;
  font-style: italic;
}

.modal-content {
  border: none;
}

.navbar .dropdown.d-md-none {
  position: absolute;
  right: 50px;
  top: 8px;
  z-index: 0;
}

.navbar-light .navbar-collapse:before {
  display: none;
}

.update-video-thumb {
  width: 100%;
}

.update-video-thumb .thumbnail-images img {
  width: 250px;
}

.update-video-cover {
  width: 100%;
}

.update-video-cover .btn .file-uploader label {
  padding: 25px 0;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  margin: 0;
}

.thumbnail-images {
  display: block;
}

.cover-image-div.btn-default {
  width: 100%;
  background-color: #fffef8;
}

.file-title {
  white-space: break-spaces;
}

.btn .file-uploader label {
  padding: 12px 0;
}

.thumbnail-images .file-preview {
  width: 30%;
  margin: 0;
}

.thumbnail-images .file-preview img {
  width: 100%;
  min-width: inherit;
  max-width: inherit;
}

.dtr-data {
  white-space: normal;
  display: inline-block;
}

.file-preview {
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
}

.file-preview img {
  max-width: 100px;
  border: 2px solid #d4d4d4;
  min-width: 200px;
  cursor: pointer;
  margin-bottom: 10px;
}

.file-preview.pdf {
  border: none;
}

.blue-color {
  color: #84b832;
}

#setPosition {
  display: none;
}

#logo {
  background: url(../images/logo.png) no-repeat center center/contain;
  max-width: 240px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.navbar-vertical .navbar-nav .open .nav-link:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.full-iframe {
  width: 100%;
  border: none;
  background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

iframe.full-iframe {
  height: 400px;
}

.table .none {
  display: none !important;
}

table.table.dataTable td,
table.table.dataTable th {
  min-width: 10px;
  outline: none;
}

table.table.dataTable td {
  background: #ffffff;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].checkbox-wrap>td:first-child {
  padding-left: 15px;
  padding-right: 30px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].checkbox-wrap>td:first-child:before {
  top: 50%;
  transform: translateY(-50%);
  left: 45px;
  z-index: 1;
}

.table-responsive table.dataTable td,
.table-responsive table.dataTable th {
  min-width: 10px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}

.custom-checkbox .custom-control-label:before {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
  right: 8px;
  display: block;
}

#permission-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff;
  display: none;
}

#overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

#modaloverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

#courseoverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

#contentoverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/ajax-loader.gif) no-repeat center;
  background-color: #f2f2f2;
  opacity: 0.3;
  display: none;
}

.loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #34a5c9;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 99999;
}

.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #72bb47;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #feb423;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

.question-answer-list h3 {
  margin-bottom: 5px;
  text-transform: capitalize;
}

textarea.form-control {
  height: 120px;
}

.question-answer-list ul {
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
}

.question-answer-list ul li {
  padding-left: 0;
  margin: 15px 0;
}

.question-answer-list ul li label {
  margin: 0;
  font-size: 14px;
  color: #57658c;
}

.question-answer-list .file-uploader {
  width: 100%;
  height: 120px;
}

.thumb-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.question-answer-list textarea.form-control.with-img {
  padding-right: 60px;
}

.question-answer-list textarea.form-control:focus {
  border-color: #dee2e6;
}

.question-answer-list .file-uploader label {
  text-align: center;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  right: 0;
  -webkit-border-radius: .375rem;
  border-radius: .375rem;
}

.question-answer-list .file-uploader form {
  display: block;
  background: #fffef8;
  border: 2px dashed #d4d4d4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.form-input.uploader-input {
  display: block;
  background: #fffef8;
  border: 2px dashed #d4d4d4;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.question-answer-list .file-uploader form:hover,
.file-uploader.form-input.ishover,
.form-input.uploader-input:hover,
.file-uploader.form-input:hover {
  border-color: #ff9800;
}

.placeholder-text {
  color: #605f5f;
}

.pos-rel {
  position: relative;
}

.rm-img {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 1;
  padding: 1px 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.rm-user-img {
  position: absolute;
  top: -7px;
  right: -10px;
  z-index: 1;
  padding: 1px 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.thumbnail-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 12px 15px 0;
  position: relative;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  top: 19px;
  line-height: 16px;
}

.table-responsive {
  min-height: 300px;
  position: relative;
  z-index: 0;
}

.table-responsive .dropdown-menu {
  max-height: 180px;
  overflow-y: auto;
}

.dataTables_filter {
  float: left;
}

.dataTables_length {
  float: right
}

div.dataTables_wrapper div.dataTables_length select {
  margin: 0 10px;
}

.table-nowrap td code,
.table-nowrap th code {
  white-space: normal;
}

table.dataTable.mg-data-table {
  width: 100% !important;
  margin: 0 !important;
}

.d1-none {
  display: none!important;
}

.uploade-save {
  margin-top: 20px;
}

.file-uploader {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.file-uploader input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 0;
}

.file-uploader input[type=file] {
  display: block;
}

.file-uploader label {
  display: block;
  padding: 12px 25px;
  color: #9d9d9d;
  word-break: break-all;
  text-align: center;
}

.file-uploader.form-input label,
.uploader-input label {
  padding: 20px;
}

.file-uploader.form-input.ishover label {
  border-color: #e00900;
  background: #fff;
}

.uploade-result {
  text-align: center;
}

#image {
  max-width: 100%;
}

img {
  max-width: 100%;
}

.uploade-cropped {
  display: inline-block;
  max-width: 100px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.nav-item .collapse {
  display: none;
}

table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting {
  position: relative;
}

table.dataTable thead .sorting:after {
  content: "" !important;
  opacity: 0.3;
}

table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after {
  content: "" !important;
  position: absolute;
  bottom: 15px;
  background: url("../images/icons/desc.png") no-repeat 50% 50%;
  background-size: 16px auto;
  width: 16px;
  height: 16px;
  opacity: 0.8;
}

table.dataTable thead .sorting_asc:after {
  content: "" !important;
  position: absolute;
  bottom: 15px;
  background: url("../images/icons/asc.png") no-repeat 50% 50%;
  background-size: 16px auto;
  width: 16px;
  height: 16px;
  opacity: 0.8;
}

.nav-item .collapse.block {
  display: block;
}

.dataTables_length label {
  margin-bottom: .5rem;
}

.navbar-vertical.navbar-expand-md .navbar-brand-img {
  max-height: 2.5854rem;
}

.compose-btn {
  text-align: right;
}

.custom-accordions h2 {
  background: #ffffff;
  color: #717171;
  display: block;
  padding: 15px 45px;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #dbddde;
  border-radius: 3px;
}

.custom-accordions h3 {
  background: none;
  color: #626262;
  display: block;
  padding: 15px 45px 15px 75px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}

.custom-accordions h2 i,
.custom-accordions h3 i {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.custom-accordions .active h2 i {
  color: #fff;
}

.custom-accordions .fe-clock {
  color: #f79a21;
}

.custom-accordions .fe-check {
  color: #5aad20;
}

.section-block.active .parent-section .section-block:last-child h3,
.section-block:last-child .child-section {
  border-bottom: none;
}

.section-block.active .parent-section .section-block:last-child h3.active {
  border-bottom: 1px solid #e5e2d8;
}

.custom-accordions h3:before {
  top: 12px;
  left: 45px;
  height: 18px;
  width: 18px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 18px;
  content: '+';
  background: #979797;
}

.parent-section {
  display: none;
}

.child-section {
  padding: 15px 15px 15px 75px;
  display: none;
  border-bottom: 1px solid #e5e5e5;
}

.parent-section-ques-answer {
  padding: 15px 15px 15px 45px;
  border-bottom: 1px solid #e5e5e5;
}

.question-answer-list .btn i {
  margin: 0;
}

.custom-accordions .active h2 {
  background: #84b832;
  color: #fefd42;
  margin: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom-color: #84b832;
}

.custom-accordions .active h2:before {
  content: '-';
  background-color: #f54836;
}

.custom-accordions h3.active {
  margin: 0;
  border-bottom-color: #e5e2d9;
  background: #fffcf2;
}

.custom-accordions h3.active:before {
  content: '-';
  background-color: #99968b;
}

.custom-accordions h2 p {
  font-size: 15px;
}

.custom-accordions h2:before {
  background: #84b832;
  width: 18px;
  height: 18px;
  line-height: 20px;
  top: 13px;
  left: 13px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  content: '+';
}

.section-block.active {
  border: 1px solid #e9eff7;
  margin-bottom: 15px;
  border-radius: 3px;
  background: #fff;
}

.section-block.active .parent-section {
  padding: 0;
}

.survey-btn {
  background: #ffffff;
  border-color: #000;
}

.survey-btn i {
  color: #000000;
}

.btn-default {
  border-color: #e7e7e7;
  background-color: #ffffff;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active {
  border-color: #e7e7e7;
  background-color: #f2f2f2;
}

.btn-default .fe-corner-up-right {
  color: #336699;
}

.btn-default .fe-play-circle {
  color: #33cc66;
}

.btn-default .fe-file-text {
  color: #33ccff;
}

.btn-default .fe-eye {
  color: #3399ff;
}

.btn-default .fe-edit {
  color: #ff9933;
}

.btn-default .fe-trash-2 {
  color: #ff6633;
}

.btn-default .fe-users {
  color: #33cc66;
}

.question-counter {
  position: absolute;
  top: -5px;
  left: -22px;
  width: 25px;
  height: 25px;
  background: #7493a1;
  color: #ffffff;
  font-size: 11px;
  line-height: 26px;
  text-align: center;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 0;
  text-transform: uppercase;
}

.answer-counter {
  position: absolute;
  top: -2px;
  left: 0;
  width: 25px;
  height: 25px;
  background: #6ba397;
  color: #ffffff;
  font-size: 11px;
  line-height: 26px;
  text-align: center;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 0;
  text-transform: uppercase;
}

.question-answer-list h4 {
  position: relative;
  min-height: 20px;
  padding-left: 12px;
  color: #586381;
}

.buttons-wrap .btn {
  margin: 4px 2px;
}

.buttons-wrap .btn:last-child {
  margin-right: 0;
}

i.text-oranger {
  color: #ff8066 !important;
}


/* custom theme elements*/

.input-group.input-group-merge>.input-group-append>.input-group-text {
  padding-left: .850rem;
}

.ans-view {
  position: relative;
  padding-left: 35px;
  color: #57658c;
}

.video-title {
  display: block;
  font-size: 20px;
  font-weight: 400;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
  color: #84b832;
}

.list-content .card-body {
  padding: 1rem 1.5rem 1.5rem;
}

.video-title.detail-page-title,
.video-title.detail-page-title:hover {
  white-space: normal;
  color: #12263f;
}

.divDisabled {
  pointer-events: none;
  cursor: default;
  color: #a9acb1;
}

.view-video img,
img.pdf-preview {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.content-document {
  font-size: 14px;
  padding: 0 0 10px;
}

.content-document i {
  display: inline;
}

.page-title-right:before,
.page-title-right:after {
  display: table;
  clear: both;
  content: "";
}

.page-title-right .breadcrumb {
  float: left;
}

.page-title-right button {
  float: right;
}

.upload-icon {
  display: block;
  margin-right: 5px;
  font-size: 30px;
}

#editable-answers td span.badge {
  font-family: 'Poppins', sans-serif;
  font-size: .9375rem;
  width: 100%;
  text-align: left;
  padding: 0;
}

span.edit-badge[contenteditable] {
  display: block;
  width: 100%;
  padding: .75rem;
  outline: 0px solid transparent;
}

span.edit-badge[contenteditable]:empty:before {
  content: 'Enter your answer';
  display: block;
}

span.edit-badge[contenteditable]:empty:focus:before {
  content: 'Start typing your answer';
}

span.edit-badge[contenteditable]:focus {
  border: 1px solid #2c7be5;
  background: #fff;
}

video {
  outline: none;
}

.answerTime {
  display: none;
}

.answerTime.open {
  display: block;
}

li.select2-results__option:empty {
  display: none;
}

button:disabled,
button[disabled],
button:disabled:hover,
button[disabled]:hover,
button:disabled:focus,
button[disabled]:focus,
a.divDisabled {
  border: 1px solid #bbbbbb !important;
  background-color: #e4e4e4 !important;
  color: #666666 !important;
  opacity: .3 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:disabled i,
button[disabled] i,
a.divDisabled i {
  color: #666666 !important;
}


/* New CSS Elements */

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
  padding-left: 50px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  background: #84b832;
  width: 18px;
  height: 18px;
  line-height: 20px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before {
  background: #f54836;
  color: #fff;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
}

table.dataTable tbody tr td.child {
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
}

.table tbody tr {
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
}

.table th {
  padding: 0 .9375rem;
}

.table td,
.table th {
  vertical-align: middle;
}

.table tr td,
table tr td {
  padding: .6375rem;
  background: #ffffff;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  font-size: 17px;
}

.table tr.child td,
table tr.child td {
  background: none;
}

.table tr td:first-child {
  border-left: 1px solid #f2f2f2;
  border-radius: .125rem 0 0 .125rem;
}

.table tr td:last-child {
  border-right: 1px solid #f2f2f2;
  border-radius: 0 .125rem .125rem 0;
}

.avatar-img {
  box-shadow: 5px 5px 10px 0px #ddd;
}

.avatar {
  float: left;
}

.user-name-email {
  display: block;
  overflow: hidden;
  padding-left: 15px;
}

.user-name-email span {
  display: block;
  font-size: 0.938rem;
}

.user-name-email span:first-child {
  font-size: 1rem;
  font-weight: 500;
}

.user-name-email span:last-child {
  margin-top: 15px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .user-name-email span:last-child {
  color: #bdbdbd;
}

.table tbody tr:hover td {
  background: #e9eff7;
  border-color: #e9eff7;
}

.custom-switch {
  min-height: 1.5rem;
  padding-left: 3.5rem;
  position: relative;
  display: block;
}

.custom-switch input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.custom-switch .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.20313rem;
  opacity: 0;
}

.custom-switch .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  display: inline-block;
  box-shadow: none;
}

.custom-switch .custom-control-label:before {
  top: 0;
  height: 1.5rem;
  border-radius: .75rem;
  left: -3.5rem;
  width: 3rem;
  pointer-events: all;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
  box-shadow: none;
  cursor: pointer;
}

.custom-switch .custom-control-label:after {
  top: .1875rem;
  left: -3.3125rem;
  background-color: #fff;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: .5625rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out;
  position: absolute;
  display: block;
  content: "";
  box-shadow: none;
  cursor: pointer;
}

.custom-switch .custom-control-input:checked~.custom-control-label:before,
.table tbody tr:hover .custom-switch .custom-control-input:checked~.custom-control-label:before {
  color: #ffffff;
  border-color: #84b832;
  background-color: #84b832;
  box-shadow: none;
}

.custom-switch .custom-control-input:checked~.custom-control-label:after,
.table tbody tr:hover .custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: #fff;
  -webkit-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
  box-shadow: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-input:checked~.custom-control-label:before {
  /* border-color: #ffffff;
  background-color: #ffffff; 
  box-shadow: 5px 5px 10px 0px #272727;*/
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-input:checked~.custom-control-label:after {
  /* background-color: #4d4d4d; */
  box-shadow: none;
}

.table tbody tr:hover .custom-switch .custom-control-label:before {
  box-shadow: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-label:before {
  /* box-shadow: 5px 5px 10px 0px #5a5a5a; */
}

table.dataTable tbody tr td .dropdown-ellipses,
.dropdown-ellipses {
  font-size: 36px;
  background: #f5f5f5;
  width: 42px;
  vertical-align: middle;
  text-align: center;
  color: #b5b5b5;
  display: inline-block;
  line-height: 40px;
  border-radius: 30px;
  height: 42px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses {
  color: #ffffff;
  background: #84b832;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses .dripicons-dots-3 {}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses:hover {
  /* color: #ffffff; */
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i {
  display: inline-block;
  min-width: 2.813rem;
  font-size: 1.352rem;
  line-height: 46px;
  padding-bottom: .125em;
  background: #f0f2f4;
  color: #7d8a99;
  height: 2.813rem;
  border-radius: 100%;
  margin-bottom: .438rem;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dripicons-briefcase {
  line-height: 42px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link:hover>i,
.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i {
  background: #84b832;
  color: #fefd42;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dripicons-dots-3 {
  font-size: 35px;
}

.navbar-vertical.navbar-expand-md {
  text-align: center;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link {
  font-size: .562rem;
  padding: .438rem 0;
  color: #5e5e5e;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}


/* .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
  background: none;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active {
  background: none;
  color: inherit;
}
.menu-small .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
  color: #95aac9;
  background: none;
}
.menu-small .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active {
  color: #84b832;
  background: none;
} */

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link span {
  display: block;
}

.main-content .navbar-nav nav-link>i {
  margin-right: .438rem;
}

table.dataTable>tbody>tr.child span.dtr-title {
  font-weight: 600;
}

.paging_simple_numbers {
  display: block;
  padding: 1rem 0;
}

.paging_simple_numbers .pagination {
  display: inline-block;
}

.pagination>li>a,
.pagination>li.active>span {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  padding: 10px 12px;
}

.paginate_button {
  display: inline-block;
  padding: 0 5px;
}

.pagination>li>a {
  color: #84b832;
}

.pagination>li.active>a {
  background-color: #84b832;
  color: #fff;
}

.form-group>label,
.modal-body label {
  font-weight: 500;
}

.dropdown-item i {
  margin-right: 3px;
}

.navbar-divider {
  width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  padding: .9375rem;
  border: 1px solid #edf2f9;
  background: #ffffff;
  display: block;
  margin: -16px 0 0;
  border-radius: .125rem;
}

.list-inline {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu {
  z-index: 1038;
}

.navbar-brand {
  background: url("../images/logo-icon.png") no-repeat 50% 50%;
  width: 50px;
  height: 50px;
  background-size: cover;
  padding: 0;
  margin: 0 auto .625rem;
}

.menu-small .navbar-vertical.navbar-expand-md {
  max-width: 66px;
  padding-left: .75rem;
  padding-right: .75rem;
  overflow: visible;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-collapse {
  margin-left: -.75rem;
  margin-right: -.75rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link {
  -webkit-box-pack: center;
  justify-content: center;
  padding-left: .75rem;
  padding-right: .75rem;
  text-align: center;
}

.menu-small .navbar-vertical.navbar-expand-md.fixed-left:not([style*="display: none"])~.main-content {
  margin-left: 66px;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav {
  margin-left: -.75rem;
  margin-right: -.75rem;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link span {
  display: none;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item:hover>.nav-link span {
  background: #e9eff7;
}

.menu-small .navbar-vertical .navbar-heading {
  text-align: center;
}


/* .menu-small .tooltip {
  display: inherit;
}
.tooltip {
  display: none;
} */

.navbar-vertical.navbar-expand-md {
  -webkit-transition: all ease .1s;
  -ms-transition: all ease .1s;
  transition: all ease .1s;
}

.main-content .navbar {
  padding: 0;
}

.nav-user {
  padding: .875rem 1.25rem .875rem 4.375rem;
  color: #98a6ad;
  min-width: 2rem;
  display: block;
  margin: 0;
  border-left: 1px solid #e3ebf6;
}

.nav-user .account-user-name {
  display: block;
  color: #516b73;
  font-weight: 600;
  font-size: .813rem;
}

.nav-user .account-user-avatar {
  position: absolute;
  top: .625rem;
  left: .875rem;
}

.nav-user .account-position {
  display: block;
  font-size: .75rem;
  margin-top: -3px;
  color: #98a6ad;
}

.main-content .navbar .nav-link>i.dripicons-bell {
  font-size: 1.25rem;
}

.main-content .navbar .nav-link .badge {
  position: absolute;
  margin-left: -9px;
  top: 15px;
  border-radius: 100px;
  line-height: .625rem;
}

.org-name {
  position: absolute;
  top: 12px;
  left: 25px;
  color: #4c617c;
  font-size: 20px;
  font-weight: 500;
}

.dropdown-item i.mdi-sort,
.dropdown-item i.mdi-eye {
  color: #0dc7a8;
}

.dropdown-item i.mdi-border-color {
  color: #ff9200;
}

.dropdown-item i.mdi-delete {
  color: #f15560;
}

.dropdown-item i.mdi-tune,
.dropdown-item i.fe-edit-2 {
  color: #00a7ef;
}


/* .navbar-vertical.navbar-expand-md.fixed-left {
  overflow: visible;
} */

.navbar-expand-md .navbar-nav .dropdown-menu .nav-link i {
  margin-right: 8px;
  line-height: 42px;
}

.navbar-vertical.navbar-expand-md {
  padding-bottom: 0;
}

.new-data-table .custom-control {
  min-height: inherit;
  display: inline-block;
  margin-right: 40px;
}

.new-data-table .custom-control .custom-control-label:after,
.new-data-table .custom-control .custom-control-label:before {
  left: 5px;
}

.new-data-table .custom-control-label {
  position: static;
}

.navbar-vertical .navbar-heading {
  margin-bottom: 0;
}

.navbar-vertical .dropdown-toggle:after {
  display: none;
}

.navbar-vertical .dropdown-menu.second-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  z-index: 1;
  height: 100vh;
  background: #ffffff;
  border: none;
  border-right: 1px solid #e3ebf6;
  border-radius: 0;
  margin-top: 0;
  min-width: 250px;
  box-shadow: 0px 0 30px -20px #525252;
  padding: 0;
  overflow: auto;
}

.navbar-vertical .dropdown-menu.second-menu.show {
  left: 95px;
}

.side-nav-second-level li {
  display: block;
  overflow: hidden;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link {
  padding: 10px;
  overflow: hidden;
  color: #585858;
  font-size: .875rem;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link span {
  color: #585858;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link span.contact-us-count {
  color: #fff;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover, .navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active {
  color: #84b833;
  background: #f2f5f7;
}
.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover span, .navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active span {
  color: #84b833;
}

.side-nav-second-level li a.close-open-menu,
.side-nav-second-level li a.close-open-menu:hover,
.side-nav-second-level li a.close-open-menu:focus {
  text-align: right;
  padding: 10px;
  background: none;
  color: #777777;
  text-transform: uppercase;
  font-size: 11px;
  float: right;
  line-height: 22px;
}

.side-nav-second-level li .menu-group {
  color: #777777;
  background: #F9FBFD;
  border-top: 1px solid #e3ebf6;
  border-bottom: 1px solid #e3ebf6;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  font-size: 11px;
}

.side-nav-second-level.report-menu li a.close-open-menu i,
.side-nav-second-level.store-menu li a.close-open-menu i,
.side-nav-second-level li a.close-open-menu i,
.side-nav-second-level li a.close-open-menu:hover i,
.side-nav-second-level li a.close-open-menu:focus i {
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  margin: 0 0 0 5px;
  border-radius: 60px;
  min-width: 20px;
  background: #8c8c8c;
  border-color: #8c8c8c;
  color: #ffffff;
  float: right;
  text-align: center;
}

.side-nav-second-level li a i,
.side-nav-second-level li .nav-link>.fe {
  display: inline-block;
  min-width: 2.5rem;
  font-size: 1.25rem;
  line-height: 2.4rem;
  padding-bottom: .125em;
  background-color: #f0f2f4;
  color: #7d8a99;
  height: 2.5rem;
  border-radius: 100%;
  margin: 0 0.625rem 0 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  text-align: center;
  float: left;
}

.side-nav-second-level li a:focus,
.side-nav-second-level li a:hover,
.side-nav-second-level li a.active {
  color: #12263f;
  background: #e9eff7;
}

.side-nav-second-level li a:focus i,
.side-nav-second-level li a:hover i,
.side-nav-second-level li a.active i {
  background: #ffffff;
}

.new-data-table .custom-control-label:after,
.new-data-table .custom-control-label:before {
  top: 50%;
  transform: translateY(-50%);
}

.form-inline .new-data-table .custom-control-label {
  display: inline-block;
  ;
}


/* .clone-answer td:first-child {
  min-width: 500px;
} */

.saved-answers {
  position: relative;
  border: 1px solid #dee2e6;
  padding: 15px;
  border-radius: 10px;
}

.saved-answers:before {
  position: absolute;
  top: -20px;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  display: inline-block;
  border: 10px solid transparent;
  border-bottom-color: #dee2e6;
}

.form-inline-data {
  display: block;
}

.form-inline-data label {
  min-width: 105px;
  float: left;
  margin-top: 8px;
}

.inline-data {
  display: block;
  overflow: hidden;
}

iframe#upload-target {
  opacity: 0;
  display: none;
}

.question-answer-list ul li a.ans-icon img {
  width: 18px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 3px;
}

.question-answer-list ul li a,
.question-answer-list ul li a:hover {
  color: #fa6912;
  font-size: 14px;
}

.question-answer-list ul li a.btn {
  color: #fff;
}

.question-answer-list ul li a.ans-icon span {
  display: inline-block;
  color: #fa6912;
  position: relative;
}

.question-answer-list ul li a.ans-icon span.underline-text:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fa6912;
  bottom: 0;
  left: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.question-answer-list ul li a:hover span.underline-text:before {
  width: 0;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  display: block;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
  display: block;
}

#imagePreviewModal {
  z-index: 1051;
}

.modal-backdrop+.modal-backdrop {
  z-index: 1050;
}

.m-menu {
  font-size: 36px;
  background: #f5f5f5;
  width: 42px;
  vertical-align: middle;
  text-align: center;
  color: #b5b5b5;
  display: none;
  line-height: 40px;
  border-radius: 30px;
  height: 42px;
  margin: 0 15px 0 0;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Auther Ksharma
*******************************/

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 765px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 50px 0 #000;
  box-shadow: 0 0 50px 0 #000;
}

.modal.right .modal-header {
  padding: 20px;
}


/*Left*/

.modal.left.fade .modal-dialog {
  left: -765px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}


/*Right*/

.modal.right.fade .modal-dialog {
  right: -765px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal-header {
  background: #84b916;
  color: #fafb41;
  position: relative;
}

.modal-header h4 {
  color: #fafb41;
  display: block;
}

.modal-header .close {
  margin: 0;
  padding: 0;
  color: #fafb41;
  opacity: 1;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1;
}

.modal-header .close:hover {
  color: #fafb41 !important;
}

.modal.right .modal-footer {
  justify-content: flex-start;
}

.modal.right .btn-success {
  background: #7fc051;
  border-color: #7fc051;
}

.custom-control p {
  margin: 5px 0 0;
}

.comment-view-box {
  display: block;
  background: #fffaf1;
  border: 1px solid #efefef;
  padding: 15px;
  position: relative;
  margin: 15px 0 15px 35px;
  border-radius: 5px;
}

.comment-view-box:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #efefef;
  position: absolute;
  top: -10px;
  left: 30px;
  z-index: 0;
}

.comment-view-box:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fefaf1;
  position: absolute;
  top: -8px;
  left: 30px;
  z-index: 0;
}

.comment-view-box p {
  margin: 0;
  color: #57658c;
}

.thumb-link {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.video-cat {
  background: #fff2d9;
  font-size: 10px;
  color: #fea032;
  border-radius: 5px;
  padding: 5px 8px;
  display: inline-block;
  margin: 5px 0;
  border: none;
}

.video-dec {
  min-height: 70px;
  line-height: 24px;
  font-size: 16px;
}

.table tr td.text-right a .mdi-eye {
  color: #4ad8c7;
}

.section-title {
  display: block;
}

.section-title span {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.section-title a {
  float: right;
}

.mg-data-table .badge {
  padding: 8px;
}

.first-td-blue {
  margin-bottom: 0;
}

.first-td-blue tr td:first-child {
  color: #84b832;
}

.not-data-avl {
  display: block;
  background: #fff;
  padding: 42px;
  text-align: center;
}

.not-data-avl h4 {
  color: #68aa39;
  font-size: 24px;
  padding: 20px 0 5px;
}

.not-data-avl p {
  color: #555557;
}

.highcharts-container {
  width: 100% !important;
  height: 100% !important;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
}

.owl-carousel .owl-nav {
  text-align: center;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 35%;
  left: -10px;
  width: 25px;
  height: 65px;
  background-color: #fff;
  outline: none;
  border: 1px solid #e5e6e8;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  transform: translateY(-35%);
  z-index: 1;
  border-radius: 5px;
}

.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -10px;
}

.owl-carousel .owl-nav button.owl-prev:hover {
  color: #84b832;
}

.owl-carousel .owl-nav button.owl-next:hover {
  color: #84b832;
}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
  color: #abb2bb;
  background: #f1f1f1;
}

.owl-carousel .owl-nav .owl-next.disabled:hover,
.owl-carousel .owl-nav .owl-prev.disabled:hover {
  color: #abb2bb;
}

.owl-carousel .owl-dots {
  padding-bottom: 25px;
  text-align: center;
}

.owl-carousel button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 10px;
  margin: 0 6px;
  background: #8c8c8c;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 11px auto;
  cursor: pointer;
  text-indent: -999px;
  outline: none;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.owl-carousel button.owl-dot.active {
  background: #84b832;
}

.slider-no-current {
  display: none;
  padding-top: 46px;
}

.current-no:after {
  content: "/"
}

.view-video img {
  width: 100%;
}

.answer-list-preview {
  border: 1px solid #f2f2f2;
  background: #ffffff;
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
  padding: 15px;
  margin-bottom: 15px;
}

.answer-list-preview .custom-control-label {
  padding: 0 0 0 25px;
  color: #4d617a;
}

.answer-list-preview .custom-control-label:after,
.answer-list-preview .custom-control-label:before {
  left: 0;
}

.test-info-section {
  padding-bottom: 15px;
  color: #4d617a;
}

.text-timer i {
  color: #69bb3f;
  margin-right: 5px;
}

.text-timer #timeCounter {
  color: #fd6322;
}

.text-timer {
  float: right;
}

.test-results img {
  float: left;
  max-width: 100px;
}

.result-info {
  display: block;
  overflow: hidden;
  padding: 20px 0 0 30px;
}

.test-results h3 {
  font-size: 24px;
}

.test-results h4 {
  font-size: 16px;
  color: #555657;
}

.test-results p {
  font-size: 16px;
  color: #555657;
}

.test-results p span {
  color: #fd7747;
  font-weight: 600;
}

.pass h3 {
  color: #229f3c;
}

.fail h3 {
  color: #e02121;
}

.right-sidebar {
  margin-top: -1.5rem;
  height: 100%;
}

.right-sidebar .card {
  height: 100%;
  margin: 0;
}

.related-content {
  padding: 15px 0 0;
}

.related-content .video-info {
  padding: 15px 0 0;
}

.test-started img {
  display: inline-block;
  margin-right: 5px;
}

.text-orange {
  color: #fd7747;
}

.receent-tests-info {
  padding-bottom: 10px;
}

.recent-test-date-time {
  font-style: italic;
  color: #737373;
  padding-bottom: 5px;
}

.recent-test-title {
  color: #585858;
  padding-bottom: 5px;
}


/* .recent-test-title a {
  color: #585858;
} */

.receent-tests-info .badge {
  padding: 8px;
  margin-left: 8px;
}

.btn-border {
  background: #fff;
  color: #84b832;
}

.btn-border:hover,
.btn-border:focus {
  background: #f8f8f8;
  color: #84b832;
}

.sidebar-data {
  padding: 15px 0 20px;
}

.report-btn {
  padding-top: 30px;
}

.modal-dialog.modal-full {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none !important;
}

.modal-full .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.certificate-content {
  position: relative;
  display: inline-block;
}

.certificate {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 145px 200px;
}

.certificate-heading {
  font-family: 'CopperplateGothicStd-31AB';
}

.certificate-heading h2 {
  font-size: 100px;
  color: #162f4d;
  line-height: normal;
  margin: 0;
}

.certificate-heading h5 {
  font-size: 45px;
  color: #162f4d;
  line-height: normal;
  margin: 0;
  position: relative;
  top: -20px;
}

.cerficate-holder {
  font-size: 30px;
  color: #fff;
  font-family: 'CopperplateGothicStd-31AB';
  position: relative;
  top: -3px;
}

.certificate-info {
  font-family: 'SavoyeLetPlain';
  font-size: 48px;
  line-height: 50px;
  padding: 40px 0;
  color: #010000;
}

.certificate-info span {
  font-weight: bold;
}

.certificate-info span.holder-name {
  color: #a83f0c;
}

.certificate-info span.date-score {
  font-family: 'SavoyeLetPlain';
  font-size: 48px;
  font-weight: bold;
}

.certificate-code {
  position: absolute;
  bottom: 55px;
  text-align: left;
  padding-left: 10px;
}

.certificate-code h6 {
  font-size: 17px;
  font-family: 'RaleighTwoMedium-Regular';
  margin-bottom: 0;
}

.certificate-code p {
  font-family: 'PTSerif-Caption';
  font-size: 12px;
  color: #8a8683;
}

.s3upload-progress-div {
  display: none;
}

.course-progress.progress {
  height: 8px;
  background-color: #d4d4d4;
}

.pos-rel.small {
  width: 75px;
}

.course-progress .progress-bar {
  background-color: #7ec146;
  color: #12263f;
  position: relative;
}

.link-color-blue,
a.link-color-blue {
  color: #4f719c;
  position: relative;
}

.link-color-blue .mdi-certificate {
  color: #d88b1c;
  position: absolute;
  top: -6px;
  font-size: 24px;
  left: 0;
}

.link-color-blue .dripicons-wrong {
  color: #98a8b5;
}

.unavailable {
  color: #9eaeba;
}

.unavailable i.dripicons-wrong {
  margin-right: 3px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #84b832;
}

.nav-tabs .nav-link:not(.active) {
  color: #12263f;
}

.no-recound-found {
  text-align: center;
}

.no-recound-found h3 {
  color: #dc6a16;
  font-size: 24px;
}

.no-data-image {
  padding: 30px 0 15px;
}

.no-recound-found p {
  font-size: 20px;
}

.link-color-blue .dripicons-arrow-thin-right {
  color: #fa8a7a;
}

.link-color-blue .mdi-plus-circle {
  color: #8BC34A;
}

.link-color-blue .mdi-delete {
  color: #F44336;
}

.link-color-blue.certificate-view {
  padding-left: 30px;
}

.tooltip-inner {
  background-color: #000;
  color: #fff;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #000 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #000 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #000 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #000 !important;
}

.course-progress.progress.s3upload-progress {
  height: 15px;
  background-color: #eaeaea;
}

.progress-span-value {
  display: block;
}

.view-video video, .view-video .video-js {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background: #000;
}

.view-video:hover video, .view-video:hover .video-js {
  display: block;
}

.video-js video {
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
}
.video-js .vjs-tech {
	top: 50%;
    left: 50%;
}
.video-js .vjs-control-bar {
	z-index: 1;
}

.view-video {
  position: relative;
  height: 30vh;
  overflow: hidden;
  display: block;
  clear: both;
}

.view-video a {
  display: block;
  height: 100%;
}

.view-video.video-player {
  height: inherit;
}

.video-length {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 4px;
  background: rgba(0, 0, 0, 0.7);
  padding: 2px 5px;
  color: #fff;
  z-index: 0;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view-video video.full-iframe {
  position: static;
  display: block;
  transform: none;
}

.custom-alert {
  background: #f9f6e6;
  color: #5b6773;
  margin-bottom: 0;
}

.custom-alert strong {
  color: #39758a;
  display: inline-block;
  margin-right: 5px;
}

.custom-alert.process strong {
  color: #d3753c;
}

.custom-alert img {
  display: inline-block;
  margin-right: 5px;
}

.custom-alert.success strong {
  color: #4f9a26;
}

.thumbnail-images img {
  object-fit: cover;
}

.modal-full-width {
  max-width: 100%;
}

.video-player video {
  max-height: 70vh;
}

.dropdown-menu.inner {
  display: block;
}

.bootstrap-select>.dropdown-toggle {
  border-color: #dee2e6;
  background-color: #ffffff;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #12263f;
}

.bootstrap-select .dropdown-menu li a {
  padding: 5px 15px;
  display: block;
  color: #6e84a3;
}
.bootstrap-select .dropdown-menu li a:before {
	color: #35cc82;
    content: "\F5E0";
    position: absolute;
    right: 10px;
    top: 2px;
    z-index: 1;
    display: inline-block;
    font-family: "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    opacity: 0;
}
.bootstrap-select .dropdown-menu li a.active:before {
	opacity: 1;
}
.bootstrap-select .dropdown-menu li a:hover {
	color: #199dde;
	background: #fafbe4;
}

.bootstrap-select .dropdown-menu li a.adding-data {
  background: #f3f9ff;
  color: #84b832;
  padding: 10px 15px;
}

.bootstrap-select .dropdown-menu.show {
  padding: 0;
  margin: 0;
}

.btn-light {
  border-color: #d4d4d4;
}

.nav-tabs .nav-link {
  padding: 0 0 1rem 0;
}

.bs-placeholder {
  padding: .5rem .75rem;
  line-height: 24px;
  height: calc(2.40625rem + 2px);
}

.selected-plan {
  display: inline-block;
  color: #1f9fd9;
  font-size: 24px;
  padding-right: 30px;
  vertical-align: super;
}

.selected-plan p {
  margin: 0;
}

.selected-plan a {
  font-size: 16px;
  color: #000;
  text-decoration: underline;
}

.selected-plan a:hover {
  color: #1f9fd9;
  text-decoration: none;
}

.plan-info {
  display: inline-block;
  color: #7fc051;
  font-size: 16px;
  padding: 10px 30px;
  border-left: 1px solid #e5e5e5;
}

.plan-info p {
  margin: 0;
  color: #7d8a98;
  font-size: 17px;
}

.gray-box {
  display: block;
  border-left: 1px solid #e5e5e5;
  padding: 0 20px;
}

.gray-box h4 {
  color: #575757;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 18px;
}

.gray-box ul {
  text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
}

.gray-box ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 10px 10px 25px;
  color: #343434;
  margin-bottom: 6px;
  position: relative;
  display: inline-block;
  width: 47%;
  vertical-align: top;
}

.gray-box ul li:before {
  position: absolute;
  top: 18px;
  left: 5px;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #b2b2b2;
  content: "";
}

.gray-box p {
  line-height: 30px;
}

.select-default-one {
  padding: 20px 0;
}

.select-default-one a {
  color: #737373;
  display: inline-block;
  position: relative;
  margin: 0 10px;
  padding: 120px 0 0;
  min-width: 100px;
  text-align: center;
}

.select-default-one a:hover,
.select-default-one a.active {
  color: #84b832;
}

.select-default-one a:before {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border: 1px solid #e2e2e2;
  border-radius: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

.select-default-one a:hover:before,
.select-default-one a.active:before {
  border-color: #84b832;
}

.select-default-one a:first-child:before {
  background: url(../images/select-project.png) no-repeat 25px -50px #fafafa;
  background-size: 170px auto;
}

.select-default-one a:first-child.active:before {
  background: url(../images/select-project.png) no-repeat 25px 25px #fff;
  background-size: 170px auto;
}

.select-default-one a:last-child:before {
  background: url(../images/select-project.png) no-repeat -100px -50px #fafafa;
  background-size: 170px auto;
}

.select-default-one a:last-child.active:before {
  background: url(../images/select-project.png) no-repeat -100px 25px #fff;
  background-size: 170px auto;
}

.project-actions {
  display: block;
  padding: 25px 0 0;
}

.default-project .btn {
  min-width: 180px;
}

.default-project .btn i {
  float: right;
}

.color-black {
  color: #72716c;
}

a.color-black:hover {
  color: #84b832
}

.navbar-vertical.navbar-expand-md {
  overflow-y: visible;
}

.navbar-vertical.navbar-expand-md .navbar-nav {
  overflow-y: auto;
  height: calc(100vh - 67px);
}

.certificate-print {
  display: none;
}

.page-title .breadcrumb {
  float: right;
  padding: 0 0 10px;
  margin-bottom: 0;
  font-size: 14px;
}

.breadcrumb .breadcrumb-item a {
  color: #84b832;
  position: relative;
}

.breadcrumb-item.active {
  color: #737373;
}

.page-title h1 {
  margin: 9px 0 12px;
  color: #524646;
  font-weight: 400;
}

.page-title h4 {
  font-weight: 400;
  margin-bottom: 0;
  color: #555657;
  font-size: 14px;
}

.btn-block {
  overflow: hidden;
  clear: both;
}

.no-data-avl {
  padding: 80px 0;
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
}

.no-data-avl p {
  font-size: 16px;
  color: #585858;
}

.no-data-avl .btn {
  min-width: 170px;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #524646;
  font-size: 14px;
  background: #fff;
}

.btn-circle {
  text-align: center;
  display: inline-block;
  color: #737373;
  position: relative;
  top: 3px;
}

.btn-circle i {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  width: 38px;
  height: 38px;
  color: #7c7c7c;
  border: 1px solid #d3d1cd;
  background: #ffffff;
  border-radius: 100%;
}

.btn-circle i.mdi-border-color {
  line-height: 42px;
  color: #f59105;
  font-size: 16px;
}

.btn-circle i.mdi-delete {
  color: #ef5362;
  font-size: 15px;
}

.btn-circle imdi-dots-horizontal {
  font-size: 24px;
  line-height: 38px;
}

.btn-circle span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding-top: 5px;
}

.btn-circle:hover {
  opacity: .9;
  color: #7c7c7c;
}

a:hover {
  color: #73a425;
}

.btn-circle.dropdown-toggle:after {
  display: none;
}

.crm-view {
  position: relative;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link {
  min-width: 60px;
  color: #738cbe;
  font-size: .9375rem;
  padding: 13px 0;
  height: 100%;
  text-align: center;
  display: inline-block;
  margin: 0;
}

.crm-view .mdi-television {
  color: #738cbe;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span {
  display: block;
  color: #585858;
  font-size: .562rem;
  font-weight: 600;
  text-transform: uppercase;
}

.disabled {
  /* pointer-events: none; */
  opacity: 0.7;
  background: #eeeeee;
  color: #a8a8a8;
  border-color: #dde1e5;
}

.store-name .store-ctrl.disabled {
  background: #eeeeee;
  color: #a8a8a8;
  border-color: #dde1e5;
}

.store-name .store-ctrl.disabled .mdi-buffer, .store-name .store-ctrl.disabled .mdi-border-color {
  color: #a8a8a8;
}

.notification-link.no-before {
  padding-left: 0;
}

.store-name .store-ctrl.disabled span {
  color: #919191;
}

.paginate_button.disabled {
  background: none;
}

.page-title.style-two h1 {
  margin: 0;
}

.table th, .table thead th {
  color: #4d617a;
}

.table tbody tr.parent td, .table-hover tbody tr.parent:hover td {
  background: #fffef4;
  border-top-color: #f5b877;
}

.table tbody tr.parent td:first-child, .table-hover tbody tr.parent:hover td:first-child {
  border-left-color: #f5b877;
  border-radius: .125rem 0 0 0;
}

.table tbody tr.parent td.last-child, .table-hover tbody tr.parent:hover td.last-child {
  border-right: 1px solid #f5b877;
  border-radius: 0 .125rem 0 0;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  padding: 0;
  border: 1px solid #f5b877;
  background: #fcfcfc;
  display: block;
  margin: -16px 0 0;
  border-radius: .125rem;
  border-top-color: #edf2f9;
}

table.dataTable.only-one-child > tbody > tr.child ul.dtr-details > li:last-child {
  width: 100%;
  padding: 0 !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
  min-width: 100%;
  padding-right: 3px;
  position: relative;
  vertical-align: top;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  color: #4d617a;
}

.dtr-data {
  white-space: normal;
  display: block;
  font-size: 15px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
  padding: 15px !important;
  width: 25%;
  display: inline-block;
}

.card.card-tabs {
  margin-bottom: 0;
  border-bottom: none;
  box-shadow: none;
  position: relative;
  z-index: 1;
  bottom: -2px;
}

.card-tabs .card-body {
  padding-bottom: 0;
}

p {
  font-size: 16px;
}

.theme-preview {
  display: inline-flex;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.theme-preview a {
  padding: 10px 15px;
  color: #707070;
  font-size: 13px;
  border: 1px solid #e3ebf6;
  background: #fff;
}
.theme-preview a:first-child {
  border-right:none;
  border-radius: 5px;
}
.theme-preview a:last-child {
  border-left:none;
  border-radius: 5px;
}

.theme-preview a:hover, .theme-preview a.active{
  background: #fffef8;
}

.theme-mode a {
  padding: 10px;
  color: #707070;
  border: 1px solid #e3ebf6;
  background: #fff;
  border-radius: 5px;
  display: inline-flex;
  font-size: 14px;
}

.theme-mode a:first-child {
  border-right:none;
  border-radius: 5px 0 0 5px;
}
.theme-mode a:last-child {
  border-radius: 0 5px 5px 0;
}

.theme-mode a:hover, .theme-mode a.active{
  background: #fffef8;
  color: #84b917;
}

.dropdown-item {
  padding: .375rem 1rem;
}

/* Responsive CSS */

@media (max-width:1399px) {
  .owl-carousel .owl-item img {
    height: 250px;
  }
  .template-gallery .col-xl-3 {
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}

@media (max-width:1280px) {
  .owl-carousel .owl-item img {
    height: 200px;
  }
}

@media screen and (max-width:1199px) {
  .dt-bootstrap .row:last-child div[class*="col-"] {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  .dt-bootstrap .row:last-child div.dataTables_paginate {
    text-align: center;
  }
  .responsive-reports .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .responsive-reports .col-md-2 {
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
  .toolbar-center {
    float: left;
  }
  .store-name .dropdown-toggle {
    width: 200px;
  }
  .store-name .btn-green.store-ctrl {
    padding: 20px 15px 19px;
    font-size: 14px;
  }
}
@media screen and (max-width:1099px) {
  .template-gallery .col-xl-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
 }
 
 @media screen and (max-width:1049px) {
  .my-store-info {
    display: inline-block;
    margin-left: 10px;
  }
  /* .store-name .dropdown {
    width: 100%;
  }
  .store-name {
    display: none;
    position: absolute;
    top: 70px;
    border: 1px solid #e3eaef;
    left: 0;
    z-index: 1;
    background: #fff;
    max-width: 350px;
  }
  .store-name .dropdown-toggle {
    width: 100%;
    display: block;
    border-right: none;
  }
  .store-name .store-ctrl {
    width: 100%;
    border-top: 1px solid #e3eaef;
    text-align: left;
    border-right: none;
    padding: 10px;
  }
  .store-name .store-ctrl i {
    font-size: 18px;
    float: left;
    margin-right: 8px;
  }
  .store-ctrl span {
    padding: 5px 0 0;
    font-size: 12px;
  }
  .store-name .store-ctrl br {
    display: none;
  }
  .store-name .dropdown-lg {
    width: 100% !important;
    border-left: none;
    border-right: none;
    transform: none !important;
    will-change: inherit !important;
  } */
} 
 
@media screen and (max-width:991px) {
  table.dataTable>tbody>tr.child ul.dtr-details>li {
    width: 33.33%;
  }
  .page-title, .page-title .text-right {
    text-align: center !important;
  }
  .page-title h1 {
    margin: 0 0 10px;
  }
  .page-title h4 {
    margin-bottom: 10px;
  }
  .editor-heading .col-lg-7 {
    text-align: left !important;
    margin-bottom: 15px;
  }
  .modal-dialog {
    max-width: 90%;
  }
  .page-title .breadcrumb {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 857px) {
  table.dataTable td,
  table.dataTable th {
    min-width: 150px;
  }
  tr .form-group.float-right {
    float: none !important;
  }
}

@media (max-width:992px) {
  .org-name {
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md.fixed-left:not([style*="display: none"])~.main-content {
    display: block;
    width: calc(100% - 100px);
  }
}

@media (max-width:767px) {
  iframe.full-iframe {
    height: 280px;
  }
  .no-data-avl {
    padding: 30px 0;
  }
  .update-video-cover {
    padding-top: 15px;
  }
  table.dataTable>tbody>tr.child ul.dtr-details>li {
    width: 50%;
  }
  .my-store-info i {
    font-size: 30px;
    background: #f5f5f5;
    width: 42px;
    vertical-align: middle;
    text-align: center;
    color: #b5b5b5;
    line-height: 42px;
    border-radius: 30px;
    height: 42px;
    border: none;
  }
  /* .store-name {
    display: none;
    left: 12px;
  } */
  .my-store-info span {
    display: none;
  }
  .my-store-info {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0;
    margin: 0;
  }
  .navbar-brand {
    width: 45px;
    height: 45px;
  }
  .navbar {
    width: 100%;
  }
  .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    line-height: normal;
    margin-bottom: 0;
  }
  .logo:before {
    display: none;
  }
  .responsive-reports .col-md-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .responsive-reports .col-md-2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .survey-type-list,
  .survey-section-list {
    padding-bottom: 15px;
  }
  .page-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .page-title .breadcrumb {
    width: 100%;
    text-align: center;
    float: none;
    display: none;
  }
  .page-title .breadcrumb li {
    display: inline-block;
  }
  .gray-box {
    padding: 0;
    border-left: none;
  }
  .gray-box ul li {
    width: 100%;
  }
  .manage-category-list .col-sm-4 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-bottom: 15px;
  }
  .manage-category-list .col-sm-4:last-child {
    padding-bottom: 0;
  }
  .dataTables_filter,
  .dataTables_length {
    width: 100%;
  }
  div.dataTables_wrapper div.dataTables_info {
    white-space: normal;
  }
  .manage-category-list .btn {
    width: 100%;
  }
  .manage-category-list .btn~.btn {
    margin-top: 15px;
  }
  .modal-body {
    padding: 1rem;
  }
  #topbar .dropdown-menu {
    position: absolute;
    right: 0;
    top: 0 !important;
    border: 1px solid #e3ebf6;
  }
  .main-content .navbar .nav-link .badge {
    right: 15px;
  }
  .navbar-expand-md .navbar-nav .crm-view .nav-link {
    display: block;
    padding: 10px;
    text-align: left;
  }
  .navbar-expand-md .navbar-nav .crm-view .nav-link span.mobile-only, .navbar-expand-md .navbar-nav .crm-view .nav-link span {
    display: inline-block;
    font-size: 12px;
  }
  .navbar-expand-md .navbar-nav .crm-view .nav-link i {
    font-size: 1.25rem;
    margin-right: 5px;
  }
  #viewNotificationInfo .modal-body {
    padding: 0 15px;
  }
  .main-menus {
    position: absolute;
    background: #fff;
    width: 16rem;
    padding: 0;
    right: 20px;
    top: 70px;
    z-index: 2;
    border-left: 1px solid #e3ebf6;
    border-right: 1px solid #e3ebf6;
    display: none;
  }
  .main-menus.open {
    display: block;
  }
  .main-menus li {
    border-bottom: 1px solid #e3ebf6;
  }
  .main-menus li.border-left {
    border-left: none !important;
  }
  .m-menu {
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    margin: 0;
    z-index: 1;
    transform: translateY(-50%);
  }
  .login-user {
    display: none;
  }
  .navbar-user {
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
  }
  .nav-user {
    border: none;
    padding: 0;
  }
  .navbar-user .dropdown-menu {
    top: 44px;
  }
  .navbar-user .dropdown.ml-2 {
    margin-left: 0 !important;
  }
  .nav-user .account-user-avatar {
    position: static;
  }
  .main-content .navbar {
    border: none;
  }
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    width: 100%;
  }
  .report-btn {
    padding-top: 0;
  }
  .navbar-vertical.navbar-expand-md {
    padding: 1rem;
  }
  .navbar-brand.menu-open {
    margin: 0;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .navbar.dropdown.d-md-none {
    position: absolute;
    right: 50px;
    top: 8px;
    z-index: 1;
  }
  .navbar-vertical .navbar-top>.nav-item>.nav-link>i {
    min-width: 2.45rem;
    height: 2.45rem;
    font-size: 1.1rem;
    line-height: 2.5rem;
    margin: 0;
    padding: 0;
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    margin: 0;
    bottom: 0;
    height: 100vh;
    padding: 15px 0 0;
    width: 100px;
    border-right: 1px solid #e3ebf6;
  }
  .navbar-nav {
    margin: 0;
  }
  .res-btns .btn {
    font-size: 11px;
  }
  .right-sidebar {
    margin-top: 0;
  }
  .navbar-vertical .dropdown-menu.second-menu {
    min-width: 225px;
  }
}

@media screen and (max-width:639px) {
  .template-gallery .col-xl-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media print {
  #printCertificateModal {
    opacity: 0;
  }
}

@media screen and (max-width:575px) {
  .user-name-email span:last-child {
    margin-top: 0;
  }
  /* .store-name {
    max-width: 295px;
  } */
  .card {
    margin-bottom: 15px;
  }
  .modal-dialog {
    max-width: 100%;
  }
  .dataTables_length {
    display: block;
    padding: 15px 0;
  }
  .dt-bootstrap .col-sm-4 .btn {
    width: 100%;
  }
  .default-project .btn {
    font-size: 14px;
    min-width: 100%;
  }
  .btn {
    font-size: 14px;
  }
  .notification-btns .btn {
    width: 100%;
  }
  .plan-info {
    padding: 15px 0 0;
    margin-top: 15px;
    border-left: none;
    border-top: 1px solid #e5e5e5;
    display: block;
  }
  .page-title h4 {
    margin-bottom: 10px;
  }
  table.dataTable {
    margin: 0;
  }
  .not-data-avl {
    padding: 20px;
  }
  .table tr td .avatar {
    display: none;
  }
  .table tr td .user-name-email {
    padding: 0;
  }
  table.dataTable.nowrap th,
  table.dataTable.nowrap td {
    white-space: normal;
    /* min-width: 200px; */
    max-width: 100%;
  }
  .notifications-table .notification-link {
    padding-left: 50px;
  }
  .notifications-table .custom-control {
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    z-index: 1;
  }
  .notifications-table .notification-link:before {
    left: 30px;
  }
  .notifications-table .checkbox-column {
    position: relative;
    padding-left: 30px;
  }
  .new-data-table span.notification-link {
    padding-left: 35px;
  }
  .nav-tabs {
    border-bottom: none;
  }
  .nav-tabs .nav-item {
    width: 33.33%;
    text-align: center;
    margin: 0 !important;
  }
  .nav-tabs .nav-link {
    padding: 10px 0;
    border-bottom: 1px solid #e3ebf6;
    font-size: 12px;
    font-weight: 600;
  }
  .nav-tabs.item-two .nav-item {
    width: 50%;
  }
  .page-title {
    text-align: center;
    margin-bottom: 15px;
  }
  #currentPlan .page-title {
    text-align: left;
  }
  .page-title h1 {
    font-size: 20px;
    overflow: hidden;
  }
  .h1,
  h1 {
    font-size: 20px;
  }
  .page-title .text-right {
    text-align: center !important;
  }
  .page-title .btn {
    margin: .1875rem !important;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
    display: inline-block;
  }
  .card-body {
    padding: 15px;
  }
  .form-inline .form-group,
  .form-inline label {
    display: flex;
    margin-bottom: 0;
    align-items: center;
  }
  .dataTables_filter,
  .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_paginate .pagination {
    text-align: center;
    width: 100%;
    display: block;
  }
  .dataTables_paginate .pagination li {
    display: none !important;
  }
  .dataTables_paginate .pagination li:first-child,
  .dataTables_paginate .pagination li:last-child {
    display: inline-block !important;
  }
  .compose-btn {
    text-align: justify;
  }
  .no-data-avl img {
    max-width: 150px;
  }
}

@media screen and (max-width:487px) {
  .btn.ml-2 {
    margin-left: .1875rem!important;
  }
  .btn-block .btn {
    display: block;
    width: 100%;
    margin: 0 !important;
  }
  .btn-block .btn~.btn {
    display: block;
    width: 100%;
    margin: 15px 0 0 !important;
  }
}
@media screen and (max-width:419px) {
  .no-data-avl p br {
    display: none;
  }
}
#viewManageRelatedMenuModal {
	z-index: 1055;
}