@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('http://fonts.googleapis.com/css?family=Ubuntu');
/* YOUR CUSTOM STYLES */

/* YOUR CUSTOM STYLES */

/* ---=== FONTS ===--- */
@font-face
{
	font-family: cocogoose;
	src: url('http://yooi.ro/assets/font/cocogoose.otf');
}

.coco-font
{
	font-family: "cocogoose";
}

/* ---=== CUSTOMS ===--- */

.modal .modal-full-height
{
	width: initial;
}

a > .h3-responsive:hover,
a[title="Facultatea de Inginerie"]:hover
{
	text-decoration: underline;
}

/* ---=== Tabs ===--- */
.nav-tabs
{
	border: 0;
	padding: .7rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: -20px;
	z-index: 2;
	position: relative;
	border-radius: 2px;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.nav-tabs .nav-item+.nav-item, .tabs-5 li
{
	margin-left: 0;
}

.nav-tabs .nav-item
{
	margin-bottom: -1px;
}

.tabs-2,
.tabs-3,
.tabs-4,
.tabs-5
{ text-align: center; }

.tabs-2 li { width: 50%; }
.tabs-3 li { width: 33.3%; }
.tabs-4 li { width: 25%; }
.tabs-5 li { width: 20%; }

.tab-content
{
	padding: 2rem 1rem 1rem;
	z-index: 1;
}

.nav-link
{
	color: rgb(255, 255, 255);
}

.mdb-select
{
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	outline: 0 !important;
}

.mdb-select > option
{
	background-color: rgb(249, 249, 249);
	font-size: 1.063em;
}

.mdb-select > option:hover
{
	background-color: rgb(0, 33, 66);
}

/*** custom checkboxes ***/

label[for="newsReg"]
{
	font-size: 1em !important;
}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

/*** custom radios ***/

[type="radio"]:checked,
[type="radio"]:not(:checked)
{
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid rgb(210, 210, 210);
	border-radius: 100%;
	background: rgb(255, 255, 255);
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after
{
	content: '';
	width: 12px;
    height: 12px;
	background: rgb(51, 102, 153);
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after
{
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked + label:after
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* ---=== GLOBALS ===--- */

.page-main { padding: 0; }

.srch-btn
{
	width: 40px;
	height: 40px;
	border: none;
}

.noBoxShd {	box-shadow: none !important; }

.login_icon
{
	display: inline-block;
	margin-top: 5%;
	margin-bottom: 5%;
	width: 96px;
	height: 96px;
	background: url('http://www.yooi.ro/assets/web-images/login-icon-white.png') no-repeat top;
	background-size: 96px 96px;
	
}

.box-shadow { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.upper-box-shadow { box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.right-box-shadow { box-shadow: 3px 0px 3px 2px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.text-sm { font-size: 0.875em; }

/* --- Display Options --- */
.display-none { display: none; }

.display-block { display: block; }

.display-inline { display: inline; }

.display-inbl {display: inline-block; }

/* --- Overflow Options */
.overflow-hidden { overflow: hidden; }

.overflow-visible {	overflow: visible; }

.overflow-scroll { overflow: scroll; }

.overflow-initial {	overflow: initial; }

.overflow-auto { overflow: auto; }

/* --- Visibility Options --- */
.visible-hidden { visibility: hidden; }

.visible { visibility: visible; }

.visible-collapse { visibility: collapse; }

/* ---=== Margins & Paddings */
.noPad { padding: 0 !important; }
.noMarg { margin: 0 !important; }
.vertNoPad
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.horizNoPad
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.vertNoMarg
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.horizNoMarg
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.noPadTop { padding-top: 0 !important; }
.noPadRight { padding-right: 0 !important; }
.noPadBottom { padding-bottom: 0 !important; }
.noPadLeft { padding-left: 0 !important; }

.noMargTop { margin-top: 0 !important; }
.noMargRight { margin-right: 0 !important; }
.noMargBottom { margin-bottom: 0 !important; }
.noMargLeft { margin-left: 0 !important; }

/* -- Critical Margins & Paddings -- */
.padTop /* 10% */
{ padding-top: 10%; }

.margTop /* 10% */
{ margin-top: 10%; }

.padRight /* 10% */
{ padding-right: 10%; }

.margRight /* 10% */
{ margin-right: 10%; }

.padBottom /* 10% */
{ padding-bottom: 10%; }

.margBottom /* 10% */
{ margin-bottom: 10%; }

.padLeft /* 10% */
{ padding-left: 10%; }

.margLeft /* 10% */
{ margin-left: 10%; }

/* -- Main Margin & Padding -- */

.mainMargTop { margin-top: 2.8%; }
.mainMargRight { margin-right: 2.8%; }
.mainMargBottom { margin-bottom: 2.8%; }
.mainMargLeft { margin-left: 2.1%; }

.mainPadTop { padding-top: 2.8%; }
.mainPadRight { padding-right: 2.8%; }
.mainPadBottom { padding-bottom: 2.8%; }
.mainPadLeft { padding-left: 2.8%; }
.view-pad {	padding: 0.2%; }

/* ---=== Small Padding & Margin ===--- */

.xs-pad-left { padding-left: 0.25% !important; }
.xs-pad-right { padding-right: 0.25% !important; }
.xs-pad-top { padding-top: 0.25% !important; }
.xs-pad-bottom { padding-bottom: 0.25% !important; }

.sm-pad-left { padding-left: 0.5% !important; }
.sm-pad-right {	padding-right: 0.5% !important; }
.sm-pad-top { padding-top: 0.5% !important; }
.sm-pad-bottom { padding-bottom: 0.5% !important; }

.md-pad-left { padding-left: 2% !important; }
.md-pad-right { padding-right: 2% !important; }
.md-pad-top { padding-top: 2% !important; }
.md-pad-bottom { padding-bottom: 2% !important; }

.lg-pad-left { padding-left: 5% !important; }
.lg-pad-right { padding-right: 5% !important; }
.lg-pad-top { padding-top: 5% !important; }
.lg-pad-bottom { padding-bottom: 5% !important; }

.xs-marg-left { margin-left: 0.25% !important; }
.xs-marg-right { margin-right: 0.25% !important; }
.xs-marg-top { margin-top: 0.25% !important; }
.xs-marg-bottom { margin-bottom: 0.25% !important; }

.sm-marg-left { margin-left: 0.5% !important; }
.sm-marg-right { margin-right: 0.5% !important; }
.sm-marg-top { margin-top: 0.5% !important; }
.sm-marg-bottom { margin-bottom: 0.5% !important; }

.md-marg-left { margin-left: 2% !important; }
.md-marg-right { margin-right: 2% !important; }
.md-marg-top { margin-top: 2% !important; }
.md-marg-bottom { margin-bottom: 2% !important; }

.lg-marg-left { margin-left: 5% !important; }
.lg-marg-right { margin-right: 5% !important; }
.lg-marg-top { margin-top: 5% !important; }
.lg-marg-bottom { margin-bottom: 5% !important; }

.title-txt
{
	color: rgb(72, 84, 142);
}

.bg-body
{
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('http://193.231.148.42/accwa/assets/images/bg-black-sea.jpg');
	background-attachment: fixed;
}

.text-depth
{
	text-shadow: 1px 1px 0 black;
}

.no-style-type
{
	list-style-type: none;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1366px) {

	.bg-body
	{
		background-image: url('http://193.231.148.42/accwa/assets/images/black_sea_resp.jpg');
		background-attachment: scroll;
	}

 }