@media only screen and (max-width: 600px) {
	.loginheader img {
		display: block;
		margin: 0px auto;
	}
	.loginheader ul {
		float: none;
		text-align: center;
	}
	.loginmain2 {
		padding: 45px 20px 50px 100px;
	}
	.loginmain2 button{
		margin-top: 20px;
	}
	.loginfooter {
		bottom: -115px;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	#sidebar ul li.active:before{
		top: 37px;
	}
	
	.hidebtnmenu1{
		display: block !important;
	}
/*
	.navbtn1{
		top: 55px;
	}
	.logo1{
		width: 100%;
        position: absolute;
        left: 0px;
	}
	.logo1 img {
		display: inherit;
		
	}*/
	

	.sidemenu123, .sidemenu123 ul {
        width: 100%;
        text-align: center;
    }

	.notifiction1 .dropdown-menu{
		left: -250px;
	}
	.dropdown-menu1{
		right: 14px;
	}
	.notifiction1{
		position: absolute;
		top: 21px;
		right: 33px;
		/* margin-right: 10px; */
	}
	.logout1{
		
		display: inline;
        margin: 5px;
	}
	.logout2{
		display: block;
		background-color: #fff !important;
		padding: 0px !important;
	}
	.logout2 img{
		width: 30px;
	}
	.contentnew1 {
		max-width: 85vw;
	}

	.navbar{
		max-width: 85vw;
	}

	.newtable2 table tbody tr td{
		text-align: left;
	}
	.newmarb10{
		margin-bottom: 10px !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	.formsection1 {
		padding: 20px 15px;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after, .formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tabelform1 .bootstrap-select, .formsection1 .bootstrap-select{
		margin: 0px 0px 10px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.search1 button{
		position: static;
	}
	.payment1{
		padding: 0px;
	}
	.payment2 label {
		padding: 5px 0px 10px !important;
	}
	#quoteTable .payment2 label {
		padding: 5px 0px 0px !important;
	}
	.payment5{
		display: none;
	}
		.payment3 label span.year{
		display: block;
	}
	.payment4 .col-4, .payment4 .col-8{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.payment6, .payment7{
		display: block;
	}
	.payment6 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 0px !important;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px !important;
		margin: 0px;
	}
	.newtable3{
		padding: 10px 10px 30px;
	}
	.formhead1 {
		padding: 15px 10px;
	}
	.newprofileimg1{
		padding-top: 0px;
	}
	.loading1 {
		position: fixed;
		top: 50%;
		left: 30%;
		transform: translate(-20%, -50%);
	}
	.loading1 p {
		font-size: 19px;
	}
	.formbutton2{
		text-align: center;
	}
	.formbutton2 .formsave1, .formbutton2 .formback1, .formbutton2 .addnew1{
		padding: 9px 40px 10px;
		margin: 5px;
		float: none;
	}
	.signoutbtn{
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.newheader1231{
		position: absolute;
		top: 94px;
		left: 50%;
		width: 69%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.signoutbtn, .sidemenu123 ul, .sidemenu123 ul li {
        margin: 5px;
        position: inherit;
    }
    
  /*
    .navbar>.container, .navbar>.container-fluid {
            display: block;
        }
    .navbarheader > .container, .navbar > .container-fluid {
    }

	.navbar {
		 height:fit-content;
	}
*/

	.payment2{
		border-bottom: 1.5px solid rgba(55, 86, 106, 0.20);
	}
	.payment3 label{
		/* border-radius: 0px; */
	}
	.payment4_{
		border: 1.5px solid rgba(55, 86, 106, 0.20);
		padding-top: 20px;
		margin-bottom: 15px;
	}
	.payment4_ .col-6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 59px !important;
	}
	.tablehead1 h4 {
		display: block;
	}
	.tablehead1 a {
		float: left;
		margin: 7px 0px 15px;
	}
	.pageheader h3{
		display: block;
		float: left;
	}
	.pageheader a, .pageheader button{
		float: left;
	}
	.newalign1231{
		float: right !important;
	}
	.newtop1{
		left: -20px !important;
	}
	/* #sidebar{

		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 70px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		right: 0px;
		top: 0px;
		width: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	} */

	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 100%;
	}
	.quotetab1 a:first-child{
		margin-bottom: 10px;
	}
	.newchart2{
		padding: 20px 0px;
	}
	.newchart3{
		padding: 0px 30px;
	}
	.newchart5 canvas{
		width: 100% !important;
		max-width: 900px;
		height: auto !important;
	}
	.newchart5 form {
		padding: 0px 30px;
	}
	.newchart5 form input[type="number"]{
		width: 65% !important;
	}
	.newchart62 .col-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.newchart62 .circle{
		padding: 0px 90px;
		margin: 20px 0px;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.termscontenthead{
		padding: 15px 10px;
	}
	.termscontent2 {
		padding: 20px 10px;
	}
	.termscontent3 ul {
		padding: 0px 0px 0px 22px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}
	#monthlypayment2 #investment_amount{
		width: 100% !important;
	}		.dashpopup4 ul {		padding: 0px 0px 0px 25px;	}	.dashclose1{		right: -9px;	}	.chartvalue1 {		position: static;	}
}

@media only screen and (min-width: 601px) and  (max-width: 736px){
	.loginheader img {
		display: block;
		margin: 0px auto;
	}
	.loginheader ul {
		float: none;
		text-align: center;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter {
		bottom: -90px;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter {
		position: static;
		bottom: -90px;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.navbtn1{
		top: 39px;
		/* left: -9px; */
	}
	.navbtn1 img {
		width: 35px;
	}
	.newtable2 table tbody tr td{
		text-align: left;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tabelform1 .bootstrap-select, .formsection1 .bootstrap-select{
		margin: 0px 0px 10px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.payment1{
		padding: 0px;
	}
	.payment2 label {
		padding: 5px 0px 10px !important;
	}
	#quoteTable .payment2 label {
		padding: 10px 0px 0px !important;
	}
	.payment3 label span.year{
		display: block;
	}
	.payment5{
		display: none;
	}
	.payment4 .col-4, .payment4 .col-8{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.payment6, .payment7{
		display: block;
	}
	.payment6 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 0px !important;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px !important;
		margin: 0px;
	}
	.newtable3{
		padding: 10px 40px 30px;
	}
	.formhead1 {
		padding: 15px 20px;
	}
	.newprofileimg1{
		padding-top: 0px;
	}
	.notifiction1, .newheader1231 {
		margin: 0px 20px 0px 0px;
	}
	.payment4{
		padding-top: 20px;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 97px !important;
	}
	/* #sidebar{
		
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 370px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		right: 0px;
		top: 0px;
		width: 100%;
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	} */

	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 50%;
	}
	.quotetab1 a:first-child{
		margin-bottom: 10px;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}
	#monthlypayment2 #investment_amount{
		width: 100% !important;
	}

	/* .contentnew1 {
		padding: 5px;			
		max-width: 70vw;
	} */
}
/*
@media only screen and (min-width: 766px) and  (max-width: 769px){
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.mainfooter {
	}
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}

	/* #sidebar{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 30px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		right: 0px;
		top: 0px;
		width: 100%;
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	} */

/*
	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 50%;
	}

	.contentnew1 {
		padding: 5px;			
		max-width: 70vw;
	}
}

@media only screen and (min-width: 810px) and  (max-width: 823px){
	.loginmain2 {
		padding: 45px 20px 50px 100px;
	}
	.loginfooter {
		bottom: -90px;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.newtable2 {
		overflow-x: auto;
	}

	/* #sidebar{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 350px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		right: 0px;
		top: 0px;
		width: 100%;
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	} */
/*
	.formsection3{
		width: 50%;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}

	.contentnew1 {
		padding: 5px;			
		max-width: 70vw;
	}
}
/*
@media only screen and (min-width: 1023px) and  (max-width: 1024px){
	.newtable2 {
		overflow-x: auto;
	}
	.newtable3 {
		overflow-x: auto;
	}
	.formsection3{
		width: 39%;
	}
	.newchart62 .col-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.newchart62 .circle{
		margin: 20px 0px;
	}
	#datatable_wrapper .row:first-child {
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
	.contentnew1 {
		padding: 5px;			
		max-width: 70vw;
	}
}*/

@media only screen and (min-width: 916px) and  (max-width: 1300px){	.newchart5 .circle p {		font-size: 11px;		bottom: -23px;	}	.newchart5 .circle strong {		font-size: 15px;		transform: translate(-50%, -92%);	}}

@media only screen and (min-width: 916px) and  (max-width: 1200px){
	/* #sidebar ul li a span {
		font-size: 13px;
	}
	#sidebar ul li.active a span {
		font-size: 13px;
	}
	#sidebar ul li a i, #sidebar ul li.active a i {
		font-size: 30px;
		line-height: 30px;
	}
	#sidebar ul li.active:before {
		top: 15px;
		width: 30px;
		height: 30px;
	} */
	.onlineuser1 p {
		font-size: 13px;
	}
	
	.onlineuser1 .onlineuser2{
		font-size: 13px;
		padding: 6px 10px 6px !important;
	}
	.onlineuser1 .onlineuser2 img {
		width: 19px;
		height: 19px;
	}
	.onlineuser1 p {
		padding: 0px 0px 0px 0px;
	}
	/* #sidebar {
		min-width: 230px;
		max-width: 230px;
	}
	.sidebar2 {
		width: 230px;
	} */
	/* .contentnew1 {
		padding: 5px;	
	} */
	.newtable1{
		padding: 30px 10px;
	}
	.sidebar-closecanvas{
		left: 200px;
	}
}

@media (max-width: 1300px) {
	.formsection1 .col-md-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100%% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.formsection1 .col-md-3{
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100%% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

}


.titleapplications{
	display: none;
}	

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

	.action{
		width: auto;
	}

	#datatableapplications tbody tr td:nth-child(1) {
        background-attachment: fixed;
        background-image: linear-gradient(78deg, rgba(251, 205, 182, 0.4) 6.79%, rgba(207, 233, 212, 0.4) 55.12%, rgba(182, 226, 232, 0.4) 100.55%);
    }

	#datatable tbody tr td:nth-child(1) {
        background-attachment: fixed;
        background-image: linear-gradient(78deg, rgba(251, 205, 182, 0.4) 6.79%, rgba(207, 233, 212, 0.4) 55.12%, rgba(182, 226, 232, 0.4) 100.55%);
    }

	#datatable tbody tr.table-action td:nth-child(1) {
        background-attachment: unset;
        background-image: unset;
	}

	#datatableapplications tbody tr.table-action td:nth-child(1) {
        background-attachment: unset;
        background-image: unset;
	}


	.newtable2 table tbody tr td {
		text-align: left;
	}
	.titleapplications{
		display: block;
		position: absolute;
		top: 6px;
		left: 10px;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-family: "Raleway";
	}
	
	.newtable2 table, 
	.newtable2 thead, 
	.newtable2 tbody, 
	.newtable2 th { 
		margin-top: 15px; 
	}

	/* Force table to not be like tables anymore */
	.newtable2 table, 
	.newtable2 thead, 
	.newtable2 tbody, 
	.newtable2 th, 
	.newtable2 td, 
	.newtable2 tr { 
		display: block; 
		font-weight: 400;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.newtable2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.newtable2 tr { border: 1px solid #ccc; }
 
	.newtable2 td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.newtable2 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-family: "Raleway";
	}
.newtable2 td:before { content: attr(data-title); }
.newtable2 table tbody tr td {
		padding: 33px 10px 17px;
		max-width: 100%;
	}
	
	/* Force table to not be like tables anymore */
	.newtable3 table, 
	.newtable3 thead, 
	.newtable3 tbody, 
	.newtable3 th, 
	.newtable3 td, 
	.newtable3 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.newtable3 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/* .newtable3 tr { border: 1px solid #37566a; } */
 
	.newtable3 td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #37566a;  */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align: left !important;
		max-width: 100%;
	}
 
	.newtable3 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	.newtable3 td:before { content: attr(data-title); }
	.newtable3 table tbody tr td {
			padding: 33px 10px 17px;
			max-width: 100%;
		}
		.newtable3 table tbody tr:last-child td {
			padding: 5px 0px 0px;
		}
	#datatable tbody tr{
			display: block; 
		}
	#datatable tbody tr:nth-child(1), 
	#datatable tbody tr:nth-child(2), 
	#datatable tbody tr:nth-child(3), 
	#datatable tbody tr:nth-child(4), 
	#datatable tbody tr:nth-child(5), 
	#datatable tbody tr:nth-child(6), 
	#datatable tbody tr:nth-child(7),
	#datatable tbody tr:nth-child(8), 
	#datatable tbody tr:nth-child(9), 
	#datatable tbody tr:nth-child(10), 
	#datatable tbody tr:nth-child(11), 
	#datatable tbody tr:nth-child(12), #datatable tbody tr:nth-child(13), #datatable tbody tr:nth-child(14), 
	#datatable tbody tr:nth-child(15), #datatable tbody tr:nth-child(16), #datatable tbody tr:nth-child(17), 
	#datatable tbody tr:nth-child(18), #datatable tbody tr:nth-child(19), #datatable tbody tr:nth-child(20), 
	#datatable tbody tr:nth-child(21), #datatable tbody tr:nth-child(22), #datatable tbody tr:nth-child(23), 
	#datatable tbody tr:nth-child(24), #datatable tbody tr:nth-child(25){
			display: block;
		}
}

