/*START GLOBAL STYLES: SWITCH BUTTONS*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*END GLOBAL STYLES: SWITCH BUTTONS*/

/*START EDIT PROFILE*/
.js-connected-account{
	box-shadow: 0px 0px 3px #333333;
    border-radius: 6px;
}


.js-connected-account-initial {
    height: 50px;
    width: 50px;
    background-color: #e6c9ff;
    border-radius: 6px;
	position: relative;
}

.js-connected-account-initial > span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 150%;
}

.js-connected-account-title{
	font-size: 120%;
}

.js-disconnect-account:hover{
	cursor: pointer;
}

.js-remove-img:hover{
	cursor: pointer;
}
/*END EDIT PROFILE*/

/*START TUI CALENDAR*/
.calendar-box .lnb-calendars > div {
    padding: 12px 6px !important;
}
.calendar-box .lnb-calendars-item {
    padding: 4px 0 !important;
}
.lnb-calendars-item span {
    font-size: 14px;
}
/*.tui-view-7, .tui-view-8, .tui-view-9, .tui-view-10, .tui-view-11, .tui-view-12{
	display: none;
}*/

/*.tui-full-calendar-splitter{
	display: none;
}*/

#runningTasksList {
    border-bottom: none;
}

#runningTasksList .lnb-tasks-item {
    padding: 2px 0;
}

.calendar-box .lnb-tasks-item {
    min-height: 14px;
    line-height: 14px;
    padding: 8px 0;
}

.calendar-box .lnb-tasks-item:hover {
    cursor: auto;
}

.lbl-task-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 120px;
	height: 18px;
    vertical-align: middle;
}

.lbl-short {
	width: 80px;
}

.lbl-task-item {
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 8px;
    border: solid 2px;
    background: transparent;
}

.tui-full-calendar-popup-play, .tui-full-calendar-popup-pause {
    display: inline-block;
    padding: 7px 9px 11px 9px;
    width: calc(50% - 1px);
    outline: none;
    background: none;
    border: none;
    cursor: pointer;
}

.js-custom-icon{
	font-size: 14px;
	margin-top: 5px;
	color: #555555;
}

.js-play:hover, .js-pause:hover, .js-done:hover{
	cursor: pointer;
} 

.tui-full-calendar-popup-edit, .tui-full-calendar-popup-delete, .tui-full-calendar-popup-play, .tui-full-calendar-popup-pause {
	transition: 0.3s;
}

.tui-full-calendar-popup-edit:hover, .tui-full-calendar-popup-delete:hover, .tui-full-calendar-popup-play:hover, .tui-full-calendar-popup-pause:hover {
    cursor: pointer;
    transition: 0.3s;
    background-color: #c5c5c5;
}

.js-custom-button-icon{
	font-size: 14px;
	color: #555555;
	height: 20px !important;
    margin-right: 6px !important;
    vertical-align: middle;
} 

.tui-full-calendar-content::placeholder {
    color: #989898 !important;
}

.tui-full-calendar-section-project .tui-full-calendar-dropdown-menu-item, .tui-full-calendar-section-board .tui-full-calendar-dropdown-menu-item, .tui-full-calendar-section-user .tui-full-calendar-dropdown-menu-item {
    width: 100%;
}

.calendar-task-description {
    height: 90px !important;
	width: 100%;
	display: flex !important;
}

.js-calendar-task-description {
    height: 100%;
	width: inherit;
	border: none;
    resize: none;
}

.tui-full-calendar-section-title {
    width: 100% !important;
}

button#tui-full-calendar-schedule-private {
    display: none;
}

.tui-full-calendar-section-state {
    display: none;
}

.project-box .calendar-box {
    margin-top: 0;
}

.tui-full-calendar-timegrid-container {
    min-height: 600px;
}

#lnb{
	min-height: 600px;
	height: auto !important;
}

.project-box .calendar-box #lnb {
    display: none;
}

.project-box .task-view .js-add-new-task  {
    display: none;
}

.project-box .calendar-box #right {
    background-color: white;
	left: 0;
}

.tui-full-calendar-section-detail .tui-full-calendar-popup-detail-item:first-child{
	display: none;
}

.js-flag-schedule {
    font-size: 14px;
	color: #da1923;
}

.js-done-schedule {
    font-size: 14px;
	color: #32a852;
}
/*END TUI CALENDAR*/

/*START PUSH NOTIFICATIONS*/
.floating-icons {
	position: fixed;
    bottom: 3%;
    right: 3%;
	z-index: 10;
}
.floating-icon {
	position: relative;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    box-shadow: 0px 0px 5px;
	transition: 0.3s;
}
.floating-icon:hover{
	cursor: pointer;
	filter: brightness(120%);
	transition: 0.3s;
}
.floating-icon > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 180%;
}
.chat-head-contents{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.chat-pic {
    height: 40px;
    width: auto;
    max-width: none;
    border-radius: 100%;
}
.icon-badge, .icon-badge-chat {
    font-size: 90%;
}
.icon-badge-chat {
    position: relative;
}
.icon-group{
	position: relative;
}
.js-header-chats > i {
    font-size: 125%;
}
.icon-badge-header-chat {
    position: absolute;
    top: 0;
    right: 0;
}
.section-notifications {
    position: fixed;
    bottom: 12%;
    right: 3%;
    background: white;
    border-radius: 6px;
    padding: 15px;
	min-width: 500px;
    max-width: 750px;
    box-shadow: 0px 0px 5px;
	z-index: 1;
}
.section-chats {
    position: fixed;
    top: 7%;
    right: 3%;
    background: white;
    border-radius: 6px;
    padding: 15px;
	min-width: 500px;
    max-width: 750px;
    box-shadow: 0px 0px 5px;
	z-index: 2;
}
.header-chat-dynamic:hover{
	cursor: pointer;
}
@media(max-width: 767px){
	/*.section-notifications {
		max-height: 70vh;
	}*/
}
@media(max-width: 576px){
	.section-notifications {
		min-width: 0px;
		/*max-height: 70vh;*/
		margin-left: 3%;
	}
}
.sep-notification-heading, .sep-chat-heading {
    border-top: 3px solid rgb(104 60 148);
}
.notification-heading-title, .chat-heading-title {
    font-weight: bold;
    font-size: 150%;
}
.js-clear-notifications:hover{
	cursor: pointer;
}
.js-close-notification, .js-close-header-chat {
    font-size: 125%;
}
.js-close-notification:hover, .js-close-header-chat:hover{
	cursor: pointer;
	filter: brightness(120%);
	transition: 0.3s;
}
.list-notifications, .list-chats {
	overflow-y: auto;
	max-height: 70vh;
}
@media(max-width: 767px){
	.list-notifications, .list-chats {
		max-height: 70vh;
	}
}
@media(max-width: 576px){
	.list-notifications, .list-chats {
		max-height: 70vh;
	}
}
.notification-title, .chat-title {
    font-size: 120%;
}
.notification-date, .chat-date {
    font-size: 85%;
    color: #737373;
}
.unread{
	font-weight: bold;
}
.js-accept-invitation:hover, .js-decline-invitation:hover{
	cursor: pointer;
}

.js-chat{
	float: right;
}

.chatbox {
    background-color: white;
    border-radius: 6px;
	width: 250px;
	box-shadow: 0px 0px 9px #999999;
}

.js-close-chat:hover, .js-chat-settings:hover{
	cursor: pointer;
}

.chatbox-header {
    padding: 6px;
}

.chatbox-body {
    height: 150px;
    overflow-y: auto;
	padding: 5px;
}

.js-message-content{
	padding: 9px;
	border-radius: 6px;
}

.js-message-sender .js-message-content {
    background-color: #683c94;
    color: white;
}

.js-message-receiver .js-message-content {
    background-color: #e3c6ff;
    color: #333333;
}

.chatbox-input-main {
    border: 1px solid #999999;
}

.chatbox-input{
	resize: none;
	border: none;
	width: 80%;
}

.js-send-message {
    background-color: transparent;
	border: none;
}

.chat-initials {
    font-size: 135%;
}

.drag-area {
    position: fixed;
    width: 100%;
    /*height: 75px;*/
    bottom: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
	z-index: 9;
}

.droppable i {
    font-size: 360%;
	padding: 30px;
}

.ui-draggable-dragging{
	cursor: move !important;
	z-index: 10;
}
/*END PUSH NOTIFICATIONS*/

/*START TASK VIEW*/
#body-project .task-view .card{
    max-height: calc(100vh - 240px);
}

#tabs-task-view .nav-link {
    color: #683c94;
}

#tabs-task-view .nav-link.active {
    background-color: #683c94;
    color: white;
    border-color: #683c94;
}

.pagination .page-link{
	color: #683c94;
	border: none;
}

.pagination .page-link:hover{
	cursor: pointer;
}

.pagination-item.active > .page-link, .pagination-item-2.active > .page-link {
    background-color: #683c94 !important;
	border-color: #683c94 !important;
}

.pagination-item.active > .page-link:hover, .pagination-item-2.active > .page-link:hover{
	cursor: default;
}

.js-task-view-projects {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left-color: #dcdcdc;
    padding: 0px 6px;
}

.sorts:hover{
	cursor: pointer;
}

.no-br{
	border-radius: 0;
}

.btn-clear-search {
    background-color: #828282;
	color: white;
}

.task-name {
    font-size: 120%;
}

.js-description:hover {
    cursor: pointer;
}

.total-time {
    font-size: 150%;
}

/*.sep:last-child{
	display: none;
}*/

