/*#############################################################*/
/*#####################    Responsive    ######################*/
/*#############################################################*/

/* SEARCH FOR PHONES */
@media only screen
and (max-width: 767px) {

body.template-is-auth a#burgerMenu, body.template-password-reset a#burgerMenu, body.template-register  a#burgerMenu {
		display: none !important;
	}

	#burgerMenu {
		display: block !important;
	}

nav.navbar {
    height: 100% !important;
    height: -webkit-fill-available !important;
    right: auto !important;
    left: 0px !important;
    width: 100% !important;
    opacity: 0;
    transition: all 0.2s ease-in-out;
	transform: translateX(-100%);
}

	nav.navbar.active {
		opacity: 1;
		transform: translateX(0%);
	}

nav.navbar a.navbar-brand {
    margin-bottom: 30px;
    margin-top: 70px;
}

nav.navbar a.navbar-brand img {
    max-height: 68px;
    margin-bottom: 14px;
}

nav.navbar a.navbar-brand span {
    font-size: 16px;
}

body {
    padding-left: 0 !important;
    padding-top: 36px;
}

	#app-container {
		padding: 6px 15px 60px !important;
	}

.card .card-header, .modal-dialog .modal-content .modal-header, .ui-dialog .ui-dialog-content {
    font-size: 22px !important;
    padding: 30px 30px 20px;
}

	#app-container .dataTables_wrapper {
		overflow-y: scroll;
	}

	table.dataTable, .dataTables_info {
		float: left !important;
		width: 100% !important;
	}

	.dataTables_info {
		margin: 0 0 20px !important;
	}

	table.table tbody tr td {
		white-space: nowrap;
	}

	table.table tbody tr td.maxWidthComment {
		white-space: normal;
	}

	.breadcrumb li, .breadcrumb li a  {
		line-height: 2;
	}

.nav.nav-pills {
    overflow-x: scroll;
    width: 100%;
    flex-wrap: nowrap;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
	border:none;
}

.nav.nav-pills:before,
#app-container .dataTables_wrapper:before,
.jstree:before {
    content: "Please scroll right to see more tabs";
    font-family: 'Paul Grotesk', arial, sans-serif;
    font-size: 14px;
    color: #363535;
    font-weight: 600;
    position: sticky;
    top: 0px;
    left: 0px;
    margin-bottom: 19px;
    display: block;
}
#app-container .dataTables_wrapper:before,
.jstree:before {
    content: "Please scroll right to see more information";
}

.modal {
    padding: 0px;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
	text-align:left;
}

.filepond--root .filepond--drop-label label {
    padding-right: 0px;
    font-size: 15px;
    width: 100%;
    text-align: left;
}



.nav.nav-pills li a:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    background: rgb(54 53 53 / 32%);
    bottom: -1px;
    left: 0px;
}
.nav.nav-pills li {
    float: none;
    display: table-cell;
    white-space: nowrap;
}

	.card .card-body {
		overflow: hidden;
	}

	.nav-pills-container {
		overflow-x: scroll;
	}

	.nav-pills-container ul {
		width: max-content !important;
	}

	#app-container .dataTables_wrapper .dataTables_paginate {
		float: left !important;
		margin: 25px 0 0;
	}

body.template-is-auth, body.template-password-reset, body.template-register {
    height: auto;
    overflow: visible;
    padding-top: 0px;
}

body.template-is-auth main, body.template-password-reset main, body.template-register main {
    height: auto;
    overflow: visible;
    padding: 30px 10px;
}

.card.auth img {
    width: 100px;
}

.card .card-body, .modal-dialog .modal-content .modal-body {
    padding: 30px;
    padding-top: 0px;
}


body.template-is-auth #app-container, body.template-password-reset #app-container, body.template-register #app-container {
    padding: 0px !important;
}

body.template-is-auth .container.vertical, body.template-password-reset .container.vertical, body.template-register .container.vertical {
    top: 0%;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
}

.breadcrumb {
	display:none;
}


.modal-content.showActionCard .nav-pills:before {
	display:none;
}

.ui-dialog, .ui-widget.ui-widget-content {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
}

#runAuditContainer .float-right.btn-primary {
    margin-bottom: 30px;
}

ul.list-details.grid li {
    width: 100%;
    margin: 0px 0 17px 0;
}

.card-list .card-list-title small {
	margin-lefT:0px;
}

nav.navbar ul.navbar-nav li .dropdown-menu {
    position: relative;
    left: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    top: 0px;
}

#accessLevelsCard .dataTables_wrapper:before {
	display:none;
}

.card .card-header .card-actions a.btn {
    padding: 14px 18px;
    font-size: 14px;
    width: auto;
    height: 40px;
    min-width: 0px;
}

.card .card-header .card-actions a.btn i {
    font-size: 13px;
    margin: 0px 7px -1px 0;
}

.jstree ul.jstree-container-ul {
    width: auto;
}

.jstree {
    overflow-x: scroll;
}

}

/* SEARCH FOR IPAD MINI */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {

body {
    padding-left: 0px;
}

a#burgerMenu {
    display: block;
}

body.template-is-auth a#burgerMenu, body.template-password-reset a#burgerMenu, body.template-register a#burgerMenu {
	display:none;
}


body.template-is-auth .justify-content-center > .col-12, body.template-password-reset .justify-content-center > .col-12, body.template-register .justify-content-center > .col-12 {
    flex: 0 0 60%;
    max-width: 60%;
}


