/*NOWE */
body { background: #db9519; padding-bottom: 0px; }
#Container {  width: 100% !important; padding: 0px !important;}
.header {  width: auto !important; padding: 20px 80px 0 40px; background: #FFF;}
.skontaktuj {  font-size: 14px; color: #000; line-height: 130%; }
.skontaktuj span, .skontaktuj a { color: #d9931a; font-weight: bold;}
#registrationFormContainer { width: 1000px; position: relative; margin: auto; }
h1 { background: #6aa9d9; text-align: center; width: 300px; color: #FFF; margin: auto; text-transform: uppercase; margin-top: 30px; padding: 10px 40px 10px 40px; }
.viewBox { border-top: 0px; }
.registrationForm { margin: auto; float: none;}
.viewBox .viewBoxHeader { background: none !important; font-weight: 600; color: #000; font-size: 24px; text-align: center; width: 100%;}
form#form1 { float: none; }
.viewBox { margin: auto; font-size: 16px; }
.viewBoxHeaderContentText tr td input, .viewBoxHeaderContentText tr td select.templateSelect1, .viewBoxHeaderContentText tr td select.templatePrefix, .viewBoxHeaderContentText tr td textarea, .accommodationBoxAccompanying input, .accommodationBoxDates input, .t-platnosci, .viewBoxHeaderContentText tr td .intl-tel-input { border: 1px solid #ECB657; }
.viewBoxHeaderContentText tr td input[type="text"] { height: 26px; font-size: 17px; }
.intl-tel-input { height: 26px; }
.intl-tel-input.pretty .flag-dropdown .selected-flag .arrow { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 8px solid #000; }
.intl-tel-input.pretty .flag-dropdown .selected-flag .arrow.up { border-bottom: 8px solid #000; }
body, a, .templateDescription1, .accommodationBoxDescription, .submissionBoxDescription { color: #392A0A }

#participationtypeBox table.viewBoxHeaderContentText { margin-left: 150px; }

.viewBoxHeaderContentText tr td select.templateSelect1, #participationtypeBox select.templateSelect1 {
  
  height: 36px !important;
  width: 405px !important;
  font-size: 17px;
   padding: 3px 3.5em 0.5em 1em !important;
}
#personaldataBox table.viewBoxHeaderContentText td:first-child { min-width: 120px !important; width: 120px !important; }

input.button { float: right; margin-right: 180px; font-weight: bold; }
.footer, #SyskonfLogoContainer { width: 100% !important; background: #000; color: #FFF;}
.footer a {color: #FFF;}
select {

  /* styling */
  background-color: white !important;
  border: thin solid #ECB657 !important;  
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 3px 3.5em 0.5em 1em;

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, #000 50%),
    linear-gradient(135deg, #000 50%, transparent 50%),
    linear-gradient(to right, #000, #000) !important;
  background-position:
    calc(100% - 27px) calc(0.7em + 2px),
    calc(100% - 16px) calc(0.7em + 2px),
    calc(100% - 3.5em) 0em !important;
  background-size:
    13px 10px,
    13px 10px,
    1px 2em !important;
  background-repeat: no-repeat !important;
}

select:focus {
  background-image:
    linear-gradient(45deg, #000 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #000 50%),
    linear-gradient(to right, #000, #000) !important;
  background-position:
    calc(100% - 16px) 1em,
    calc(100% - 27px) 1em,
    calc(100% - 3.5em) 0em !important;
  background-size:
    13px 10px,
    13px 10px,
    1px 2em !important;
  background-repeat: no-repeat !important;  
  outline: 0;
}

/* STARE
.viewBox .viewBoxHeader { background: none !important; font-weight: 600; }
.viewBox { padding-top: 0px !important; }
select.rok_studiow { width: 23% !important; }
select.poziom { width: 40% !important; }
select.dziedzina { width: 40% !important; }
*/