.js-start-task-view:hover, .js-pause-task-view:hover, .js-end-task-view:hover, .js-edit-task-view:hover, .js-delete-task-view:hover {
	cursor: pointer;
}
/*
.task-list-header-name {
	width: 150px;
}

.task-list-header-description {
	width: 240px;
}

.task-list-header-project {
	width: 150px;
}

.task-list-header-assigned {
	width: 108px;
}

.task-list-header-project.completed {
	width: 280px;
}

.task-list-header-actions {
	width: 130px;
}

.task-list-header-actions.completed {
	display: none;
}

.task-list-header-time {
	width: 90px;
}

.task-title {
    width: 150px;
    text-overflow: ellipsis;
}

.task-description {
    width: 240px;
    text-overflow: ellipsis;
}

.task-project {
    width: 150px;
    text-overflow: ellipsis;
}

.task-project a:hover {
	text-decoration: none;
}

.task-assigned {
    width: 108px;
    text-overflow: ellipsis;
}

.task-project.completed {
    width: 280px;
    text-overflow: ellipsis;
}

.all-btns {
	width: 130px;
}

.all-btns.completed {
	display: none;
}

.current-task-time {
	width: 90px;
}

.options-area {
    width: 300px;
	justify-content: flex-end;
}

@media(max-width:991px){
	.task-list-header-name {
		width: 180px;
	}

	.task-list-header-description {
		width: 248px;
	}
	
	.task-list-header-actions.completed {
		width: 130px;
	}
	
	.task-title {
		width: 180px;
	}

	.task-description {
		width: 248px;
	}
}

@media(max-width: 767px){
	.task-list-header-name {
		width: 180px;
	}
	
	.task-title {
		width: 180px;
	}
	
	.task-list-header-description {
		display: none;
	}
	
	.task-list-header-project.completed {
		width: 150px;
	}
	
	.task-list-header-actions.completed {
		display: initial;
	}
	
	.task-project.completed {
		width: 150px;
	}
	
	.all-btns.completed {
		display: initial;
	}
}

@media(max-width: 575px){
	
}

@media(min-width: 768px){
	.js-description{
		display: none;
	}
}
*/
/*END TASK VIEW*/

/*START BOARD VIEW*/
.view-loading-img > img {
    width: 15%;
}

.js-toggle-project-menu {
	font-size: 120%;
}

.heading-project-menu {
    font-size: 135%;
}

#myKanban{
	overflow-x: auto; 
	padding:20px 0;
	margin-bottom: 45px;
	max-height: 70vh;
    overflow-y: auto;
}

.task-view{
	padding:20px 0;
	margin-bottom: 45px;
	/*max-height: 70vh;
	overflow-x: auto; 
    overflow-y: auto;*/
}

.parent-tbl-task-list-items, .parent-tbl-task-list-completed-items{
	max-height: calc(100vh - 525px);
	overflow-x: auto; 
    overflow-y: auto;
}
.tbl-task-list-items th, .tbl-task-list-items td, .tbl-task-list-completed-items th, .tbl-task-list-completed-items td{
	white-space: nowrap;
}
.task-description{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100px;
}

.parent-tbl-task-info{
	max-height: 45vh;
	overflow-x: auto; 
    overflow-y: auto;
}

.tbl-task-info th, .tbl-task-info td{
	white-space: nowrap;
}


/*.kanban-container {
    width: 100% !important;
}*/

.js-kanban-add-task{
	padding: 10px 12px;
	transition: 0.3s;
}

.js-kanban-add-task:hover{
	cursor: pointer;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.1);
}

.kanban-item {
    padding: 6px !important;
    margin-bottom: 9px !important;
}

/*.kanban-board {
    width: 270px !important;
}*/

.kanban-board header {
    font-size: 16px !important;
    padding: 12px 12px 6px 12px !important;
}

.kanban-board .kanban-drag {
    min-height: 0px !important;
	padding: 12px !important;
}

.kanban-item:hover {
    cursor: pointer !important;
}

.activity-log-details {
    width: fit-content;
}

.modal-task .modal-dialog {
    max-width: 600px;
}

.js-subtask-list, .js-member-task-list {
    list-style-type: none;
}
.modal-task-view > .modal-dialog, .modal-member-task-view > .modal-dialog {
    max-width: 800px;
}
.modal-member-task-view > .modal-dialog {
    max-width: 1200px;
}
.js-subtask-list-header {
    border-bottom: 1px solid;
}
.js-task-status, .js-subtask-status, .js-member-task-status {
    padding: 2px 6px;
    border-radius: 3px;
}

.queue-file, .task-file{
	position: relative;
	box-shadow: 0px 0px 3px #777777;
	border-radius: 6px;
}

.attachments-list-item {
	margin-left: 0;
    margin-right: 0;
}

.attachment-preview-default, .attachment-preview {
    height: 75px;
	background-color: #dfc0ff;
}

.attachment-preview-default > i {
    font-size: 250%;
}

.attachment-preview{
	position: relative;
	overflow: hidden;
}

.img-preview {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-cancel-temp-file {
    position: absolute;
    top: 6px;
    right: 6px;
	z-index: 1;
}

.js-cancel-temp-file:hover{
	cursor: pointer;
}

.attachment-options-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    height: 75px;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 6px;
    transition: 0.3s;
}

.queue-file .attachment-options-overlay:hover{
	background-color: rgba(0, 0, 0, 0.3);
	transition: 0.3s;
}

/*.queue-file .attachment-options-overlay:hover .js-cancel-temp-file{
	display: inline-block;
}*/

.file-name {
    font-weight: bold;
    font-size: 125%;
    width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.attachment-btns i {
    font-size: 125%;
}

.attachment-btns i:hover {
    cursor: pointer;
}

.file-viewer-overlay, .rename-file-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 1051;
	display: flex;
    flex-direction: column;
}

.file-viewer-header {
    padding: 15px;
	background-color: rgba(0, 0, 0, 0.7);
}

.js-close-file-viewer:hover{
	cursor: pointer;
}

.file-viewer{
	position: relative;
	height: 90vh;
	padding: 15px;
}

.file-image{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	height: 100%;
    object-fit: contain;
}

.dropzone {
    height: 75px;
    background-color: #dfc0ff;
    box-shadow: 0px 0px 3px #777777;
    border-radius: 6px;
	border-color: #683c94;
    border-style: dashed;
	transition: 0.3s;
}

.dropzone:hover{
	filter: brightness(120%);
	cursor: pointer;
	transition: 0.3s;
}

.drop-icon {
    font-size: 250%;
}

/*END BOARD VIEW*/

/* START TASKS PAGE */
.activity-box {
    box-shadow: 0px 0px 3px #555555;
}

/* Board */
.page-tasks {
    position: relative;
}
.board {
  position: relative;
  /*margin-left: 1%;*/
}
.board-column {
  position: absolute;
  left: 0;
  right: 0;
  width: 30%;
  margin: 9px 9px;
  background: #f0f0f0;
  border-radius: 3px;
  z-index: 1;
  box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.5);
}

@media(max-width: 991px){
	.board-column{
		width: 45%;
	}
}

@media(max-width: 767px){
	.board-column{
		width: 100%;
	}
}

.board-column.muuri-item-releasing {
  z-index: 2;
}
.board-column.muuri-item-dragging {
  z-index: 3;
  cursor: move;
}
.board-column-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px 3px 0 0;
}
@media (max-width: 600px) {
  /*.board-column-header {
    text-indent: -1000px;
  }*/
}
.board-column.todo .board-column-header {
  background: #4A9FF9;
}
.board-column.working .board-column-header {
  background: #f9944a;
}
.board-column.done .board-column-header {
  background: #2ac06d;
}
.board-column-content {
  position: relative;
  border: 10px solid transparent;
  /*min-height: 95px;*/
}
.board-item {
  position: absolute;
  width: 100%;
  margin: 5px 0;
  transition: 0.3s;
}
.board-item:hover {
  transition: 0.3s;
}
.board-item.muuri-item-releasing {
  z-index: 9998;
}
.board-item.muuri-item-dragging {
  z-index: 9999;
  cursor: move;
}
.board-item.muuri-item-hidden {
  z-index: 0;
}
.board-item-content {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

.task-not-started {
    background-color: #ff5f67;
	color: white;
	transition: 0.3s;
}

.task-started {
    background-color: #2e82e0 !important;
	color: white;
	transition: 0.3s;
}

.task-paused {
    background-color: #dc851a !important;
	color: white;
	transition: 0.3s;
}

.task-finished {
	background-color: #49a04f !important;
	color: white;
	transition: 0.3s;
}

.js-flag-task {
    color: #da1923;
}

@media (max-width: 600px) {
  /*.board-item-content {
    text-align: center;
  }
  .board-item-content span {
    display: none;
  }*/
}

.btn-edit-board{
	transition: 0.3s;
}

.btn-edit-board:hover{
	transition: 0.3s;
	cursor: pointer;
}

.btn-delete-board{
	transition: 0.3s;
}

.btn-delete-board:hover{
	transition: 0.3s;
	cursor: pointer;
}
  
.add-card{
	padding: 10px;
	transition: 0.3s;
}
  
.add-card:hover{
	transition: 0.3s;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.1);
}

.btn-transparent{
	background: none;
    border: none;
} 

.bg-nav-custom {
    background: linear-gradient(180deg, #b365f5, #882cd6);
	box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.2);
	height: 60px;
} 

#page-project{
	height: calc(100vh - 60px);
}
/*.js-add-board {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}*/

