.grid {

}

h1 {
    font-size:24px !important;
}

h2 {
    font-size:20px !important; 
}

h3  {
    font-size:16px !important;
}
.btn {
	display:inline-block;
	padding:6px 12px;
	text-align:center;
	border:1px solid;
	border-radius:4px;
	background-color: #fff;
}

.menuitem {
	display:inline-block;
	padding:6px 12px;
	text-align:center;
	border:1px solid;
	border-radius:4px;
	background-color: #fff;
}

hr {
	color:green;
	height:1px;
	background-color:green;
	margin:1px;
}

ul {
}

ul li {

}

ul li a {
}

ul li a:hover {

}

.active {
    background-color: #4CAF50;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    min-width: 60px;
}
input[type=text], input[type=password], input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
    border: 3px solid #555;
}
textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}
textarea:focus {
    border: 3px solid #555;
}

.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-space; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

.fixed-width {
    font-family: courier;
}

#dialog, #flip {
    padding: 5px;
    text-align: left;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#dialog {
    padding: 5px;
    display: none;
}

pre {
	text-align:left;
	background-color:#e0f1df;
	font-size: 16px;
	direction: ltr;
}

.problem-statement {
	VERTICAL-ALIGN:top;
	background-color:#f3f3f3;
	padding: 0px 0px 0px 30px;
}

iframe{
	border:0px;
	margin:0px;
	padding:0px;
	width:100%;
	min-height:800px;
}

.folder-parent {
margin:5px;
display:inline-block;
border:0px solid;
width:148px;
border-radius:5px;
}

.folder-parent:hover {
background-color:#bb99ee;
}

.folder-name {
margin:0px;
padding:4px;
border:0px solid;
width:100%;
word-wrap: break-word;
}

.folder {
   border:0px;
   display:inline-block;
   background-image:url('../images/free-folder-icon-15.jpg');
   background-repeat: no-repeat;
   background-size:80px;
   background-position: right top;
   padding:0px;
   margin:5px;
   width:80px;
   height:80px;
   cursor:pointer;
}

.path{
   border-radius:5px;
   display:inline-block;
   text-align:center;
   padding:0px;
   margin:5px;
   height:auto;
}


.toolbtn{
//   border-radius:5px;
//   border: 1px solid;
   display:inline-block;
   text-align:center;
   padding:3px;
   margin:2px;
   height:50px;
   cursor:hand;
   min-width:48px;

   background-repeat: no-repeat;
   background-size:40px;
   background-position: center;
}


.file-parent {
margin:5px;
display:inline-block;
border:0px solid;
width:148px;
}

.file-parent:hover {
background-color:#bb99ee;
}

.file-name {
margin:0px;
padding:4px;
border:0px solid;
width:100%;
word-wrap: break-word;
}

.file {
   border:0px solid;
   border-radius:0px;
   display:inline-block;
   background-repeat: no-repeat;
   background-size:80px;
   background-position: right top;
   padding:0px;
   margin:5px;
   width:80px;
   height:80px;
   cursor:pointer;
}


.file a{
 margin:2px;
}

.file input{
 margin:2px;
}
.file div{
	margin-top:10px;
	padding:0px;
}


.folder a{
 margin:2px;
}

.folder input{
 margin:2px;
}
.folder div{
	margin-top:10px;
	padding:0px;
}

.fm-div {
	padding:0px;
	margin:0px;
}

.fm-tools {
  margin-top:0px;
  padding:5px;
  cursor:hand;
}

.popup {
   text-align:center;
   background-color:#777777;
   color:red;
   position:absolute;
   width:160px;
   height:auto;
   left:100px;
   top:100px;
   z-index:100;
   border:1px solid blue;
   border-radius:5px;
}

.popmenu {
   cursor:pointer;
   padding:4px;
   border-radius:10px;
   display:block;
   color:white;
   width:100%;
   text-align:left;
}

.popmenu:hover{
  background-color:#cc1155;

}

.icon {
 width:32px;
 height:32px;
 padding:0px;
 margin:2px;
}

.favorite {
  background-color:#dcdcdc;
  direction:ltr;
  border:1px solid;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width:thin;
  vertical-align:middle;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-left:5px;
  padding-right:5px;
}

.favorite > div {
	float:left;
	margin:5px;
	border:1px solid;
	display: inline-block;
	flex: 0 0 auto;
	padding:1px;
	min-width:90px;
	border-radius:4px;
	background-color:#efefef;
}

.fav-link {
    display:inline-block; 
    border:0px solid; 
    width:100%; 
    height:100%; 
    margin:5px;
    text-align:center;
}