@media only screen and (max-width: 1023px){
	#datatable tbody tr{
	 /* display: block;  */
   }
	#datatable tbody tr:nth-child(1), 
	#datatable tbody tr:nth-child(2), 
	#datatable tbody tr:nth-child(3), 
	#datatable tbody tr:nth-child(4), 
	#datatable tbody tr:nth-child(5), 
	#datatable tbody tr:nth-child(6), 
	#datatable tbody tr:nth-child(7),
	#datatable tbody tr:nth-child(8), 
	#datatable tbody tr:nth-child(9), 
	#datatable tbody tr:nth-child(10), 
	#datatable tbody tr:nth-child(11), 
	#datatable tbody tr:nth-child(12), #datatable tbody tr:nth-child(13), #datatable tbody tr:nth-child(14), 
	#datatable tbody tr:nth-child(15), #datatable tbody tr:nth-child(16), #datatable tbody tr:nth-child(17), 
	#datatable tbody tr:nth-child(18), #datatable tbody tr:nth-child(19), #datatable tbody tr:nth-child(20), 
	#datatable tbody tr:nth-child(21), #datatable tbody tr:nth-child(22), #datatable tbody tr:nth-child(23), 
	#datatable tbody tr:nth-child(24), #datatable tbody tr:nth-child(25){
		/*display: block; */
   }
}