.animated-loading-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
	z-index: 1051;
}

.animated-loading-box {
	/*background: white;
    padding: 6px 12px;
    border-radius: 5px;*/
    position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.animated-loading-text {
    font-size: 125%;
    font-weight: bold;
}

.loading-box {
    background: white;
    padding: 6px 12px;
    border-radius: 5px;
    position: fixed;
    bottom: 12px;
    right: 12px;
    box-shadow: 0px 0px 6px #333333;
}

.activity-box {
    background-color: #e0e0e0;
	/*height: calc(100vh - 60px);*/
	overflow-y: auto;
}

.toggle-shrink:hover {
    cursor: pointer;
}

.toggle-expand:hover {
    cursor: pointer;
}

.js-project-menu-shrunk {
    top: 50%;
    right: -112px;
    transform: translate(-50%, 0%) rotate(90deg);
	background-color: #e0e0e0;
	box-shadow: 0px 0px 5px #ababab;
	border-radius: 0 0 6px 6px;
	z-index: 99;
}
.user-list {
	min-height: 0;
	max-height: 40vh;
    overflow-y: auto;
}
.activity-list {
    min-height: 0;
	max-height: 40vh;
    overflow-y: auto;
}
.request-list {
	list-style-type: none;
    min-height: 0;
	max-height: 40vh;
    overflow-y: auto;
}
.timesheet-list {
	min-height: 0;
	max-height: 40vh;
    overflow-y: auto;
}
.activity-log-item:not(:last-child), .timesheet-item:not(:last-child), .archive-item:not(:last-child), .request-item:not(:last-child) {
    border-bottom: 1px solid #b1b1b1;
}
.archive-list{
	list-style-type: none;
}
.archive-text {
    width: 18vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media(max-width: 1439px){
	.archive-text {
		width: 15vw;
	}
}

@media(max-width: 1023px){
	.archive-text {
		width: 12vw;
	}
}

@media(max-width: 767px){
	.archive-text {
		width: 9vw;
	}
}

.js-restore:hover, .js-permanent-delete:hover, .js-deny-request:hover, .js-accept-request:hover, .js-deny-request-all:hover, .js-accept-request-all:hover, .js-archive-all:hover {
	cursor: pointer;
}

.project-profile-img {
    height: 36px;
	width: 36px;
}

.user-initials {
    background-color: #ae95c7;
    height: 36px;
	width: 36px;
}

.user-initials {
    background-color: #ae95c7;
    height: 36px;
	width: 36px;
}
.name-initials {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.log-date {
    color: #928f8f;
}

  
/*END TASKS PAGE*/ 

/*START DASHBOARD PAGE*/
.default-layout{
	text-align: center;
}

.section-sep {
    height: 2px;
    background: linear-gradient(45deg, white, #bdbdbd, white);
    margin-bottom: 30px;
}

.heading-sep {
    margin-top: 9px;
    margin-bottom: 9px;
    background-color: #c1c1c1;
    height: 1px;
}

.list-sep {
    margin-top: 9px;
    margin-bottom: 9px;
}

.icon-box {
    font-size: 400%;
}

.icon-action {
    font-size: 135%;
}

.icon-action:hover{
	cursor: pointer;
}

.default-info {
    font-size: 135%;
}

.project-card {
    box-shadow: 0px 0px 6px #c5c5c5;
	/*min-height: 120px;*/
}

.project-title {
    border-bottom: none;
    background: transparent;
	padding: 12px 12px 0px 12px;
}

.project-body {
    padding: 12px 12px;
}

.js-project-link:hover {
	text-decoration: none;
}

.js-edit:hover, .js-delete:hover{
	cursor: pointer;
}

.dashboard .kanban-board {
    margin-top: 30px;
}

/*END DASHBOARD PAGE*/
 
/* START LOG IN PAGE */
.login-main {
    height: 100vh;
}

/*#login {
    background-color: #ffffff;
    box-shadow: 0px 0px 3px #c9c9c9;
    border-radius: 6px;
    padding: 24px;
}*/

i.info{
	font-size: 75%;
}

#custom-content{
	padding: 24px;
}

.login-inner {
	background-color: #ffffff;
    box-shadow: 0px 0px 3px #c9c9c9;
    border-radius: 6px;
    padding: 24px;
}

/*.login-inner {
    max-width: 400px;
	margin-top: 60px;
    margin-right: 30px;
    margin-left: auto;
}*/

@media(max-width: 991px){
	.login-inner {
		max-width: 100%;
		margin-left: 30px;
	}
}

@media(max-width: 575px){
	#login {
		width: 100%;
	}
}

.login {
    margin-top: 60px;
}

.frm-login {
    box-shadow: 0px 0px 5px #c5c5c5;
}

.input-clear {
    /*color: white;*/
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #c1c1c1 !important;
    border-radius: 0 !important;
	transition: 0.3s !important;
}
.input-clear:focus {
    /*color: white;*/
	background-color: transparent;
	transition: 0.3s;
}
.input-clear::placeholder {
    color: #777777;
	opacity: 0.8;
}

.btn-white-transparent {
    border: 2px solid #ffffff;
    color: white;
	transition: 0.3s;
}

.btn-white-transparent:hover {
    color: #683c94;
	transition: 0.3s;
	background-color: white;
}

.js-sign-up:hover, .js-reset-password:hover{
	cursor: pointer;
}
/* END LOG IN PAGE */

/* START CHANGE DEFAULT PASSWORD PAGE */
.change-default-password-main {
    height: 100vh;
}

#change-default-password {
    background-color: #683c94;
	width: 50%;
}

.change-default-password-inner {
    max-width: 400px;
	margin-top: 60px;
    margin-right: 30px;
    margin-left: auto;
}
/* END CHANGE DEFAULT PASSWORD PAGE */

/* START RESET PASSWORD PAGE */

.reset-password-main {
    height: 100vh;
}

/*#reset-password {
    background-color: #683c94;
	width: 50%;
}*/

.reset-password-inner {
	background-color: #ffffff;
    box-shadow: 0px 0px 3px #c9c9c9;
    border-radius: 6px;
    padding: 24px;
}

@media(max-width: 991px){
	.reset-password-inner {
		max-width: 100%;
		margin-left: 30px;
	}
}

@media(max-width: 575px){
	#reset-password {
		width: 100%;
	}
}

.reset-password {
    margin-top: 60px;
}

.frm-reset-password {
    box-shadow: 0px 0px 5px #c5c5c5;
}

/* END RESET PASSWORD PAGE */

/* START VERIFY */
.info-text {
    font-size: 180%;
    font-weight: bold;
}

.status-info-box-main{
	height: 100%;
}

.status-info-box {
    border-radius: 6px;
    box-shadow: 0px 0px 12px #adadad;
    padding: 30px 60px;
}

@media(max-width: 991px){
	.status-info-box {
		padding: 30px 30px;
	}
}

@media(max-width: 767px){
	.status-info-box {
		text-align: center;
	}
	
	.img-box > img {
		width: 50%;
	}
}

@media(max-width: 575px){	
	.img-box > img {
		width: 200px;
	}
}

/* END VERIFY */

/*START LAYOUTS*/

/*start navbar*/
.js-menu-button, .js-header-chats {
    border: none;
	background: transparent;
	transition: 0.3s;
} 

.js-menu-button:hover, .js-menu-button:focus, .js-menu-button:active, .js-header-chats:hover, .js-header-chats:focus, .js-header-chats:active {
	border: none !important;
	background: transparent;
	box-shadow: none;
	transition: 0.3s;
} 

/*end navbar*/

/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
}

.sidebar-profile-img {
    height: 90px;
    width: 90px;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  box-shadow: 0px 0px 3px #555555;
}

#body-project #sidebar-wrapper {
	max-height: 100vh;
}

