@font-face {
    font-family: 'HapticProLight';
    src: url('hapticpro-light.eot');
    src: url('hapticpro-light.eot') format('embedded-opentype'),
         url('hapticpro-light.woff') format('woff'),
         url('hapticpro-light.ttf') format('truetype'),
         url('hapticpro-light.svg#HapticProLight') format('svg');
}
@font-face {
    font-family: 'HapticProRegular';
    src: url('hapticpro-regular.eot');
    src: url('hapticpro-regular.eot') format('embedded-opentype'),
         url('hapticpro-regular.woff') format('woff'),
         url('hapticpro-regular.ttf') format('truetype'),
         url('hapticpro-regular.svg#HapticProRegular') format('svg');
}
h1,h2,h3,h4,h5,h6,#main-wyb-pk span,#main-wyb-pb span,#main-fill li a {font-family:'HapticProLight', sans-serif;font-weight:normal;}
body {font-size:13px;font-family : Verdana, Arial, Helvetica, sans-serif; background:#fff;padding:0px; margin:0px;color:#818285;}
.bodykomp {background : url(bgkomp.jpg) repeat-x 0px 0px;}
.bodykompb {background : url(bgkompb.jpg) repeat-x 0px 0px;}
.bodykompc {background : url(bgkompc.jpg) repeat-x 0px 0px;}
#main-wyb-pc ul, #main-wyb-pc li {padding:0px; margin:0px;list-style:none;}
#page, #footer-in  {padding:0px; margin:0px auto; width:90%;max-width:1290px;position:relative;overflow:hidden;clear:both;}
#top {width:100%; height:276px;margin:0px; padding:0px; overflow:hidden;clear:both;}
#main {width:100%; margin:0px; padding:15px 0px 30px 0px; overflow:hidden;clear:both;position:relative;}
#footer {font-size:13px; width:100%; margin:0px; padding:20px 0px; overflow:hidden;clear:both;border-top:1px solid #d9d9da;position:relative;}
#logo {width:268px; height:274px; position:absolute; top:0px; right:0px;z-index:0;}
#kolo {width:100%;max-width:1290px;  margin:0px auto; padding:20px 0px 10px 0px; overflow:hidden;clear:both;}
#lang {position:absolute; right:0px; top:0px;}
#page {min-height:690px;margin-bottom:80px;}
#menuimg {max-width:1080px; margin:0px auto; overflow:hidden;clear:both; }
#menuimg span {display:inline-block;float:left;height:50px;line-height:50px;margin-right:20px;font-family: 'HapticProLight', sans-serif;
font-weight: normal;
font-size: 20px;
text-transform: lowercase;
color: #25419b;} 
h1 {font-size:34px; font-weight:normal;text-transform:uppercase; color:#acacac; background : url(h1.jpg) no-repeat 0px 0px;padding:26px 0 30px 0px; position:absolute; top:190px; left:0px;}
h2 {font-size:34px; font-weight:normal;text-transform:uppercase; color:#acacac; background : url(h2.jpg) no-repeat top right;padding:26px 0 30px 0px; position:absolute; width:200px;text-align:right;top:0px; left:30px;}
h3 {font-size:18px; font-weight:normal;text-transform:none; color:#25419b;}
h4 {font-size:14px; font-weight:normal;text-transform:none; }
a:link, a:visited {color: #818285;text-decoration:none;}
a:hover {color:#25419b;text-decoration:none;}
#lang a {text-decoration:none;font-style:italic;margin-left:30px;text-transform:lowercase;}
#footer {font-size:13px; width:100%; margin:0px; padding:20px 0px;background:#fff; overflow:hidden;clear:both;border-top:1px solid #d9d9da;position:relative;z-index:1000000;position:fixed;bottom:0px;left:0px;right:0px;}
/*--menu --*/
#footer ul {
display : block;
margin : 0;
padding : 0px 0px 0px 0px ;
text-align : left;
}
#footer ul li {
display : inline;
text-align : center;
text-transform: none;
}
#footer ul li a:link, #footer ul li a:visited
 {
font-weight : normal;
text-decoration : none;
border : 0px;
padding-left : 0px;
padding-right : 30px;
}
#footer ul li a:hover, #footer ul li.current  a, #footer ul li a:focus  ,  #footer ul li.section  a
{
font-weight : normal;
text-decoration:none;
}
 #footer ul li.current  a ,  #footer ul li.section  a{color:#25419b;}


#main-fill ul {
display : block;
margin : 0;
padding : 0px 0px 0px 0px ;
text-align : left;
}
#main-fill ul li {
display : block;
text-align : center;
text-transform: none;
}
#main-fill ul li a:link, #main-fill ul li a:visited
 {
font-weight : normal;
text-decoration : none;
border : 0px;
padding-left : 0px;
padding-right : 30px;
font-size:18px; font-weight:normal;text-transform:uppercase;
}
#main-fill ul li a:hover, #main-fill ul li a:active, #main-fill ul li a:focus
{
font-weight : normal;
text-decoration:none;
}
#main-fill  ul li.current a {color:#25419b;}



 #menuimg ul {
display : inline-block;
margin : 0;
padding : 0px 0px 0px 0px ;
text-align : left;
}
 #menuimg ul li {
display : inline-block;
text-align : center;
text-transform: none; 
}
a img, img a {border:0px;}
 #menuimg  ul li   img {border:1px solid #818285; height:48px; width:48px;display:inline-block;opacity: 0.6;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  /*CSS Transition*/
    -webkit-transition: all 0,2s ;
    -moz-transition: all 0,2s ;
    -ms-transition: all 0,2s ;
    -o-transition: all 0,2s ;
