body {
      background: #ccc url(../images/bg.png); 
      border-top: 3px solid #000;
}

/*.row {width: 60rem;} *//*960px=60rem*/
/*.grid-x {width: 60rem !important;}*/

/*.wrapper{
      width:60rem !important;
}*/
.mt-5{
      margin-top:0.312rem;
}
.mt-50{
      margin-top:3.125rem;
}
.mt-20{
      margin-top:1.25rem;
}
/* .callout.alert{
      margin-bottom: 0px !important;
      padding-bottom:0px !important;
      border:none !important;
      
} */

.bg-primary{
      background-color:#1779ba !important;
}
.bg-purple{
      background-color:rgb(89, 77, 168);
}

.text-14{
      font-size:0.875rem  /* 14px=0.875 */
}
.text-left{
      text-align:left;
}
.text-center{
      text-align:center;
}
.w250{ width:15.62rem    /*250px=15.62*/ }

.radious{border-radius: 0.187rem;}

.page_wrap {border-radius: 3px; background: #FFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}
.main_wrap{margin:0 15px 0 15px;}

.header_nav {background: #34b091; padding: 10px 0 2px; margin-bottom: 25px} /*#f8f8f8*/

.header_nav_fullwidth {background: #34b091; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}

.banner{
      height:90px;
     background-color:#34b091;
     background: linear-gradient(#149474,#28aa8a);
      /* background: linear-gradient(#34b091,#5dbda3);*/
}

.header-title{
     font-family: 'source_sans_probold';

     padding-top:20px;  /* 25px=1.56rem*/
     
     text-align: center;
     font-size:24px;
     font-weight: 200;
     color:#fff;  /*#34b091  #6960EC*/
     letter-spacing: 2px;
     
}
    .logo{
      text-align: center;
	border: 0;
      /*display: block;*/
      padding-left:10px;color:#4CC417; 
      
}
/**********************************************
                   menu
**********************************************/
/*.top-bar {background: #FE563B; padding: 10px 0 2px !important; margin-bottom: 25px}
.menu-text{background: #FE563B; }*/
.menu-text{
      font-size:0.875rem; /* 14px=0.875rem */
      color:rgb(89, 77, 168);

}
.menu{
      
     /* background:#34b091 !important;*/
      background: linear-gradient(#28aa8a,#149474) !important;
      padding: 5px 0 5px 2px; 
      margin-bottom: 25px;
      color:#fff;
      font-family:'Open Sans Condensed',sans-serif; font-weight: normal;
}
.menu li a {
      color: #fff !important;
}
.menu .menu.active .nav-link,
.menu:hover .nav-link {
      color: #fff  !important;
      /*border-bottom-width: 120px;
      border-bottom: 1.5px #fff dashed ;*/

      text-decoration: underline;   /*safiri not supported */
      /*text-decoration-style: dashed;*/
  }

.heading_dots {background: url(../../images/heading_dots_grey.png) repeat-x center}
.heading_center_bg {background:#FFF; padding:0 10px}
.heading_supersize {font-size: 20px; text-align:center; font-weight: normal; line-height: normal; margin:0 0 40px}


/**********************************************
                  report
**********************************************/
.box_report_alert{

      /*height:1.875rem;*/
      overflow: auto;
      border-radius: 0.187rem;
      color:#fefefe;  
      background-color:#d4a004;    /* #ffc107 #ce5947 #cc4b37 #d1ecf1  #49c7dd  #17a2b8  */
      border-color:#d4a004;        /*#ffc107  #ce5947 #cc4b37 #d1ecf1  #49c7dd*/
  
      font-size:0.875rem;            /* 12px=0.75  14px=0.875*/
      padding-left:0.187rem;
      padding-top:0.312rem;
      padding-bottom:0.312rem;
  
  }
  
  a:hover .box_report_alert{
      color: #fefefe;           /*   #fefefe(white) #721c24(danger)  */
      background-color:#f3d265;  /* #a53b2a #f8d7da(danger)  #49c7dd(green&blue) */
      border-color:#f3d265;       /*  #a53b2a #f5c6cb(danger)  #49c7dd(green&blue) */
      text-decoration:none!important;
     
  }

  .box_report{

      /*height:1.875rem;*/
      overflow: auto;
      border-radius: 0.187rem;
      color:#fefefe;  
      background-color:#17a2b8;    /*#d1ecf1  #49c7dd*/
      border-color:#17a2b8;        /*  #d1ecf1  #49c7dd*/
  
      font-size:0.875rem;            /* 12px=0.75  14px=0.875*/
      padding-left:0.187rem;
      padding-top:0.312rem;
      padding-bottom:0.312rem;
  
  }
  
  a:hover .box_report{
      color: #fefefe;           /*  #721c24(danger)  */
      background-color:#138496;  /* #f8d7da(danger)  #49c7dd(green&blue) */
      border-color:#138496;       /*  #f5c6cb(danger)  #49c7dd(green&blue) */
      text-decoration:none!important;
     
  }


/**********************************************
                  footer
**********************************************/
.footer_menu {text-align:right; border-top: 1px dashed #999; margin: 20px 0 0; padding: 10px 10px}
.footer_menu li {display: inline; list-style: none; margin-right:0px;font-size:12px;}