.sidebar-inner {
    max-height: inherit;
    overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#body-project .toggled .sidebar-inner::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#body-project .toggled .sidebar-inner {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

.sep-sidebar {
    background-color: #d9b2ff;
    margin-left: 20px;
    margin-right: 20px;
	height: 3px;
}

.filter-box-project {
    border-bottom: 1px solid white;
	margin-left: 20px;
    margin-right: 20px;
}

.filter-box-clear > input {
    background-color: transparent;
	color: white;
}

.filter-box-clear > input:focus {
    background-color: transparent;
	color: white;
}

.filter-box-clear > input::placeholder {
	color: #999999;
}

.btn-search-clear {
    background-color: transparent;
    color: white;
}

.sidebar-project-search-default {
	margin-left: 20px;
    margin-right: 20px;
}	

.sidebar-project-loading {
	margin-left: 20px;
    margin-right: 20px;
}	
	
.sidebar-project-loading-img > img {
    width: 45px;
}

.sidebar-project-default-img > img {
    width: 45%;
}

.js-sidebar-project-link:hover{
	text-decoration: none;
}

.js-sidebar-user-project{
	transition: 0.3s;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4.5px;
	padding-bottom: 4.5px;
}

.js-sidebar-user-project:hover {
    background: #a580ca;
	transition: 0.3s;
}

.extender {
    margin-left: 20px;
    margin-right: 20px;
}

.extender:hover {
    cursor: pointer;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  /*#page-content-wrapper {
    min-width: 0;
    width: 100%;
  }*/

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

.menu-item {
    background: transparent;
    border: none;
	transition: 0.3s;
	padding-top: 9px;
    padding-bottom: 9px;
}

.profile-infos {
	padding-top: 20px;
    padding-right: 20px;
    /*padding-bottom: 20px;*/
	padding-left: 20px;
}

.profile-user-name{
	font-size: 150%;
}

.section-title{
	padding-left: 20px;
	padding-right: 20px;
}

.menu-item:hover {
    background: #a580ca;
	transition: 0.3s;
}

/*END LAYOUTS*/  
  
/*CSS Style from RecMan*/

/*ANIMATIONS*/

@keyframes fadeOut{
  from{
  	opacity: 1;
  } 
  to{
    opacity: 0;
  }
}
    
@keyframes fadeIn{
  from{
  	opacity: 0;
  } 
  to{
    opacity: 1;
  }
}

@-o-keyframes fadeInOut{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}

@-moz-keyframes fadeInOut{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeInOut{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}

@keyframes shimmer {
	100% {
	  transform: translateX(100%);
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.fade-in{
	animation: fadeIn 0.5s;
}

.fade-out{
	animation: fadeOut 0.5s;
}

.fade-in-out{
	-webkit-animation: fadeInOut 2s infinite;
   -moz-animation: fadeInOut 2s infinite;
   -o-animation: fadeInOut 2s infinite;
    animation: fadeInOut 2s infinite;
}
.shimmer{
	animation: shimmer 2s infinite;
}

/*START RESET PASSWORD*/
.frm-reset {
    width: 50%;
    margin: auto;
    /*background-color: #dab8ff;*/
}
/*END RESET PASSWORD*/

/*START PROFILE*/
.feed-box {
    box-shadow: 0px 0px 6px #c5c5c5;
}

.feed-profile-pic{
	height: 100px;
    width: 100px;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px #ffffff;
}

.default-profile-background {
    height: 200px;
	max-height: 200px;
    background-color: #683c94;
}

@media(max-width: 767px){
	.page-profile-info {
		text-align: center;
	}
	
	.page-profile-info-details {
		padding-top: 90px !important;
	}
	
	.page-profile-pic {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media(min-width: 768px){
	.page-profile-pic {
		 position: absolute;
		 bottom: 0%;
		 left: 20%;
	}
}
.page-profile-pic {
    background-color: #bf80ff;
    width: 150px;
    height: 150px;
    border: 3px solid #dddddd; 
}

.page-profile-position, .page-profile-location {
    font-size: 120%;
}

.page-profile-position > i {
    width: 20px;
}

.page-profile-location > i {
    width: 20px;
}

.page-profile-header {
    border-bottom: none;
}

.page-profile-header > h4 {
    font-size: 180%;
    font-weight: 600;
}
.glance-left {
    text-align: center;
}

.glance-right {
    text-align: center;
}

.num-icon {
    font-size: 360%;
    font-weight: 600;
}

.num {
    font-size: 360%;
    font-weight: 600;
}

.num-desc {
    font-size: 150%;
}
/*END PROFILE*/

/*START EDIT PROFILE*/

.list-item{
	border-radius: 3px;
}

/*.list-item:hover{
	background-color: #ac73e4;
	color: white !important;
	cursor: pointer;
	transition: 0.3s;
}*/

.list-item-active{
	background-color: #683c94;
	color:white !important;
}

@media(min-width: 992px){
	.js-address{
		height: 130px !important;
	}
}

/*END EDIT PROFILE*/

/*START LOG IN/SIGN UP*/
.first-col {
    padding: 24px;
}

.last-col {
    background-color: #e6e6e6;
    padding: 24px;
    box-shadow: 0px 0px 5px rgba(51,51,51,0.6);
}

.txt-terms {
    text-align: center;
    margin-bottom: 12px;
	color: #333333;
}
/*END LOG IN/SIGN UP*/

/*START DASHBOARD*/    
.dashboard-box {
    background-color: #bf80ff;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #c5c5c5;
}

.forehead {
    padding: 36px;
    background-color: #683c94;
    position: relative;
    border-radius: 6px 6px 0px 0px;
}

.box-profile-pic {
    position: absolute;
    z-index: 2;
    height: 100px;
    width: 100px;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px #ffffff;
    border-radius: 100%;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
}

.dashboard-contents {
    padding: 15px;
    padding-top: 60px;
}

.profile-name {
    text-align: center;
    color: white;
}

.wallet-info {
    color: white;
    text-align: center;
}

.js-view-wallet {
    font-weight: bold;
}

.default-box > i {
    font-size: 400%;
}

.default-box > p {
	color: #333333;
}

.dashboard-filters {
    background-color: #e0e0e0;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #c5c5c5;
}

.dashboard-filters > ul > li{
	color: #333333;
}

.dashboard-filters > ul > li > a > i {
    width: 20px;
}

.feed-profile{
	position: relative;
}

.feed-details {
    line-height: 150%;
}

.profile-box {
    position: relative;
    background-color: #bf80ff;
    border-radius: 40px;
    width: 40px;
    height: 40px;
}

.profile-box > label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
	line-height: 1;
}

.profile-full-name {
    color: #333333;
    font-weight: 600;
	line-height: 1;
}

.feed-description {
    line-height: 1;
}

.feed-time {
    line-height: 1;
    color: #7d7d7d;
}

.view-profile-link{
	font-weight: 600;
	transition: 0.3s;
}

.view-profile-link:hover {  
    filter: brightness(120%);
}

.status-box {
    border-radius: 3px;
    color: white;
	padding: 6px 10px;
	font-size: 14px;
}

.question {
    padding: 9px !important;
}

.modal-questions .modal-dialog, .modal-tests .modal-dialog {
    max-width: 960px;
}

.div-search, .filter-box {
    box-shadow: none;
    border: 1px solid #dcdcdc;
    padding: 0;
}

.btn-search-order:hover {
    cursor: pointer;
}

.filter-box-clear-main {
    border-bottom: 1px solid #b7b7b7;
    background-color: transparent;
	width: 180px;
}

.btn-search-clear-main {
    background-color: transparent;
}
/*END DASHBOARD*/

/*START LISTINGS*/
.search-filter-box{
	box-shadow: 0px 0px 12px #dedede;
	border-radius: 6px;
}

.filter-btn {
    font-size: 150%;
    padding: 3px 6px;
    border-radius: 3px;
    line-height: 1;
}

.filter-btn:hover{
	cursor: pointer;
}

.listing-page .pagination {
    justify-content: flex-end;
}

.listing-page .pagination .page-item:not(.active) > .page-link {
    color: #683c94;
}

.listing-page .pagination .page-item.active > .page-link {
    background-color: #683c94;
	border-color: #683c94;
}

.js-listing-title:hover{
	transition: 0.3;
	color: #683c94;
	cursor: pointer;
}

.listings-sidebar {
    background-color: #e0e0e0;
    border-radius: 6px;
    box-shadow: 0px 0px 5px #c5c5c5;
}

.listings-sidebar ul > li{
	color: #333333;
}

.listings-sidebar ul > li > i {
    width: 20px;
}

.scheme {
    color: #a0a0a0;
}
/*END LISTINGS*/

/*START LISTING ITEM*/
.match-bar {
    width: 100%;
}
.listing-desc {
    color: #333333;
    /*white-space: pre-line;*/
	line-height: 120%;
}

.skill-item-box{
	text-transform: uppercase;
    border-radius: 4px;
    background-color: #e1e7ff;
    display: block;
    font-size: 14px;
    padding: 2px 10px;
    color: #683c94;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.listing-rate{
	color: #333333;
	font-weight: 600;
	font-size: 135%;
}

.owner-list > li > label {
    color: #333333;
}

.num_bids_left {
    font-size: 200%;
}
/*END LISTING ITEM*/

/*START CREATE LISTING*/
.modal-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    background-color: white;
    box-shadow: 0px 0px 6px #c5c5c5;
	max-width: 300px;
    width: 300px;
}

.modal-close {
    border: none;
    padding: 0;
    line-height: 1;
    font-size: 150%;
	background-color: transparent;
	color: #333333;
	position: absolute;
    top: 12px;
    right: 12px;
	transition: 0.3s;
}

.modal-close:hover{
	font-size: 180%;
}

.modal-box-title {
    font-size: 180%;
    color: #333333;
	line-height: 1;
}

.modal-box-txt {
    color: #333333;
}

/*END CREATE LISTING*/

/*START VIEW BIDS*/
.bid-title {
    font-size: 135%;
}

.bid-amount {
    font-size: 135%;
}

.js-view-bidding:hover{
	cursor: pointer;
}

.modal-bid .modal-dialog{
	max-width: 500px;
	padding-left: 15px;
	padding-right: 15px;
}

.modal-offer .modal-dialog{
	max-width: 960px;
	padding-left: 15px;
	padding-right: 15px;
}
/*END VIEW BIDS*/

/*START VIEW EXAMS*/
.modal-exam .modal-dialog{
	max-width: 960px;
	padding-left: 15px;
	padding-right: 15px;
}
.choice-list{
	line-height: 120%;
}
/*END VIEW EXAMS*/

/*START EXAM FORM*/
.test-box{
	max-width: 720px !important;
    box-shadow: 0px 0px 12px #c5c5c5;
}

.question-desc {
    color: #737373;
}

.score-input {
    width: 60px;
	display: inline-block;
    height: 36px !important;
	text-align: right;
}
/*.bg-status {
    background: linear-gradient(180deg, #d7c6e8, #c6abe2, #b68ce0) no-repeat fixed center;
}*/

.box-status {
    margin-top: 10%;
    box-shadow: 0px 0px 12px #c5c5c5;
	background-color: #f1f1f1;
	max-width: 720px;
	margin-left: auto;
    margin-right: auto;

}

.box-status-icon > i {
    font-size: 500%;
}

.icon-green {
	color: #21a043;
}

.icon-blue {
	color: #00529e;
}

.status-title {
    font-size: 250%;
}
.status-info {
    font-size: 150%;
}

/*END EXAM FORM*/

/*START PROJECT PAGE*/
.js-project-tasks:hover, .js-project-archived-tasks:hover{
	cursor: pointer;
}

.section-task-btns > i, .js-request-buttons-all > i, .js-archive-buttons-all > i{
	font-size: 150%;
}

@media(max-width: 480px){
	.info-dates{
		display: block;
	}
}

#accordion-project-menu a .section-header > span::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  float: right;
}

#accordion-project-menu a.collapsed .section-header > span::after {
  content: "\f106";
}

.accordion-headers:hover{
	cursor: pointer;
}

.member-pic {
    height: 40px;
    width: 40px;
}

.js-member-info, .js-chat-member {
	font-size: 150%;
	color: #00529e;
}

.js-member-info:hover, .js-chat-member:hover {
    cursor:pointer;
}

.chat_box {
    position: fixed;
    bottom: 0;
    right: 12px;
    width: 100%;
    max-width: 250px;
}

.chat_box #headingOne {
    background-color: #683c94;
}

.chat_box #headingOne h5 > button {
    color: white !important;
}

.chat_box .card-body {
    height: 100%;
    max-height: 80vh;
    overflow-y: scroll;
}

.alert-overlay {
    position: fixed;
    top: 0;
    left: 0;
	height: 100%;
    width: 100%;
    background-color: rgba(0 ,0 ,0, 0.5);
    z-index: 1051;
}

.alert-box {
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    padding: 15px;
	z-index: 1052;
}

.alert-icon {
    font-size: 250%;
}

.js-alert-text {
    font-size: 120%;
}
/*END PROJECT PAGE*/

/*START GLOBAL STYLES*/
/*body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}*/
h4 {
    font-size: 150%;
}
/*** start header ***/
.btn-link {
    width: fit-content;
}
.navbar-collapse.show {
    border-top: 1px solid #cdcdcd;
}

/*start error*/
.error_pic {
    width: 50%;
}

@media(max-width: 575px){
	.error_pic {
		width: 80%;
	}
}
.error_text_main {
    font-size: 400%;
    font-weight: 600;
    color: #333333;
	line-height: 1;
}

.error_text_desc {
    font-size: 150%;
    color: #676767;
}
/*end error*/

/*start loading*/
.loading-overlay, .modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    z-index: 3;
    left: 0;
}

