/* ==================================
Styles to customise default Bootstrap and Skyform styles 
 ==================================*/

.cforms .sky-form .col2 {
	padding-right: 3px;
	padding-left: 3px;	
}
.cforms .sky-form section.col2.col-xs-6.col-sm-2.col-lg-2 {
    max-width: 7.5em;
}

@media only screen and (min-width: 1200px) {
	.cforms .sky-form .label.col2.col-xs-12.col-sm-2.col-lg-1.text-right {
		width: 10%;
	}


	.cforms .sky-form section.col2.col-xs-6.col-sm-2.col-lg-3 {
	    width: 30%;
	}
}	

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.cforms .sky-form span.col2.col-xs-12.col-sm-2.col-lg-1.mobile-no {
    	width: 7%;
	}
	.cforms .sky-form .col2.col-xs-6.col-sm-2.col-lg-2.mobile-no {
	    width: 11%;
	}
	.cforms .sky-form .col2.col-xs-6.col-sm-2.col-lg-3:not(.mobile-no) {
    	width: 26.5%;
	}	
	.cforms .sky-form .label.col2.col-xs-12.col-sm-2.col-lg-1.text-right {
		width: 10%;
	}
/*	.cforms .sky-form section.col2.col-xs-6.col-sm-2.col-lg-2 {
	    max-width: 7.5em;
	}*/

	.cforms .sky-form section.col2.col-xs-6.col-sm-2.col-lg-3 {
	    width: 30%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cforms .sky-form .label.col2.col-xs-12.col-sm-2.col-lg-1.text-right {
	    width: 100%;
	    text-align: left !important;
	}

	.cforms .sky-form .mobile-no {
		display: none;
	}	
/*	.cforms .sky-form .col2.col-xs-6.col-sm-2.col-lg-3 {
		width: 85%;
	}*/
}


@media only screen and (max-width: 991px) {
	.cforms .sky-form span.col2.col-xs-6.col-sm-2.col-lg-3,
	.cforms .sky-form .col2.col-xs-6.col-sm-2.col-lg-3 {
    	width: calc(100% - 8em);
    }

    .cforms .sky-form span.col2.col-xs-6.col-sm-2.col-lg-3{
    	padding-left: 1em;
    }
    .cforms .sky-form span.col2.col-xs-12.col-lg-1.col-sm-2 {
    	display: none;
    }

   .cforms .sky-form span.col2.col-xs-6.col-sm-2.col-lg-2 {
   		max-width: 8em;
   }

   #collapseTwo section.col.col-10 {
   		width: calc(100% - 9em);
   		float: left;
   }
   #collapseTwo section.col.col-2{
	    width: 9em;
	    float: left;
	}
}

 .ui-dialog-buttonpane { text-align: center; }
