/* chat Detail page */
#page-chat-detail .input-group {
	width: 100% !important;
	column-gap: 10px;
	flex-wrap: nowrap;
}

#page-chat-detail .container {
	padding-right: 1.5rem !important;
  	padding-left: 1.5rem !important;
}

#page-chat-detail .input-group.input-group-merge .input-group-append > .input-group-text,
#page-chat-detail .input-group.input-group-merge .input-group-prepend > .input-group-text {
	border-width: .25px !important;
	min-width: 50px;
	justify-content: center;
	align-items: center;
	display: flex;
	border: 1px solid #edf0f2 !important;
}

#page-chat-detail .input-group-text,
#page-chat-detail .material-icons {
		padding-left: 10px;
}

#page-chat-detail [dir="ltr"] .pl-0, [dir="ltr"] .px-0 {
	padding-left: 10px !important;
}

#page-chat-detail .msginput {
	margin-right: 0!important;
}

#page-chat-detail [dir="ltr"] .sidebar-light.sidebar-righ {
	border-top: 1px solid #e5e5e5;
}

#page-chat-detail .input-group-text {
	color: #949595 !important;
}

#page-chat-detail [dir] .form-control:focus-visible {
	text-shadow: unset;
}

#page-chat-detail #chatpage .top-66 {
	top: 82px;
}

/* page course categories */
#page-course-categories div.dataTables_wrapper div.dataTables_length label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 10px;
}

.modal-body #pendingschedule-view .row.col-md-12 {
  	margin: 0;
}

#pendingschedule-view .row .was-validated .form-row .alert-warning .media-body {
  	text-align: left !important;
}

#page-shift-scheduling #newschedule_form .row .col-sm-12:last-child .form-group textarea,
#page-shift-scheduling #newopenshift_form .row .col-sm-12:last-child .form-group textarea,
#page-shift-scheduling .modal-body #schedule-add-edit-form  #addeditschedule_form .row .col-sm-12:last-child .form-group textarea,
#page-shift-scheduling #copy_schedule .modal-body #schedule-copy-form #copyschedule_form .row .col-sm-12:last-child .form-group textarea,
#page-timesheets #add_timesheet .modal-body form .row .col-sm-12 .form-group textarea,
#page-timesheets-edit .modal-body form .row .form-group textarea,
#page-leads .modal-body .form-group textarea,
#page-tickets .modal-body .form-group textarea {
	resize: none;
}

#page-timesheets div.dataTables_wrapper div.dataTables_length select {
	margin: 0 5px;
}

#page-timesheets .table-responsive .dataTables_wrapper .dt-buttons button:first-child span {
	margin-left: 10px;
}

#page-timesheets .table-responsive .dataTables_wrapper table tbody tr td {
	border-bottom: 1px solid #e9edf2;
}

/* Leads page */
#page-leads .dataTables_length label select,
#page-lead-status .dataTables_length label select,
#page-lead-stage .dataTables_length label select,
#page-tickets .dataTables_length label select,
#page-ticket-types .dataTables_length label select {
  	margin: 0 5px;
}

#page-timesheets-edit .container .row .card .list-group {
	word-break: break-word;
}

#page-project-view .card .card-body .row .imagecard .card-file .card-file-thumb a {
	width: 80px;
}

#page-project-view .card .card-body .row .imagecard .card-file .card-file-thumb a.videothumbfancybox {
	width: auto !important;
}


#page-project-view .card .card-body .row .imagecard .card-file .card-file-thumb a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-tasks .card-group-row {
	margin-bottom: 20px !important;
}

#page-project-view .task-board-color .board-color-list {
	flex-wrap: wrap;
	height: auto;
}

#page-my-availability div.dataTables_wrapper div.dataTables_info {
	padding-bottom: .85em;
}

/*#page-payroll-settings .container .restrict-enter .form-group .col-lg-5,
#page-payroll-settings .container .restrict-enter .form-group .col-lg-3 {
	flex: 100%;
	max-width: 100%;
}*/

@media screen and (max-width: 1281px) {
	#page-projects .container .row .col-xl-3,
	#page-project-view .card .card-body .row .col-xl-3 {
		flex: 33.33%;
		max-width: 33.33%;
	}
 
	#page-tasks .container .row .col-xl-3 {
		width: calc(33.33% - 20px * 2/3);
	}
}

