@CHARSET "UTF-8";

#adminlog table tbody tr td{
		line-height:25px;
		padding:5px 0 5px 10px !important;
	}
	#adminlog table tbody tr {
		border-top:1px solid #f7f7f7;
	}

@media screen and (min-width:768px) {
	table.left {
		width: 70% !important;
		margin-left: 20% !important;
	}
	table.right {
		width: 70% !important;
		margin-left: 20% !important;
	}
	table.left tbody td#cust-details {
		width: 30% !important;
	}
	table.right tbody td#cust-details {
		width: 30% !important;
	}
	#footer1 {
		float: right;
		margin-right: 20% !important;
	}
}


@media ( min-width :400px) {
	/* user question  */
	
	/*landing page  */
	#landingpage{
		width:70% !important;
		padding:5em;
	}
	/* color config */
	#slider-range{
		margin-left:2px !important;
	}
	/*user details*/
	#userdetailsId{
		width:100% !important;
	}
	#userdetailsId .content {
		width: 100% !important;
	}
	#userdetailsId .content table{
		margin-left: 0px !important;
		width: 90% !important;
	}
	/*log  */
	#adminlog{
		font-size:10px !important;
		
	}
	#adminlog #nav input,#adminlog #nav  select {
		width:32% !important;
	}
	#adminlog #nav1 input,#adminlog #nav1  select {
		width:32% !important;
	}
	#adminlog #searchbuttons{
		margin-top:10% !important;
	}
}


@media ( min-width :570px) {

	/* color config */
	#slider-range{
		margin-left:20px !important;
	}
	/*admin log  */
	#adminlog #searchbuttons{
		margin-top:6% !important;
	}
}

@media ( min-width :767px) {
	/*company details  */
	.footer2 {
		margin-top: 2% !important;
		width: 75% !important;
	}
	.footer2 #message {
		margin-left: 10% !important;
		width: 60% !important;
	}
	#formPostId {
		width: 30% !important;
	}
	/*configuration  */
	.inputFieldsmyForm .content {
		padding: 0px 0px 30px !important;
	}
	.inputFieldsmyForm .header {
		padding: 0px 0px 10px !important;
	}
	/*admin log  */
	#adminlog #searchbuttons{
		margin-top:0% !important;
		margin-right:44px;
	}
	
}

@media ( min-width :768px) {
	/* company details */
	.footer1 {
		margin-right: 2% !important;
	}
	.footer2 {
		margin-top: 2% !important;
		width: 70% !important;
	}
	.footer2 #message {
		margin-left: 5% !important;
		margin-right: 2% !important;
		width: 60% !important;
	}
	#formPostId {
		width: 32% !important;
	}
	/* configuration page */
	#inputFieldsmyForm {
		margin: 0px auto !important;
		width: 100% !important;
	}
	#inputFieldsmyForm .header {
		width: 95% !important;
		margin-left: 3% !important;
	}
	#inputFieldsmyForm .content {
		width: 95% !important;
		margin-left: 3% !important;
	}
	#inputFieldsmyForm .content .content {
		width: 95% !important;
	}
	/* user question  */
	
	/*landing page  */
	#landingpage{
		width:620px !important;
		padding:5em;
	}
	/*user details*/
	#userdetailsId{
		width:90% !important;
	}
	#userdetailsId .content {
		width: 100% !important;
	}
	#userdetailsId .content table{
		margin-left: 0px !important;
		width: 95% !important;
	}
	/*superadmin log  */
	
	#adminlog{
		font-size:13px !important;
		
	}
	#adminlog #nav input,#adminlog #nav  select {
		width:21.27% !important;
	}
	#adminlog #nav1 input,#adminlog #nav1  select {
		width:32% !important;
	}
	
}

@media ( max-width :767px) {
	/*company details page  */
	table.left {
		width: 92% !important;
		margin-left: 8% !important;
	}
	table.right {
		width: 92% !important;
		margin-left: 8% !important;
	}
	table.left tbody td#cust-details {
		width: 32% !important;
	}
	table.right tbody td#cust-details {
		width: 32% !important;
	}
	span#createadheadertag {
		margin-left: 20% !important;
	}
	.footer2 {
		width: 60% !important;
	}
	.footer2 #message {
		margin-left: 5% !important;
		width: 60% !important;
	}
	#formPostId {
		width: 35% !important;
	}

	/* configuration page */
	#inputFieldsmyForm {
		width: 100% !important;
	}
	#configfooter1 {
		tex-align: center !important;
		width: 100% !important;
	}
	#inputFieldsmyForm .content {
		width: 95% !important;
		margin-left: 1% !important;
	}
	#inputFieldsmyForm .content .content {
		width: 95% !important;
	}
	#inputFieldsmyForm .content #customer-data {
		margin-left: 10% !important;
	}
}

@media ( max-width :800px) {
	.user-icon, .pass-icon {
	margin-left: 28.8%;
    }
    #cssmenu1>ul>li>a {
	  font-size: 1.3em !important;
   }
}

@media ( max-width :768px) {
	.user-icon, .pass-icon {
		margin-left: 27.9%;
    }
    #cssmenu1>ul>li>a {
	  font-size: 1.2em !important;
   }
}