@media only screen and (min-width: 769px) and (max-width: 1299px){
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 190px;
	}
	#datatable_wrapper .row:first-child {
		right: 144px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.newchart2 {
		padding: 30px 0px;
	}
	.newchart3 h4 {
		padding: 0px 10px 15px;
	}
	#do_legend li span {
		font-size: 10px;
	}
	.newchart22 h4{
		font-size: 15px;
	}
}
@media only screen and (max-width: 1199px){

	.newchart4 canvas, .newchart5 canvas{		width: 100% !important;		height: auto !important;	}
	.mainfooter li {
		padding: 0px 20px 0px 20px;
	}

	.newchart2{
		height: 330px;
	}
	.newchart112{
		margin: 79px auto 0px;
	}
	.newsection3 {
		width: 100%;
	}
	.newchart22 {
		margin: 0px 9px;
	}
	.newchart5 canvas#chart1 {
		height: 130px !important;
	}
}
@media only screen and (max-width: 992px){
	.newchart2{
		height: auto;
	}
	.newchart112{
		margin: 50px auto 0px;
	}
	.newtotal3 {
		width: 110px;
		height: 110px;
	}
	.newtotal3 h3 {
		font-size: 16px;
		line-height: 110px;
	}
	.newtotal2:last-child .newtotal3 h3 {
		font-size: 30px;
	}
	.newtotal4 p {
		font-size: 12px;
	}
}
	
@media only screen and (max-width: 600px){
	.charttable .tablehead1 {
		position: relative;
   }
	.formsave11{
		margin: 7px 0px 0px;
		float: left;
   }
	.newtotal2 {
		width: 100%;
		margin: 10px;
   }
	.newnotification1 {
		padding: 10px 15px 10px 57px;
   }
	.newnotification1:before {
		width: 49px;
		background-size: 21px;
   }
	.newnotification2 h4 span {
		float: none;
   }
	.chat_1 h4 span, .chat_3 h4 span, .chat_4 h4 span {
		float: none;
   }
	.newsection3 {
		width: 100%;
   }
	.filelist1 li {
		width: 100%;
   }
	#do_legend li {
		width: 47%;
   }
}
@media only screen and (max-width: 320px){
	.newsection3 {
		padding: 20px 15px 20px 15px;
		margin: 10px 0px 10px 0px;
   }
	.newsection4 {
		position: static;
		transform: translate(0px, -7%);
   }
}
@media only screen and (min-width: 1700px){
	#do_legend li span {
		font-size: 16px;
   }
}

/*
@media only screen and (min-width: 1176px) and  (max-width: 1289px) {

	.navbar>.container, .navbar>.container-fluid {
		display: block;
	}
	.navbarheader > .container, .navbar > .container-fluid {
		padding-top: 44px;
	}
}

@media only screen and (min-width: 1025px) and  (max-width: 1175px) {
	
	.navbar>.container, .navbar>.container-fluid {
		display: block;
	}
	.navbarheader > .container, .navbar > .container-fluid {
		padding-top: 14px;
	}
	
	
}

@media only screen and (min-width: 775px) and (max-width: 1025px) {
	.navbar>.container, .navbar>.container-fluid {
		display: block;
	}
	.navbarheader > .container, .navbar > .container-fluid {
		padding-top: 14px;
	}
	
}

@media only screen  and (min-width: 600px) and (max-width: 775px) {
	.navbar>.container, .navbar>.container-fluid {
		display: block;
	}
	.navbarheader > .container, .navbar > .container-fluid {
		padding-top: 14px;
}
*/

