html,
body {
  font-size: 16px;
     margin:0;
   padding:0;
   height:100%;
   
   } 




body{font-family:Arial, Helvetica, sans-serif;font-size:100%;background-color:white;color:black;}

 .myimg {
 width:100%;
 height:auto;
 
 }
 
/*.row { max-width: 90.063em; } blue 44637a  #5161ac   #16406f surf blue #061BA4  lt blue acbbc4 539DC2 #6699CC yellow d8a336 old yellow E6C100*/

 
.test { border:2px solid green;}


h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.125rem; font-style: normal; font-weight: bold; color: #d8a336; text-decoration: none;}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .875rem; font-style: normal; font-weight: normal; color: black; text-decoration: none;}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: bold; color: #6699CC; text-decoration: none;}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: black; text-decoration: none;}


.h2bold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: black; text-decoration: none;}

.heading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #d8a336; text-decoration: none;}
.heading2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2rem; font-style: normal; 
font-weight: bold; color: #d8a336; text-decoration: none;
position:relative;
/*left:10%;*/
}
.headinglink {
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: .8rem;
float:right;
}

.headinglink:hover {

}

.phomelink a{
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: 1rem;
 
}

.phomelink a:hover {
color:#061BA4;
}

.greeting{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; color: black; text-decoration: none;}
 
.greeting a {
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-style: normal;
font-size: .8rem;
}

.greeting a:hover {
color:#061BA4;
}

.tdate {color:white;position: absolute;left:50%;}




.pmlist input[type="radio"] {margin:0px;padding:10px;margin-left:30px;}

.pmlist{font-weight: normal;line-height:1.2rem;width:80%;}

input[type=password] {margin:5px;padding:3px;width:150px;height:25px;}
input[type=text] {margin:5px;padding:3px;width:150px;height:25px;}

.mybutt {
   border:.1rem #44637a solid;
   border-radius:.5rem;
   padding:.4rem .625rem .4rem .625rem;
/*   padding:.8rem ; */

   color:white;
  white-space: nowrap;

   font-size: 1rem;
   background:#44637a;
}

.mybutt:hover { background:#539DC2;color:white;} 

.cmbutt {
   border:.1rem #44637a solid;
   border-radius:.25rem;
   padding:.2rem .5rem .2rem .5rem;
  white-space: nowrap;

   color:white;
  

   font-size: 1rem;
   background:#44637a;
}

.cmbutt:hover { background:#539DC2;color:white;} 
.cmbutt:visited { color:white;} 


/*#5161ac  #6699CC #16406f surf blue #061BA4 padding:top right bottom left; */
.signup {

      border:2px #5161ac solid;
      border-radius:.75rem 0rem 0rem .75rem;

      background:#44637a;

    	padding:.5rem 2rem .5rem 1.5rem;

	font-weight: bold;
	font-size: 1rem;
 	color:white;

    	position: fixed;
    	top: 30%;
    	right: .25em;
    	z-index:900;
    
}



.signup:hover { 
    	text-decoration:none;
 	color:#ffffff;
 	background:#539DC2;
 } 

.signup:visited { 
    	text-decoration:none;
 	color:#ffffff;
 /*	background:#539DC2;*/
 } 
 
 
 
 .pagebutt {padding:.2rem 1rem .2rem 1rem; top: 95%;}
 
 
 
 
 
 
 
 
 
 
  /*	from blogadmin, exams;*/
 
 .link_nav {font-size: 1.2rem;font-weight:bold;}
 .link_nav:hover {}

 
  .landing a {font-size: 1.2rem;font-weight:bold;}
 
 
 
 
 
 
 
.taleft {text-align: left;}



	

.flags {width:100%;padding:0px;}
.areas {border:1px solid black;}

.areas2 div {border:1px solid black;}

/*.flags {width:100%;border:1px solid black;padding:0px;}*/

.dateenter select {  width: 30%;
	max-width: 60px;
	min-width:40px;}

.pmlist {


}



.surflogo {
max-height:60px;

}


    .imgcancel {
       
   border:.1rem #ffffff solid;
   border-radius:.625rem;
   padding:.4rem .625rem .4rem .625rem;
   font-weight: bold;
   color:gray;
  
   float:right;
/*   position:fixed; */
   font-size: 1.5rem;
   background:transparent;
  }
  
    .imgcancel:hover {
    color:#aa0000;
  /*    border:.3rem #ff0000 solid;*/
    /* background:rgba(0,0,0,.5);*/
   }



.off {display:none;}  
.on {display:inline;}  
 
 
.aselect{color:#000;border:2px #000 solid;border-radius:5px;padding:3px 5px 5px 5px;margin:0;width: auto;height:auto;max-height:150px;}
.aselect:hover{background-color:transparent;}

.aselect option:hover
    {
    color:#000;
    background:#f0f0f0;
        
        cursor: pointer;
    }   

.aselect option:checked
    {
    color:black;
    background:#6996AD;
    box-shadow: 5px 5px 0px 50px #6996AD inset;
  
    }  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*#5161ac #061BA4  #6699CC  padding:top right bottom left; cm-contact manager*/
 
 .cmselect2{color:#000;border:2px #000 solid;border-radius:5px;padding:3px 5px 5px 5px;margin:0;width: auto;height:auto;max-height:150px;}
 
 .cmselect{height:auto;max-height:150px;width: 100%;max-width:100%;margin:0px;padding:3px 2px 3px 1px;border:2px #000 solid;border-radius:.3rem;}
 .cmselect:hover{background-color:transparent;}
 
 .cmselect option:hover
     {
     color:white;
     background:#6699CC;
         
         cursor: pointer;
     }   
 
 .cmselect option:checked
     {
     color:white;
     background:#6996AD;
     box-shadow: 5px 5px 0px 50px #6996AD inset;
   
     }  
     
  .cminput input[type=text] {width: 200px !important;}
  .cminput2 {color:#000;border:2px #000 solid;border-radius:5px;padding:15px 50px 15px 50px;margin:0;width: 200px;}
.cminput2 input[type=text] {margin:0px;margin-bottom:1rem;padding:5px;max-width:400px;height:2rem;float:right;border-radius:5px;}

.cmdiv { padding:3px 3px 3px 3px;} 
  
 .cmmodify {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .9rem; font-style: normal;font-weight: 600;} 
  
  
.cmmodifyselect  {margin:5px;padding:3px;width:150px;height:30px;}
  
 .cmmodify  input[type=text] {width: auto;max-width:100%;}
  
  
  
  
  
  
  
  
  
/*  pcalnew testing responsive*/
 .pcalnew {margin: 0;}
 .pcalnew input[type=text] {margin:0px;padding:3px;width:70px;height:25px;}
.pcalnew table tr.even, table tr.alt, table tr:nth-of-type(even) {background: white; }
    	
.pcalnew table td{
    margin: 0;
        padding: 0.15rem 0.15rem;
line-height:.8rem;
    text-align: left;
    height:11vh;
    max-height:11vh;
overflow:auto;
    
    }
 
.pcalnew table tr{
    margin: 0;
        padding: 0;

 }  
 
 
 
 
 
 
 
 
 
  
/*  pcal main overriding div */  
  
  
  
 .pcal {margin: 0;}
 .pcal input[type=text] {margin:0px;padding:3px;width:70px;height:25px;}


.pcal table tr, table tr.alt {background: white; }
    	
.pcal table td{
    margin: 0;
        padding: 0.15rem 0.15rem;

font-size:.7em;
line-height:.8rem;
/*    text-align: left;*/
/*    height:11vh;*/
/*    max-height:11vh;*/
/*overflow:auto;*/    
    }
 
.pcal table th{ vertical-align:middle;text-align: center;}

 
 .prevmon {background:#C0C0C0;vertical-align:top;}
  
 .pcalweekend {background:#d8d8d8;vertical-align:top;}
  
 .currday {background:#e2e2a0;vertical-align:top;}
 
 .normday {vertical-align:top;}
 
 
 .datelink {font-weight:bold;font-size:.6rem;}
 
 .datelinkcurr {font-size:.8rem;}


.taskitem {white-space: pre-line;}

/*.taskpastdue {color:red;} */

.taskpastdue {background-color:#ffe3e9;padding-top:1rem;margin-top:1rem;}
.tasktoday {background-color:#e2e2a0;padding-top:1rem;margin-top:1rem;}
.tasktomorrow {background-color:#f3f9ff;padding-top:1rem;margin-top:1rem;}

.taskicont {font-family: Arial; font-size:.7rem;font-weight:800;padding:0;margin:0;line-height:1rem;float:right;width:.8rem;}

.taskinputdate input[type=text] {margin:0;color:#ffe3e9;height:150px;}





.taskbuttadd {background:#061BA4;color:white;border:0;} 
.taskbuttadd:hover {background:#358cc2;color:white;} 
.taskbuttadd:visited {background:#0088CC;color:white;} 

.taskbuttupdate {background:#358cc2;color:white;} 
.taskbuttupdate:hover {background:#47a6d4;color:white;} 
.taskbuttupdate:visited {background:#358cc2;color:white;} 






  








/*
various blue
#061BA4
47a8dd
358cc2 459cd2
47a6d4
5182ab
388599 3c9fbc
class prefix task is for task page 

class prefix event is for projlist or cal page 


maybe for currday cal -64c0c8 64b6c8 and lt for task e1faff 
tasktoday was -e3ffe8 lt green-f0fff3 
ltred-fff0f0 lt blue- f0f5ff lt yellow-fdfff0 
lt green - f1ffe3 
blue-e3f7ff red -ffe3e3 green-e3ffe8 yellow - feffe3

blues - e3f7ff effafe ebf9ff  e3e9ff

pattern with red e2a0a6 blue a0a6e2 green a0e2a6 yellow e2e2a0 - 6 point dif

pattern with red ffe3e9 blue e3e9ff green e3ffe9 yellow ffffe3 - 6 point dif
pattern with red fff3f9 blue f3f9ff green f3fff9 yellow fffff3 - 6 point dif
pattern with red fff0f3 blue f0f3ff green f0fff3 yellow fffff0 - 3 point fif

pattern with red e298a1 blue 98a1e2 green 98e2a1 yellow e2e298 - 3point

pattern with red c86469 blue 6469c8 green 64c869 yellow C8C864 - 3 point
pattern with red c86470 blue 6470c8 green 64c870 yellow C8C864 - 6 point

oldtaskpast - ffe3e9
old currday color-C8C864
c8c894
more yello ffff7f
ffffbf
ffffd9
current - e2e298

227 233


*/


.tasknodate {color:gray;}

.taskmbgap {padding-bottom:1rem;margin-bottom:1rem;}  



.eventpending {color:black;}
.eventpastdue {color:red;}
.eventdone {color:blue;}
.eventhours {color:brown;}
.eventtothours {color:green;}

.eventmeeting {color:green;}
.eventvaca {color:brown;}
.eventbday {color:brown;}
/* .eventtime {font-size:80%;} */
.eventtime {font-size:90%;}

.eventlistname  {font-weight:bold;}


.eventmoney {color:#296355;}
.eventtotmoney {color:green;}
.eventmoneyin {color:green;}
.eventmoneyout {color:red;}


.eventrepeat {color:green;}
.eventrepeatpastdue {color:red;}
.eventrepeatdone {color:brown;}

.taskrepeat {background-color:#f3fff4;padding-top:1rem;margin-top:1rem;}
.taskrepeatdue {background-color:#fef3ff;padding-top:1rem;margin-top:1rem;border:1px red solid;}







/* maplist maprowitem */

.maplisthead {font-size: 1rem; background-color:#d0d0d0;}

.maplist .test { border:1px solid black;}
/* .maplist:nth-of-type(2n)  {background-color:#f0f0f0; } */

/*  .maplist div:nth-child(2n+7) {background: #f0f0f0; }*/

/*.projectdata table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #f0f0f0; }*/


.maprowitem1 {background-color:#f0f0f0; }

.mapcell { border:1px solid black;}






/* top control on projcal and projlist  */

.plisthead {font-size: .8rem; }

.plisthead select {
 
border:1px #000 solid;
border-radius:3px;
/*box-sizing:initial;*/
padding:2px 3px 2px 3px;
/*margin:1px 1px 1px 1px;*/
margin:2px 5px 2px 5px;

width:auto;
max-width:100%;
min-width:50px;
height:25px;
}

.plisthead [type="checkbox"] {margin:0px;margin-top:5px;}
.plisthead row {    max-width:100%;}



/* bottom control on projcal  */


.controlpanel {
 font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .8rem; font-style: normal;font-weight: 600;
}

.controlpanel input[type=text] {margin:5px;padding:3px;width:150px;height:25px;}
.controlpanel select{padding:3px;height:25px;margin:0px;}
.controlpanel [type="checkbox"] {margin:0px;margin-top:5px;}



/* input areas on task manager  */



.projectinput {
 font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .9rem; font-style: normal;font-weight: 600;



/*input[type=text] {margin:5px;padding:3px;width:150px;height:25px;}*/
/*input[type=password] {margin:5px;padding:3px;width:150px;height:25px;}*/
/*input[type=select] {margin:5px;padding:3px;width:150px;}*/

}


.projectinput input[type=text] {margin:5px;padding:3px;width:150px;height:25px;}
.projectinput select{padding:3px;height:25px;margin:0px;}


.projname {font-weight:bold;font-size: 1.1rem;text-align: center;}
.projcen {text-align: center;}
.projright {text-align: right;}
.projmonin {max-width: 30px;margin:0px!important;float:left;}
.projyearin {max-width: 60px;margin:0px!important;float:left;}



.projectdata {
font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .85rem; font-style: normal;line-height:1.1rem;text-align: left;
}

.projectdata hr {  border: 3px solid gray;}


.projectdata .heading2 { 
position:relative;
left:0%;
}

.projectdata input[type=text] {margin:0px;padding:3px;width:70px;height:25px;}
/*.projectdata table tr {padding-top:20px;}*/

.projectdata table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #f0f0f0; }
    	
.projectdata table tr td{
    margin: 0.5625rem 0.625rem;
        padding: 0.5625rem 0.625rem;

 
    text-align: left; }
    
 /*.projectdata table tr {padding-top:20px;}*/
 
    
.listname {  font-family:   Verdana,Arial,Helvetica, sans-serif; font-size: 1rem; font-style: normal; 
font-weight: bold; color: black; text-decoration: none;

}   
    
.mbgap {padding-bottom:1rem;margin-bottom:1rem;}    















  
/*  pcalp cust override div for printing-old style div */   
   .pcalp {margin: 0;}
   .pcalp input[type=text] {margin:0px;padding:3px;width:70px;height:25px;}

  
  .pcalp table tr.even, table tr.alt, table tr:nth-of-type(even) {background: white; }
      	
  .pcalp table td{
      margin: 0;
          padding: 0.15rem 0.15rem;
  
  
  line-height:.8rem;
      text-align: left;
      height:11vh;
      max-height:11vh;
  overflow:auto;
      
      
      }
   
  .pcalp table tr{
      margin: 0;
          padding: 0;
  
 }  
  
  
  
  
  
  
  
  
  
   .sidemain {
   
     border:.25rem #7992d0 solid;
       border-radius: 0rem; 
    /*  margin:2rem 1rem 1rem 1rem; #faf5ef */
     /*  margin:top right bottom left; */ 
    /*  margin:0rem 0rem 0rem .25rem;*/
     margin:0rem 0rem 0rem 0rem;
    padding:.5rem .5rem 0rem .5rem;
    height:100%;
    width:100%;
    min-height:600px;
    text-align:left;
     background:#e0f9ff ;
  
   }
   
 .sidemain img {max-width:200px;align:"center";}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 .showmess {
 
 color: black;
  border:.2rem #16406f solid;
   border-radius: 1rem;
  
  display: inline;

  background:#d0d9e2;
  padding:1rem;

 /*   margin:0rem;*/
  z-index: 100; /* So you can see answer in IE8 */
 /*  margin: 0 10px 20px 10px;*/
  /* padding:30px;*/

  width:80%;
  position:fixed;
  top:10%;
  left:10%;
  height:auto;
  max-height:85vh;

  overflow:auto;
  display:none;


}
 .showmess h1 {color:black;}


.showmessinner {

  display: block;

margin:0rem;
padding:0rem;

  z-index: 101; /* So you can see answer in IE8 */


  width:auto;


  height:100%;

  overflow:auto;
  display:none;


} 
  


 .videoframe {
     
  width: 100%;
  height: 90vh;
     max-height:90vh;
    max-width: 95vw;
  display: inline-flex;
  overflow:auto;

} 
  


.showmessinner iframe{
  width: 100%;
  height: 70vh;
  /*   max-height:80vh;*/
   
  display: inline-flex;

}
  
  
  
  
  
 .messcen input[type=text] {
 
max-width:250px;
 
 }
  
  .messcen h2 {
 
line-height:1.25rem;
 
 }
 
 .messcen input[type=radio] {
 padding:0px;
 margin:0px;

 
 }
    
  
 .mp0 {
 margin:0;
 padding:0;
 }
  
  
 .nw {
white-space: nowrap;
 }
  
    
  
  
  
/*from services.css*/
  .myupdate{
transition:ease-in-out .5s;
border:2px black solid;
border-radius:5px;
background-color:#f0f0f0;

font-size:.8rem;
color:black;
padding:0.9375rem 3.125rem 0.9375rem 3.125rem;
margin:0;

}       
        
  .myupdate:hover{
  transition:ease-in-out .5s;
  background-color:#C1CDCD;
  color:black;

  }       
  
  

.admin-box{background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.1); color:black;margin:20px 0px 20px 0px;}     
.admin-box h2 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0;padding:0;color:black;font-size:1.25rem;line-height:1.5625rem;}
 
.admin-box h4 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0;padding:0;color:black;font-size:.9rem;}
 
.tbold {font-weight:bold;margin:0px 0px 0px 20px;}  
  
  .myedit{

border:2px black solid;
border-radius:5px;
background:#f0f0f0;
float:right;
width:40px;
height:40px;
}       
        
  .myedit:hover{
  background:#B0E0E6;
  }
 
.details {

margin:10px 30px 20px 30px;
padding:10px 20px 10px 20px;
box-shadow:2px 2px 10px rgba(0,0,0,0.2);
border:none;background-color:#EAEAEA;
font-size:.8rem;
line-height:.9rem;

}  
.details h4 {font-weight:bold;margin:0;padding:0;color:black;font-size:.9rem;}  



.arow{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: .9375rem; 
    font-weight: bold;
    margin:0px;
    padding:0px; 
    text-align:left;
 
}



.arow input[type=text] {margin:5px;padding:3px;min-width: 50px;max-width:180px;width:90%;height:25px;}

.arow select {
 
border:1px #000 solid;
border-radius:3px;
/*box-sizing:initial;*/
padding:2px 3px 2px 3px;

margin:2px 5px 2px 5px;

width:auto;
max-width:100px;
min-width:50px;
height:30px;
}


.ainput{color:#000;border:2px #000 solid;border-radius:5px;padding:15px 50px 15px 50px;margin:0;width: 200px;}



  
/*from services.css*/





.homeshow {display:none;}




.smin {width:50px !important;min-width: 50px;} 

  
.smin input[type=text] {width:50px !important;} 




.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background: #539DC2; }

.top-bar-section li:not(.has-form) a:not(.button):hover {

        background: #539DC2; }










.showvframe {
 /* color: #ffffff; #322e2b*/
 /*  border:.2rem #ffffff solid;*/
 /*  border-radius: 1rem;*/
  /* float: left;*/
  display: inline;
  background-color:black;
  background-color:rgba(0,0,0,.75);
  padding:1rem;

 /*   margin:0rem;*/
  z-index: 100; /* So you can see answer in IE8 */
 /*  margin: 0 10px 20px 10px;*/
  /* padding:30px;*/

  width:100%;
  position:fixed;
  top:0;
  left:0;
  height:100%;

  overflow:hidden;
  display:none;


}


.showvframeinner {
 /* color: #ffffff; #322e2b*/
 /*  border:.2rem #ffffff solid;*/
 /*  border-radius: 1rem;*/
  /* float: left;*/
  display: block;
 /*   background-color:black;*/
 /*   background-color:rgba(0,0,0,1);*/
margin:0rem;
padding:0rem;
 /*   margin:0rem;*/
  z-index: 101; /* So you can see answer in IE8 */
 /*  margin: 0 10px 20px 10px;*/
  /* padding:30px;*/

  width:auto;
  /*  position:fixed;*/

  /*  height:100%;*/

  overflow:hidden;
  display:none;


}





  .vframe {
     
  width: 100%;
  height: 89vh;
     max-height:89vh;
    max-width: 95vw;
  display: inline-flex;
  margin-left: auto;
  margin-right: auto; 

}   


    .vframecancel {
       
   border:.1rem #ffffff solid;
   border-radius:.625rem;
   padding:.4rem .625rem .4rem .625rem;
   font-weight: bold;
   color:gray;
  
     position:fixed;
     right:0;
     top:10px;
   font-size: 1.5rem;
   background:#322e2b;
   z-index: 300;
  }
  
    .vframecancel:hover {
    color:#aa0000;
  /*    border:.3rem #ff0000 solid;
  background:rgba(0,0,0,.75);
  */
   border:.1rem black solid;
     background:white;
   }



  .sitebutt {
   border:.1rem #0088FF solid;
   border-radius: .5rem !important;
   padding:.4rem 2rem .4rem 2rem;
   color:white;
  
   font-family:Verdana;
   font-size: 1rem;
      font-weight: 500;
   background:#296355;
   white-space:nowrap;
}



.sitebutt:hover {background:#0088CC;color:white;} 
.sitebutt:visited { text-decoration:none;color:white;} 




.showdata {


  display: inline;
  background-color:black;
  background-color:rgba(0,0,0,.75);

  padding:1rem;

 /*   margin:0rem;*/
  z-index: 200; /* So you can see answer in IE8 */
 /*  margin: 0 10px 20px 10px;*/
  /* padding:30px;*/

  width:100%;
  position:fixed;
  top:0;
  left:0;
  height:100%;

  overflow:hidden;
  display:none;


}


.showdatainner {

  display: block;
    background-color:blue;
 /*   background-color:rgba(0,0,0,1);*/
margin:1rem;
padding:0rem;
 /*   margin:0rem;*/
  z-index: 200; /* So you can see answer in IE8 */
 /*  margin: 0 10px 20px 10px;*/
  /* padding:30px;*/

  width:auto;
  /*  position:fixed;*/

  /*  height:100%;*/

  overflow:auto;
  display:none;


}


  .dataframe {
      background-color:white;
  width: 100%;
   height: 89vh;
 
      max-width: 95vw;
  /*      min-width: 95vw; */ 
  /*  display: inline-flex;
  margin-left: auto;
  margin-right: auto; 
  margin:1rem;*/
   margin-bottom: 1rem;
  padding:2rem;
  padding-top:.25rem;
overflow:auto;

}  

.dataframe hr {  border: 3px solid gray;}

 .dataframe div {
  /*
border:1px solid green;
margin:0rem;
padding:0rem;*/

 }
 
.dataframe input[type=text] {
margin-left:0;padding:3px;width:100%;height:25px;
}

 .projmlist  {

padding-left:0;

 } 
 

 .projmlist:nth-of-type(2n)  {

background-color:#f0f0f0;

 } 
 
.plmtitle {
font-size:1.2rem;
font-weight:bold;
text-align:center;
}







 






  
  @media only screen and (max-width: 64em) {

   .showmess {
 
    width:96%;
    top:2vh;
    left:2%;
    height:auto;
    max-height:95vh;
    padding:.5rem;
    }
  
  
.showmessinner iframe{
  height: 75vh;
}  
  
  
  
  
  
  }     
  
  
  
  
  
  
  @media only screen and (max-width: 40em) {

   .showmess {
 
    width:100%;
    top:0;
    left:0;
    height:100%;
    max-height:100vh;
    padding:.2rem;
    }
  
  
.showmessinner iframe{
  height: 85vh;
}  
  
  
  
  
  
  }   
 

.test { border:2px solid green;}


   @media only screen and (min-width: 62em) {

.row {max-width: 100%; !important;}

  }