.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 7px #c5c5c5;
    width: 90px;
	z-index: 4;
}
/*end loading*/

/*start status box*/
.status_box {
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 3px;
    box-shadow: 0px 0px 7px #5f5f5f;
	/*display: none;*/
}

.status_box.error > i {
    color: #da1923;
}
.status_box.info > i {
    color: #00529e;
}
.status_box.success > i {
    color: #238e00;
}

.js-status-info {
    color: #333333;
}
/*end status box*/

/*start sidebars*/
.sidebar-header {
    background-color: #683c94;
}
/*end sidebars*/

/* start skillhunt template */
.ftco-navbar-light {
	top: 0;
	padding-top: 15px;
    padding-bottom: 15px;
}

.cta > .nav-link {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
	margin-top: 0 !important;
}

.ftco-navbar-light .nav-item > .nav-link {
    font-weight: 600 !important;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
	padding-left: 12px !important;
    padding-right: 12px !important;
}

.navbar-alt, .ftco-navbar-light.scrolled {
    background-color: white !important;
	top: 0;
	box-shadow: 0px 0px 12px #d4d4d4;
	padding-top: 9px;
    padding-bottom: 9px;
}

.navbar-alt .navbar-brand {
    color: #333333 !important;
}

.navbar-alt .nav-item > .color-primary, .ftco-navbar-light.scrolled .nav-item > .color-primary {
    color: #683c94 !important;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.navbar-alt .nav-item > .color-primary:hover, .ftco-navbar-light.scrolled .nav-item > .color-primary:hover {
	transition: 0.3s;
	border-bottom: 3px solid #da1923;
    color: #777777 !important;
}

.navbar-alt .navbar-toggler {
    color: rgba(0, 0, 0, 0.5) !important;
}
/* end skillhunt template */

/*** end header ***/

/*** start footer ***/

/* start skillhunt template */
.ftco-footer {
    background-color: #333333;
	padding: 60px 0 0px 0;
}

.ftco-heading-2 {
    color: white !important;
    font-weight: bold !important;
}

.ftco-footer p {
    color: white;
}

.ftco-footer .ftco-footer-widget ul li a {
    color: white;
}

.block-23 ul li .icon, .block-23 ul li .text {
    color: white !important;
}

.block-23 ul li .icon {
    padding-right: 6px;
}

.ftco-footer-social li a{
	background-color: white;
}

.ftco-footer-social li a span{
	color: #333333 !important;
}
/* end skillhunt template  */

/*** end footer ***/

/*** start body ***/
.page-main {
    margin-top: 80px;
}

@media(max-width: 991px){
	.page-main{
		margin-top: 18px;
	}
}

.page-body {
    padding-top: 24px;
	padding-bottom: 60px;
}

#new-page-modal  .js-btn-cancel{
	background-color: #da1923 !important;
}

.color-main{
	color: #188900;
}

.color-secondary{
	color: #1da500;
}

.color-plain{
	color: #333333;
}

.color-white{
	color: #ffffff !important;
}

.bg-main{
	background-color: #683c94 !important; 
}

.lightbold{
	font-weight: 500;
}

.mediumbold{
	font-weight: 600;
}

.heavybold{
	font-weight: 700;
}

.page-heading {
    text-align: center;
    color: #683c94;
    font-weight: 600;
    margin-bottom: 12px;
}

.page-subheading {
    color: #683c94;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px;
}

.short-sep {
    border: 2px solid #da1923;
    width: 60px;
	margin-top: 6px;
    margin-bottom: 24px;
}

