/**** MAIN STYLES ****/
     body {font-size:16px;  font-family: Helvetica, Arial, sans-serif; color:#069;
     background: url(http://informiatech.com/images/bg.svg);
         background-position:center; background-size:cover;
     }
     
        .custom-form.extra {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
        }

       
    
        textarea#w3review {
            height: 130px;
        }

        textarea#w3review {
            height: 130px;
            margin-top: 10px;
        }

     .wrapper {  padding:0; margin:0; }
     h1 {font-size:18px;}
    .pppro_footer { width:580px; margin:0 auto; text-align:right; padding-top:15px;}

    .form_container h1 { font-size:32px; font-weight:bold;text-align:left; width:580px; margin:0 auto; padding-bottom:20px; color:#ffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:30px;text-align:center;}
    .clr { clear:both;}

    /**** PROCESSING PAGE (REDIRECTION) ****/
    .wait_msg { font-size:16px; }


    /**** ACCORDIONS STYLING ****/
    #accordion {width: 580px; color:#000; background-color:#ffff; border-radius: 5px;	}
    /* accordion header */
    #accordion h2 {background: linear-gradient(153.4deg, #3AC6CE 22.45%, #544DF9 60%, #544DF9 45.55%); ;margin:0;text-align:left;	height:30px;padding:10px 0 0 15px;font-size:18px;font-weight:bold;color:#fff;border:1px solid #fff;		border-bottom:1px solid #ddd;cursor:pointer;}
    /* currently active header */
    #accordion h2.current {	cursor:default;background: linear-gradient(153.4deg, #3AC6CE 22.45%, #544DF9 60%, #544DF9 45.55%); border-radius: 4px 4px 0 0;}
    /* accordion pane */
    #accordion .pane {border:1px solid #fff; border-width:0 2px;  padding:15px;	 color:#000; font-size:12px; text-align:left;}
    .ui-widget { width:580px;}
    .ui-widget .ui-state-error, .ui-widget .ui-state-error p, .ui-widget .ui-state-highlight, .ui-widget .ui-state-highlight p, .ui-widget .ui-state-info, .ui-widget .ui-state-info p { font-size:13px; text-align:left;}
    .ui-widget .ui-state-info { padding-top: 10px !important; padding-bottom: 10px !important;}
    /**** FORM STYLING ****/
    .pppt_form label { float:left; width:140px; font-size:13px; font-weight:bold; text-align:right; padding:8px 5px 0 0;}
    .pppt_form .long-field 
    
    
    { 
    border-radius: 0px;
    float: left;
    height: 33px;
    margin-bottom: 8px;
    padding-left: 5px;
    width: 245px;
    border: 1px solid #0029ac;
    background-color: #fdfdfd;
    font-weight: 600;
}
    }






    .pppt_form .long-field:hover { border:1px solid #CCC;}
    .pppt_form .long-field:focus { border:1px solid #ff4530 ;}
    
    .pppt_form .small-field {  background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    float: left;
    height: 33px;
    margin-bottom: 8px;
    margin-right: 10px;
    padding-left: 5px;
    width: 122px;}
    
   



    .pppt_form .small-field:hover { border:1px solid #CCC;}
    .pppt_form .small-field:focus {  border:1px solid #ff4530 ;}
    .pppt_form .lft-field { float:left; margin-right:10px; margin-bottom:8px;}
    .pppt_form .paypal { margin-top: 6px;}
    .pppt_form .submit-btn { margin:0 auto; width:119px; margin-top:15px;}


    /******* HINT STYLING ********/
    .hint { width:450px; height:300px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; margin:0; padding:10px;}
    .hint p { margin:10px 0 10px 0; text-align:center;}

    .error { color:red; padding:3px 0 0 5px; font-weight: bold; display: inline-block;}