@import url(../../assets/fonts/roboto/font.css);
body{
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden;}
.menu-access-denied {
	line-height: 1.3em;}
.btn {
	cursor: pointer;}
.no-padding {
	padding: 0 !important;}
.error-fixed-box, .success-fixed-box {
	-moz-box-shadow: 0px 0px 10px -1px rgba(51,51,51,0.6) !important;
	-webkit-box-shadow: 0px 0px 10px -1px rgba(51,51,51,0.6) !important;
	box-shadow: 0px 0px 10px -1px rgba(51,51,51,0.6) !important;
	color: #FFF;
	position: fixed;
	right: 20px;
	top: 100px;
	width: 200px;
	z-index: 99;}
.error-fixed-box small, .success-fixed-box small {
	display: block;}
.error-fixed-box {
	background-color: rgba(244, 68, 85, 0.7) !important;
	transition: all .5s;}
.success-fixed-box {
	background-color: rgba(108, 199, 136, 0.85) !important;
	transition: all .5s;}
.error-fixed-box:hover {
	background-color: rgba(244, 68, 85, 0.45) !important;}
.success-fixed-box:hover {
	background-color: rgba(108, 199, 136, 0.5) !important;}
.margin-top-10 {
	margin-top: 10px;}
.add-choice {
	display: none;}
#yt-modal {
    display: flex;}
@media screen and (max-width: 767px) {
    #yt-modal {display: block;}
}
#videoDescription {
    max-height: 35vh;
    overflow-y: auto;}
textarea {
	resize: none;}
