/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic,700&subset=latin,latin-ext);*/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeAPxlHrF2VTwtgaLzAildVYo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeABSto3_YrLFT4koFxHE9Nps.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeAHHBnOVHG2Rm3MKhC1_sIDE.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeAGmQMc5lRQnvP92JE1FSdr0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeAE-qJbM9GDG0ZjY-r1X847g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeACtzjzv1S_1NYJPSdEw9o-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/mg0cGfGRUERshzBlvqxeADn8OlxV1N2WpeXfK2HtpfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/gilroy/Gilroy-Regular.woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/gilroy/Gilroy-Medium.woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/gilroy/Gilroy-Bold.woff');
  font-weight: 600;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/gilroy/Gilroy-UltraLight.woff');
  font-weight: 300;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}


html {
  line-height: 1;
}


ol, ul {
  list-style: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}


caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}


q, blockquote {
  quotes: none;
}
  
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
  }


a img {
  border: none;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* * {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
} */

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
  background-color: black;
  background-repeat: repeat-x;
  background-position: center top;
  display: block;
  z-index: 999;
}
  
  #header .header-wrapper {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    height: 250px;
    overflow: hidden;
  }
  
  #header .header-glassbg {
    display: block;
    height: 250px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
  
  #header .header-left {
    position: absolute;
    top: 80px;
    left: 2%;
  }
    
    #header .header-left img {
      height: 80px;
      display: inline-block;
    }
    
    #header .header-left img.partnerlogo {
      position: absolute;
      height: 180px;
      top: -45px;
      left: 280px;
      display: inline-block;
    }
  
  #header .header-right {
    position: absolute;
    top: 80px;
    right: 2%;
  }
    
    #header .header-right .login-info {
      position: absolute;
      right: 120%;
      width: 300px;
      font-size: 14px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: white;
      text-align: right;
      line-height: 26px;
    }
      
      #header .header-right .login-info span {
        font-size: 18px;
      }
    
    #header .header-right .login-avatar img {
      height: 80px;
    }
    
    #header .header-right .help {
      position: absolute;
      top: 100px;
      right: 20px;
    }
      
      #header .header-right .help img {
        height: 40px;
      }
  
  #header .table-left {
    width: 30%;
    float: left;
    table-layout: fixed;
  }
  
  #header .table-right {
    width: 70%;
    float: right;
    table-layout: fixed;
  }
  
  #header div.fixed-header {
    height: 150px;
    display: block;
    width: 90%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
  }
    
    #header div.fixed-header .table-title tr th {
      font-size: 26px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
      height: 120px;
    }
      
      #header div.fixed-header .table-title tr th div {
        position: relative;
      }
        
        #header div.fixed-header .table-title tr th div span {
          display: block;
          position: absolute;
          left: 5%;
          top: 15px;
        }
    
    #header div.fixed-header .table-header {
      font-size: 18px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
    }
      
      #header div.fixed-header .table-header tr th {
        height: 120px;
        display: table-cell;
      }
        
        #header div.fixed-header .table-header tr th div.line {
          position: relative;
        }
          
          #header div.fixed-header .table-header tr th div.line:before {
            position: absolute;
            display: block;
            content: " ";
            width: 100px;
            height: 100px;
            top: -78px;
            background-image: url("../img/line-alt2.png");
            background-repeat: no-repeat;
          }
          
          #header div.fixed-header .table-header tr th div.line div {
            position: relative;
            margin: 100% 0 0 0;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-transform-origin: 20px 10px;
            -ms-transform-origin: 20px 10px;
            -webkit-transform-origin: 20px 10px;
            transform-origin: 20px 10px;
          }
            
            #header div.fixed-header .table-header tr th div.line div span {
              position: absolute;
              left: 50%;
              top: 5%;
              width: 120px;
              font-weight: 600;
            }
          
          #header div.fixed-header .table-header tr th div.line div.maxvalue-container {
            width: 30px;
            height: 30px;
            border-radius: 100%;
            background: #b21f3e;
            margin: 0 0 0 32px;
          }
          
          #header div.fixed-header .table-header tr th div.line div.maxvalue {
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            text-align: center;
            padding: 8px 0 0 10px;
            color: white;
            font-weight: bold;
            content: " ";
          }
    
    #header div.fixed-header .table-header tr th.withsum div.line {
      position: relative;
    }
      
      #header div.fixed-header .table-header tr th.withsum div.line:before {
        position: absolute;
        display: block;
        content: " ";
        width: 100px;
        height: 100px;
        top: -78px;
        background-image: url("../img/line-alt3.png");
        background-repeat: no-repeat;
      }
    
    #header div.fixed-header .table-header tr th.withsum div {
      -moz-transform-origin: 25px 5px;
      -ms-transform-origin: 25px 5px;
      -webkit-transform-origin: 25px 5px;
      transform-origin: 25px 5px;
    }
      
      #header div.fixed-header .table-header tr th.withsum div span {
        top: -20px;
        font-size: 14px;
      }
      
      #header div.fixed-header .table-header tr th.withsum div:before {
        display: none;
      }


