/* border radius */
.my-radius { border-radius: 12px; }

/* table */
.my-table td, .my-table th { padding: 10px; }

/* input & label */
.my-input {
    height: 3em;
    padding-top: 1.2em;
    border-radius: 4px 4px 0 0;
    border: none;
    border-bottom: 1px solid; }
.my-input:hover, .my-input:focus, .my-textarea:hover, .my-textarea:focus {
    outline: 0 none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important; }
.my-textarea {
    border-radius: 4px 4px 0 0;
    border: none;
    border-bottom: 1px solid; }
.label-placeholder {
    position: absolute;
    margin-top: 0.7em;
    margin-left: 1em;
    transition: 0.3s; }
.label-top {
    position: absolute;
    margin-top: 0.2em;
    margin-left: 0.8em;
    font-size: small;
    padding-left: 0.3em;
    padding-right: 0.3em;
    transition: 0.3s; }

/* button (pill) */
.my-btn, .my-btn:hover, .my-btn:focus {
    display: inline-block;
    padding: 6px 16px 6px 16px;
    border: 0px;
    border-radius: 100px;
    text-decoration: none; }

/* chip */
.my-chip, .my-chip:hover, .my-chip:focus {
    display: inline-block;
    padding: 6px 16px 6px 16px;
    border: 0px;
    border-radius: 12px;
    text-decoration: none; }

