Added styles for proper positioning of error msgs
This commit is contained in:
		
					parent
					
						
							
								d8786c9a3c
							
						
					
				
			
			
				commit
				
					
						36877d613d
					
				
			
		
					 1 changed files with 23 additions and 15 deletions
				
			
		| 
						 | 
					@ -430,7 +430,6 @@ h6 {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.pricing-section .card .description{
 | 
					.pricing-section .card .description{
 | 
				
			||||||
    padding: 12px;
 | 
					    padding: 12px;
 | 
				
			||||||
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.pricing-section .card .descriptions{
 | 
					.pricing-section .card .descriptions{
 | 
				
			||||||
    padding: 10px 30px;
 | 
					    padding: 10px 30px;
 | 
				
			||||||
| 
						 | 
					@ -646,11 +645,10 @@ h6 {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description{
 | 
					.price-calc-section .card .description{
 | 
				
			||||||
    padding: 12px;
 | 
					    padding: 12px;
 | 
				
			||||||
    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
 | 
					 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
    display: flex;
 | 
					    display: flex;
 | 
				
			||||||
    justify-content: space-around;
 | 
					    justify-content: space-around !important;
 | 
				
			||||||
    align-items: center;
 | 
					    align-items: center !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.price-calc-section .card .description span {
 | 
					.price-calc-section .card .description span {
 | 
				
			||||||
| 
						 | 
					@ -661,10 +659,10 @@ h6 {
 | 
				
			||||||
    width: 30%;
 | 
					    width: 30%;
 | 
				
			||||||
    text-align: left;
 | 
					    text-align: left;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description input{
 | 
					.price-calc-section .card .description .select-number{
 | 
				
			||||||
   font-size: 20px;
 | 
						font-size: 20px;
 | 
				
			||||||
    text-align: center;
 | 
						text-align: center;
 | 
				
			||||||
    width: 60px;
 | 
						width: 60px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description i{
 | 
					.price-calc-section .card .description i{
 | 
				
			||||||
    color: #29427A;
 | 
					    color: #29427A;
 | 
				
			||||||
| 
						 | 
					@ -701,8 +699,8 @@ h6 {
 | 
				
			||||||
.price-calc-section .card .check-ip{
 | 
					.price-calc-section .card .check-ip{
 | 
				
			||||||
    font-size: 18px;
 | 
					    font-size: 18px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description.input{
 | 
					.price-calc-section .card .justify-center{
 | 
				
			||||||
    justify-content: center;
 | 
					    justify-content: center !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description.input label{
 | 
					.price-calc-section .card .description.input label{
 | 
				
			||||||
    font-size: 15px;
 | 
					    font-size: 15px;
 | 
				
			||||||
| 
						 | 
					@ -711,10 +709,11 @@ h6 {
 | 
				
			||||||
    margin-bottom: 0;
 | 
					    margin-bottom: 0;
 | 
				
			||||||
    width: 40px;
 | 
					    width: 40px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.price-calc-section .card .description.input input{
 | 
					/*Changed class****.price-calc-section .card .description.input input*/
 | 
				
			||||||
     width: 200px;
 | 
					.price-calc-section .card .description input{
 | 
				
			||||||
    font-size: 14px;
 | 
						width: 200px;
 | 
				
			||||||
    text-align: left;
 | 
						font-size: 14px;
 | 
				
			||||||
 | 
						text-align: left;
 | 
				
			||||||
    padding: 5px 10px;
 | 
					    padding: 5px 10px;
 | 
				
			||||||
    border-radius: 4px;
 | 
					    border-radius: 4px;
 | 
				
			||||||
    border: 1px solid #d0d0d0;
 | 
					    border: 1px solid #d0d0d0;
 | 
				
			||||||
| 
						 | 
					@ -726,6 +725,15 @@ h6 {
 | 
				
			||||||
    font-size: 17px;
 | 
					    font-size: 17px;
 | 
				
			||||||
    margin: 0 8px;
 | 
					    margin: 0 8px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					.help-block.with-errors {
 | 
				
			||||||
 | 
					    text-align: center;
 | 
				
			||||||
 | 
					    margin: 0;
 | 
				
			||||||
 | 
					    padding: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.form-group {
 | 
				
			||||||
 | 
					    margin: 0;
 | 
				
			||||||
 | 
					    border-bottom: 1px solid rgba(128, 128, 128, 0.3);
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media(max-width:990px) {
 | 
					@media(max-width:990px) {
 | 
				
			||||||
    .pricing-section .text {
 | 
					    .pricing-section .text {
 | 
				
			||||||
| 
						 | 
					@ -911,7 +919,7 @@ h6 {
 | 
				
			||||||
        text-align: center;
 | 
					        text-align: center;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .price-calc-section .card .description input {
 | 
					    .price-calc-section .card .description .select-number{
 | 
				
			||||||
        font-size: 17px;
 | 
					        font-size: 17px;
 | 
				
			||||||
        text-align: center;
 | 
					        text-align: center;
 | 
				
			||||||
        width: 60px;
 | 
					        width: 60px;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue