/*platform crucial*/
/*############################################################*/
body                            {font-size: 10pt}
.logo                           {background-image: url('../../App_Themes/Skins/Medscheme/Logo.jpg');}
.logo                           {position: absolute; width: 231px; height: 60px; top:30px;left:160px;}


.platform                       {display: none;}
.topspace                       {padding-top: 20px;}
.security                       {width: 1024px; text-align:right;}
.center .sidebar                {width: 163px;}
.center .main                   {width: 861px;}
.table .text                    {text-align: justify;}
.footer .text                   {width: 1024px;}
.buttons_signout                {background-color: #2bb673;} 
.buttons_signout:hover          {background-color: #ffcb05;}
.none                           {display: none;}
.tabClaims                      {width:100%;font-family: MS Reference Sans Serif; font-size: 7pt;}
.mobClaims                      {width:100%;font-family: MS Reference Sans Serif; font-size: 7pt;}
.tabClaims1                      {font-family: MS Reference Sans Serif; font-size: 8px;}
.mobClaims1                      {font-family: MS Reference Sans Serif; font-size: 8px;}


.liveChat                       {position:absolute; left: 850px; top:15px; height:87px; width:77px; visibility:hidden;}
.liveChat1                      {position:absolute; left: 930px; top:10px; height:97px; width:97px;visibility:hidden;}
.liveChat2                      {position:absolute; left: 830px; top:10px; height:97px; width:97px;visibility:hidden;}
.liveChat3                      {position:absolute; left: 730px; top:10px; height:97px; width:97px;visibility:hidden;}

.buttons_signout                {position:absolute; top:10pt; right: 170px;width: 70px; height: 22px;border: solid 1px #3a9e52}
.buttons_signout:hover          {position:absolute; top:10pt; right: 170px;width: 70px; height: 22px;border: solid 1px #00a6e4}
.tableA                         {background-color:#2bb673;width: 100%;border-bottom: solid 1px #475562;}


/*.NavDynamicMenuItemStyle		{background:white;height:30px;font-weight:normal;width:200px;color: #999999;vertical-align:middle;top:35px;border-bottom:lightgray 1px solid;border-right:lightgray 1px solid;border-left:lightgray 1px solid;padding-left:5px;font-size:9pt;}*/
.NavDynamicMenuItemStyle	{display:none;width:0px;height:0px; z-index:-999;font-size:0pt; font-weight:lighter;}
/*.NavDynamicMenuItemStyle:hover  {font-size:9pt; background:#7BCAF2; height: 30px; font-weight: normal; width: 200px;color:#999999; vertical-align:middle; top:35px; color:White;padding-left: 5px;}*/
.separator                      {font-size:10pt; border-style: none; background: transparent; list-style-image: none; width:0px; font-weight: normal;padding: 0px 0px 0px 0px;}
.navigation                     {font-size:10pt; margin:auto;width:100%;top:1%;margin-left:12%;}

.navigation_bar                 {font-size:10pt; top: 111px; border: solid 1px #cccccc; font-family: MS Reference Sans Serif; background-color: white; }
.navigation_bar                 {height: 50px;}

.navigation                     {font-size:10pt;font-weight: normal;width:85%;}
.menu                           {font-size:10pt; height: 50px; position: absolute;font-weight: normal;} 

.navigation_menu                {font-size:8pt; background-color: white; height: 50px; text-align: left;}
.navigation_menu a              {font-size:8pt; font-weight: Bold; cursor: pointer;} /* normal-Bold - JJ Aug 2022 */
.navigation_menu a:hover        {font-size:8pt; font-weight: Bold;}

.NavDynamicMenuItemStyle:hover  {font-size:10pt; font-weight: normal; height: 30px; width: 250px; z-index: 999;} 
.NavStaticSelectedStyle         {font-size:10pt; font-weight: normal; height: 30px; z-index: 999;}
.NavDynamicSelectedStyle        {font-size:10pt; height: 25px; width: 180px; z-index: 999;}
.buttonGeneral					{background-color: #7BCAF2;font-family: MS Reference Sans Serif;font-size: 10pt;color: White;border-bottom-style: none;border-left-style: none;border-top-style: none;border-right-style: none;}
.buttonGeneral:hover			{background-color: #00A6E4;font-family: MS Reference Sans Serif; font-size: 10pt;color: White;cursor: hand;}
.cnt_drp_toolbar		        {font-family: MS Reference Sans Serif; font-size: 10pt;height: 25px;border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px;}
.cnt_drp_toolbar:focus	        {font-family: MS Reference Sans Serif; font-size: 10pt;height: 25px;border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px;}
.dropdown				        {font-family: MS Reference Sans Serif; font-size: 10pt;}
.cnt_details_heading            {font-family: MS Reference Sans Serif; font-size: 10pt; font-weight:bold; }
.cnt_details_values             {font-family: MS Reference Sans Serif; font-size: 10pt;}
.textbox                        {font-family: MS Reference Sans Serif; font-size: 10pt;}

.dynamic		                {background:white;  height:28px;font-weight:normal;width:250px;color:#ffffff;font-size:9pt;padding-left:5px;}
.dynamic:hover                  {background:#2bb673;height:30px;font-weight:normal;width:250px;color:#ffffff;font-size:9pt;padding-left:5px;}
.details                        {margin-top:-10%}

/*############################################################*/

/*PROVIDER ZONE STYLING*/
/*############################################################*/
.provider_h1                    {color:#00aeef; font-size: 40px; font-family: Whitney Bold; text-align:left;}
.provider_h2                    {color:#00aeef; font-size: 32px; font-family: Whitney Bold; text-align:left;}
.provider_h3                    {color:#00aeef; font-size: 24px; font-family: Whitney Bold; text-align:left;}
.provider_h4                    {color:#00aeef; font-size: 24px; font-family: Whitney Medium; text-align:left;}
/*.input_Provider                 {color:#858484; font-size:16px; font-family: Whitney; background-color:White; text-align:left;}*/
.input_Provider                 {width: 160px; height: 35px; color: #858484; font-weight:normal; font-family:Whitney; -webkit-appearance: none;background-color:White; text-align:left; font-size:16px; padding-left:4px; border-top: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7;border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7;-moz-border-radius: 5px;}

.input_Provider_bold            {color:#858484; font-size:16px; font-family: Whitney; font-weight:bold; background-color:White;}
.table_Provider                 {color:#858484; font-size:16px; font-family: Whitney Medium; background-color:White; text-align:left; min-height:500px; } /* JJ added to fix one defect on hbm */
.table_Provider_bold            {color:#858484; font-size:16px; font-family: Whitney Bold; background-color:White; line-height:26px;}
.table_Provider_grey            {color:#858484; font-size:16px; font-family: Whitney; background-color:#EAEAEA; line-height:26px;}
.table_Provider_bold_grey       {color:#858484; font-size:16px; font-family: Whitney; font-weight:bold; background-color:#EAEAEA; line-height:26px;}
.buttons_Provider               {color: White; background-color:#0d9cd8; height:40px;border:none;font-size:16px; font-family: Whitney;}
.buttons_Provider:hover         {color: #0d9cd8;border: solid 1px #0d9cd8; background-color:white; height:40px;font-size:16px; font-family: Whitney;}
.text_Provider                  {color:#858484; font-size:16px; font-family: Whitney; background-color:White; text-align:left;}
.text_Provider_disabled         {color:#858484; font-size:16px; font-family: Whitney; background-color:#EAEAEA; text-align:left; border-top: solid 1px #A7A9AC; border-right: solid 1px #A7A9AC; border-bottom: solid 1px #A7A9AC; border-left: solid 1px #A7A9AC;}
.text_Providerws                {color:#858484; font-size:12px; font-family: Whitney; font-weight:100;}
.transparent_Provider           {color:transparent;background-color:transparent;background-color:transparent;border:none; border-width:0px;}
.buttons_Provider_trans         {color: #0d9cd8; background-color:transparent; height:40px;border-color:#0d9cd8; border:solid; border-width:0.5pt;}
.buttons_Provider_trans:hover   {color: White; background-color:#6DCFF6; height:40px;border-color:#0d9cd8; border:solid; border-width:0.5pt;}
.buttons_Provider_close         {color: lightgrey; background-color:transparent; height:20px; border:none;}
.row_heading_Provider           {font-family:Whitney; font-size: 14px; font-weight:bold;background-color:#ED145B;color:#FFFFFF;line-height:26pt; text-align:center;}
.row_alternate_Provider         {font-family:Whitney; font-size: 14px; font-weight:normal;background-color:#FFFFFF;color:#858484;line-height:26pt; text-align:center;}
.row_selected_Provider          {font-family:Whitney; font-size: 14px; font-weight:normal;background-color:#EEEEEE;color:#858484;line-height:26pt; text-align:center;}

.row_Provider                   {border-bottom:1 solid black; font-family:Whitney; font-size: 14px; font-weight:normal;background-color:#EEEEEE;color:#858484;line-height:26pt; text-align:center;}




.title_Provider                 {color: #00aeef; font-size: 12pt; font-weight:bold;font-family: Whitney; background-color:white;text-align:left;background-color:whitesmoke;}
.subtitle_Provider              {color: #00aeef; font-size: 12pt;font-family: Whitney; background-color:white;text-align:left;background-color:whitesmoke;}
.section_heading_Provider       {color: #00aeef; font-size: 12pt; font-weight:bold;font-family: Whitney; background-color:White; text-align:left;}
.section_Title_Provider         {color: #00aeef; font-size: 24px; font-weight:bold;font-family: Whitney; background-color:White; text-align:left;}
.heading_Provider               {color:lightgrey;}
.step_heading_Provider          {color: #0d9cd8; font-size: 12pt; font-weight:bold;font-family: Whitney; background-color:White; text-align:left;}
.step_heading_Providerws        {color: #0d9cd8; font-size: 12pt; font-weight:bold;font-family: Whitney; text-align:left; padding-bottom:10px;}

.table_Providersmoke            {background-color:whitesmoke;}
.table_Provider                 {background-color:white;}


.input_Provider_Err             {color: #ED1B24;border: solid 1px #ED1B24; background-color:#FCEBEA; height:40px;}
.input_Provider_Error           {color: #ED1B24;border: solid 1px #ED1B24; background-color:#FCEBEA; height:40px; text-align:center;}

.checkbox_Provider              {color:#858484; height:40px;border-color:#ccc; border-width:2px;}

/*PROVIDER ZONE STYLING*/
/*############################################################*/







/*client specific*/
/*############################################################*/

/*font*/
body                            {font-family:MS Reference Sans Serif;}
.buttons                        {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons:hover                  {font-family: MS Reference Sans Serif; font-size: 10pt;} 
.input                          {font-family: MS Reference Sans Serif; font-size: 10pt;}
.watermarked                    {font-family: MS Reference Sans Serif; font-size: 10pt;}
.watermarked:focus              {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons                        {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons:hover                  {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons_signout                {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons_signout:hover          {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons_nav                    {font-family: MS Reference Sans Serif; font-size: 10pt;}
.buttons_nav:hover              {font-family: MS Reference Sans Serif; font-size: 10pt;}
.row_heading                    {font-family: MS Reference Sans Serif; font-size: 8pt; font-weight:bold;}
.row_heading:hover              {font-family: MS Reference Sans Serif; font-size: 8pt; font-weight:bold;}
.cnt_txt_search                 {font-family: MS Reference Sans Serif; font-size: 10pt;}


/*color*/
body                            {color: #000000;} /* #5C5C5B JJ Aug 2022 */
.header a                       {color: #00a6e4;}
.header a:hover                 {color: #00a6e4;}
.platform                       {color: #807f7f;}
.main .title h2                 {color: white;}
.main .title h3                 {color: silver;}
.table a                        {color: #2bb673;}
.table a:hover                  {color: #3a9e52;}
.avatar .heading                {color: White;}
.footer a                       {color: white;}
.footer a:hover                 {color: #2bb673;} /* 00a6e4 JJ Aug 2022 */
.buttons                        {color: White;}
.buttons:hover                  {color: White;} 
.buttons_signout                {color: White;} 
.buttons_signout:hover          {color: White;} 
.buttons_nav                    {color: #4e9b47;}
.buttons_nav:hover              {color: #ffffff;} /* 6a3341 JJ Aug 2022 */
.NavStyle                       {color: #4e9b47; }
.NavStyle:hover                 {color: #6a3341;}
.NavDynamicMenuItemStyle        {color: #4e9b47;} 
.NavDynamicMenuItemStyle:hover  {color: black;} 
.row_heading                    {color: #1d1d1d;}
.row_heading:hover              {color: #1d1d1d;}
.row                            {color: #666666;}
.row:hover                      {color: #666666;}
.row_alternate                  {color: #666666;}
.row_alternate:hover            {color: #666666;}
.cnt_results_link               {color: #00a8ff;}
.error                          {color: #FF4D4D;}

/*border*/
.header_screen                  {border-top: solid 2px silver;}
.login .log_header              {border: solid 1px #464646;}
.input                          {border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px; border-radius: 0px;}
.input:focus                    {border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px; border-radius: 0px;}
.watermarked                    {border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px; border-radius: 0px;}
.watermarked:focus              {border-top: solid 1px #999999; border-right: solid 1px #999999;border-bottom: solid 1px #999999; border-left: solid 1px #999999;-moz-border-radius: 0px; border-radius: 0px;}
.documents                      {border: solid 2px #d7d7d7;}
.main .toolbar                  {border-bottom: solid 1px silver;}
.buttons:hover                  {border: solid 1px #ffcb05;} /* #999999 JJ Aug 2022 */
.buttons_lnk                    {border: solid 1px silver; padding: 5px 5px 5px 5px;} 
.buttons_lnk:hover              {border: solid 1px silver; padding: 5px 5px 5px 5px;} 
.center                         
{
	
	background-color:#F7F7F7;
	text-align:center;
                                 }

/*background*/
.login .log_header              {background-color: #5f5f5f;}
.table .section_heading         {background-color: whitesmoke;}
.table .section_heading_image   {background-color: whitesmoke;}
.avatar                         {background-image: url('../../App_Themes/Skins/Medscheme/sky10.jpg'); background-repeat: repeat-x;}
.buttons                        {background-color: #2bb673;-moz-border-radius: 0px; border-radius: 0px;}
.buttons:hover                  {background-color: #ffcb05;-moz-border-radius: 0px; border-radius: 0px;}
.footer                         {background-color: gray;}
.row_heading                    {background-color: silver;}
.row_heading:hover              {background-color: silver;}
.row                            {background-color: #eaebec;}
.row:hover                      {background-color: white;}
.row_alternate                  {background-color: #d7d7d7;}
.row_alternate:hover            {background-color: white;}
.row_selected                   {background-color: #f1f1f1;}


/*size*/
.header                         {width: 1024px;}
.header_blue                    {height: 100px; width: 100%;}
.page .subpage                  {width: 100%;}
.header_screen                  {height: 115px; width: 100%;}
.center                         {min-height: 100%; width: 1024px; margin-left:auto;margin-right:auto;}
.text .advert                   {display: none;}
.text .control                  {width: 98%;}
.input                          {height: 25px;}
.input:focus                    {height: 25px;}
.watermarked                    {height: 25px;}
.watermarked:focus              {height: 25px;}       
.buttons                        {width: 129px; height: 30px;}
.buttons:hover                  {width: 129px; height: 30px;}
.buttons_signout                {width: 70px; height: 22px;border: solid 1px #4e9b47}
.buttons_signout:hover          {width: 70px; height: 22px;border: solid 1px #ffcb05}
.footer                         {height: 70px; width: 100%;}
.functionality                  {width: 400px;}
.functionality:hover            {width: 400px;}

                                         
/*display*/
.center                         {margin: 0 auto;}
.main .title h3                 {display: none;}
.banner                         {display: none;}
.bannerAdd                      {display: none;}
.text .advert                   {display: none;}

/*images*/
.header_screen                  {background-image: url('../../App_Themes/Skins/Medscheme/header-background.jpg');}
.row_heading                    {background-image: url('../../App_Themes/Themes/General/cnt_main_heading.jpg');}
.row_heading:hover              {background-image: url('../../App_Themes/Themes/General/cnt_main_heading.jpg');}

/*positions*/
.menu                           {height: 20px; position: absolute; top: 0px;}
.footer                         {margin: 0 auto; }
.main .title h2                 {top:180px;}
.security                       {top:45px; left:250px;}

/*Target IE7 */
.main .title h2                 {*top:190px;}
.security                       {*position:absolute; *top: 45px; *margin: 0 auto;}
.logo                           {*left:280px;}


/*filters*/
.platform 
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='black'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(black)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #343434, black); /* for firefox 3.6+ */
}
.header_blue  
{
  background-color:#3a9e52;  
      
}
.main .toolbar 
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e7e7e7'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e7e7e7)); /* for webkit browsers */
    background: -moz-linear-gradient(top, white, #e7e7e7); /* for firefox 3.6+ */
}         
.login .log_heading 
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afeb', endColorstr='#0098ca'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#01afeb), to(#0098ca)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #01afeb, #0098ca);
}
.login .log_text 
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afeb', endColorstr='#0098ca'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#01afeb), to(#0098ca)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #01afeb, #0098ca);
}

.buttons_nav 
{
    background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #ffffff); /* for firefox 3.6+ */
} 
     

.buttons_nav:hover 
{
    background-image: -ms-linear-gradient(top, #2bb673 0%, #2bb673 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bb673', endColorstr='#2bb673'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2bb673), to(#2bb673)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #2bb673, #2bb673);
}

.avatar .heading 
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bb673', endColorstr='#2bb673'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2bb673), to(#2bb673)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #2bb673, #2bb673); /* for firefox 3.6+ */    
}

.locator_buttons
{
        background-color: #00afea;
}

.locator_src_buttons
{
        background-color: #00afea;
}

.modalBackground 
{background: -webkit-gradient(linear, left top, left bottom, from(#022d3e), to(#026d97));}

.modalPopup
{text-align:center; padding: 30px; border-style:solid; border-width:1px; background-color:white; width:300px; height:100px;}


input[type=checkbox] {
   accent-color: #C70039;
}

.box-close 
{position: absolute;top: 0;right: 5px;color: black;text-decoration: none;font-size: 30px;font-weight:bold;}



/* JJ Started adding 11-APR-2019 ******************************************************************************************************************************/ 


/*
DARK GREY
#858484

GREY
#A7A9AC

LIGHT GREY
#EAEAEA

H1 - Whitney Bold 40px
H2 - Whitney Bold 32px
H3 - Whitney Bold 24px

BODY

Whitney BOOK 16px   Line Height 26px - COLOR: #858484

Horizontal Rule # CCCCCC */



.providerMainTblContainer                   {border: solid 0.5pt #EAEAEA; padding: 20px;}

hr.providerHr                                 {border-top: 0.5px solid #EAEAEA; margin-left:15px;}


.providerPlusMinus
{
    padding-right:0px;
    padding-left:0px;
    
}


.providerMemDetail
{
 
    background-color: white;
    /*border: solid 0.5pt #A7A9AC;*/
    /*border-collapse: collapse; /* removing td spaces in table */    
}



.providerMainSearchTables
{
    border: solid 0.5pt #d7d7d7;
    border-collapse: collapse; /* removing td spaces in table */ 
}

.providerTopSearchTables
{
    border-color:#0075c4;
    padding: 5px 5px 5px 5px;
    -moz-border-radius: 0px; 
    border-radius: 0px;
    border-collapse: collapse; /* removing td spaces in table */  
}

.providerTableHeader
{
    border: solid 0.5pt #00a6e4;
    height: 35px;
    background-color:#ed145b;
    font-weight:300;
    font-family:Whitney Medium; 
    font-size:14px;
    color: White;
    width:100%;
    margin:0px; 
    padding:0px;
    padding-top:8px;
    padding-bottom :8px;   
}   

.providerTableHeaderText
{
  /*padding: 5px 18px 5px 5px;*/
  padding-left: 20px;
}

.providerInputGeneric{
    width: 250px;
    height: 40px;
    color: #858484;
    font-weight:normal;
    font-family:Whitney;
    -webkit-appearance: none;
    background-color:White;
    text-align:left; 
    font-size:16px;
    padding-left:4px;
    border-top: solid 1px #d7d7d7; 
    border-right: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7; 
    border-left: solid 1px #d7d7d7;
    -moz-border-radius: 5px; 
   
}

.providerInputGenericWtr{

    color: Silver;
    font-weight:lighter;
    vertical-align: middle;
    font-family:Whitney;
    width: 250px;
    height: 40px;
    background-color:White;
    text-align:left; 
    font-size:16px;
    padding-left:4px;
    border-top: solid 1px #d7d7d7; 
    border-right: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7; 
    border-left: solid 1px #d7d7d7;
    -moz-border-radius: 5px; 
         
}


.providerDropMed
{
    width: 250px;
    height: 40px;
    color: #858584;
    font-weight:normal;
    font-family:Whitney;
    font-size:16px;
    border-top: solid 1px #d7d7d7; 
    border-right: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7; 
    border-left: solid 1px #d7d7d7;
   
}



.providerTdBottomPad
{
    padding-bottom:25px;
}


.input_generic_bold    {color:#858484; font-size:16px; font-family: Whitney; font-weight:bold; background-color:White;}


.search_categories{
  font-size: 13px;
  padding: 10px 8px 10px 14px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
}

.search_categories .select{
  width: 120%;
   background:url('http://localhost:48928/Helios/App_Themes/Skins/Medscheme/plus.jpg') no-repeat;
  background-position:80% center;
}

.search_categories .select select{
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
  border-radius: 0;
  width: 120%;
  position: relative;
  z-index: 10;
  font-size: 1em;
}


.menu ul li ul {

display: none;

}

.menu ul li {

position: relative;

float: left;

list-style: none;

}


/* Float four columns side by side */
.columnCard {
  float: left;
  width: 100%;
  
}



/* Remove extra left and right margins, due to padding */
.rowCard {margin: 10 10;}

/* Clear floats after the columns */
.rowCard:after {
  content: "";
  display: inline;
  clear: both;
  text-align: center;
}

/* Responsive columns */
@media screen and (max-width: 800px) {
  .columnCard2 {
    width: 25%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.cardctrl {

  text-align: center;
  background-color: White;
  font-family: MS Reference Sans Serif; font-size: 10pt;
  width:200px;
  display: inline-block;
   padding: 2rem 2rem;
  vertical-align: middle;
}

.simple
       {
           color: Green !important;
           font-family: MS Reference Sans-Serif;
           font-size: 14pt;
          
       }
.simple:hover
       {
           color: black !important;
           font-family: MS Reference Sans-Serif;
           font-size: 14pt;
           text-decoration: none;
           
       }
       
            

.box {
            background-color: black;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
p {
            font-size: 10pt;
            align-items: center;
        }
 .box a {
            display: inline-block;
            background-color: #fff;
            padding: 15px;
            border-radius: 3px;
        }
.modal {
            align-items: center;
            display: flex;
            justify-content: center;
             background: rgba(211, 211, 211, 0.7);  
            transition: all 0.4s;      
            visibility: hidden;
            opacity: 2;            
             position: fixed;  
              top: 0;
              left: 0;
              left:0;
              right:0;
        }
 .contbox {
            position: relative;
            background: #3a9e52;
            padding: 1em 2em;
            border-radius: 4px;
           
        }
        
 .contbox2 {
            position: absolute;
            background: #3a9e52;
            width: 350px;
            height:390px;
            padding: 0.5em 1em;
            border-radius: 4px;
            margin-top:25%;
            margin-left:40%
        }
.modal:target {
            visibility: visible;
            opacity: 1;
        }

       
       
       
   



/* ######################################################################## */