@import 'https___raw_githubusercon.css'; 
@import 'sm-core-css.css';

@import 'clean-white-theme.css';


/* .......................userstyles............... */

#span { font-size: 16px; line-height: 20px;
	}

	
.bgbl {
    background: #61b4e7 linear-gradient(to top,#61b4e7 0%,#8ecde6 100%);
    box-shadow: 0 0 15px 0 #000; height:100px;
}

.bgbg  {
    background: #e7e7e7 linear-gradient(to top,#e7e7e7 0%,#fdfdfd 100%);
    box-shadow: 0 0 15px 0 #000; height:100px;
}

h1, h2, h3 	 { font-size: 16px; line-height: 20px;	}

html { height: 100%; }
body {
    min-height:100%; 
    position:relative; 
    padding-bottom:[footer-height] 
	max-width:1100px; 
    font-size:100.01%;	
}

.sm-clean{border-radius:3px; padding: 0px 15px; 
line-height:	20px;font-weight:400;}
.sm-clean > li:first-child {background:white;}

.sm-nowrap {padding-bottom:2px;border-radius:3px;}
ul.sm-nowrap {border-radius:3px;}

.has-submenu {color:white;font-weight:400;padding:-1px;}
.sub-arrow{opacity:0.9;}
.sm-clean > ul.has-submenu > li > a.has-submenu {opacity:1;}

.wrap {background-color: #f5f5f5;
margin-right: auto; 
  margin-left:  auto; 
   padding-top:  5px; 
  max-width: 940px; 
  padding-right: 10px; 
  padding-left:  10px; 
-webkit-box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
-moz-box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
}

.wrapc {background-color: #f5f5f5;
margin-right: auto; 
  margin-left:  auto; 
   padding-top:  5px; 
  max-width: 940px; 
  padding-right: 10px; 
  padding-left:  10px; 
-webkit-box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
-moz-box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
box-shadow: 0px 2px 7px -1px rgba(196,192,196,1);
}

.hwrap{background-color: white;
 padding:15px;
 -webkit-box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);
-moz-box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);
box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);
}

.sp2 {color:green;font-weight:bold;font-size:20px;
line-height:35px;text-align: center;vertical-align: middle;text-indent: 20px;}

.selected {   color: yellow;
	 font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}
#content {
   max-width: 920px;
   min-height:600px;
   margin-left: auto;
   margin-right: auto;
background-color: white;
   padding:15px;-webkit-box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);
-moz-box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);
box-shadow: 0px 2px 7px -1px rgba(219,215,219,1);

}

p {max-width:950px;}
div {max-width:950px;}

.clearing { clear: both; }

.demo-surfaces {
        padding-top: 48px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }

      .demo-surface {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 200px;
        height: 100px;
        margin: 0 60px 80px;

        border-radius: 3px;
        font-size: .8em;
        color: #9E9E9E;
        background: white;
      }