transition: all 0,2s ;}
    #menuimg  ul li   img:hover {border:1px solid #818285;overflow:hidden;height:48px; width:48px; opacity: 1; 
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);  
  /*CSS Transition*/
    -webkit-transition: all 0,2s ;
    -moz-transition: all 0,2s ;
    -ms-transition: all 0,2s ;
    -o-transition: all 0,2s ;
transition: all 0,2s ;}
#kompetentions  {width:100%; }
  #kompetentions  table {float:right;width:100%;}
#kompetentions tr {display:inline-block;float:left;padding:0;margin:0;width:25%;}
#kompetentions td {border:1px solid #818285;display:block;margin:10px 2%;padding:10px 0;vertical-align:middle;height:60px;line-height:60px;width:96%;text-align:center;}
#kompetentions tr:first-child td {font-family:'HapticProLight', sans-serif;font-weight:normal;font-size:20px;text-transform:lowercase;color:#25419b;white-space: nowrap;border:0;}
#kompetentions tr:nth-child(3) td  {line-height:30px;}
#kompetentions td img {display:inline-block;height:60px;width:auto;margin-right:20px;float:left;}
#kompetentions td span {dispaly:inline-block;width:auto;float:left;font-size:18px;color:#25419b;font-family:'HapticProLight', sans-serif;font-weight:bold;}
.pl-PL #kompetentions tr:nth-child(3) td span {max-width:125px;} 
.en-GB #kompetentions tr:nth-child(3) td span {max-width:150px;} 
#kompetentions td a{width:auto;display:inline-block;margin:0 auto;overflow:hidden;text-align:left;} 

/*--end menu --*/


/*--wstawki --*/
#zbig {float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width: 100%; }
#zbig img {margin:0px 0px 10px 30px;}
#filoboat { background : url(filoboat.jpg) no-repeat 0px 0px;width:600px; height:361px; position:absolute; right:0px; top:220px;z-index:-1;}
#boat {width:345px; height:711px; position:absolute; left:245px; top:115px;z-index:1;}
#main-wyb {float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width: 435px;}
#main-koml{float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width:45%; }
#kont {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width: 46%;}
#kontt {float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width: 46%;}
#main-komp {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width:47% ;}
#main-komp td {vertical-align:middle;padding:0 0 30px 0}
#main-komp td span{color:#25419b;font-family: 'HapticProLight', sans-serif;
font-weight: normal;font-size:30px;text-transform:uppercase;line-height:35px;}
#main-komp img {display: block;float:left;margin-right:20px;}
.kompetencja h3 {font-size:30px;margin-bottom:5px;}
.kompetencja p{color: #25419b;font-size:30px; font-size:18px;margin:0 }
.kompetencja table {border:1px solid  #c2c2c2; margin: 0;}
.kompetencja table td {padding:10px;}
.kompetencja #main-filp li {list-style-type: circle;padding:2px 0;}
#main-fill {float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width: 55%;min-height:300px;}
#main-filp {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width: 37%;}
.Filozofia #main-fill {  width: 45%; }
.Filozofia #main-filp { width: 47%;}
.Kompetencja #main-fill {  width: 45%;  display:flex;    
    align-items:center;}
.Kompetencja #main-filp { width: 47%;min-height:300px; display:flex;    
    align-items:center;}