.full-sep {
    height: 1px;
	background: linear-gradient(-90deg, transparent, #683c94, transparent);
	margin-top: 0;
    margin-bottom: 0;
}

.section-separator {
    border: none;
    width: 90px;
    height: 3px;
	margin-top: 6px;
    margin-bottom: 20px;
	background: linear-gradient(-90deg, transparent, #da1923, transparent);
}

.section-heading {
    font-weight: 600;
	font-size: 150%;
}

.desc {
    text-align: center;
    margin-bottom: 30px;
	color: #333333;
	line-height: 135%;
}

.form-group-center {
    text-align: center;
    margin-top: 12px;
}

.block-center {
    display: block;
    text-align: center;
    margin-bottom: 12px;
}

.bulletless{
	list-style-type: none;
}

.check-list-item-txt{
	color: #333333;
}

.pre-wrap{
	white-space: pre-wrap;
}


/* start jobboard template */
.post-job-bx, .post-job-bx li, .post-job-bx ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-job-bx > li {
    margin-bottom: 30px;
}

.post-job-bx a:not(.btn-main), .post-job-bx a:not(.view-profile-link) {
    padding: 15px;
    background-color: #fff;
    border-left: 5px solid #e1e7ff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0,24,128,0.1);
    display: block;
    position: relative;
}

.post-job-bx a:hover {
    border-color: #683c94;
	cursor: default;
}

.job-post-company {
    margin-right: 20px;
}

.job-post-company span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background-color: #e1e7ff;
    text-align: center;
    overflow: hidden;
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

/*.post-job-bx h4 {
    margin-bottom: 10px;
}*/

.post-job-bx ul li {
    display: inline-block;
    margin-right: 10px;
    color: #683c94;
}

.post-job-bx ul li i {
    margin-right: 5px;
}

.post-like {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #683c94;
    line-height: 30px;
    text-align: center;
    color: #683c94;
    /*position: absolute;
    top: 25px;
    right: 25px;*/
}

.post-like:hover, .post-like:focus {
	transition: 0.3s;
    background-color: #683c94;
    color: #ffffff;
	cursor: pointer;
}

.num-likes:hover{
	cursor: pointer;
}

.liked {
	transition: 0.3s;
    background-color: #683c94;
    color: #ffffff;
}

.job-time span {
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #e1e7ff;
    display: block;
    font-size: 14px;
    padding: 2px 10px;
    color: #683c94;
    display: inline-block;
    text-align: center;
	vertical-align: middle;
}

.salary-bx span {
    color: #000;
    font-size: 120%;
    font-weight: 600;
}
/* start jobboard template */

/*** end body ***/

/* start hide/display elem */
.hide-elem{
	display: none !important;
}

.show-elem{
	display: inherit;
}

@media(max-width: 319px){
	.hide319{
		display: none !important;
	}
	
	.show319{
		display: inherit;
	}
}

@media(min-width: 320px){
	.hide320{
		display: none !important;
	}
	
	.show320{
		display: inherit;
	}
}

@media(max-width: 479px){
	.hide479{
		display: none !important;
	}
	
	.show479{
		display: inherit;
	}
}

@media(min-width: 480px){
	.hide480{
		display: none !important;
	}
	
	.show480{
		display: inherit;
	}
}

@media(max-width: 575px){
	.hide575{
		display: none !important;
	}
	
	.show575{
		display: inherit;
	}
}

@media(min-width: 576px){
	.hide576{
		display: none !important;
	}
	
	.show576{
		display: inherit;
	}
}

@media(max-width: 767px){
	.hide767{
		display: none !important;
	}
	
	.show767{
		display: inherit;
	}
}

@media(min-width: 768px){
	.hide768{
		display: none !important;
	}
	
	.show768{
		display: inherit;
	}
}

@media(max-width: 991px){
	.hide991{
		display: none !important;
	}
	
	.show991{
		display: inherit;
	}
}

@media(min-width: 992px){
	.hide992{
		display: none !important;
	}
	
	.show992{
		display: inherit;
	}
}

@media(max-width: 1199px){
	.hide1199{
		display: none !important;
	}
	
	.show1199{
		display: inherit;
	}
}

@media(min-width: 1200px){
	.hide1200{
		display: none !important;
	}
	
	.show1200{
		display: inherit;
	}
}
/* end hide/display elem */

/* start alignment */
.alignLeft{
	text-align: left;
}

.alignRight{
	text-align: right;
}

.alignCenter{
	text-align: center;
}

.alignJustify{
	text-align: justify;
}

@media(max-width: 319px){
	.alignLeft319{
		text-align: left;
	}

	.alignRight319{
		text-align: right;
	}

	.alignCenter319{
		text-align: center;
	}

	.alignJustify319{
		text-align: justify;
	}	
}
@media(max-width: 479px){
	.alignLeft479{
		text-align: left;
	}

	.alignRight479{
		text-align: right;
	}

	.alignCenter479{
		text-align: center;
	}

	.alignJustify479{
		text-align: justify;
	}	
}
@media(max-width: 575px){
	.alignLeft575{
		text-align: left;
	}

	.alignRight575{
		text-align: right;
	}

	.alignCenter575{
		text-align: center;
	}

	.alignJustify575{
		text-align: justify;
	}	
}
@media(max-width: 767px){
	.alignLeft767{
		text-align: left;
	}

	.alignRight767{
		text-align: right;
	}

	.alignCenter767{
		text-align: center;
	}

	.alignJustify767{
		text-align: justify;
	}	
}
@media(max-width: 991px){
	.alignLeft991{
		text-align: left;
	}

	.alignRight991{
		text-align: right;
	}

	.alignCenter991{
		text-align: center;
	}

	.alignJustify991{
		text-align: justify;
	}	
}
@media(max-width: 1199px){
	.alignLeft1199{
		text-align: left;
	}

	.alignRight1199{
		text-align: right;
	}

	.alignCenter1199{
		text-align: center;
	}

	.alignJustify1199{
		text-align: justify;
	}	
}

.flex-align-left{
	align-items:left;
}

.flex-align-center{
	align-items:center;
}

.flex-align-right{
	align-items:right;
}

.flex-align-start{
	align-items:flex-start;
}

.flex-align-end{
	align-items:flex-end;
}

.flex-end{
	justify-content: flex-end;
}

.flex-start{
	justify-content: flex-start;
}

.flex-justify-content{
	justify-content: space-between;
}

/* end alignment */

/* start positioning */
.posFixed{
	position: fixed;
}

.posRelative{
	position: relative;
}

.posAbsolute{
	position: absolute;
}
/* end positioning */

/* start responsive */
@media(min-width: 768px){
	.right-sep{
		border-right: 1px solid #c5c5c5;
	}
}
/* end responsive */

/* start layouts */
.lh1{
	line-height: 1;
}

.lh1-5{
	line-height: 1.5;
}

.lh2{
	line-height: 2;
}

.child-width {
    z-index: 2;
}

.content-title-bar{
	background-color: #dddce1;
}

.card-shadow{
	box-shadow: 0px 0px 4px #c5c5c5;
}

.takeWidth{
	flex: 1;
}

.w20{
	width: 20%;
}

.w25{
	width: 25%;
}

.w40{
	width: 40%;
}

.w50{
	width: 50%;
}

.w60{
	width: 60%;
}

.w75{
	width: 75%;
}

.w80{
	width: 80%;
}

.w100{
	width: 100%;
}

.paginator .page-item.active .page-link {
    background-color: #683c94;
    border: none;
}

.paginator .page-link {
    color: #683c94;
	border: none;
}

.paginator .pagination {
    /*margin-left: 12px;*/
	margin-bottom: 0;
}

.paginator .page-item.disabled .page-link {
    border: none;
	font-weight: bold;
}

.paginator .page-item:last-child .page-link {
    font-weight: bold;
}

/* end layouts */

/* start default button classes */
.btn-med {
    font-size: 14px;
    border: none;
    border-radius: 3px;
    padding: 8px 12px;
	line-height: initial;
}

.btn-main {
    /*background-color: #1da500 !important;
	border: 1px solid #1da500 !important;*/
	background-color: #1b2a49 !important;
	border: 1px solid #1b2a49 !important;
    color: white !important;
}

.btn-main:hover {
    transition: 0.3s;
    filter: brightness(120%);
	color: white;
}

.btn-main-clear {
    color: #683c94;
    border: 2px solid #683c94;
    background: transparent;
}

.btn-main-clear:hover {
	transition: 0.3s;
    background-color: #683c94;
    color: white;
}

.btn-negative {
    background-color: #da1923;
	border: 1px solid #da1923 !important;
    color: white !important;
}

.btn-negative:hover {
    transition: 0.3s;
    filter: brightness(120%);
	color: white;
}

.lighten{
	opacity: 0.5;
}

button:hover{
	cursor: pointer;
}

.brighten:hover{
	transition: 0.3s;
	filter: brightness(1.2);
}

/* end default button classes */

/* start input fields */
.hoverable{
	cursor: pointer;
}

.single-field {
    height: fit-content;
    height: -moz-fit-content;
    padding: 6px 6px;
    color: #333333;
	border-radius: .375rem;
}

select:hover {
    cursor: pointer;
}

select.single-field {
    border: 1px solid #c9ccd7;
	/*font-size: 14px;*/
    outline: none;
	padding: 6px 6px;
	color: #333333;
}

.multi-field {
    resize: none;
    color: #333333;
	padding: 6px 6px;
	border-radius: .375rem;
}

.lbl-input {
    font-weight: 600;
	font-size: 100% !important;
}

.lbl-input, .txt-input {
    font-size: 14px;
    color: #333333;
}

.bordered {
    border: 1px solid #d4d4d4 !important;
}

.input-group-alternative .form-control, .input-group-alternative .input-group-text {
    border: 0;
    box-shadow: none;
}

.input-group-text {
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
}

.lbl-input.inline-input {
    font-weight: 600;
    margin-bottom: 0;
    vertical-align: middle !important;
    padding-right: 0;
    line-height: 32px;
}

.js-filter {
    border-right: 2px solid #dcdcdc !important;
}

.form-control:focus, .form-control:active {
    border-color: #1da500;
}

.right-search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* end input fields */

/* start tables */
.outer-tbl {
    position: relative;
}

.div-data {
    margin-top: 104px;
}

@media(min-width: 576px){
	.div-data {
		margin-top: 78px;
	}
}

.sort-icons:hover{
	cursor: pointer;
}

/*start primary table*/
.first-col {
    position: relative;
}

.first-col input[type = 'checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.left-check {
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #cacaca;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 4px;
    margin-left: 6px;
}

.first-col:hover input ~ .left-check {
    background-color: #a7a7a7;
    transition: 0.3s;
	cursor: pointer;
}

.first-col input[type = 'checkbox']:checked ~ .left-check {
    background-color: #683c94;
}

.first-col input[type = 'checkbox']:checked ~ .left-check:after {
    display: block;
}

.left-check:after {
    content: "";
    position: absolute;
    display: none;
}

.first-col .left-check:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
}
/*end primary table*/

/*start secondary table*/
.first-col-inner {
    position: relative;
}

.first-col-inner input[type = 'checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.left-check-inner {
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #cacaca;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 4px;
    margin-left: 6px;
}

.first-col-inner:hover input ~ .left-check-inner {
    background-color: #a7a7a7;
    transition: 0.3s;
	cursor: pointer;
}

.first-col-inner input[type = 'checkbox']:checked ~ .left-check-inner {
    background-color: #683c94;
}

.first-col-inner input[type = 'checkbox']:checked ~ .left-check-inner:after {
    display: block;
}

.left-check-inner:after {
    content: "";
    position: absolute;
    display: none;
}

.first-col-inner .left-check-inner:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
}
/*end secondary table*/

.col-title {
    font-size: 14px;
    text-transform: capitalize;
}
/* end tables */

/* start modals */
.modal-dialog{
	position: fixed !important;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%) !important;
	padding-left: 15px;
	padding-right: 15px;
	width: 100% !important;
}
.modal-body {
    height: 100%;
    overflow-y: auto;
    max-height: 60vh;
}

#modalProfileBox .modal-dialog {
    max-width: 1200px;
}
/* end modals */

/* start margins */
.mt0{
	margin-top: 0;
}
.mr0{
	margin-right: 0;
}
.mb0{
	margin-bottom: 0;
}
.ml0{
	margin-left: 0;
}

.mt3{
	margin-top: 3px;
}
.mr3{
	margin-right: 3px;
}
.mb3{
	margin-bottom: 3px;
}
.ml3{
	margin-left: 3px;
}

.mt6{
	margin-top: 6px;
}
.mr6{
	margin-right: 6px;
}
.mb6{
	margin-bottom: 6px;
}
.ml6{
	margin-left: 6px;
}

.mt9{
	margin-top: 9px;
}
.mr9{
	margin-right: 9px;
}
.mb9{
	margin-bottom: 9px;
}
.ml9{
	margin-left: 9px;
}