body {
  padding: 400px 0 0 0;
  overflow-y: scroll;
}


body.sticky {
  padding: 230px 0 0 0;
}


.sticky #header {
  position: fixed;
  background-color: black;
  background-repeat: repeat-x;
  background-position: center top;
  display: block;
  height: 80px;
}
  
  .sticky #header .header-wrapper {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
  }
  
  .sticky #header .header-glassbg {
    display: block;
    height: 80px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
  
  .sticky #header .header-left {
    position: absolute;
    top: 15px;
    float: left;
  }
    
    .sticky #header .header-left img {
      height: 40px;
      margin-top: 6px;
      display: inline-block;
    }
    
    .sticky #header .header-left img.partnerlogo {
      position: absolute;
      height: 60px;
      top: -5px;
      left: 200px;
      display: inline-block;
    }
  
  .sticky #header .header-right {
    position: absolute;
    top: 15px;
    right: 2%;
  }
    
    .sticky #header .header-right .login-info {
      position: absolute;
      right: 50%;
      top: 10px;
      width: 500px;
      font-size: 14px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: white;
      text-align: right;
      line-height: 26px;
    }
      
      .sticky #header .header-right .login-info div {
        float: left;
        margin: 0 15px;
      }
      
      .sticky #header .header-right .login-info span {
        font-size: 14px;
      }
    
    .sticky #header .header-right .login-avatar {
      position: absolute;
      top: 5px;
      right: 5%;
    }
      
      .sticky #header .header-right .login-avatar img {
        height: 40px;
      }
    
    .sticky #header .header-right .help {
      position: absolute;
      top: 5px;
      right: 0px;
    }
      
      .sticky #header .header-right .help img {
        height: 40px;
      }
  
  .sticky #header .table-left {
    width: 30%;
    float: left;
    table-layout: fixed;
  }
  
  .sticky #header .table-right {
    width: 70%;
    float: right;
    table-layout: fixed;
  }
  
  .sticky #header div.fixed-header {
    height: 180%;
  }
    
    .sticky #header div.fixed-header .table-title tr th {
      font-size: 26px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
      height: 120px;
    }
      
      .sticky #header div.fixed-header .table-title tr th div {
        position: relative;
      }
        
        .sticky #header div.fixed-header .table-title tr th div span {
          display: block;
          position: absolute;
          left: 5%;
          top: 15px;
        }
    
    .sticky #header div.fixed-header .table-header {
      font-size: 18px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
    }
      
      .sticky #header div.fixed-header .table-header tr th {
        height: 120px;
        display: table-cell;
      }
        
        .sticky #header div.fixed-header .table-header tr th div {
          position: relative;
          margin: 100% 0 0 0;
          -moz-transform-origin: 20px 10px;
          -ms-transform-origin: 20px 10px;
          -webkit-transform-origin: 20px 10px;
          transform-origin: 20px 10px;
        }
          
          .sticky #header div.fixed-header .table-header tr th div span {
            position: absolute;
            left: 50%;
            top: 5%;
            width: 120px;
          }
        
        .sticky #header div.fixed-header .table-header tr th div.line div.maxvalue-container {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          background: #b21f3e;
          margin: 0 0 0 32px;
        }
        
        .sticky #header div.fixed-header .table-header tr th div.line div.maxvalue {
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          text-align: center;
          padding: 10px 0 0 15px;
          color: white;
          font-weight: bold;
          content: " ";
        }
    
    .sticky #header div.fixed-header .table-header tr th.withsum div {
      -moz-transform-origin: 25px 5px;
      -ms-transform-origin: 25px 5px;
      -webkit-transform-origin: 25px 5px;
      transform-origin: 25px 5px;
    }
      
      .sticky #header div.fixed-header .table-header tr th.withsum div span {
        top: 0;
        font-size: 14px;
      }