@media ( min-width :992px) {
	/* company details  */
	table.left {
		width: 45% !important;
		margin-left: 3% !important;
	}
	table.right {
		width: 47% !important;
		margin-left: 3% !important;
	}
	table.left tbody td#cust-details {
		width: 35% !important;
	}
	table.right tbody td#cust-details {
		width: 45% !important;
	}
	.footer1 {
		margin-right: 7% !important;
	}
	.footer2 {
		width: 75% !important;
	}
	.footer2 #message {
		margin-top: 1% !important;
		margin-left: 10% !important;
		width: 50% !important;
	}
	#formPostId {
		margin-top: 1% !important;
		width: 30% !important;
	}

	/*configuration  */
	#configfooter1 {
		margin-left: 5% !important;
		width: 90% !important;
		padding: 0 0 30px !important;
	}
	#inputFieldsmyForm .header {
		width: 95% !important;
		/* margin-left: 10% !important; */
	}
	#inputFieldsmyForm .content {
		width: 95% !important;
		/* margin-left: 10% !important; */
	}
	#inputFieldsmyForm .content .content {
		width: 95% !important;
	}
	/*userquestion  */
	
	/*user details*/
	#userdetailsId{
		width:80% !important;
	}
	#userdetailsId .content {
		width: 100% !important;
	}
	#userdetailsId .content table{
		margin-left: 0px !important;
		width: 95% !important;
	}
	/*admin log  */
	#adminlog{
		font-size:14px !important;
		
	}
	#adminlog #nav input,#adminlog #nav  select {
		width:32% !important;

	}
	#adminlog #nav1 input,#adminlog #nav1  select {
		width:15% !important;
	}
}

@media ( max-width :992px) {
	ul.parsley-error-list {
		font-size: 11px;
		margin: 2px;
		list-style-type: none;
		float: none !important;
	}
}

@media ( min-width :1200px) {
	table.left {
		width: 40% !important;
		margin-left: 7% !important;
	}
	table.right {
		width: 45% !important;
		margin-left: 3% !important;
	}
	table.left tbody td#cust-details {
		width: 30% !important;
	}
	table.right tbody td#cust-details {
		width: 40% !important;
	}
	/*configuration  */
	#inputFieldsmyForm {
		width: 67% !important;
	}
	.sub_settings_menu{
		width: 100% !important;
	}
	#configfooter1 {
		margin-left: 0% !important;
		width: 80% !important;
		padding: 0 0 30px !important;
	}
	#inputFieldsmyForm .header {
		width: 95% !important;
	}
	#inputFieldsmyForm .content {
		width: 95% !important;
	}
	#inputFieldsmyForm .content .content {
		width: 95% !important;
	}
	/*userquestion  */

	#userdetailsId{
		width:65% !important;
	}
	#userdetailsId .content {
		width: 100% !important;
	}
	#userdetailsId .content table{
		margin-left: 0px !important;
		width: 95% !important;
	}
}

@media ( min-width: 851px) and (max-width:900px){
	.boxed #wrapper_all, .boxed #footer {
		width: 98% !important;
	}
	#inputFieldsmyForm {
		width: 99% !important;
	}
}
@media ( min-width: 901px) and (max-width:950px){
	
	#inputFieldsmyForm {
		width: 93% !important;
	}
}
@media ( min-width: 951px) and (max-width:991px){
	
	#inputFieldsmyForm {
		width: 88% !important;
	}
}
@media ( min-width: 992px) and (max-width:1010px){
	#inputFieldsmyForm {
		width: 82% !important;
	}
}
@media ( min-width: 1011px) and (max-width:1100px){
	#inputFieldsmyForm {
		width: 80% !important;
	}
}
@media ( min-width: 1101px) and (max-width:1199px){
	#inputFieldsmyForm {
		width: 73% !important;
	}
}

@media (min-width:992px){
	#add_new_config_section{
		margin:8% 0% 0% 25%;
		border:1px solid rgb(229,229,229);
		width:50%;
		display:none;
	}
	#new_configuration_name{
		width:50%;
	}
	#add_config_btns{
		/* margin:0% 0% 5% 70%; */
		/* float:right; */
		margin-bottom:5%;
		margin-right:20%;
	}
}

@media (min-width:768px) and (max-width:991px){
	#add_new_config_section{
		margin:8% 0% 0% 20%;
		border:1px solid rgb(229,229,229);
		width:60%;
		display:none;
	}
	#new_configuration_name{
		width:50%;
	}
	#add_config_btns{
		/* margin:0% 0% 5% 30%; */
	}
}

@media (max-width:767px){
	#add_new_config_section{
		margin:8% 0% 0% 25%;
		border:1px solid rgb(229,229,229);
		width:50%;
		display:none;
	}
	#add_config_btns{
		margin:0% 0% 5% 60%;
	}
}

@media (max-width: 820px){
	.login-form {
		width:90%;
	}
}
@media (max-width:400px){
	.idmtext
	{
	font-size: 18px !important;
	}
}
@media (max-width:300px){
	.login-form .content .input 
	{
		width: 200px!important;
	}
}
@media (min-width:300px) and (max-width:350px) {
	.login-form .content .input 
	{
		width: 220px!important;
	}
}
@media ( min-width: 531px) and (max-width:546px){
#cssmenu1>ul>li>a {
    font-size: 1em !important;
}
}
@media ( min-width: 801px) and (max-width:900px){
#cssmenu1>ul>li>a {
    font-size: 1.2em !important;
}
}
@media ( min-width: 1101px) and (max-width:1199px){
#cssmenu1>ul>li>a {
    font-size: 1.2em !important;
}
}