/* Colors https://softitlan.com/colorwheel/ */
.bg-blue50 {background-color: #E0F0FE;}
.bg-blue100 {background-color: #D2E3FC;}
.bg-blue200 {background-color: #AECBFA;}
.bg-blue300 {background-color: #8AB4F8;}
.bg-blue400 {background-color: #669DF6;}
.bg-blue500 {background-color: #4285F4;}
.bg-blue600 {background-color: #1A73E8;}
.bg-blue700 {background-color: #1967D2;}
.bg-blue800 {background-color: #185ABC;}
.bg-blue900 {background-color: #174EA6;}
.bg-red50 {background-color: #FCEBE6;}
.bg-red100 {background-color: #FAD2CF;}
.bg-red200 {background-color: #F6AEA6;}
.bg-red300 {background-color: #F28B82;}
.bg-red400 {background-color: #EE675C;}
.bg-red500 {background-color: #EA4335;}
.bg-red600 {background-color: #D93025;}
.bg-red700 {background-color: #C5221F;}
.bg-red800 {background-color: #B31412;}
.bg-red900 {background-color: #A50E0E;}
.bg-yellow50 {background-color: #FEF7E0;}
.bg-yellow100 {background-color: #FEEFC3;}
.bg-yellow200 {background-color: #FDE293;}
.bg-yellow300 {background-color: #FDD663;}
.bg-yellow400 {background-color: #FCC934;}
.bg-yellow500 {background-color: #FBBC04;}
.bg-yellow600 {background-color: #F9AB00;}
.bg-yellow700 {background-color: #F29900;}
.bg-yellow800 {background-color: #EA8600;}
.bg-yellow900 {background-color: #E37400;}
.bg-green50 {background-color: #E6F4EA;}
.bg-green100 {background-color: #CEEAD6;}
.bg-green200 {background-color: #A8DAB5;}
.bg-green300 {background-color: #81C995;}
.bg-green400 {background-color: #58B974;}
.bg-green500 {background-color: #34A853;}
.bg-green600 {background-color: #1E8E3E;}
.bg-green700 {background-color: #188038;}
.bg-green800 {background-color: #137333;}
.bg-green900 {background-color: #0D652D;}
.bg-grey50 {background-color: #F8F9FA;}
.bg-grey100 {background-color: #F1F3F4;}
.bg-grey200 {background-color: #E8EAED;}
.bg-grey300 {background-color: #DADCE0;}
.bg-grey400 {background-color: #BDC1C6;}
.bg-grey500 {background-color: #9AA0A6;}
.bg-grey600 {background-color: #80868B;}
.bg-grey700 {background-color: #5F6368;}
.bg-grey800 {background-color: #3C4043;}
.bg-grey850 {background-color: #303134;}
.bg-grey900 {background-color: #202124;}
.bg-orange50 {background-color: #FEEFE3;}
.bg-orange100 {background-color: #FEDFC8;}
.bg-orange200 {background-color: #FDC69C;}
.bg-orange300 {background-color: #FCAD70;}
.bg-orange400 {background-color: #FA903E;}
.bg-orange500 {background-color: #FA7B17;}
.bg-orange600 {background-color: #E8710A;}
.bg-orange700 {background-color: #D56E0C;}
.bg-orange800 {background-color: #C26401;}
.bg-orange900 {background-color: #B06000;}
.bg-pink50 {background-color: #FDE7F3;}
.bg-pink100 {background-color: #FDCFE8;}
.bg-pink200 {background-color: #FBA6D6;}
.bg-pink300 {background-color: #FF8BCB;}
.bg-pink400 {background-color: #FF63B8;}
.bg-pink500 {background-color: #F439A0;}
.bg-pink600 {background-color: #E52592;}
.bg-pink700 {background-color: #D01884;}
.bg-pink800 {background-color: #B80672;}
.bg-pink900 {background-color: #9C166B;}
.bg-purple50 {background-color: #F3E8FD;}
.bg-purple100 {background-color: #E9D2FD;}
.bg-purple200 {background-color: #D7AEFB;}
.bg-purple300 {background-color: #C58AF9;}
.bg-purple400 {background-color: #AF5CF7;}
.bg-purple500 {background-color: #A142F4;}
.bg-purple600 {background-color: #9334E6;}
.bg-purple700 {background-color: #8430CE;}
.bg-purple800 {background-color: #7627BB;}
.bg-purple900 {background-color: #681DA8;}
.bg-cyan50 {background-color: #E4F7FB;}
.bg-cyan100 {background-color: #CBF0F8;}
.bg-cyan200 {background-color: #A1E4F2;}
.bg-cyan300 {background-color: #78D9EC;}
.bg-cyan400 {background-color: #4ECDE6;}
.bg-cyan500 {background-color: #24C1E0;}
.bg-cyan600 {background-color: #12B5CB;}
.bg-cyan700 {background-color: #129EAF;}
.bg-cyan800 {background-color: #098591;}
.bg-cyan900 {background-color: #007B83;}
.text-blue50 {color: #E0F0FE;}
.text-blue100 {color: #D2E3FC;}
.text-blue200 {color: #AECBFA;}
.text-blue300 {color: #8AB4F8;}
.text-blue400 {color: #669DF6;}
.text-blue500 {color: #4285F4;}
.text-blue600 {color: #1A73E8;}
.text-blue700 {color: #1967D2;}
.text-blue800 {color: #185ABC;}
.text-blue900 {color: #174EA6;}
.text-red50 {color: #FCEBE6;}
.text-red100 {color: #FAD2CF;}
.text-red200 {color: #F6AEA6;}
.text-red300 {color: #F28B82;}
.text-red400 {color: #EE675C;}
.text-red500 {color: #EA4335;}
.text-red600 {color: #D93025;}
.text-red700 {color: #C5221F;}
.text-red800 {color: #B31412;}
.text-red900 {color: #A50E0E;}
.text-yellow50 {color: #FEF7E0;}
.text-yellow100 {color: #FEEFC3;}
.text-yellow200 {color: #FDE293;}
.text-yellow300 {color: #FDD663;}
.text-yellow400 {color: #FCC934;}
.text-yellow500 {color: #FBBC04;}
.text-yellow600 {color: #F9AB00;}
.text-yellow700 {color: #F29900;}
.text-yellow800 {color: #EA8600;}
.text-yellow900 {color: #E37400;}
.text-green50 {color: #E6F4EA;}
.text-green100 {color: #CEEAD6;}
.text-green200 {color: #A8DAB5;}
.text-green300 {color: #81C995;}
.text-green400 {color: #58B974;}
.text-green500 {color: #34A853;}
.text-green600 {color: #1E8E3E;}
.text-green700 {color: #188038;}
.text-green800 {color: #137333;}
.text-green900 {color: #0D652D;}
.text-grey50 {color: #F8F9FA;}
.text-grey100 {color: #F1F3F4;}
.text-grey200 {color: #E8EAED;}
.text-grey300 {color: #DADCE0;}
.text-grey400 {color: #BDC1C6;}
.text-grey500 {color: #9AA0A6;}
.text-grey600 {color: #80868B;}
.text-grey700 {color: #5F6368;}
.text-grey800 {color: #3C4043;}
.text-grey850 {color: #303134;}
.text-grey900 {color: #202124;}
.text-orange50 {color: #FEEFE3;}
.text-orange100 {color: #FEDFC8;}
.text-orange200 {color: #FDC69C;}
.text-orange300 {color: #FCAD70;}
.text-orange400 {color: #FA903E;}
.text-orange500 {color: #FA7B17;}
.text-orange600 {color: #E8710A;}
.text-orange700 {color: #D56E0C;}
.text-orange800 {color: #C26401;}
.text-orange900 {color: #B06000;}
.text-pink50 {color: #FDE7F3;}
.text-pink100 {color: #FDCFE8;}
.text-pink200 {color: #FBA6D6;}
.text-pink300 {color: #FF8BCB;}
.text-pink400 {color: #FF63B8;}
.text-pink500 {color: #F439A0;}
.text-pink600 {color: #E52592;}
.text-pink700 {color: #D01884;}
.text-pink800 {color: #B80672;}
.text-pink900 {color: #9C166B;}
.text-purple50 {color: #F3E8FD;}
.text-purple100 {color: #E9D2FD;}
.text-purple200 {color: #D7AEFB;}
.text-purple300 {color: #C58AF9;}
.text-purple400 {color: #AF5CF7;}
.text-purple500 {color: #A142F4;}
.text-purple600 {color: #9334E6;}
.text-purple700 {color: #8430CE;}
.text-purple800 {color: #7627BB;}
.text-purple900 {color: #681DA8;}
.text-cyan50 {color: #E4F7FB;}
.text-cyan100 {color: #CBF0F8;}
.text-cyan200 {color: #A1E4F2;}
.text-cyan300 {color: #78D9EC;}
.text-cyan400 {color: #4ECDE6;}
.text-cyan500 {color: #24C1E0;}
.text-cyan600 {color: #12B5CB;}
.text-cyan700 {color: #129EAF;}
.text-cyan800 {color: #098591;}
.text-cyan900 {color: #007B83;}

/* If the screen size is 600px wide or less, hide the element */
@media only screen and (max-width: 767px) {
    .certification-btn {
      display: none;
    }
  }