.grey-box {
     padding: 20px 25px;
     width: 500px;
     border-radius: 5px;
}
 input[type="text"], input[type="email"], select, textarea {
     width: 250px;
     padding: 12px;
     border: 1px solid #CCCCCC;
     border-radius: 4px;
     resize: vertical;
}
 .default-button {
     height: 50px;
     background-color: #000080;
     font-weight: bold;
     font-size: 15px;
     font-family: Arial, Helvetica, sans-serif;
     border-radius: 5px;
     color: white;
     padding: 10px 30px;
     text-decoration: none;
     border-color: #000080;
     display: inline-block;
     cursor: pointer;
}
 .checkbox, .radio {
     position: relative;
     display: block;
     margin-top: 10px;
     margin-bottom: 10px;
}
 #live_application_new_modalitiesSecondaries .checkbox {
     display: inline;
     float: left;
     clear: none;
     width: 155px !important;
}
 .form-horizontal .checkbox, .form-horizontal .radio {
     min-height: 27px;
}
 .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
     padding-top: 7px;
     margin-top: 0px;
     margin-bottom: 0px;
}
 .checkbox + .checkbox, .radio + .radio {
     margin-top: -5px;
}
 .checkbox, .radio {
     position: relative;
     display: block;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .layout-canvas-g > .header, .layout-canvas-g > .section, .layout-canvas-g > .footer {
     position: relative;
     overflow: hidden;
     width: 100%;
     overflow-wrap: break-word;
}
 .layout-canvas-g > .section {
     margin: 20px 0px;
}
 .layout-canvas-g > .section > .columns {
     box-sizing: border-box;
     overflow-wrap: break-word;
}
 body {
     color: #808080;
     font-family: Arial;
     font-size: 16px;
     margin: 0px auto;
     max-width: 1280px;
     background-color: #FFFFFF;
     line-height: 1;
     padding: 0px;
}
 @media only screen and (max-width: 600px) {
     .grey-box {
         width: 100%;
         box-sizing: border-box;
    }
     input[type="text"], input[type="email"], select, textarea {
         width: 70%;
         padding: 12px;
         border: 1px solid #CCCCCC;
         border-radius: 4px;
         resize: vertical;
         margin-top: 10px;
    }
     @media only screen and (max-width: 480px) {
         .mobile-hidden {
             display: none !important;
        }
         .responsive-td {
             width: 100% !important;
             display: block !important;
             padding: 0px !important;
        }
         .default-button {
             height: 50px;
             background-color: #000080;
             font-weight: bold;
             font-size: 15px;
             font-family: Arial, Helvetica, sans-serif;
             border-radius: 5px;
             color: white;
             padding: 10px;
             text-decoration: none;
             border-color: #000080;
             display: inline-block;
             cursor: pointer;
             width: 100%;
        }
    }
     .layout-canvas-g > .section > .columns {
         width: 100%;
    }
     h1 {
         font-family: Arial;
         font-size: 28px;
         color: #202020;
         line-height: 1;
         font-weight: bold;
         font-style: normal;
    }
     h2 {
         font-family: Arial;
         font-size: 22px;
         color: #202020;
         line-height: 1;
         font-weight: bold;
         font-style: normal;
    }
     h3 {
         font-family: Arial;
         font-size: 20px;
         color: #202020;
         line-height: 1;
         font-weight: bold;
         font-style: normal;
    }
     a[href]:not(.buttonstyles) {
         color: #0000EE;
         text-decoration: none;
    }
     button.buttonblock {
         color: #FFFFFF;
         border-radius: 3px;
         background-color: #5D5D5D;
    }
     td.buttonblock {
         color: #FFFFFF;
         border-radius: 3px;
    }
     a.buttonstyles {
         font-family: Arial;
         font-size: 16px;
         color: #FFFFFF;
         background-color: #5D5D5D;
         padding: 10px;
    }
}
 h1 {
     font-family: Arial;
     font-size: 28px;
     color: #202020;
     line-height: 1;
     font-weight: bold;
     font-style: normal;
}
 h2 {
     font-family: Arial;
     font-size: 22px;
     color: #202020;
     line-height: 1;
     font-weight: bold;
     font-style: normal;
}
 h3 {
     font-family: Arial;
     font-size: 20px;
     color: #202020;
     line-height: 1;
     font-weight: bold;
     font-style: normal;
}
 a[href]:not(.buttonstyles) {
     color: #0000EE;
     text-decoration: none;
}
 button.buttonblock {
     color: #FFFFFF;
     border-radius: 3px;
     background-color: #5D5D5D;
}
 td.buttonblock {
     color: #FFFFFF;
     border-radius: 3px;
}
 a.buttonstyles {
     font-family: Arial;
     font-size: 16px;
     color: #FFFFFF;
     background-color: #5D5D5D;
     padding: 10px;
}