@font-face {  font-family: 'pt_sansregular';  src: url('PTS55F-webfont.ttf') format('truetype'),    url('PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {  font-family: 'pt_sansbold';   src: url('PTS75F-webfont.ttf') format('truetype'),      url('PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;  font-style: normal;
}

/*
orange #f37121;
blue: #0397d7;
grey: #606060; (text)
grey: #c1b19d; (light background)
*/

/* STANDARD TAGS */
html{min-height: 100%; height: 100%; color: #606060; background: #0397d7; background: -moz-linear-gradient(left, #0397d7 0%, #0397d7 50%, #0385bd 50%, #0397d7 100%, #0385bd 100%); background: -webkit-linear-gradient(left, #0397d7 0%,#0397d7 50%,#0385bd 50%,#0397d7 100%,#0385bd 100%);
background: linear-gradient(to right, #0397d7 0%,#0397d7 50%,#0385bd 50%,#0397d7 100%,#0385bd 100%); font-family:"pt_sansregular",sans-serif; }
body{margin: 0; padding: 0px; font-size: 15px; min-width: 320px; font-family:"pt_sansregular",sans-serif; -webkit-user-select: text; -webkit-text-size-adjust: none; min-height: 100%; height: 100%; }
 @media all and (max-width: 359px) { body { font-size:80%;} }
div{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
section{clear:both;}
ul{list-style:none; padding:0; margin:0; width:100%; text-align:left; }
ul,li{margin:0;padding:0; border:0;}
h1 { font-size:18px;font-family:'pt_sansbold';font-weight:normal;margin:0px 0px 15px 0px;padding:0px;text-align:center;line-height:24px!important;color:#0397d7;}
#header h1 { padding:18px 55px 0px 50px; font-size:19px;}
h1.vertcenter{line-height: 50px !important; height:50px; }
h1 span.small { font-size: 21px; line-height: 21px !important; }
h1 span.xsmall { font-size: 18px; line-height: 18px !important; }
h2 { font-size:20px; font-family:'pt_sansbold'; font-weight:normal; margin: 0px; padding: 0px 0px 4px 0px; color:#fff;  }
h3 { font-size: 17px; font-family:'pt_sansbold'; font-weight:normal; margin: 0px; -webkit-margin-after:0px; padding: 0px; color:#fff;}
p { margin: 0.5em 0px 0px 0px; line-height: 19px; }
a, .afake { cursor: pointer; text-decoration:none; color: #f37121; }
strong, .strong { font-family:'pt_sansbold'; font-weight:normal;}

/* CUSTOM GENERAL CLASSES */
.alpha { opacity: 0.5; }
.back_white { background-color: white !important; -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.3);-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.3);box-shadow:0px 0px 3px 1px rgba(50, 50, 50, 0.3);}
.back_white h1, .back_white h2, .back_white h3 { color:#0397d7!important; }
.back_color { background-color:#0397d7; }
.back_color h1, .back_color h2, .back_color h3 { color:#fff!important; }
.back_grey { background-color: #efefef !important; color:#5d5d5d; }
.back_light { background-color: #c1b19d !important; }
.boxshadow { -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2);-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.2);box-shadow:         0px 0px 3px 1px rgba(50, 50, 50, 0.2);}
.block { display: block !important; }
.blur {-webkit-filter: blur(20px);  -moz-filter: blur(20px);  -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px);  opacity: 0.4; margin:-20px; width:200%;     height:200%;}
.btn_base { cursor: pointer; text-align: center; }
.btn { padding: 6px 5px 8px 5px; font-size: 16px; }
.btn_disabled { opacity: 0.3; }
.btn_dark, .btn_light, .btn_grey { cursor: pointer; text-align: center; margin: 0px; padding: 12px 15px 10px 15px; font-size: 17px; border-radius:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;}
.btn_dark { background-color: #f37121; border:none;}
.btn_light { background-color: #c1b19d; border:none; }
.btn_grey { background-color: #ccc; }
.btn_light:active, .btn_dark:active { }
.btn_big { padding: 13px 19px 12px 19px; font-size: 19px; font-family:'pt_sansbold'; font-weight:normal; }
.btn_bighome { height:80px; width:225px; padding:0px; line-height:19px;}
.btn_small { font-size: 14px !important; }
.btn50 { width: 48%; margin-right: 4%; float: left; height: auto; padding-left: 0px; padding-right: 0px; }
.btn_close { margin: -9px -14px 0px 0px; padding: 5px; }
.btn_center{ display:inline-block; float:none; clear:both;}

.border { border: solid 1px #efefef; }
.bordleft { border-left: solid 1px #ddd; }
.bordright{ border-right: solid 1px #ddd; }
.bordno { border: none !important; }
.bordbot { border-bottom:#efefef solid 1px; }
.bordtop { border-top: solid 1px #efefef; }
.bordnotop { border: 1px solid #efefef; border-top: none; box-sizing: border-box; -webkit-box-sizing:border-box;}

.color_txt { color: #f37121; }
.color_inactive_txt { color: #aaa; }

.center { margin-left: auto !important; margin-right: auto !important; display: block; float: none; }
.center50p { width: 50%; margin: 0px auto; }
.center_txt { text-align: center; }
.clear { clear: both; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.col32p { width: 32%!important;  float: left; margin-right:2%!important; }
.col33p { width: 32%!important;  float: left; margin-right:4px!important; }
.col45p { width: 45%!important; float: left; }
.col50p { width: 50%!important; float: left; }
.col55p { width: 55%!important; float: left; }
.col65p { width: 65%!important; float: left; }

.currentpage { display: block !important; } /* TODO: nog nodig? */

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.floatl { float: left !important; }
.floatr { float: right !important; }
.flex-container { display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; }
.flex-item { -webkit-flex: 1 0 auto; flex: 1 0 auto; }
.fixed { position: fixed !important; }

.indent { padding-left: 1em; }
.inline {  display:inline-block;}
.imgempty { width: 100%; height: 130px; text-align: center; font-style: italic; padding-top: 105px; opacity: 0.8; }
.line       { border-bottom: 1px solid  #5b524f; }
.linedotted { border-bottom: 2px dotted #5b524f; }
.list_content { margin-top:-6px; background:rgba(255,255,255,0.3); }
.list_content li { padding:8px; background:rgba(255,255,255,0.3); border:2px solid #d8d1c9; border-top:none;}
.suggest_list_empty_notice { padding:8px; border:2px solid #d8d1c9; border-top:none; font-style:italic;}
.msg_wrong, .msg_notice, .msg_right { display: block; padding: 15px 15px; color: #fff; margin-top:12px; box-sizing:border-box; text-align:center; }
.msg_wrong p, .msg_notice p, .msg_right p { margin:0px 0px 6px 0px;}
.msg_wrong p:last-child, .msg_notice p:last-child, .msg_right p:last-child { margin:0px;}
.msg_wrong a, .msg_notice a, .msg_right a { color: white !important; }
.msg_wrong { background-color: #a43324; }
.msg_notice { background-color: #5b524f; }
.msg_right { background-color: #435737; }

.none { display: none !important; }
.no_underline { text-decoration: none !important; }
.nobreak{ white-space:nowrap;}

.margtop       { margin-top:    15px !important;} .margtopno     { margin-top: 0px !important; } .margtopneg     { margin-top: -14px !important; }
.margtophalf   { margin-top:    7px  !important;}
.margtopdouble { margin-top:    30px !important;}
.margtoptriple { margin-top:    45px !important;}
.margno        { margin:        0px  !important;} .margnobot     { margin-bottom: 0px  !important;} .margnoright   { margin-right:  0px  !important;}
.margbot       { margin-bottom: 15px !important;} .margbothalf   { margin-bottom: 7px  !important;}
.pad           { padding:       15px !important;}
.paddouble     { padding:       30px !important;}
.padtopbot     { padding-top:   15px !important;
                 padding-bottom:15px !important;}
.padtop        { padding-top:   15px !important;} .padnotop      { padding-top:   0px!important;}
.padtopheader  { padding-top:   57px !important;}
.padbot        { padding-bottom:15px !important;} .padnobot      { padding-bottom:0px!important;}
.padtophalf    { padding-top:   7px  !important;}
.padbothalf    { padding-bottom:7px  !important;}
.padside       { padding-left:  15px !important;
                 padding-right: 15px !important;}
.padleft       { padding-left:  15px !important;} .padnoleft     { padding-left:  0px!important;}
.padright      { padding-right: 15px !important;} .padnoright    { padding-right: 0px!important;}
.padfooter     { padding-bottom:70px !important;}
.padno         { padding:       0px  !important;}

.relative      { position: relative; }
.strikethrough { text-decoration: line-through; }

.tab { float: left; margin: 0px; padding: 12px 6px 12px 6px; margin-top: 6px; margin-left: 6px; }
.tab.selected { background: #fff; color: #619b00; }

.txt_bigger { font-size: 150%;font-family:'pt_sansbold'; }
.txt_xs  { font-size: 80%;  }
.txt_s  { font-size: 90%;  }
.txt-m { font-size: 100%; }
.txt_l  { font-size: 120%; font-family:'pt_sansbold';}
.txt_left { text-align:left;}
.txt_white  {color:#fff!important;}
.txt_white a, .txt_white .afake { color:#fff!important; text-decoration:underline;}
.vertcenter span { display: -moz-inline-box; display: inline-block; line-height: normal; vertical-align: middle; }
.vertcenter li span { display: -moz-inline-box; display: inline-block; line-height: normal; vertical-align: middle; }

/* ICONS */
.icon_small { width:25px; height:25px; float:left; margin:-4px 7px 0px -4px;}
.icon_small img { width:25px; height:25px;}

.icon_base { background-size: 40px 40px; -webkit-background-size: 40px 40px; background-repeat: no-repeat; width:40px; height:40px; background-position: center; }
  .icon_back    { background-image: url(../img/icon_back.png); float:left; }
  .icon_info    { background-image: url(../img/icon_info.png); margin:-13px -13px 0px -10px; float:right; }
  .icon_share   { background-image: url(../img_generic/icon_share.png); }
  .icon_close   { background-image: url(../img/icon_close.png); float:right; }

  .icon_bread   { background-image: url(../img/icon_bread.png); }
  .icon_cars    { background-image: url(../img/icon_cars.png); }
  .icon_cotton  { background-image: url(../img/icon_cotton.png); }
  .icon_energy  { background-image: url(../img/icon_energy.png); }
  .icon_grain   { background-image: url(../img/icon_grain.png); }
  .icon_oil     { background-image: url(../img/icon_oil.png); }
  .icon_steel   { background-image: url(../img/icon_steel.png); }
  .icon_textile { background-image: url(../img/icon_textile.png); }
  .icon_tourism { background-image: url(../img/icon_tourism.png); }
  .icon_plain   { background-image: url(../img/icon_plain.png); }

  .icon_cert_cotton  { background-image: url(../img/icon_cert_cotton.png); }
  .icon_cert_grain   { background-image: url(../img/icon_cert_grain.png); }
  .icon_cert_oil     { background-image: url(../img/icon_cert_oil.png); }
  .icon_cert_steel   { background-image: url(../img/icon_cert_steel.png); }
  .icon_cert_plain   { background-image: url(../img/icon_cert_plain.png); }


  .icon_work_low{ background-image: url(../img/icon_work_low.png); }
  .icon_work_high{background-image: url(../img/icon_work_high.png); }

  .icon_min     { background-image: url(../img/icon_min.png); }
  .icon_plus    { background-image: url(../img/icon_plus.png); }
  .icon_settings{ background-image: url(../img/icon_settings.png); background-position: center; float:right; padding:10px 5px; margin-top:0px}
  .icon_logout  { background-image: url(../img/icon_logout.png); background-position: center; float:right; padding:10px 5px; margin-top:0px}
  .icon_refresh { background-image: url(../img/icon_refresh.png); padding:7px; margin:0px -15px;  }
  .icon_refresh.animate { animation-duration: 1.2s;  animation-name: refreshrotate;  animation-iteration-count: infinite;  animation-direction:reverse;
    animation-timing-function: linear; -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */}
  @keyframes refreshrotate {
    from { transform:rotate(0deg); -webkit-transform:rotate(0deg);  }
    to {   transform:rotate(360deg); -webkit-transform:rotate(360deg);  }
  }


/* HEADER */
#header { position: fixed; z-index: 9; top: 0; left:0px; width: 100%; height: auto; background-color:#fff;-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2);-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.2);box-shadow:0px 0px 3px 1px rgba(50, 50, 50, 0.2); overflow:visible;}
#main_header { height:115px;}
.main_headersize { height:115px;}
#followup_header { height:60px;}
#country_header { height:60px;}
.headersize { height:60px;}
#head_overlay { position: fixed; z-index: 9999; width: 100%; height: 100%; display: none; background: #fff; opacity: 0.8; top: 0; }
#head_overlay_in { display: table; height: 100%; width: 100%; }
#country_inhead { position:absolute; top:20px; right:10px; padding-right:40px; font-size:17px;}
#flag_inhead    { margin:-30px -42px 0px 0px; float:right;}
.btn_back { padding: 10px 0px 10px 5px; float: left; margin: 0px 0 0 0; box-sizing:border-box; }

/* TODO: EXAMPLE OF SOME ANIMATION (NOT USED NOW) */
#something { background: #fff; transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; position: fixed; top: 0px; right:-75%; z-index: 11; width: 75%; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; height:100%; }
.animatingleft { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); }
.animatingdown23{ top:265px!important; }

/* MAIN FRAME */
#content{ max-width: 640px; margin: 0px auto; position: relative; min-height:100%!important; position: relative;overflow:visible;}
#wrapper{ max-width:640px;}
#header {  }
#wrapper { min-height: 100% !important; clear: both; margin: 0px auto; width: 100%; text-align:center; }
.Page { padding:15px; clear: both; position: relative; min-height: 100%; /*height:100%;*/ box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.overlay_base { background: #fff; display: none; width: 90%; max-width: 530px; padding: 15px 10px; }
#content_overlay { position: fixed; z-index:10; width: 100%; height: 100%; display:none; background: rgba(0,0,0,0.8);  }
#fixedfooter { display: none; position: fixed; bottom: 0px; width: 100%; max-width: 600px; z-index: 5; }
.contentblock ul { padding-left: 16px; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; }

/* MODULE: LIST_BASE  */
.list_base { margin-top: 0px; }
.list_base li { clear: both; display: block; padding: 10px 0px; border-bottom: 1px solid #ccc; }
.list_base li:first-child { padding-top:0px;}
.list_base li:last-child { border-bottom: none; padding-bottom:0px;}

/* MODULE: HOME */
.logo { height:93px;}
.home_firstuse_block { box-sizing:border-box; -webkit-box-sizing:border-box; color: #6a6a6a; font-size: 15px; line-height: 19px; text-align: justify; text-justify: inter-word; max-width:600px; margin:0px auto;  }
.home_link { font-size:32px; text-align:center; color:#000; line-height: 30px; padding:5px 0px;}
.home_link.active { color: #009ada!important; }
.home_link.locked { color: #9f9f9f; }
#home_textblock { position: absolute; z-index: 4; width: 100%; height: 200px; color: #fff; text-align: center; box-sizing: border-box; -webkit-box-sizing:border-box;}
#home_textpnt { font-size: 16px; }
#home_text { font-size: 13px; }
.home_footer { margin: 0px auto; width:100%; font-size: 14px; color: #777; box-sizing:border-box; -webkit-box-sizing:border-box;}



.filter_tab_container { max-width:264px; width:100%; margin:0px auto;}
.filter_tab { padding:0px!important; float:left; margin:0 8px; box-sizing:border-box; }
.filter_tab img { opacity:0.5;}
.filter_tab.active img{ opacity:1.0;  }
.filter_tab.open  { background:rgba(255,255,255,0.5);  }
.filter_box { background:rgba(255,255,255,0.5); }


/* MODULE: COUNTRY-STATUS (organisatie) */
.round_statustxt { font-size:24px!important; }
.country_overview_list li { clear:both; padding-top:8px; }
.country_overview_list .state { float:right; padding-top:2px; position:relative; }
.country_overview_list .btn_clear { right: -13px; top: -11px; position: absolute;}
.country_overview_list .no_name        { color: #f37121;}
.country_overview_list .name_assigned  { padding-right:28px;} /* padding for cross */
.country_overview_list .check_begin    { color: #f37121;}
.country_overview_list .round_ready    { }
.country_overview_list .to_check_empty { color: #f37121;}
.country_overview_list .to_check_full  { color: #f37121; font-family:'pt_sansbold';}
.country_overview_list .in_progress    { color: #ccc;}
.country_overview_list .is_checked     { }
.country_overview_list .is_finished    { font-family:'pt_sansbold';}

/* MODULE: COUNTRY-CHOICE (deelnemers) */
.country_choice_list { padding:1%;}
.country_choice_list li { float:left; width:49%; padding-top:18px; margin:3px 0px 3px 0px;}
.country_choice_list .active          { background-color:rgba(243,113,33,1); color:#fff;}
.country_choice_list .available       { }
.country_choice_list .occupied        { opacity:0.3;}

.flag_s { float:left;width:24px;height:24px;margin:-5px 8px 10px -5px;border-radius:12px;background-repeat:no-repeat; background-size: cover; -webkit-background-size: cover; border: 1px solid #CCCCCC;}
.flag_m { float:left; width: 30px; height: 30px; margin:-5px 8px 10px 10px;border-radius: 15px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; border: 1px solid #CCCCCC; }
.flag_l { width: 36px; height: 36px; border-radius: 20px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;  }
.beneath_canvas .flag_s { float:none!important; display:inline-block!important; margin:0px!important;}
.beneath_canvas input { width:auto!important;}
.compare .flag_m { margin:6px 0px 10px 0px;}

/* MODULE: CONTROLE / BEGINSTATUS */
.type_list li, .money_list li { position:relative; min-height:44px;}
.col32p .money_list li { position:relative; min-height:41px;}
.btn_min    { margin-left:-13px;}
.btn_plus   { margin-right:-13px;}
.type_icon  { margin:0px auto; }
.type_amount{ position:absolute; right:50%; top:0px; padding-right:25px; margin:0px;}
.type_amount input{  width:40px; height:40px; margin:0px; text-align:center;}
.type_amount_begin{ position:absolute; right:50%; top:0px; font-size:20px; font-family:'pt_sansbold'; padding-top:7px; padding-right:25px; margin:0px; text-align:center; width:30px;}
.type_name  { position:absolute; left:50%; top:0px; padding-top:14px; padding-left:25px; }
.money_icon { font-size:20px; font-family:'pt_sansbold'; padding-top:7px;}
.money_name { padding-top:13px; text-align:left; width:70px; }
.money_amount{ margin:0px 80px 0px 20px; }
.money_amount input{  width:100%; height:40px; margin:0px;}

/* MODULE: TOTALEN */
.totals_type_icon { float:left; margin-left:15px;}
.totals_col { text-align:center; float:right; width:50px; padding-top:6px;}
.totals_col.afterround { width:75px; font-family:'pt_sansbold'; }
.totals_col.targetround { width:95px; font-family:'pt_sansbold'; }
.type_list .totals_col { padding-top:14px;}
.totals_type_name { float:left; width:75px; padding-top:14px; padding-left:10px;}
.totals_type_name_long { float:left; width:150px; padding-top:14px; padding-left:10px;}
.totals_type_name.extrashort { width:55px; }
.totals_money_name { padding-top:14px; padding-left:5px; width:150px; }
.totals_money_amount { padding-top:9px; padding-left:5px; font-size:17px; font-family:'pt_sansbold'; width:82px;}

/* MODULE: USER-OVERVIEW */
.user_flag { margin-left:12px;}
.user_country { padding:5px;}

/* MODULE: POPUPS */
.popup { width: 80%; max-width: 400px; margin: 10px auto; border:none; position: relative; height: auto; background: #e9e3da; box-sizing: border-box; -webkit-box-sizing:border-box; margin-top: 40px; padding:0px; }
.popup-text { text-align: center; }
.popupwide { width: 90%; }
.maillist { padding:15px; list-style: initial;}
.mfp-hide-close .mfp-close { display: none; }

/* Fixes for iOS devices */ /* TODO: IOS7BAR in aparte stylesheet? */
.mfp-wrap {   -webkit-overflow-scrolling: touch;}
#ios7bar { position: fixed; z-index: 100; width: 100%; height: 20px; background: #efefef; padding: 0px; top: 0px; margin: 0px; display: none; left: 0px; }
.mfp-bg { position:fixed!important;}

/* MODULE: PRESENTATION */
.awardscontainer { margin:0px auto; width:425px; height:270px; text-align:center; }
.award_silver,.award_gold ,.award_bronze { float:left; height:270px; background-repeat:no-repeat; background-position:center; background-size:contain;position:relative;}
.award_silver    { width:125px;margin-right:27px; background-image:url(../img/award_silver.png); }
.award_gold      { width:125px;margin-right:23px; background-image:url(../img/award_gold.png); }
.award_bronze    { width:125px;background-image:url(../img/award_bronze.png); }
.award_silver .flag_m { position:absolute; top:88px; left:35px;}
.award_gold   .flag_l { position:absolute; top:56px; left:43px;}
.award_bronze .flag_s { position:absolute; top:111px; left:53px;}
.award_silver .countrylabel { position:absolute; top:37px; width:100%; font-weight:bold; font-size:115%;}
.award_gold   .countrylabel { position:absolute; top:5px; width:100%; font-weight:bold; font-size:130%;}
.award_bronze .countrylabel { position:absolute; top:68px; width:100%; font-weight:bold;}

.ranking_list   { margin:0px auto; width:320px; height:270px; text-align:left; font-size:130%; }
.ranking_list li{ clear:both; }
.rank_nr, .rank_country,.rank_perc, .flag_s { float:left;}
.rank_nr        { width:50px; }
.rank_country   { width:150px;}
.rank_perc      { width:70px;}

.type_list.ranking { margin:0px auto;}
.type_list.ranking.round1 { width:300px; }
.type_list.ranking.round2 { width:50%;}
.type_list.ranking.round3 { width:75%;}
.type_list.ranking.round4 { width:100%;}
.type_list.ranking .totals_col { padding:14px 0px 10px 0px; box-sizing:border-box;}
.type_list.ranking .totals_header_col { float:right; width:150px; padding-top:6px; text-align:center; box-sizing:border-box;}
.type_list.ranking .totals_header { min-height:25px; box-sizing:border-box;}
.subcols2 .totals_col { width:75px; min-height:44px; }
.subcols1 .totals_col { width:150px; min-height:44px; }





/* MODULE: FORMS  */
form { margin: 0; padding: 0; float: none; top: 0; right: 0px; }
input, textarea, select, .fakeinput { background-color: #FFF; font-family:"pt_sansregular",sans-serif; text-align:center; font-weight: 300px; color: #626262; width: 100%; border:2px solid #d8d1c9; border-radius:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
input, .fakeinput { margin: 6px 0px; font-size: 18px; padding: 8px 8px; }
select {     text-align-last: center;}
.fakeinput {  padding: 10px 8px 9px 8px; display: block; height: 40px; font-size:15px;}
::-webkit-input-placeholder { color: #ccc;}
:-moz-placeholder {    color: #ccc;  }
::-moz-placeholder {  color: #ccc; }
:-ms-input-placeholder {     color: #ccc; }

textarea { margin: 6px 0px; font-size: 18px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; }
select { margin: 8px 0px; font-size: 18px; width: 100%; height: 42px; padding:8px; text-align:center; }
input[type="text"]:disabled { opacity:0.5;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; }
.input_big { height: 40px; font-size: 18px !important; text-align:center; }
.input_maxwidth{ width:225px;}
.label, .fakelabel { clear: both; padding: 14px 0px 0px 0px; width: 25%; display: block; float: left; font-size: 13px; }
.input_xsmall{ width: 30px; }
.input_small { width: 60px; }
.in_date { font-size:15px!important}
.textarea_big{ height:100px;}
.labeledcheck { margin: 5px 0px 7px 0px; padding: 0px; width: 75%; float: right; font-size: 13px; }
.checkbox { width: 20px; }
.checklabel { padding: 10px 30px; display: block; margin-top: -41px; }
.custom_checkblock { clear: both; display: block; float: left; padding-bottom:7px; }
.checkbox_hide { display: none; }
.custom_checkbox { width: 25px; height: 25px; border: 1px solid #ccc; background: #fff; float: left; padding: 3px; box-sizing: border-box; border-radius:14px; }
.custom_checkbox img { height:16px!important; width:16px!important;}
.custom_checklabel { margin: 0px 0px 0px 36px; min-height: 30px; line-height: 30px; }
.custom_checkhide { opacity: 0 !important; }


.radiolabelactive { border: 1px solid !important; box-sizing: border-box; }
.radiolabelwrong { border: 1px solid #cc0000 !important; color: white !important; box-sizing: border-box; background: #c00; }
.searchfield { padding-right: 39px; }
.clear_box { position: relative; width: 100%; text-align: center; }
.clear_field { padding-right: 17px; /* add space for the 'x' icon*/ }
.clear_box .icon_clear { position: absolute; right: 0px; top: 10px; padding: 3px; display: none; cursor: pointer; font: bold 1em sans-serif; color: #777; }

.inputfieldwrong { border: 1px solid #db4d00 !important; color: #db4d00 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#login_fields { width: 225px; margin: 0px auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* niet nodig ivm standard style die al groter is
  select:focus, textarea:focus, input:focus { font-size: 16px; }
*/
}

/****************************************************************************/
/*** TODO: DEV CHANGES*******************************************************/
/****************************************************************************/
.btn100 {
    width:98%;
}

.popup_back_title { background-color: #0385bd }
.popup_back_body {background-color: #FFFFFF}
.btn_close_action_popup { background-color: #f37121; color: #FFFFFF }
.btn_close_info_popup { background-color: #f37121; color: #FFFFFF }
.btn_close_error_popup { background-color: #f37121; color: #FFFFFF }
.money_amount_begin { position:absolute; right:50%; top:0px; font-size:20px; font-family:'pt_sansbold'; padding-top:7px; margin:0px; margin-right:-50px; text-align:center; width:100px;}

.activesmallright {  } /*TODO Lorentz: iets cools voor de country choice list voor de users.. Als je nu in rechterkolom iets selecteert, gaattie over de borders heen*/
.margleft { margin-left: 5px; }
.margright { margin-right: 5px; }
#presentation_view_page #ranking_bar_chart { height:400px!important;}
.ranking_list .txt_s .afake { font-size: 15px !important; text-align:center; }
#main_header .icon_settings { position:absolute; top: 0; right: 0; }