/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) { 
	/* Page login */
	.login .login-wrapper .sign-in-wrapper .sign-in{
		padding: 15% 0;
	}
	.login .banner-login{
		display: none;
	}
	.login .login-wrapper{
		width: 100%;
		text-align: center;
	}
	.login .login-wrapper .sign-in .tabs-login{
		justify-content: center;
	}
	.tab-content a#forgot-password{
		display: block;
		padding-top: 25px;
		margin-left: 0px;
	}
	.login-wrapper .tab-content .text-box{
		min-width: 280px;
	}

	.login-wrapper .tab-content .text-box .invalid-feedback {
    	text-align: left;
	}
	/* End page login */

	/*Sidebar ang header*/
	body > .main-footer,
	body > main {
		margin-left: 0px;
	}
	.header{
		padding-left: 0px;
	}
	.header .header-container {
	    padding: 0 10px;
	}
	.header .nav-right{
		min-width: 90%;
	}
	.header .nav-right .nav{
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}
	.header .nav-right .nav-item {
		margin-left: 2px;
	}
	.sidebar{
		left: -270px;
	}
	
	.header .nav-right .nav-item > a {
    	margin-left: 13px;
	}	

/* Summary */

 }
@media (min-width: 576px) and (max-width: 767.98px){
	
	.header .nav-right .nav-item {
		margin-left: 10px;
	}
	/* Page login */

	.login .banner-login{
		display: none;
	}
	.login .login-wrapper{
		width: 100%;
		text-align: center;
	}
	.login .login-wrapper .sign-in .tabs-login{
		justify-content: center;
	}
	.tab-content a#forgot-password{
		display: block;
		padding-top: 25px;
		margin-left: 0px;
	}

	.login-wrapper .tab-content .text-box .invalid-feedback {
    	text-align: left;
	}
	.login-wrapper .tab-content .text-box{
		min-width: 350px;
	}
	.login .login-wrapper .sign-in-wrapper .sign-in{
		padding: 11% 0;
	}

	/* End page login */

	/* Summary */
	.application-items .summary p{
		font-size: 9px;
	}

	/* end summary */

	/*Sidebar ang header*/
	body > .main-footer,
	body > main {
		margin-left: 75px;
	}
	.header{
		padding-left: 75px;
	}
	.sidebar{
		width: 75px;
	}
	
	.header .nav-left .nav-item.title a{
		display: none;
	}
	.header .nav-right .nav-item > a {
    	margin-left: 25px;
	}
}
		
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){
	/* Page login */

	.login .banner-login img.sign-in{
		padding-top: 0px;
	}
	.login .login-wrapper .sign-in .logo {
    margin-bottom: 10px;
	}

	.login .login-wrapper .sign-in-wrapper .sign-in{
		padding-top: 15%;
	}

	/* End page login */  

	/*Sidebar ang header*/
	body > .main-footer,
	body > main {
		margin-left: 75px;
		transition: all 300ms;
	}
	.header{
		padding-left: 75px;
	}
	.sidebar{
		width: 75px;
	}
	.header .nav-left .nav-item .icon-bars{
		display: inline-block !important;
	}
	.header .nav-left .nav-item.title a{
		display: none;
	}

	/* Summary */
	.application-items .summary p{
		font-size: 9px;
	}

	/* end summary */
}

@media (max-width: 767px){
	.table-job-list .functions {
		margin-top: 10px !important;
	}
	.table-responsive-list-v1,
	.table-responsive-list-v1 tbody,
	.table-responsive-list-v1 tbody tr {
		display: block;
	}
	.table-responsive-list-v1 tbody tr:first-child {
		display: none;
	}
	.table-responsive-list-v1 tbody tr {
		padding: 15px 20px 16px;
		border-bottom: 1px dotted #dddddd;
		padding-left: 0px;
		padding-right: 0px;
	}
	.table-responsive-list-v1 tbody tr td {
		width: auto !important;
		display: block;
		padding: 0;
		border: none;
	}
	.pannel-wrapper.application-sumary-name,
	.pannel-wrapper{
		padding: 20px;

	}
	.table-responsive-list-v1 tbody tr td:before{
		font-weight: 600;
		font-size: 16px;
		color: #000000;
	}
	.table-responsive-list-v1 tbody tr td:nth-of-type(1):before { content: "No: "; }
	.table-responsive-list-v1 tbody tr td:nth-of-type(2):before { content: "Job Name: "; }
	.table-responsive-list-v1 tbody tr td:nth-of-type(3):before { content: "State: "; }
	.table-responsive-list-v1 tbody tr td:nth-of-type(4):before { content: "Execution Time: "; }
	.table tbody tr td.functions span{
		padding:0px 6px;
	}
}