/**
 * JoVE default css of general elements
 */

/**
 * 1. Change from 'box-sizing: content-box' so that 'width' is not affected by 'padding' or 'border'
 */
 *,
 *::before,
 *::after {
   box-sizing: border-box; /* 1 */
 }
 
 html body {
     background: #fff;
     /* font-family: Helvetica, Arial, sans-serif; */
     font-family: 'Roboto', Arial, sans-serif;
     color: #3D3D3D;
     -webkit-font-smoothing: antialiased;
     padding: 0;
 }
 
 form input[type="text"],form input[type="email"],form input[type="url"],
 form input[type="password"],form input[type="search"],form input[type="number"],
 form input[type="tel"],form input[type="range"],form input[type="date"],
 form input[type="month"],form input[type="week"],form input[type="time"],
 form input[type="datetime"],form input[type="datetime-local"],form input[type="color"],form select {
     border: none;
     outline: none;
     padding: 10px 25px !important;
     background: #e9eff5;
     min-height: 25px;
 }
 
 form input[type="text"]:focus,form input[type="email"]:focus,form input[type="url"]:focus,
 form input[type="password"]:focus,form input[type="search"]:focus,form input[type="number"]:focus,
 form input[type="tel"]:focus,form input[type="range"]:focus,form input[type="date"]:focus,
 form input[type="month"]:focus,form input[type="week"]:focus,form input[type="time"]:focus,
 form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="color"]:focus,form select:focus {
     outline: none;
     border: none;
 }
 
 form *:focus-visible {
     outline: 2px solid #000000;
 }
 
 form input[type="submit"], form input[type="button"] {
     cursor: pointer;
     border: none;
     outline: none;
 }
 
 form input[type="submit"]:hover {
     outline: none;
     border: none
 }
 
 form textarea {
     outline: none;
     border: none;
     padding: 10px 25px !important;
     background: #e9eff5;
     min-height: 25px;
 }
 
 form textarea:focus {
     box-shadow: none!important;
 }
 
 a {
     color: #4193F4;
     background-color: transparent;
     text-decoration: none;
 }
 
 button {
     outline: none;
     border: none;
     cursor: pointer;
 }
 
 button:focus {
     cursor: pointer;
     border: none;
     outline: none;
 }
 
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 li {
     margin: 0;
     padding: 0;
	 word-wrap: break-word;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Roboto';
     letter-spacing: -0.1;
 }
 
 section, p {
     font-family: 'Roboto';
     font-size: 18px;
     line-height: 36px;
 }
 /* span class */
 .oh{
     text-transform: lowercase !important;
 }
 /********Tags Area *******/
 .tag{
     display:inline-block;
     font-size:.75rem;
     border-radius:.5rem;
     font-weight:700;
     background-color:#bee3f8;
     color:#2a2365;
     padding:0 .45rem;
     margin:0 .15rem 1rem;
 }
 /*
 ****** End Tags ******/
 .new-content{
     font-size:12px;
     position:absolute;
     right:-8px;
     top:-5px;
     background-color:#F93F5E;
     color:#FFF;
     line-height:12px;
     z-index:3;
     padding:.4em .8em;
     font-weight:600;
     border-radius:1em;
     -webkit-box-shadow: 0px 0px 12px 0px rgba(159,25,25,0.25);
     -moz-box-shadow: 0px 0px 12px 0px rgba(159,25,25,0.25);
     box-shadow: 0px 0px 12px 0px rgba(159,25,25,0.25);
     cursor:pointer;
 }
 .new-content .new-content-tooltip{
     visibility: hidden;
     width: 170px;
       background-color: #000000;
     box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
     opacity: 0;
     transition: opacity 0.3s;
     text-align: center;
     position: absolute;
     top: 120%;
     left: 10%;
     z-index: 1;
     border-radius: 3px;
     padding: 5px 10px;
     margin-left: -60px;
     color: #fff;
     font-size: 11px;
     font-weight: 500;
     letter-spacing: -0.15px;
 }
 .new-content:hover .new-content-tooltip{
     visibility: visible;
     opacity: 1;
 }
 
 .new-content.updated{
     background-color:#1c7fee;
 }
 @media only screen and (min-width:750px) and (max-width:4000px) {
	.d_none{
		display:none!important;
	}	
}
 @media screen and (max-width: 350px){
     form#recommend_form_handler input[type="text"],form#recommend_form_handler select,form#recommend_form_handler textarea{
         padding: 10px 2px 10px 2px !important;
         font-size:9px;
     }
 }