.mt12{
	margin-top: 12px;
}
.mr12{
	margin-right: 12px;
}
.mb12{
	margin-bottom: 12px;
}
.ml12{
	margin-left: 12px;
}

.mt15{
	margin-top: 15px;
}
.mr15{
	margin-right: 15px;
}
.mb15{
	margin-bottom: 15px;
}
.ml15{
	margin-left: 15px;
}

.mt18{
	margin-top: 18px;
}
.mr18{
	margin-right: 18px;
}
.mb18{
	margin-bottom: 18px;
}
.ml18{
	margin-left: 18px;
}

.mt21{
	margin-top: 21px;
}
.mr21{
	margin-right: 21px;
}
.mb21{
	margin-bottom: 21px;
}
.ml21{
	margin-left: 21px;
}

.mt24{
	margin-top: 24px;
}
.mr24{
	margin-right: 24px;
}
.mb24{
	margin-bottom: 24px;
}
.ml24{
	margin-left: 24px;
}

.mt27{
	margin-top: 27px;
}
.mr27{
	margin-right: 27px;
}
.mb27{
	margin-bottom: 27px;
}
.ml27{
	margin-left: 27px;
}

.mt30{
	margin-top: 30px;
}
.mr30{
	margin-right: 30px;
}
.mb30{
	margin-bottom: 30px;
}
.ml30{
	margin-left: 30px;
}
/* end margins */

/* start paddings */
.pt0{
	padding-top: 0;
}
.pr0{
	padding-right: 0;
}
.pb0{
	padding-bottom: 0;
}
.pl0{
	padding-left: 0;
}

.pt3{
	padding-top: 3px;
}
.pr3{
	padding-right: 3px;
}
.pb3{
	padding-bottom: 3px;
}
.pl3{
	padding-left: 3px;
}

.pt6{
	padding-top: 6px;
}
.pr6{
	padding-right: 6px;
}
.pb6{
	padding-bottom: 6px;
}
.pl6{
	padding-left: 6px;
}

.pt9{
	padding-top: 9px;
}
.pr9{
	padding-right: 9px;
}
.pb9{
	padding-bottom: 9px;
}
.pl9{
	padding-left: 9px;
}

.pt12{
	padding-top: 12px;
}
.pr12{
	padding-right: 12px;
}
.pb12{
	padding-bottom: 12px;
}
.pl12{
	padding-left: 12px;
}

.pt15{
	padding-top: 15px;
}
.pr15{
	padding-right: 15px;
}
.pb15{
	padding-bottom: 15px;
}
.pl15{
	padding-left: 15px;
}

.pt18{
	padding-top: 18px;
}
.pr18{
	padding-right: 18px;
}
.pb18{
	padding-bottom: 18px;
}
.pl18{
	padding-left: 18px;
}

.pt21{
	padding-top: 21px;
}
.pr21{
	padding-right: 21px;
}
.pb21{
	padding-bottom: 21px;
}
.pl21{
	padding-left: 21px;
}

.pt24{
	padding-top: 24px;
}
.pr24{
	padding-right: 24px;
}
.pb24{
	padding-bottom: 24px;
}
.pl24{
	padding-left: 24px;
}

.pt27{
	padding-top: 27px;
}
.pr27{
	padding-right: 27px;
}
.pb27{
	padding-bottom: 27px;
}
.pl27{
	padding-left: 27px;
}

.pt30{
	padding-top: 30px;
}
.pr30{
	padding-right: 30px;
}
.pb30{
	padding-bottom: 30px;
}
.pl30{
	padding-left: 30px;
}
/* end margins */

@media (min-width: 768px){
	.right-sep {
		border-right: 1px solid #c5c5c5;
	}
}

/*start miscellaneous global styles*/
.rotate-45 {
  -ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}
.rotate-90 {
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
}
.rotate-135 {
  -ms-transform: rotate(135deg); /* IE 9 */
  transform: rotate(135deg);
}
.rotate-180 {
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}
.rotate-225 {
  -ms-transform: rotate(225deg); /* IE 9 */
  transform: rotate(225deg);
}
.rotate-270 {
  -ms-transform: rotate(270deg); /* IE 9 */
  transform: rotate(270deg);
}
.rotate-315 {
  -ms-transform: rotate(315deg); /* IE 9 */
  transform: rotate(315deg);
}
/*end miscellaneous global styles*/

/*END GLOBAL STYLES*/

/*ADMIN*/
.page-admin-login {
    background-color: #e9d4ff;
}
.admin-login-main {
    height: 100%;
}
.admin-login-inner form {
    background-color: #ffffff;
    padding: 30px 36px;
}

.bg-login {
    background-color: #c790ff;
}

.frm-login {
    position: absolute;
    background-color: white;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
    width: 90%;
}

/***start administrators page ***/
.modal-administrators > .modal-dialog{
	max-width: 960px;
}
/***end administrators page ***/

/***start users page ***/
.modal-users > .modal-dialog{
	max-width: 960px;
}
/***end users page ***/

/***start templates page ***/
.modal-templates > .modal-dialog{
	max-width: 960px;
}
/***end templates page ***/

/*** start admin header ***/
.btn-search{
	transition: 0.3s;
}

.btn-search:hover{
	filter:brightness(120%);
	transition: 0.3s;
}
/*** end admin header ***/

/*** start admin sidebar ***/
.nav-custom .collapse-item{
	transition: 0.3s;
}
.nav-custom .collapse-item:hover{
	color: #683c94 !important;
	transition: 0.3s;
}
/*** end admin sidebar ***/

/*** start admin footer ***/
.admin-footer {
    position: fixed;
    width: calc(100% - 14rem);
    bottom: 0;
}

@media(max-width: 767px){
	.admin-footer {
		width: calc(100% - 6.5rem);
	}
}
/*** end admin footer ***/

/*FRONT*/

.no-text-decoration, .no-text-decoration:hover{
	text-decoration: none;
}

#header-dark .navbar-toggler {
    border: none;
}

#header-dark .navbar-toggler:focus {
    outline: none;
}

.content-main {
    display: flex;
	/*height: 100%;*/
	height: 94vh;
}

#page-login, #page-reset-password {
    background-color: #dfdfdf;
}

.main {
    height: 100vh;
}

.header-pic {
    height: 40px;
    width: 40px;
    background-color: #e0e0e0;
    border-radius: 100%;
	display: block;
}

.header-img, .header-img-2 {
    border-radius: 100%;
}

.dropdown-menu-main {
    position: relative;
}

.dropdown-menu .header-img {
    height: 50px;
    width: auto;
}

.dropdown-menu.show {
    left: initial !important;
    right: 0%;
    top: 125%;
}

.dropdown-menu {
    border: none;
    box-shadow: 0 0 5px #cacaca;
    width: 270px;
}

.js-header .dropdown-item, .sidebar.new .dropdown-item{
	 transition: 0.3s;
}

.js-header .dropdown-item:hover, .sidebar.new .dropdown-item:hover {
    background-color: #26a423;
    color: white;
    transition: 0.3s;
}

#dropdownProfile:hover{
	cursor: pointer;
}

.js-profile-info-main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media(max-width: 991px){
	#header-dark .navbar-collapse.show {
		margin-top: 6px;
	}
	
	#header-dark .navbar-nav {
		margin-top: 15px;
	}
}

.toolbox-icons {
    font-size: 150%;
}

.toolbox-icons:hover {
    cursor: pointer;
}

.content {
	width: 100%;
}

.img-site {
	aspect-ratio: 16 / 9;
	background-color: #188900;
	position: relative;
	border-top-left-radius: inherit;
    border-top-right-radius: inherit;
	transition: 0.3s;
}

.lazyload-list-item .img-site, .lazyload-list-item .card-body{
	background: linear-gradient(-45deg, #9bb995, #79f161, #34d5a1, #23b9d5);
	animation: gradient 3s ease infinite;
	background-size: 400% 400%;
}

.lazyload-list-item .card-body {
    border-top: 6px solid #ffffff;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.lazyload-list-item .card-title {
    color: transparent;
}

.overlay-main {
    position: absolute;
    height: 100%;
    width: 100%;
}

.overlay {
    aspect-ratio: 16 / 9;
    position: relative;
}

.site-list-item .card-body, .lazyload-list-item .card-body {
    padding: 15px 24px;
}

.action-btns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: 0.3s;
}

.img-site.darken .action-btns i{
	filter: none;
}

.action-btns i {
	transition: 0.3s;
	color: white !important;
}

.site-list-item .action-btns i:hover {
	transition: 0.3s;
	color: #7aff5d !important;
}

.action-btn {
    font-size: 180%;
}

.blur{
	/* Add the blur effect */
	filter: blur(1px);
	-webkit-filter: blur(1px);
}

.darken{
	transition: 0.3s;
	filter: brightness(0.5);
}

iframe.preview {
    width: 100%;
	border: none;
}

#page-preview .preview-options {
    box-shadow: 0px 0px 3px #838383;
}

@media(min-width: 768px){
	#page-editor .sidebar {
		background-color: #333333;
		width: fit-content;
	}
}

@media(min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
	}
	
	#header-dark .navbar-collapse.show {
		border: none;
	}
	
	.sidebar:not(.new) {
		background-color: #333333;
		width: 25vh;
	}
	
	.content {
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.dashboard-menu {
		list-style-type: none;
		padding-left: 0;
	}
}

.html {
    height: 100%;
}

.html body {
    height: 100%;
}

.main-content {
    height: 100%;
}