@media screen and (max-width: 1181px) {
	/* pending schedules page */
	#page-pending-schedules form .card .tab-content .row .col-sm-4 {
		flex: 50%;
		max-width: 50%;
	}
}

@media screen and (max-width: 1025px) {

	#page-chat [dir="ltr"] .container,
	#page-chat [dir="ltr"] .page__container {
		padding-right: 1.5rem !important;
  		padding-left: 1.5rem !important;
	}

	#page-projects .container .row .col-xl-3,
	#page-project-view .card .card-body .row .col-xl-3 {
	    flex: 50%;
	    max-width: 50%;
	}

	#page-tasks .container .row .col-xl-3 {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width: 951px) {
	#pendingschedule-view .row {
		margin-left: 0;
		margin-right: 0;
	}

	#view_pendingschedule .modal-dialog {
		max-width: 700px;
	}

	#page-timesheets-edit .page__container .page-section div.container {
		padding-right: 1.5rem !important;
  		padding-left: 1.5rem !important;
	}

	/* Tickets page */
	#page-tickets .container .row div.col-lg-3 {
		width: 50%;
	}

	#page-tickets .modal-body form .row div.col-sm-8,
	#page-tickets .modal-body form .row div.col-sm-4,
	#page-tickets .modal-body form .row div.col-sm-6,
	#page-projects .modal-body form .row div.col-sm-6 {
	  	max-width: 100%;
	  	flex: 100%;
	}

  	/* Tickets page */
  	#page-tickets .page-section .card .card-form__body .row .col-sm-4 {
  		flex: 100%;
  		max-width: 100%;
  	}

  	#page-tickets .page-section .card .flex-md-column {
  		flex-direction: column !important;
  	}

  	#page-projects .modal-body .row #editdesigrates .col-sm-4 {
    	flex: 0 0 50%;
    	max-width: 50%;
  	}

  	#page-tasks .container .row .col-xl-3 {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 768px) {

	#page-chat-detail .mdk-drawer-layout .container-fluid {
		padding: 0 !important;
	    column-gap: 10px;
	    padding-right: 1.5rem !important;
   	 	padding-left: 1.5rem !important;
	}

	#page-chat-detail .container-fluid .d-flex {
		flex: 0 !important;
	}

	#page-chat-detail .container-fluid button.navbar-toggler {
		display: flex !important;
		margin-left: 0 !important;
		align-items: center;
		justify-content: center;
		height: 35px;
    	width: 35px;
	}

	#page-chat-detail [dir] .py-2 {
		justify-content: flex-end;
	}

	#page-chat-detail [dir] ul {
		margin-bottom: 0;
	}

	#page-chat-detail [dir] .pt-4 {
		padding-top: 0.5rem !important;
	}

	#page-chat-detail .material-icons {
		padding-left: 10px;
	}

	/* Chat home */
	#page-chat .mdk-drawer-layout .container {
		display: flex !important;
		flex-direction: row-reverse !important;
	}

	#page-chat #chatpage .container {
		flex-direction: column !important;
	}

	#page-chat .d-md-none {
		display: flex !important;
		height: 35px;
		width: 35px;
		margin-bottom: 10px;
	}

	#page-chat [dir] .navbar-toggler {
		margin-bottom: 10px;
	}

	#page-chat .container,
	#page-chat .page__container {
		padding-right: 1rem !important;
    	padding-left: 1.5rem !important;
	}

	#page-project-view .page-section .container .row .col-md-8,
	#page-project-view .page-section .container .row .col-md-4 {
		flex: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 738px) {
	/* page course categories */
	#page-course-categories div.dataTables_wrapper div.dataTables_length label {
		display: flex;
		justify-content: center;
	}

	#pendingschedule-view .row .was-validated .form-row {
		margin-bottom: 20px;
	}

	#pendingschedule-view .row .was-validated .form-row:last-child {
		margin-bottom: 0;
	}

	#ppage-my-schedules .page__container {
		padding-right: 1.5rem !important;
  		padding-left: 1.5rem !important;
	}

	#page-timesheets-edit .page__container .page-section div.container {
    	padding-right: 0 !important;
    	padding-left: 0 !important;
  	}

  	/* Leads page */
  	#page-timesheets-edit .page-section .flex .row {
  		justify-content: center;
  	}

  	/* Project Page */
  	#page-projects 	.page-section .card .row .col-sm-auto {
  		width: 100% !important;
  	}

  	#page-projects .page__container .card .justify-content-around {
  		flex-direction: column;
  	}

  	#page-project-view .bg-body .container div:first-child {
  		flex-direction: row !important;
  		text-align: left !important;
  		justify-content: unset;
  	}

  	#page-project-view .bg-body .container div:first-child div.flex {
  		width: 100%;
  	}
}