nav.navbar {
    width: 250px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    position: fixed;
    left: 0px;
    top: 0px;
    transform: translateX(-100%);
    opacity: 0;
    padding-top: 110px;
}

nav.navbar a.navbar-brand {
    margin-bottom: 30px;
}

nav.navbar a.navbar-brand img {
    max-height: 70px;
    margin-bottom: 15px;
}

nav.navbar a.navbar-brand span {
    font-size: 17px;
}

nav.navbar.active  {
	transform: translateX(0);
	opacity:1;
}

#app-container {
    padding: 62px 30px 60px !important;
}


	table.dataTable {
		float: left;
		width: 100%;
	}

	table.table tbody tr td {
		white-space: nowrap;
	}

	table.table tbody tr td.maxWidthComment {
		white-space: normal;
	}


a.profile-link,
table.table thead tr th {
    font-size: 14px;
}

.card .card-header, .modal-dialog .modal-content .modal-header, .ui-dialog .ui-dialog-content {
    font-size: 28px;
}


table.table tbody tr td {
    font-size: 15px;
}

.breadcrumb {
    font-size: 14px;
    margin-top: -56px;
    margin-left: 70px;
}

.responsive-table, .table-responsive {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.responsive-table:before,
.table-responsive:before {
}

.responsive-table table,
.table-responsive table {
}

a.profile-link {
    display: none;
}

#payrolls-container .col-md-4,
#payrolls-container .col-md-8,
#payrollsCard .card-list .col-md-4,
#payrollsCard .card-list .col-md-8  {
    padding-right: 15px;
	padding-left:15px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

#payrolls-container .col-md-8,
#payrollsCard .card-list .col-md-8 {
	margin-bottom:0px;
}

#payrolls-container ul.list-details,
#payrollsCard .card-list ul.list-details {
    display: flex;
    justify-content: space-between;
}

#payrolls-container ul.list-details li,
#payrollsCard .card-list ul.list-details li {
    width: 23%;
    max-width: 23%;
    margin: 0px;
}

#app-container #payrolls-container table.table tbody tr td.dtr-control:before,
#app-container #pills-contacts table.table tbody tr td.dtr-control:before

 {
    margin: -4px 18px 0 -18px;
}

#runAuditContainer button.float-right {
    margin-bottom: 26px;
}

}

/* SEARCH FOR IPAD */
@media only screen
and (min-width : 992px)
and (max-width : 1200px) {

body {
    padding-left: 250px;
}

nav.navbar {
    width: 250px;
}

#app-container {
    padding: 19px 30px 60px !important;
}


	table.dataTable {
		float: left;
		width: 100%;
	}

	table.table tbody tr td {
		white-space: nowrap;
	}

	table.table tbody tr td.maxWidthComment {
		white-space: normal;
	}


a.profile-link,
table.table thead tr th {
    font-size: 14px;
}

.card .card-header, .modal-dialog .modal-content .modal-header, .ui-dialog .ui-dialog-content {
    font-size: 28px;
}


table.table tbody tr td {
    font-size: 15px;
}

.breadcrumb {
    font-size: 14px;
    margin-top: -18px;
}

.responsive-table, .table-responsive {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.responsive-table:before,
.table-responsive:before {
}

.responsive-table table,
.table-responsive table {
}

a.profile-link {
    display: none;
}

#payrolls-container .col-md-4,
#payrolls-container .col-md-8,
#payrollsCard .card-list .col-md-4,
#payrollsCard .card-list .col-md-8  {
    padding-right: 15px;
	padding-left:15px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

#payrolls-container .col-md-8,
#payrollsCard .card-list .col-md-8 {
	margin-bottom:0px;
}

#payrolls-container ul.list-details,
#payrollsCard .card-list ul.list-details {
    display: flex;
    justify-content: space-between;
}

#payrolls-container ul.list-details li,
#payrollsCard .card-list ul.list-details li {
    width: 23%;
    max-width: 23%;
    margin: 0px;
}

#app-container #payrolls-container table.table tbody tr td.dtr-control:before,
#app-container #pills-contacts table.table tbody tr td.dtr-control:before

 {
    margin: -4px 18px 0 -18px;
}

#runAuditContainer button.float-right {
    margin-bottom: 26px;
}

}

/* SEARCH FOR IPAD */
@media only screen
and (min-width : 1300px)
and (max-width : 1600px) {

a.profile-link,
table.table thead tr th {
    font-size: 14px;
}

.card .card-header, .modal-dialog .modal-content .modal-header, .ui-dialog .ui-dialog-content {
    font-size: 28px;
}


table.table tbody tr td {
    font-size: 15px;
}

.breadcrumb {
    font-size: 14px;
}

.responsive-table, .table-responsive {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.responsive-table:before,
.table-responsive:before {
}

.responsive-table table,
.table-responsive table {
}

}

/* Media Queries Ipads Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* Media Queries Iphones Landscape */
@media only screen
and (max-device-width : 767px)
and (orientation : landscape) {


ul.list-details.grid li {
    width: 33%;
    margin: 0px 0 0 0;
}

.card-list .card-list-title small {
	margin-lefT:15px;
}

.nav.nav-pills:before,
.jstree:before {
	display:none;
}

.card .card-header, .modal-dialog .modal-content .modal-header {
    padding-bottom: 30px;
}

}