.menu-content-main {
	margin-top: 45px;
	margin-left: 45px;
	margin-right: 45px;
	width: 100%;
}

.sidebar.new {
    padding: 45px 0px;
    box-shadow: 0px 0px 5px #a1a1a1;
	position: relative;
}

/*.sidebar.new .dropdown {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0%);
}*/

.sidebar.new.profile {
    padding: 45px 30px;
	/*width: 400px;
    max-width: 400px;*/
}

.js-notif {
    font-size: 180%;
}

.preview-options {
    padding-left: 45px;
    padding-right: 45px;
}

#menuTab {
    margin-bottom: 18px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.tab-label {
    font-size: 120%;
}

.modal-title {
    font-size: 180%;
	font-weight: 500;
}

.tab-label.active {
    background-color: #c1e9c0 !important;
	color: #1da500 !important;
	font-weight: 600;
}

.sidebar.new .logo-main label {
    color: #009600;
    font-weight: bold;
    font-size: 200%;
	line-height: 1;
}

.sidebar.new #dropdownProfile{
	margin: auto;
}

.sidebar.new .dropdown-toggle::after{
	content: none;
}

.list-icon {
    font-size: 180%;
}

.sidebar.new .dashboard-menu{
	list-style-type: none;
	padding-left: 0px;
}

.sidebar.new .nav-item {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sidebar.new .nav-item a {
    padding: 9px 30px;
	color: initial;
	transition: 0.3s;
	display:block;
}

.sidebar.new .nav-item a:hover {
    text-decoration: none;
	color: #1da500;
	transition: 0.3s;
}

.sidebar.new .nav-item.selected a{
	color: #1da500;
	border-right: 3px solid;
	transition: 0.3s;
}

.site-list-item .card, .profile-info.card {
    box-shadow: 0px 0px 5px #a1a1a1;
	border-radius: 18px;
}

.lazyload-list-item .card {
	border-radius: 18px;
	border: none;
}

#website-preview .preview-options i {
    font-size: 180%;
	margin-left: 6px;
}

.sidebar.new .header-pic {
    height: 50px;
    width: 50px;
}

.sidebar.new .header-img {
    width: 50px;
}

.sidebar.new .js-profile-info > .header-img {
    width: 50px;
}

.profile-section-icon-main {
    position: relative;
}

.profile-section-icon {
    font-size: 160%;
}

.js-profile-info {
    font-size: 120%;
}

.main-heading {
	font-family: "MADE TOMMY";
}

.custom-label {
	font-family: "Louis George Cafe";
}

.custom-input {
	font-family: "Louis George Cafe";
}

.heading-4 {
	font-family: "MADE TOMMY";
}

.custom-subheading {
	font-family: "MADE TOMMY";
	font-weight: 500;
}

iframe.mini-preview {
    height: inherit;
    width: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border: none;
    overflow: hidden;
}

.logo-name h1{
	font-size: 24px !important;
}

.modal-header{
	border-bottom: none;
}

.modal-content {
    border-radius: 24px !important;
}

.preview-btns {
	transition: 0.3s;
}

.preview-btns:hover {
    transition: 0.3s;
    filter: brightness(1.2);
    text-decoration: none;
	cursor: pointer;
	color: #1da500;
}

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

.inline{
	display: inline;
}

.search-results-default img {
    max-width: 600px;
}

.search-results-default .title{
	font-weight: 500;
	font-size: 250%;
}

.search-results-default .info {
    font-size: 150%;
}

.profile-info .header-img {
    border-radius: 0;
    width: 90px;
}

.profile-info ul{
	list-style-type: none;
}

.profile-details li {
    font-size: 120%;
}

.recent-activity .card {
    border-radius: 12px;
    border: none;
    box-shadow: 0px 0px 5px #dddddd;
	padding: 12px;
}

.id-icon i {
    font-size: 200%;
}

.activity-name {
    font-size: 140%;
	line-height: 1;
}

.profile-img-preview, .company-profile-img-preview {
    width: 100px;
}

input:disabled {
    background-color: #cfffce !important;
}

.modal{
	z-index: 1051 !important;
}

/*VVVEB STYLES*/
#vvveb-builder * {
	font-family: "Louis George Cafe";
	font-size: 100%;
}

#vvveb-builder .la, #vvveb-builder .header-arrow {
    font-family: Line Awesome Free;
    font-weight: 900;
	font-size: 120%;
}

#vvveb-builder .fa{
	font: normal normal normal 14px/1 FontAwesome;
}

#vvveb-builder #top-panel .btn-group.responsive-btns .btn i {
    font-size: 120%;
}

#vvveb-builder #top-panel {
    position: absolute;
    top: 50px;
}

#vvveb-builder #canvas {
    position: absolute !important;
    top: 100px !important;
}

#vvveb-builder #right-panel, #vvveb-builder #left-panel{
	position: absolute !important;
	top: 100px !important;
}

#vvveb-builder .btn-link{
	color: #1da500;
}

#new-page-modal .form-control{
	box-shadow: none;
	font-family: "Louis George Cafe";
}

#vvveb-builder .tree ol li.active > label > span, #vvveb-builder .tree ol li.active > a > span {
    color: #1da500;
}

#vvveb-builder .tree ol li:hover {
    color: #1da500;
}

#vvveb-builder .drag-elements .nav-item .nav-link.active, #vvveb-builder .drag-elements .nav-item .nav-link:hover {
    color: #1da500 !important;
}

#vvveb-builder .nav-tabs .nav-link.active, #vvveb-builder .nav-tabs .nav-item.show .nav-link {
    border-color: #1da500 #dee2e6 #fff #dee2e6 !important;
}

#vvveb-builder .search .expand a {
    color: #1da500;
}

#vvveb-builder label.header {
	color: #1da500;
}

#vvveb-builder #right-panel .nav-link.active {
    border-top: 2px solid #1da500 !important;
    color: #1da500 !important;
}

#vvveb-builder .blocks .drag-elements-sidepane li[data-type]:hover, #vvveb-builder .sections .drag-elements-sidepane li[data-type]:hover {
    border-color: #1da500;
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    background-color: #1da500 !important;
    border-color: #1da500 !important;
}

#vvveb-builder .btn-outline-primary {
    color: #1da500;
    border-color: #1da500;
}

#vvveb-builder .btn-primary {
    background-color: #1da500;
    border-color: #1da500;
}

#vvveb-builder  .add-section-btn {
    background: #1da500;
    border-color: #1da500;
}

#vvveb-builder #elements-tabs a.active i {
    border: #1da500 !important;
    color: #1da500 !important;
}

#vvveb-builder #select-actions, #vvveb-builder #wysiwyg-editor {
    background: #1da500 !important;
}

#save-btn, #restore-btn, #backup-btn {
    color: #009500;
}

#backup-btn i, #restore-btn i {
    font-size: 118%;
}

#save-btn i {
    font-size: 160% !important;
}

.btn-clear {
    padding: 0rem 0.5rem !important;
}

.btn-clear i {
    font-size: 125%;
}

.btn-clear img {
    width: 25px;
	transform: translate(0%, 25%);
}

.btn-group.middle {
    transform: translate(0, 10%);
}

.modal-960 .modal-dialog{
	max-width: 960px;
}

.product-img {
    height: 60px;
}

.js-file-btn {
    width: 100px;
    height: 100px;
    background-color: #bfffbf;
    border-style: dashed;
    border-color: #2b8934;
    transition: 0.3s;
    position: relative;
}

.js-file-btn:hover {
    cursor: pointer;
    filter: brightness(120%);
    transition: 0.3s;
}

.js-file-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1da500;
    font-size: 200%;
}

.js-temp-img-list-item {
    position: relative;
}

.js-temp-img-list-item img {
    height: 100px;
}

.company-logo {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.thumbnail {
    height: 60px;
}

.top-header-alt {
    box-shadow: 0px 0px 6px #dedede;
}

.next-arrow {
    margin-left: 12px;
    margin-right: 12px;
}

.banner-alt {
    background-color: #c8f1c0;
    min-height: 250px;
}

.custom-section {
	padding-top: 60px;
    padding-bottom: 60px;
}

.subscription-item .card, .current-subscription {
    border-radius: 18px;
    box-shadow: 0px 0px 5px #b5b5b5;
    border: none;
}

.custom-sep {
    height: 2px;
    background-color: #1f881c;
    max-width: 45px;
}

.subscription-price {
    font-size: 200%;
	line-height: 1;
}

.btn-transparent {
    border: 2px solid #207925;
    color: #207925;
    border-radius: 15px;
    padding: 6px 12px;
    font-size: 135%;
    font-weight: bolder;
	transition: 0.3s;
}

.btn-transparent:focus, .btn-transparent:focus-within, .btn-transparent:active{
	border: 2px solid #207925;
}

.btn-transparent:hover, .btn-transparent.selected {
    color: white;
    background-color: #207925;
    transition: 0.3s;
}

.js-subscription-name, .js-subscription-price {
    font-size: 135%;
}

.js-subscription-total-lbl, .js-subscription-total {
    font-size: 135%;
	font-weight: bold;
}


.js-back-to-subscriptions:hover{
	cursor: pointer;
}

.step-item .selected {
    font-weight: bold;
}

.payment-icons {
    font-size: 180%;
}

.payment-icons:hover {
	cursor: pointer;
}

.lbl-checkout {
    font-size: 150%;
}

.js-btn-products:hover, .js-btn-customers:hover, .js-btn-orders:hover{
	cursor: pointer;
}

.list-items{
	list-style-type: none;
	padding-left: 0;
}