@media screen and (max-width: 667px) {
	#page-chat [dir] .mb-24pt {
		margin-bottom: 0!important;
	}

	#page-chat .container,
	#page-chat .page__container {
		padding-right: 1rem !important;
    	padding-left: 1rem !important;
	}

	#view_pendingschedule .modal-dialog {
		max-width: 500px;
		margin: auto;
	}

	#page-pending-schedules form .card .tab-content .row .col-sm-4 {
	    flex: 100%;
	    max-width: 100%;
	}

	/* Project Page */
	#page-projects .container .row .col-xl-3,
	#page-tasks .container .row .col-xl-3 {
	    flex: 100%;
	    max-width: 100%;
	}
}

@media screen and (max-width: 569px) {
	#page-shift-scheduling	.modal-body #publishschedule-view .row {
		flex-wrap: nowrap;
	}

	#page-tickets .page-section .card .flex-md-column,
	#page-projects .page__container .card .justify-content-around {
    	flex-direction: row !important;
  	}

  	#page-projects .modal-body .row #editdesigrates .col-sm-4 {
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding-right: 0;
  	}
}

@media screen and (max-width: 481px) {
	#view_pendingschedule .modal-dialog {
		margin: .5rem;
	}
}

@media screen and (max-width: 415px) {
	#pendingschedule-view .row .was-validated .form-row .alert-warning .d-flex {
	  	justify-content: center;
	}

	#pendingschedule-view .row .was-validated .form-row .alert-warning .media-body {
	  	text-align: center !important;
	}
}

@media screen and (max-width: 391px) {
	/* Tickets page */
	#page-tickets .container .row div.col-lg-3 {
	    width: 100%;
	}

	#page-project-view .card .card-body .row .col-xl-3 {
		flex: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 375px) {
	/* Chat home */
	#page-chat .col-md-12 {
		width: 95%;
	}

	/* page-timesheets */
	#page-timesheets .table-responsive .dataTables_wrapper .dt-buttons button:first-child {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 360px) {
	#page-timesheets .table-responsive .dataTables_wrapper .dt-buttons button:first-child {
		margin-bottom: 10px;
	}

	#page-pending-schedules .page__container,
	#page-projects .container,
	#page-tasks .container {
		padding-right: 1.5rem !important;
  		padding-left: 1.5rem !important;
	}
}

@media screen and (max-width: 321px) {
	/* Chat home */
	#page-chat .col-md-12 {
		width: 85%;
	}

	#page-chat .container,
	#page-chat .page__container {
	    padding-right: 1rem !important;
	    padding-left: 0.5rem !important;
	}

	/* page course categories */
	#page-course-categories .container {
		padding-right: 1.5rem !important;
	    padding-left: 1.5rem !important;
	}

	/* page manage scheduling */
	#page-shift-scheduling .container.page__container,
	#page-payroll-settings .container.page__container {
		padding-right: 1.4rem !important;
	  	padding-left: 1.4rem !important;
	}

	#page-my-schedules .page__container .row .col-auto {
		display: flex;
		flex-direction: column;
	}

	#page-my-schedules .page__container .row .col-auto a:first-child,
	#page-timesheets .table-responsive .dataTables_wrapper .dt-buttons button:first-child,
	#page-pending-schedules .page__container .row div .btn:first-child {
		margin-bottom: 10px;
	}

	#page-timesheets-edit .container.page__container,
	#page-tickets .container.page__container {
		padding-right: 1.5rem !important;
  		padding-left: 1.5rem !important;
	}

	#page-project-view .task-container .kanban-list {
		min-width: 250px;
  		width: 250px;
	}
}