.primary {
	background-color: #00869f;}
.text-primary {
	color: #00869f !important;}
a.text-primary:focus, a.text-primary:hover {
    color: #004980!important;
}
.b-primary {
	border-color: #00869f;}
.btn.b-primary:focus, .btn.b-primary:hover, .btn.primary:focus, .btn.primary:hover {
    color: rgba(255,255,255,.87)!important;
    background-color: #00869f;}
.pager .page-item.active, .pager>.active>a, .pager>.active>span, .pagination .page-item.active, .pagination>.active>a, .pagination>.active>span {
    color: #fff!important;
    background-color: #00869f!important;
    border-color: #00869f!important;}
.text-primary-hover a:hover {
	color: #00869f !important;}
.select2-container {
	width: 100% !important;}
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown {
	border-color: rgba(120,130,140,.2);}
.select2-container--default .select2-selection--single {
	border-radius: 0px !important;
	border-color: rgba(120,130,140,.2);}
.select2-container .select2-selection--single {
	height: 38px !important;}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;}
.input-group-addon {
	cursor: pointer;}

.app-aside .dark {background-color: rgba(0, 134, 159, .91);} .black .dk { background-color: #252635;} .grey .dk { background-color: #3c3c3c;} .dark .dk { background-color: #293846;}
.pne-green1 .box, .pne-green1 .white {background-color:#537e57;} .pne-green1 .dk { background-color: #204c24;}
.pne-cyan3 .box, .pne-cyan3 .white {background-color:#325e66;} .pne-cyan3 .dk { background-color:#002c34;}
.pne-brown3 .box, .pne-brown3 .white {background-color:#6d6544;} .pne-brown3 .dk { background-color:#3a3211;}
.pne-orange3 .box, .pne-orange3 .white {background-color:#d16a47;} .pne-orange3 .dk { background-color:#9e3814;}
.pne-green1 .form-control, .pne-cyan3 .form-control, .pne-brown3 .form-control, .pne-orange3 .form-control { background: 0 0; background-color: rgba(255,255,255,.1); color: inherit;}
.pne-green1 .form-control option { background-color:#537e57; }
.pne-cyan3 .form-control option { background-color:#325e66; }
.pne-brown3 .form-control option { background-color:#6d6544; }
.pne-orange3 .form-control option { background-color:#d16a47; }
.black .form-control option { background-color:#313347; }
.dark .form-control option { background-color:#354759; }
.grey .form-control option { background-color:#4b4b4b; }
.pne-orange1 { background-color:#cd8913; color: rgba(255,255,255,.87); }
.pne-orange2 { background-color:#ca7117; color: rgba(255,255,255,.87); }
.pne-orange3 { background-color:#c6461a; color: rgba(255,255,255,.87); }
.pne-orange4 { background-color:#8d3902; color: rgba(255,255,255,.87); }
.pne-yellow1 { background-color:#d2a809; color: rgba(255,255,255,.87); }
.pne-yellow2 { background-color:#bb890b; color: rgba(255,255,255,.87); }
.pne-green1 { background-color:#295f2e; color: rgba(255,255,255,.87); }
.pne-green2 { background-color:#4d6a1e; color: rgba(255,255,255,.87); }
.pne-green3 { background-color:#51521a; color: rgba(255,255,255,.87); }
.pne-brown1 { background-color:#906000; color: rgba(255,255,255,.87); }
.pne-brown2 { background-color:#874900; color: rgba(255,255,255,.87); }
.pne-brown3 { background-color:#493f16; color: rgba(255,255,255,.87); }
.pne-cyan1 { background-color:#007276; color: rgba(255,255,255,.87); }
.pne-cyan2 { background-color:#144b47; color: rgba(255,255,255,.87); }
.pne-cyan3 { background-color:#003741; color: rgba(255,255,255,.87); }
.pne-cyan4 { background-color:#305751; color: rgba(255,255,255,.87); }
.pne-blue1 { background-color:#004980; color: rgba(255,255,255,.87); } 
.pne-blue2 { background-color:#00869f; color: rgba(255,255,255,.87); }
.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.pne-text-orange1 { color:#cd8913; }
.pne-text-orange2 { color:#ca7117; }
.pne-text-orange3 { color:#c6461a  }
.pne-text-orange4 { color:#8d3902; }
.pne-text-yellow1 { color:#d2a809; }
.pne-text-yellow2 { color:#bb890b; }
.pne-text-green1 { color:#295f2e; }
.pne-text-green2 { color:#4d6a1e; }
.pne-text-green3 { color:#51521a; }
.pne-text-brown1 { color:#906000; }
.pne-text-brown2 { color:#874900; }
.pne-text-brown3 { color:#493f16; }
.pne-text-cyan1 { color:#007276; }
.pne-text-cyan2 { color:#144b47; }
.pne-text-cyan3 { color:#003741; }
.pne-text-cyan4 { color:#305751; }
.pace .pace-progress {background: #d2a809;}
.pace .pace-activity {border-top-color: #d2a809; border-left-color: #305751;}
.md-input.focus, .md-input:focus {
    border-color: #00869f;
    border-bottom-width: 2px;
    padding-bottom: 1px;} 
.md-input.focus~label, .md-input:focus~label, .md-input:valid~label {
    color: #00869f;
    opacity: 1;
    top: 0!important;
    font-size: .85em!important;}
.text-warn, .text-warn-hover a:hover {
    color: #d2a809!important;}
.b-warn {
    border-color: #d2a809;}
.btn.b-warn:focus, .btn.b-warn:hover, .btn.warn:focus, .btn.warn:hover {
    color: rgba(255,255,255,.87)!important;
    background-color: #d2a809;}
.text-danger, .text-danger-hover a:hover {
    color: #c6461a!important;}
.b-danger {
    border-color: #c6461a;}
.btn.b-danger:focus, .btn.b-danger:hover, .btn.danger:focus, .btn.danger:hover {
    color: rgba(255,255,255,.87)!important;
    background-color: #c6461a;}
#ita-navside {
	background-image: url('../images/itapevi.jpg');
	background-blend-mode: multiply;
	background-size: cover;
	background-position: 32% 50%;}
#ita-navside-header {
	background: transparent;}
@supports not (background-blend-mode: multiply) {
	.app-aside .dark {background-color: rgb(0, 134, 159);}
	#ita-navside { background-image: none; }
	#ita-navside-header { background: inherit; }}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.app-aside .dark {background-color: rgb(0, 134, 159);}
   	#ita-navside { background-image: none; }
	#ita-navside-header { background: inherit; }}
#ita-profile:hover {color: white !important;}
#bg-1 {background-image: url('../images/promotion.png');}
#bg-2 {background-image: url('../images/analysis.png');}
#bg-3 {background-image: url('../images/team.png');}
#bg-1, #bg-2, #bg-3 {
	background-position: 26px 50%;
    background-repeat: no-repeat;
    background-size: 156px 156px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 156px;
	z-index: 1;}
#bg-1 span, #bg-2 span, #bg-3 span {
	background-color: #fff;
	z-index: 2;
	opacity: 1;
	position: absolute;
	right: 0; top: 0; left: 0; bottom: 0;
	-webkit-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;}
.grey #bg-1 span, .grey #bg-2 span, .grey #bg-3 span {
	background-color: #4b4b4b; }
#featured-1 .clear, #featured-1 .pull-left, #featured-2 .clear, #featured-2 .pull-left,
#featured-3 .clear, #featured-3 .pull-left {
	position: relative; z-index: 3;}
#featured-1:hover #bg-1 span, #featured-2:hover #bg-2 span, #featured-3:hover #bg-3 span {
	opacity: 0;}
.navside .nav li a:focus, .navside .nav li a:hover, .navside .nav li.active {
   background-color: rgba(0,0,0,0.2) !important;
}