.clear {
  clear: both;
}


.wrapper {
  width: 90%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: -10;
}
  
  .wrapper .table-left {
    width: 30%;
    float: left;
    table-layout: fixed;
  }
  
  .wrapper .table-right {
    width: 70%;
    float: right;
    table-layout: fixed;
  }
  
  .wrapper div.fixed-header .table-title tr th {
    font-size: 26px;
    font-family: "Gilroy", "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #333333;
    height: 120px;
  }
    
    .wrapper div.fixed-header .table-title tr th div {
      position: relative;
    }
      
      .wrapper div.fixed-header .table-title tr th div span {
        display: block;
        position: absolute;
        left: 5%;
        top: 15px;
      }
  
  .wrapper div.fixed-header .table-header {
    font-size: 18px;
    font-family: "Gilroy", "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #333333;
  }
    
    .wrapper div.fixed-header .table-header tr th {
      height: 120px;
      display: table-cell;
    }
      
      .wrapper div.fixed-header .table-header tr th div {
        position: relative;
        margin: 100% 0 0 0;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -moz-transform-origin: 20px 10px;
        -ms-transform-origin: 20px 10px;
        -webkit-transform-origin: 20px 10px;
        transform-origin: 20px 10px;
      }
        
        .wrapper div.fixed-header .table-header tr th div span {
          position: absolute;
          left: 50%;
          top: 5%;
          width: 120px;
        }
  
  .wrapper div.questions .table-question tr:nth-child(even) {
    background-color: white;
  }
  
  .wrapper div.questions .table-question tr:nth-child(odd) {
    background-color: #bfe9e2;
  }
  
  .wrapper div.questions .table-question tr td {
    font-size: 15px;
    font-family: "Gilroy", "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #333333;
    height: 70px;
    line-height: 16px;
    display: table-cell;
    table-layout: fixed;
  }
  .wrapper div.questions .table-question tr.lt-row td,
  .wrapper div.questions .table-input tr.lt-row td {
    height: 100px !important;
  }
    
    .wrapper div.questions .table-question tr td .lead-title {
      color: #f9b000;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.3em;
      margin-bottom: 5px;
      margin-left: -50px;
      text-align: center !important;
      text-decoration: underline;
    }
    .wrapper div.questions .table-question tr td:first-child {
      width: 54px;
      text-align: center;
    }
    
    .wrapper div.questions .table-question tr td a {
      color: #333333;
      text-decoration: none;
    }
      
      .wrapper div.questions .table-question tr td a:hover {
        text-decoration: underline;
      }
  
  .wrapper div.questions .table-input tr:nth-child(even) {
    background-color: white;
  }
  
  .wrapper div.questions .table-input tr:nth-child(odd) {
    background-color: #bfe9e2;
  }
  
  .wrapper div.questions .table-input tr td {
    height: 70px;
    display: table-cell;
    margin: 0 50% 0 50%;
    text-align: center;
    border-left: 1px solid rgb(240 240 240);
    border-right: 1px solid rgb(240 240 240);
  }
  
  .wrapper div.questions .table-input tr td.emptyfield {
    background-color: rgba(249, 176, 0, 0.3);
  }
  
  .wrapper .note {
    width: 100%;
    float: left;
    margin: 40px 0 0 0;
  }
    
    .wrapper .note label {
      width: 18%;
      float: left;
      padding: 1% 0 0 1%;
      font-size: 26px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
    }
    
    .wrapper .note textarea {
      width: 58%;
      height: 140px;
      float: left;
      resize: none;
      padding: 1%;
      border: 1px solid #f9b000;
      outline: none;
      font-size: 15px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #333333;
    }
    
    .wrapper .note button {
      width: 18%;
      float: left;
      border: none;
      background-color: #f9b000;
      font-size: 22px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: white;
      padding: 7px 0 7px 0;
      margin: 61px 0 0 2%;
      cursor: pointer;
      outline: none;
    }
      
      .wrapper .note button:hover {
        background-color: #C38A00;
      }