#main-wyb-p {width:100%; margin:0px; padding:0px; background : url(projekty.jpg) no-repeat -100px 35px;overflow:hidden;clear:both;position:relative;min-height:335px;}
#main-wyb-pk span, #main-wyb-pb span {font-size:16px; font-weight:normal;text-transform:uppercase; color:#25419b;}
#main-wyb-pk h3, #main-wyb-pb h3 {font-size:22px;font-weight:bold;}
#main-wyb-pk  {position:absolute; left:0px; width:200px;top:100px; z-index:3;}
#main-wyb-pb  {position:absolute; left:220px;width:200px; top:100px; z-index:3;}
#main-wyb-pc {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width: 44%;}
.ohophone   {visibility:hidden;height:0px;overflow:hidden;}
.nav-open-button {display:none;}
/*--end wstawki --*/
#main-fill img.left { padding: 0 ;display:block; float:right;width:auto;max-width:100%;height:auto;}
@media (min-width: 961px) and (max-width: 1200px) {#main-fill img.left {max-width:60%;}}
@media (min-width: 961px) and (max-width: 979px) {
#main  img {width:100%;height:auto;  }
#main-komp img {width:100%;height:auto;max-width:400px; }
#boat, #filoboat {visibility:hidden;}
#page, #footer, #kolo {width:98%;margin:0px auto;} 

#footer ul {width:79%;}
#lang {width:20%;text-align:right;}
#zbig img {margin:0px auto;max-width:525px;margin-top:-30px;margin-bottom:10px;}
#menuimg {width:auto; margin:0px auto; overflow:hidden;clear:both;background : url(portfolio.jpg) no-repeat 0px 4px;}
#main-wyb-p {background : none;}
#main-wyb-pk {position:relative;float:left;width:20%;max-width:200px; }
#main-wyb-pb {position:relative;float:left;width:20%;max-width:200px;left:0px; } 
#main-wyb-pc {border-left:1px solid   #E1E1E1;padding-left:30px; }
#kontt { position:relativee; margin:0px; padding:0px; right:0px; top:130px;}
 }
 @media (min-width: 961px) and  (max-width: 1274px) { #kompetentions tr {width:33%;} #kompetentions tr:first-child{display:block;width:100%;}  }
 @media (max-width: 960px) {
	 
 #main-fill img.left { padding: 0 ;display:block; float:none;width:auto;max-width:100%;height:auto;margin:0 auto;} 
#main  img {width:100%;height:auto;  }
#main  img.left {width:auto;max-width:100%;}
#main-komp img {width:100%;height:auto;max-width:400px; }
.Kompetencje  #main-komp img {width:100%;height:auto;max-width:132px; }
#boat, #filoboat {visibility:hidden;}
#page, #footer, #kolo {width:98%;margin:0px auto;} 
#page {margin-top:-30px; min-height:100px;}
#kont {width:100%;overflow:hidden;clear:both;text-align:center;}
#footer  {display:none;padding:0px;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background:#4861a7;}
.nav-open-button {display:block;position:fixed;right:20px;top:20px;z-index:1001;width:32px;height:25px;padding:4px 0;background:#25419b;border:2px solid #818285;}
#lang {position:relative;width:100%;text-align:center; margin:40px 0 20px 0;overflow:hidden;clear:both;}
#lang a {display:block;width:100%;clear:both;text-align:center;height:30px;line-height:30px;padding:5px 0;margin:0px;font-size:16px;color: #fff;border-bottom: 1px solid #D9D9DA; }
#footer ul li a:link, #footer ul li a:visited {color:#fff;}
#lang a:hover, #footer ul li a:hover, #footer ul li.current  ,#lang a:first-child  {background: #EBEBEB;color: #25419b; }
#footer ul li.current  a  {color: #25419b;}
#zbig img {margin:0px auto;max-width:525px;margin-top: 0px;margin-bottom:10px;}
#menuimg {width:auto; margin:0px auto; overflow:hidden;clear:both; }
#main-wyb-p {background : none;}
#main-wyb-pk {position:relative;float:left;top:0px;padding-top:40px;width:100%;max-width:100%;overflow:hidden;clear:both; }
#main-wyb-pb {position:relative;float:left;top:0px;width:100%;padding-top:40px;max-width:100%;left:0px;overflow:hidden;clear:both;border-top:1px solid   #E1E1E1; } 
#main-wyb-pc {border-top:1px solid   #E1E1E1;padding-left:0px;width:100%; }
#kontt { position:relative; margin:0px; padding:0px; right:none;left:0; top:0;width:100%;overflow:hidden;clear:both;}
#kontt table {margin:0px auto;}
#logo {width:268px; height:274px; position:relative; top:0px; right:none;margin:0px auto; z-index:0;}
#logo img {margin-top:-40px;}
#footer ul {width:100%;overflow:hidden;clear:both;margin-top:60px;}
#footer ul li {display:block; border-bottom: 1px solid #D9D9DA;padding:10px 0;font-size:16px;}
#footer ul li:hover {background:#EBEBEB ;}
#footer ul li a {display:block;width:100%;}
#main-fill {float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width: 100%;min-height: 6px;z-index:456;}
#main-filp {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width: 100%;}
.Kompetencja #main-fill, .Kompetencja #main-filp {

    width: 100%;
    display: flex;
    align-items: center;  min-height:auto;

}
 .Kompetencja #main-fill img {min-height:92px;width:auto;}
.Filozofia #main-fill,   .Filozofia #main-filp  {width: 100%;}
 #kompetentions  table {float:right;}
#kompetentions tr {display: block;width:100%;float:left;padding:0;margin:0;text-align:left;}
#kompetentions td {border:1px solid #818285;margin:10px 2%;display:block;width:92%;padding:10px 2%;vertical-align:middle;height:60px;line-height:60px;}
#kompetentions tr:first-child td {font-family:'HapticProLight', sans-serif;font-weight:normal;font-size:20px;text-transform:lowercase;color:#25419b;white-space: nowrap;border:0;}
#kompetentions tr:nth-child(3) td  {line-height:24px;}
#kompetentions td img {display:inline-block;height:60px;width:auto;margin-right:20px;float:left;}
#kompetentions td span {dispaly:inline-block;width:auto;float:left;font-size:18px;font-weight:bold;color:#25419b;font-family: 'HapticProLight', sans-serif;}
.pl-PL #kompetentions tr:nth-child(3) td span {max-width:125px;padding-top:6px;} 
.en-GB #kompetentions tr:nth-child(3) td span {max-width:150px;padding-top:6px;} 
h2 {font-size:20px;width:auto;text-align:left; background : url(h2.jpg) no-repeat 0px 0px;left: 0px;position:relative;padding-bottom:0px;}
h1 {font-size:20px;}
.home #top {height:186px;overflow:hidden;}
#main-komp {float:right; position:relative; margin:0px; padding:0px; overflow:hidden; width:100%;clear:both;max-width: 100%;} 
#main-koml{float:left; position:relative; margin:0px; padding:0px; overflow:hidden; width:100%;clear:both;max-width: 100%;}
#main-komp img {margin:0px auto;float:none;text-align:center;}
.oho    {visibility:hidden;height:0px;overflow:hidden;}
.ohophone   {visibility:visible;height:auto;overflow:hidden;text-align:left;width:100%;min-height:50px;background:#ACACAC;margin-top:5px; color:#fff;}
.ohophone p,.ohophone ul  {margin:10px 20px;}
.ohophone strong {font-size:20px;}
.bodykomp  , .bodykompc ,  .bodykompb {background:none;}
 .bodykompb .ohophone {background:#898989;}
  .bodykompc .ohophone {background:#636363;}
.ohophone img {max-width:577px;}  
  #menuimg ul {
display : block;
margin : 0 auto;
padding : 50px 0px 0px 0px ;
text-align : left;
}
#main-wyb-pk span, #main-wyb-pb span {padding:0px;margin:0px;}
#logo img {max-width:268px;}  
#main #kont p img  {max-width: 304px;margin:0px auto;float:none;text-align:center;}

 }
  #kontt td {font-size:13px;}
 @media (min-width: 961px) and  (max-width: 1024px) {
  .ruski  {visibility:hidden;width:0px;overflow:hidden;position:absolute;left:-500px;top:0px;}
  
  #page {margin-bottom:102px;}
#kolo {width:100%;max-width:980px;  margin:0px auto;background:#fff; padding:20px 0px 10px 0px; overflow:hidden;clear:both;position:fixed;z-index:1000000;bottom:0px;left:0px;right:0px;}
 }
 
  @media   (max-width: 479px) {  #kompetentions td a {
    width: auto;
    display: inline-block;
    margin: 0;float:left;
    overflow: hidden;
    text-align: left;
}td,  tr,  table,  tbody {
    width: 100%;
    display block;
} .Kompetencja table tr {display:table-cell}.Kompetencja table td {display:block;width:100%;min-width:100%;clear:both;}.Kompetencja #main-fill img {min-height:92px;width:auto;display:block;margin:0 auto;clear:both;}h1 {font-size:17px;}  }

/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 500px;
    width: 50%;
}
div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9; margin-left:5px;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: #244298;
        color: #fff;
        display: inline-block;
        border-radius: 0px;
        padding: 6px 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 16px;
        margin-right: 10px;
        float: left;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #808284;
        color: #fff;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px #274198;
    -webkit-box-shadow: 0px 0px 5px #274198;
    box-shadow: 0px 0px 5px #274198;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}




/* Responsive form styles
----------------------------------------------- */

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

    /* To test - potentially not needed? */
	.header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}