body{  
    background: #fff;
    color: #000;
    padding-top:0;
    }

.container 
{
    padding-left:15px;
    padding-right:15px;
}
[class^=col-xs].no-padding-l{ padding-left:5px;}
[class^=col-xs].no-padding-r{padding-right:5px;}

[class^=col-sm]{ padding-left:5px; padding-right:5px;}

.app-toolbar{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12); background:#FFC107; padding:5px; width:100%;}
.app-toolbar img{width:200px; height:auto;}



.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


.margin-b{ margin-bottom:10px;}
.margin-t{ margin-top:10px;}
.border-t{border-top:1px solid #FFE082}
.match-point{ font-size:40px;}

.text-green{color:#2FB601;}
.text-red{color:#FF0000;}
.text-white{color:#FFFFFF;}
.logo-sm > img{ padding-top:6px; padding-left:10px;}

.logo-text{ padding-left:56px; color:#fff; font-size:18px; font-weight:bold; display:block}

.logo-text-1{padding-top:12px; color:#fff; font-size:18px; font-weight:bold; display:block}

.logo-text .text{ border-radius:3px;margin-top:4px;}

.logo-text img.nz-logo{ border-radius:3px;margin-top:4px;}
.logo-text img.as-logo{ border-radius:3px;margin-top:10px;}


.navbar-toggle-l {  
    margin-left: 15px;   
}

.card .card-action {
   border-radius:0 0 2px 2px;
}
.card h2 {
   padding-left:16px;
   font-size:20px;
}
.card img {
   width:100%;
   height:auto;
}

@media(max-width:320px){
.card h2 {
   font-size:18px;
}
}

.btn-buy{}   
    .btn-buy > a{font-size: 18px;display: block;}       
    .col-xs-6{padding-left: 0px;padding-right: 0px;}
    .text-sm{ font-size:13px;}
    .panel-heading h4 {margin:0;color:#8a6d3b;}
    .panel-heading i { vertical-align:middle;}
    .panel-heading a {color:#8a6d3b;}
    .buy-page p {margin: 0 0 4px;}
    
    .continue{ border-radius:0 0 3px 3px; padding:12px;}
    
    
    
    .game-page{ max-width:768px; margin:0 auto;}
    .game-page .game-img{ width:100%; height:auto;}
    .btn-deep-green{ background:#04a31b; color:#fff; font-weight:bold;}
    .btn-deep-green i{ vertical-align:middle; margin-right:6px; font-weight:bold;}
    .subs{ padding:16px;}
    .btn-deep-orange{font-weight:bold;}
    .btn-deep-orange i{ vertical-align:middle; font-weight:bold;}
    .text-area{ background:#f7f7f7; padding:8px;}
    .app-container{ max-width:768px; margin:0 auto;}
    .logo{display: block;text-align: center;width: 100%;}
    .logo > img{width: 200px;}    
    .ui-border-b{border-bottom:1px solid #ddd;}
    
    
    .panel-heading .panel-title {color:#333;}
.panel-heading a { text-decoration:none;}

.panel-heading .accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.radio-lg input[type="radio"]{width:24px; height:24px;}

.radio-lg input[type="radio"] {    
    margin-left: -32px;
}
.radio-lg label {
    min-height: 32px;
    padding-left: 32px;
    font-weight: 400;
    font-size:20px;
    color:#fff;
}

.modal-content {
    position: relative;
    background-color: rgba(0,0,0,0.0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 6px;
    outline: 0;
   -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header {    
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.modal-footer {    
    border-top: 1px solid rgba(0,0,0,0.2);
}
.modal{top:21px;}
.modal-backdrop.in {
    filter: alpha(opacity=0);
    opacity: .0;
}
.modal-title {
    color:#fff;
}
.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
     background-color: rgba(0,0,0,0.8);
}



.half-screen .modal-content {
    position: relative;
    background-color: rgba(255,255,255,1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 6px;
    outline: 0;
   -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.half-screen .modal-header {    
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background:#FFC107;
    border-radius: 3px 3px 0 0;
}
.half-screen .modal-footer {    
    border-top: 1px solid rgba(0,0,0,0.2);
}
.half-screen .modal{top:21px;}
.half-screen .modal-backdrop.in {
    filter: alpha(opacity=0);
    opacity: .8;
}
.half-screen .modal-title {
    color:#000;



}


/* Pie Chart */
.progress-pie-chart {
  width:200px;
  height: 200px;
  border-radius: 50%;
  background-color: #FFECB3;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background-color: #FFC107;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);
  background: #FFC107;
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #FFECB3;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 173.91304px/2);
  top: calc(50% - 173.91304px/2);
  width: 173.91304px;
  height: 173.91304px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 2.6em;
  font-weight: bold;
  color: #FFC107;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.progress-pie-chart {
  margin: 50px auto 0;
}


.portal-page .card-view-content h2{ font-size:18px;  margin-bottom:0px; padding:0}
.portal-page .card-view-content p{ font-size:14px; }
.portal-page .card-view-content a{ color:#000}
.portal-page .card-view-content a:hover{ text-decoration:none;}

.lang select.form-control {padding: 2px 12px;}

.padding-l{padding-left:10px;}
.padding-r{padding-right:10px;}