.login {
  width: 100%;
  margin: 0 auto;
}
  
  .login h1 {
    text-align: center;
    font-size: 28px;
    font-family: "Gilroy", "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #333333;
  }
  
  .login div.form-group {
    position: relative;
    height: 60px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 12px;
  }
    
    .login div.form-group span.error {
      display: block;
      padding: 20px 0 5px 0;
      text-align: center;
      font-size: 16px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      color: #b21f3e;
    }
    
    .login div.form-group label {
      text-align: right;
      font-size: 20px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      color: #333333;
      font-weight: 600;
    }
    
    .login div.form-group input[type="text"],
    .login div.form-group input[type="email"],
    .login div.form-group input[type="password"] {
      width: 200px;
      padding: 7px;
      border: 1px solid #f9b000;
      outline: none;
      font-size: 15px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      color: #333333;
      font-weight: 600;
    }
    
    .login div.form-group button {
      width: 215px;
      border: none;
      background-color: #f9b000;
      font-size: 22px;
      font-family: "Gilroy", "Roboto Condensed", sans-serif;
      color: white;
      padding: 7px 0 7px 0;
      cursor: pointer;
      outline: none;
      font-weight: 600;
    }
      
      .login div.form-group button:hover {
        background-color: #C38A00;
      }


#footer {
  width: 100%;
  float: left;
  padding: 25px 0;
}
  
  #footer .footer-wrapper {
    width: 80%;
    margin: 0 auto;
  }

/* Custom inputs */

.ez-hide {
  opacity: 0;
  filter: alpha(opacity=0);
}


.ez-checkbox {
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  margin: 0 5px 0 0;
  background: transparent url(../img/check-states.png) top no-repeat;
  display: inline-block;
}


.ez-radio {
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  margin: 0 5px 0 0;
  background: transparent url(../img/radio-states.png) top no-repeat;
  display: inline-block;
}


.ez-radio input {
  width: 20px;
  height: 20px;
  cursor: pointer !important;
}


.ez-checkbox input {
  width: 20px;
  height: 20px;
  cursor: pointer !important;
}


.ez-checkbox, .ez-radio {
  zoom: 1;
  *display: inline;
  _height: 15px;
}


.ez-checked {
  background-position: bottom;
}


.ez-selected {
  background-position: bottom;
}

@media only screen and (max-width: 1100px) {
  
  body {
    overflow-x: scroll; padding-top: 100px;
  }

  
  .wrapper,
  .header-wrapper,
  .fixed-header {
    width: 1100px !important;
  }

  .login-wrapper {
    width: 80% !important;
  }

}

@media only screen and (max-width: 800px) {

  .login div.form-group label {
      width: 100%;
      position: static !important;
      right: auto !important;
      margin-top: 15px;
      padding: 1% 0 0 1%;
      display: block;
      text-align: left !important;
      color: #333333;
    }

    .login div.form-group input[type="text"],
    .login div.form-group input[type="email"],
    .login div.form-group input[type="password"] {
      width: 100%;
      position: static !important;
      left: auto !important;
      margin-top: 7px;
      }

    .login div.form-group button {
      position: static !important;
      left: auto !important;
      width: 105%;
      margin-top: 20px;

}

.radio {
  width: 24px;
  height: 24px;
  appearance: none;
  border-radius: 50%;
  border: 2px solid #f9b000;
  background-image: linear-gradient(-180deg, #999999 -100%, white);
  position: relative;
}

.radio:checked::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #f9b000;
  top: 3px;
  left: 3px;
  box-shadow: inset 0 -11px 10px -10px #996C00;
}

.checkbox {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  position: relative;
}
.checkbox:checked::after {
  content: "";
  width: 6px;
  height: 12px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  position: absolute;
  rotate: 45deg;
  left: 5px;
  top: 0px
}