.signoutbtn, .sidemenu123 ul, .sidemenu123 ul li {
	margin: 5px;
	position: inherit;
}
}


@media only screen and (min-width: 1321px) and  (max-width: 2500px){ 
	/* .app_list_page { overflow: auto; } */
	 .app_list_page .newtable2 table tbody tr td{    font-size: 14px;}
	 .newtable2 table tbody tr td, .newtable3 table tbody tr td {    font-size: 14px;}
	 .newtable2 table thead tr th {    font-size: 14px;}

	 
 }
 @media only screen and (min-width: 1100px) and  (max-width: 1320px){
	/* .app_list_page { overflow: auto; } */
	 .app_list_page .newtable2 table tbody tr td{    font-size: 13px;}
	 .newtable2 table tbody tr td, .newtable3 table tbody tr td{    font-size: 13px;}
	 .newtable2 table thead tr th {    font-size: 13px;}
	 
 }
 @media only screen and  (max-width: 1099px){
	/* .app_list_page { overflow: auto; } */
	 .app_list_page .newtable2 table tbody tr td{    font-size: 12px;}
	 .newtable2 table tbody tr td, .newtable3 table tbody tr td{    font-size: 12px;}
	 .newtable2 table thead tr th {    font-size: 12px;}
	 /* .navbar>.container, .navbar>.container-fluid {
		 display: block;
	 }
	 .navbarheader > .container, .navbar > .container-fluid {
		 margin-bottom: 0px !important;
		 display: flex !important;
	 } */

	 
	 
 }

 @media only screen and (max-width: 1200px) {
 .sidebar-closecanvas {
	left:200px;
 }

 @media only screen and (min-height: 720px) {
    .modal-body{
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
    .modal-dialog {
        margin: 0.75rem auto;
    }
 }

}

h1,h2,h3,h4,h5,h6 {
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

body {
    font-family: "Raleway";
}


label,button{
	font-family: "QuickSand";
}



@media only screen and (max-width: 600px) {
	.logo1 img {
		width: 130px;
	}

	.navbar-opencanvas span{
		display: none;

	}
	.navbar-opencanvas {

		padding: 7.5px
	}
}

h4 {
    font-size: 19px;
}