/**
 * 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;
}

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 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;
	}
}