.margin-top-30{
	margin-top: 30px;
}
.margin-r{
	margin-right: 10px;
}
.odlicno_bg{
	background-color:#f2f2f2;
	border-right:2px solid #ffffff;
}

.dobro_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.prosecno_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.lose_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.vrlo_lose_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}
.height{
	height: 100%;
}
.relative{
	position: relative;
}
#login-form{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.card-body{
	padding: 15px;
}
.dashboard-ocene{
	text-align: right;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color:#ec971f !important;
}
/* cf */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 .cf:before,
 .cf:after {
	 content: " "; /* 1 */
	 display: table; /* 2 */
 }
 
 .cf:after {
	 clear: both;
 }
 
 /**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
 .cf {
	 *zoom: 1;
 }
/* cf */


/* Question card shadow */
.card-shadow{
	box-shadow:  0px 0px 5px 2px rgba(204, 197, 185, 0.5);
}

/* Question card shadow */

/* List transition */
.list-complete-item {
  padding: 4px;
  margin-top: 4px;
  transition: all 1s;
}

.list-complete-enter, .list-complete-leave-active {
  opacity: 0;
}
/* List transition */

/*Notifications */
.notify {
	color:#DD0330;
  }
  /* Notifications */

#chartActivity{
	margin-bottom: 65px !important;
}
/* padding */
.padding-15{
	padding: 15px;
}
.padding-l-0{
	padding-left: 0px !important;
}
.padding-l-15{
	padding-left: 15px !important;
}
.padding-l-6{
	padding-left: 6px !important;
}
.ocena-p{
	padding-top:10px;
}
.ocene-div:last-child{
	border-right: none;
}
.padding-t{
	padding-top: 20px;
}

.dropdown-padding-b-15 {
	padding-bottom:15px;
}

.margin-l{
	margin-left: 15px;
}

.padding-l-10{
	padding-left: 1px !important;
}

.padding-l{
	padding-left: 15px;
}
.padding-b-2{
	padding-bottom: 2px;
}
.padding-b-5{
	padding-bottom: 5px;
}

.padding-r-15{
	padding-right: 15px !important;
}
.padding-t-10{
	padding-top: 10px;
}
.padding-r-0{
	padding-right: 0px;
}
.padding-r-25{
	padding-right: 25px;
}
.padding-l-25{
	padding-left: 25px !important;
}
.poseban-padding-dashboard {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.margin-top-15{
	margin-top: 15px;
}
.margin-top-25{
	margin-top: 25px;
}
/*Margine */
.no-margin-bottom{
	margin-bottom: 0px;
}
.mt-25{
	margin-top: 25px;
}
.margin-bot-10 {
	margin-bottom: 10px;
}
.margin-top-10{
	margin-top: 10px;
}

.sidebar .logo-img img, .off-canvas-sidebar .logo-img img{
	width: 81px;
    top: 18px;
    left: 80px;
}

.sidebar .logo, .sidebar[data-background-color="white"] .logo, .off-canvas-sidebar .logo, .off-canvas-sidebar[data-background-color="white"] .logo{
	border-bottom: none;
}
.sidebar{
	overflow-x: hidden;
}
#login-screen{
	background-image: url("../images/4like-admin-background.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.footer-login{
	position: absolute;
	bottom: 0;
	background: #f4f3ef;
	width: 100%;
}

.spec-height{
	height: 100%;
}
.footer-ul > li{
	display: inline-block;
}
.footer-item-text, .footer-item-text:hover{
	transition: all 0.3s ease;
}
.footer-item-text:hover{
	color: #DD0330 !important;
}
#login-form > .card{
	padding-top: 20px;
}
/* pie chart polja */
.ct-series-a .ct-slice-pie, .ct-se{
	fill:#F2DAE2;
}

.ct-series-b .ct-slice-pie, .ct-se{
	fill:#FFCB00;
}

.ct-series-c .ct-slice-pie, .ct-se{
	fill:#6BD3E6;
}

.ct-series-d .ct-slice-pie, .ct-se{
	fill:#0094A8;
}

.ct-series-e .ct-slice-pie, .ct-se{
	fill:#F37188;
}
/* Multi line chart polja */
.ct-series-act-slice-pie, .ct-series-a .ct-area{
 	fill:#0094A8;
}

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area{
	fill:#FFCB00;
}

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area{
	fill:#EBA593;
}

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area{
	fill:#6BD3E6;
}

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area{
	fill:#F37188;
}
.ct-area{
	fill-opacity:1;
}
/* Multi line chart borderi */
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-d.ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut{
	fill:none;
	stroke:none;
}
/* Point chart linije */
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut{
	stroke: #68B3C8;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut{
	stroke:#F3BB45;
}
#chartPreferences .ct-label{
	
	fill:#ffffff;

}
/* Pozadine smajlija */
.odlicno-dropdown-bg{
	background: #F37188;
}

.dobro-dropdown-bg{
	background: #F2DAE2;
}
.prosecno-dropdown-bg{
	background: #FFCB00;
}
.lose-dropdown-bg{
	background: #6BD3E6;
}
.vrlo-lose-dropdown-bg{
	background: #0094A8;
}
#izvestaji-header{
	font-size: large;
}
/* Dugmad */
.red{
	color: #DD0330 !important;
}
.red strong{
	color: #DD0330 !important;
}
.green{
	color: #5cb85c !important;
}
.btn-back{
	width: 137px;
}
.form-dugme{
	margin: 0;
	text-align: center;
}

.btn-obrisi{
	border-color: #ffffff;
}

.btn-excel > a{
	color:#ffffff;
}
.btn-calendar{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #ccc5b9;
}

.btn-add-img{
	display: none;
}
/* Paginacija */

/* .pagination{

	border-radius: 6px;
	box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);

} */
.pagination > li > a{

	color:#252422;

}

.pagination .active > a{

	background-color:#ec971f;
	border-color: #eea236;
}

.pagination .active > a:hover{

	background-color:#f0ad4e;
	border-color: #eea236;
}

.pagination > li > a:hover{

	color: #ec971f;

}

/* Boje za tekst */
.aktivan_korisnik{
	color:#42A084;
}
.crno{
	color:#333;
}
.neaktivan_korisnik{
	color:#DD0330;
}
/* CSS za autosuggest koji radi iz nekog razloga, buraz */
.search{
	background-color: #FFFCF5;
	border: 0 none;
	border-radius: 6px;
	display: block;
	margin-top: 0;
	margin-left: 0;
	width:90%;
	padding: 0;
	position: absolute;
	z-index: 9000;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
	box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
}
.hover-boja{
	margin: 10px 0px 10px 10px;list-style: none;padding: 0px;
}
.paket-slika{
	display: block;
	margin: 0px auto;
}

.pretplata-card{
	background-color: #f1f1f1;
}
.paket-naslov{
	padding-top: 10px;
}
.hidden-checkbox{
	display: none;
}
.chart-width{
	width: 100%;
}
.hover-boja > li{
color: #66615b;
  font-size: 14px;
  padding: 10px 15px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.hover-boja > li:hover,
.hover-boja > li:focus{background-color: #66615B;
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  text-decoration: none;}

.overflow {
	overflow-x:scroll;
	overflow-y: auto;
}

/* Misc tekst na dugmadima */
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(3) > div > button > a{
	text-color:#ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(1) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(2) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(3) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(3) > div > button > a{
	color:#ffffff;
}
body > app-root > div > div.main-panel > div > fakture-cmp > div > div > div > div.padding-t.padding-r-15 > button > a{
	color:#ffffff;
}
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button > a{
	color:#ffffff;
}

body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-3.dropdown-padding-b-15 > button > a{
	color: #ffffff;
}
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div.row.dropdown-padding-b-15 > div.col-lg-2.col-lg-offset-8.col-sm-3.col-xs-4.col-md-offset-3.dropdown-padding-b-15.ocene-btn-excel > button > a{
	color:#ffffff;
}

body > div > div.main-panel > div > div > div > div > div > div.padding-t.padding-r-15.padding-xs-b-50 > button > a{
	color: #ffffff;
}

body > div > div.main-panel > div > div > div > div:nth-child(2) > div.col-lg-2.col-lg-offset-8.col-sm-3.col-xs-4.col-md-offset-3.dropdown-padding-b-15.ocene-btn-excel > button > a{
	color: #ffffff;
}
.div-inline{
	display: inline;
}
/*  */
[hidden]{
	display: none !important;
}
.hidden-6{
	display: none;
}

.btn-to-hide{
	display:none;
}
.btn-close-menu{
	float: right;
    font-size: 2em;
    margin-right: 35px;
}

.footer-item{
	text-align: left;
}



/* korekcije */
html{
	height: 100%;
}
body{
	min-height: 100%;
}
.login-page__wrapper{
	background-image: url('../../images/4like-admin-background.png');
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 20px;
	min-height: 100vh;
	height: auto;
}
.login-page__img{
	max-width: 120px;
	margin: 0 auto;
	padding: 20px 0px;
}
.register-form__wrapper{
	flex: 0 0 50%;
}
.form-wrapper{
	display: flex;
	flex-flow: row wrap;
}
.form-wrapper .form-group{
	flex: 0 0 50%;
	padding: 0px 15px;
}
.form-wrapper .form-group.--single-row{
	flex: 0 0 100%;
	text-align: center;
}
.form-wrapper .form-dugme{
	display: block;
	width: 100%;
}
.login-form__wrapper{
	min-width: 300px;
}
.error-page__wrapper{
	min-height: 100vh;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('../images/4like_pozadina.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.error-page__inner{
	width: 400px;
	text-align: center;
}
.error-page__img-wrapper{
	padding: 20px 0px;
}
.error-page__title{
	font-size: 2rem;
}
.error-page__button{
	font-size: 1.5rem;
}
.login-screen__text,
.register-screen__title{
	color: #9A9A9A;
}
.login-screen__text{
	font-size: 14px;
}
.form-dugme{
	margin-bottom: 20px;
}
.reset-pass-form{
	padding: 0px 15px !important;
}
.btn-pink{
	border-color: #f37188;
	color: #f37188;
}
.btn-pink > .caret{
	border-top-color: #f37188;
}
.btn-pink:hover,
.btn-pink:focus
.open > .btn.dropdown-toggle.ptn-pink{
	background-color: #f37188 !important;
	border-color: #f37188 !important;
}
.open>.dropdown-toggle.btn-pink:focus, .open>.dropdown-toggle.btn-pink:hover{
	background-color: #f37188 !important;
	border-color: #f37188 !important;
	color: #ffffff;
}
#loader{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../images/4like_pozadina.svg');
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#loader svg{
	width: 250px;
	animation: box-bounce__loader;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	fill: #f37188;
}
#loader.hidden{
	display: none;
}
.progress-bar__homepage{
	border-radius: 10px;
	margin: 10px 0px;
	padding: 0;
}
.progress-bar__title{
	margin: 0;
	font-size: 1.3em;
	
}
.answers_table{
	background-color: #efefef;
}
/*Media querry /*


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 2560px){
	.ocene-btn-excel{
		float: right;
		text-align: center;
	}

	.ocene-period{
		float: right;
	}
	
}
@media (min-width: 1440px) {
	.dashboard-ocene {
		text-align: center;
		padding-top: 5px;
	}
	.ocene-btn-excel {
	}
	.dashboard-ocene{
		padding-top: 50px;
	}
	.login-form__wrapper .card{
		min-width: 400px;
		padding: 0px 60px;
	}
}
@media (min-width: 1366px){
	.d-flex-1366{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.spec-width{
		min-width: 16.66666667%;
		width: 100%;
		display: inline-block;
	}
}
@media (min-width: 1200px) {
	div.dashboard-ocene {
		text-align: center;
		padding-top: 10px;
	}
	
	.hidden-6 {
		display: none;
	}

	.lg-pull-right {
		float: right;
	}

	.ocene-btn-excel {
	}

	.ocene-period {
		padding-right: 20px;
	}

	.ocene-btn-excel {
		float: right;
		padding-left: 70px;
	}

	.padding-xl {
		padding-right: 5px;
	}

	.padding-xl-r-15 {
		padding-right: 15px;
	}

	.overflow {
		overflow: auto;
	}
	
}
@media screen and (max-width: 1024px){
	div.dashboard-ocene{
		text-align: center;
		padding-top: 5px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.margin-top-15{
		margin-top: 15px;
	}
	#chartActivity{
		margin-bottom: 70px !important;
	}
	.margin-top-25{
		margin-top: 25px;
	}
	.dashboard-ocene {
		text-align: center;
		padding-top: 5px;
	}

	.dashboard-ocene-title span {
		display: none;
	}

	.dashboard-ocene-title {
		font-family: 'Muli', "Helvetica", Arial, sans-serif;
		content: "Poslednjih 6 ocena";
	}

	.dashboard-ocene:nth-child(1n+7) {
		display: none;
	}

	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-2.pull-right.col.flex-last > div {
		padding-bottom: 10px;
	}

	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button {
		margin-bottom: 10px;
	}

	.hidden-12 {
		display: none;
	}

	.ocene-btn-excel {
		float: right;
		padding-left: 40px;
	}

	.ocene-period {
		float: left;
		padding-right: 20px;
		margin-right: 10px;
	}

	.padding-sm-r-15 {
		padding-right: 15px;
	}

	.padding-xs-b-50 {
		padding-bottom: 50px;
	}

	.overflow {
		overflow: auto !important;
	}
	.register-form__wrapper{
		flex: 0 0 70%;
	}
	
}
@media screen and (min-width: 992px){
	.hidden-tablet, .sidebar-to-show{
		display: none !important;
	}
	
}
@media screen and (max-width: 992px){
	.sidebar-to-show{
		width: 230px;
		position: relative;
		left: -15px;
	}
	.sidebar-to-show > li{
		padding-left: 15px;
	}
	.btn-number{
		width: 200px;
		display: block;
		margin: 0 auto;
		word-wrap: break-word;
    	white-space: normal;
	}
	.sidebar .logo .logo-img img {
		left: 40px;
	}
	body > div > div.sidebar > div > div > button{
		position: absolute;
		top: -5px;
		right: 25px;
	}
	.navbar-toggle .icon-bar{
		background: #888;
	}
	.sidebar{
		overflow-x: hidden;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 769px){
	.ml-20{
		margin-left: 20px !important; 
	}
	.hr-spec{
		display: none;
	}
}
@media (max-width: 991px) {
	.nav-item-special{
		display: inline-block;
		padding: 5px 0px !important; 
	}
	.hr-spec{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.register-form__wrapper{
		flex: 0 0 70%;
	}
	.form-wrapper .form-group {
		flex: 0 0 100%;
		padding: 0px 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dashboard-ocene{
		text-align: center;
		padding-top: 10px;
	}
	#blah{
		margin: 0px auto;
	}
	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-2.pull-right.col.flex-last > div {
		padding-bottom: 10px;
	}

	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button {
		margin-bottom: 10px;
	}

	.hidden-6 {
		display: none;
	}

	.pull-sm-right {
		float: right;
	}

	.ocene-btn-excel {
		float: right;
		padding-left: 50px;
	}

	.padding-xs-b-15 {
		padding-bottom: 15px;
	}

	.padding-sm-r-15 {
		padding-right: 15px;
	}

	.padding-xs-b-10 {
		padding-bottom: 10px;
	}

	.padding-xs-b-50 {
		padding-bottom: 50px;
	}

	.padding-xs-b-45 {
		padding-bottom: 45px;
	}

	.overflow {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.register-form__wrapper{
		flex: 0 0 70%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 768px) {
	.dashboard-ocene {
		text-align: center;
		padding-top: 5px;
	}

	.overflow {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.hidden-768{
		display: none;
	}
	.padding-xs-b-10 {
		padding-bottom: 10px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575px) {
	.footer-ul{
		text-align: center;
	}
	.center-480{
		float: none !important;
	}
	#first-card{
		padding-left: 15px !important;
	}
	.margin-top-bottom-10{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.poseban-padding-dashboard {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.dashboard-ocene {
		padding-top: 5px;
	}

	.dropdown-ocene-anketa {
		padding-bottom: 15px;
	}

	.hidden-6 {
		display: none;
	}

	.pull-xs-right {
		float: right;
	}

	.dropdown-padding-b-15 {
		padding-bottom: none;
	}

	.ocene-btn-excel {
		padding-right: 15px;
		padding-top: 10px;
	}

	.padding-xs-b-50 {
		padding-bottom: 50px;
	}

	.padding-xs-b-70 {
		padding-bottom: 70px;
	}

	.padding-xs-b-30 {
		padding-bottom: 30px;
	}

	.padding-xs-b-45 {
		padding-bottom: 45px;
	}

	.padding-xs-b-15 {
		padding-bottom: 15px;
	}

	.padding-xs-b-10 {
		padding-bottom: 10px;
	}

	.padding-xs-b-15 {
		padding-bottom: 15px;
	}

	.padding-xs-t-10 {
		padding-top: 10px;
	}

	.margin-bot-10 {
		margin-bottom: 10px;
	}

	.overflow {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	body > div > div.main-panel > div > div > div > div > form > div.row > div.col-md-7 > div > div.col-lg-11.col-xs-8.col-sm-10 > div.col-md-4{
		margin-top: 15px;
	}
	body > div > div.main-panel > div > div > div > div > form > div.row > div.col-lg-5 > label{
		margin-bottom: 20px;
		margin-left: auto;
		margin-right:auto;
		display: block;
		width: 200px;
	}
	.footer-item{
		text-align: center;
	}
	.form-wrapper .form-group{
		flex: 0 0 100%;
	}
	.register-form__wrapper{
		flex: 0 0 100%;
	}
	.error-page__inner{
		width: 290px;
		text-align: center;
	}
}
@media screen and (max-width: 480px) and (orientation: landscape){
	.sidebar .nav li > a, .off-canvas-sidebar .nav li > a{
		padding-left: 18px;
		padding-right: 18px;
	}
	.footer nav ul li{
		margin: 0px !important;
	}
	.hidden-ip4{
		display: none;
	}
	.register-form__wrapper{
		flex: 0 0 70%;
	}
}
@media screen and (max-width: 320px){
	.sidebar .nav li > a, .off-canvas-sidebar .nav li > a{
		padding-left: 18px;
		padding-right: 18px;
	}
	.hidden-ip4{
		display: none;
	}
	.btn-back{
		margin-top: 10px;
	}
}



.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}
.loading-wheel {
	width: 20px;
	height: 20px;
	margin-top: -40px;
	margin-left: -40px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	
	border-width: 30px;
	border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
}
.style-2 .loading-wheel {
	border-style: double;
	border-color: #ccc transparent;
}
@-webkit-keyframes spin {
	0% {
			-webkit-transform: rotate(0);
	}
	100% {
			-webkit-transform: rotate(-360deg);
	}
}



.odlicno_bg{
	background-color:#f2f2f2;
	border-right:2px solid #ffffff;
}

.dobro_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.prosecno_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.lose_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}

.vrlo_lose_bg{
	background-color: #f2f2f2;
	border-right:2px solid #ffffff;
}
/* padding */
.ocena-p{
	padding-top:10px;
}
.ocene-div:last-child{
	border-right: none;
}
.padding-t{
	padding-top: 20px;
}

.dropdown-padding-b-15 {
	padding-bottom:15px;
}

.padding-l{
	padding-left: 15px
}

.padding-b-2{
	padding-bottom: 2px;
}
.padding-b-5{
	padding-bottom: 5px;
}

.padding-r-15{
	padding-right: 15px;
}
.padding-t-10{
	padding-top: 10px;
}

.sidebar .logo-img img, .off-canvas-sidebar .logo-img img{
	width: 81px;
    top: 18px;
    left: 63px;
}

.sidebar .logo, .sidebar[data-background-color="white"] .logo, .off-canvas-sidebar .logo, .off-canvas-sidebar[data-background-color="white"] .logo{
	border-bottom: none;
}
/* pie chart polja */
.ct-series-a .ct-slice-pie, .ct-se{
	fill:#F2DAE2;
}

.ct-series-b .ct-slice-pie, .ct-se{
	fill:#FFCB00;
}

.ct-series-c .ct-slice-pie, .ct-se{
	fill:#6BD3E6;
}

.ct-series-d .ct-slice-pie, .ct-se{
	fill:#0094A8;
}

.ct-series-e .ct-slice-pie, .ct-se{
	fill:#F37188;
}
/* Multi line chart polja */
.ct-series-act-slice-pie, .ct-series-a .ct-area{
 	fill:#0094A8;
}

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area{
	fill:#FFCB00;
}

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area{
	fill:#EBA593;
}

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area{
	fill:#6BD3E6;
}

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area{
	fill:#F37188;
}
.ct-area{
	fill-opacity:1;
}
/* Multi line chart borderi */
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-d.ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut{
	fill:none;
	stroke:none;
}
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut{
	fill:none;
	stroke:none;
}
/* Point chart linije */
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut{
	stroke: #68B3C8;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut{
	stroke:#F3BB45;
}
#chartPreferences .ct-label{
	
	fill:#ffffff;

}
/* Pozadine smajlija */
.odlicno-dropdown-bg{
	background: #F37188;
}

.dobro-dropdown-bg{
	background: #F2DAE2;
}
.prosecno-dropdown-bg{
	background: #FFCB00;
}
.lose-dropdown-bg{
	background: #6BD3E6;
}
.vrlo-lose-dropdown-bg{
	background: #0094A8;
}
#izvestaji-header{
	font-size: x-large;
}
/* Dugmad */
.form-dugme{
	margin: 0;
	text-align: center;
}

.btn-obrisi{
	border-color: #ffffff;
}

.btn-excel > a{
	color:#ffffff;
}
.btn-calendar{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #ccc5b9;
}

.btn-add-img{
	display: none;
}
/* Boje za tekst */
.aktivan_korisnik{
	color:#42A084;
}
.neaktivan_korisnik{
	color:#DD0330;
}
/* CSS za autosuggest koji radi iz nekog razloga, buraz */
.search{
	background-color: #FFFCF5;
	border: 0 none;
	border-radius: 6px;
	display: block;
	margin-top: 0;
	margin-left: 0;
	width:90%;
	padding: 0;
	position: absolute;
	z-index: 9000;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
	box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
}
.hover-boja{
	margin: 10px 0px 10px 10px;list-style: none;padding: 0px;
}
.hover-boja > li{
color: #66615b;
  font-size: 14px;
  padding: 10px 15px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.hover-boja > li:hover,
.hover-boja > li:focus{background-color: #66615B;
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  text-decoration: none;}


/* Misc tekst na dugmadima */
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(3) > div > button > a{
	text-color:#ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(1) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(2) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > pretplata-cmp > div > div:nth-child(2) > div:nth-child(3) > button > a{
	color: #ffffff;
}

body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(3) > div > button > a{
	color:#ffffff;
}
body > app-root > div > div.main-panel > div > fakture-cmp > div > div > div > div.padding-t.padding-r-15 > button > a{
	color:#ffffff;
}
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button > a{
	color:#ffffff;
}

body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-3.dropdown-padding-b-15 > button > a{
	color: #ffffff;
}
body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div.row.dropdown-padding-b-15 > div.col-lg-2.col-lg-offset-8.col-sm-3.col-xs-4.col-md-offset-3.dropdown-padding-b-15.ocene-btn-excel > button > a{
	color:#ffffff;
}

body > div > div.main-panel > div > div > div > div > div > div.padding-t.padding-r-15.padding-xs-b-50 > button > a{
	color: #ffffff;
}

body > div > div.main-panel > div > div > div > div:nth-child(2) > div.col-lg-2.col-lg-offset-8.col-sm-3.col-xs-4.col-md-offset-3.dropdown-padding-b-15.ocene-btn-excel > button > a{
	color: #ffffff;
}
.div-inline{
	display: inline;
}

[hidden]{
	display: none !important;
}


/* korekcije 28.09 */







/*Media querry /*


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 2560px){
	.ocene-btn-excel{
		float: right;
		text-align: center;
	}

	.ocene-period{
		float: right;
	}
}

@media (min-width: 1440px){
	.ocene-btn-excel{
	}
}

@media (min-width: 1200px) {
	.hidden-6{
		display: none;
	}
	.lg-pull-right{
		float: right;
	}
	.ocene-btn-excel{
	}
	.ocene-period{
		padding-right: 20px;
	}

	.ocene-btn-excel{
		float: right;
		padding-left: 70px;
	}

	.padding-xl{
		padding-right: 5px;
	}

	.padding-xl-r-15{
		padding-right: 15px;
	}
	.overflow{
		overflow:auto;  
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.dashboard-ocene{
		text-align: center;
		padding-top: 5px;
	}
	.dashboard-ocene-title span {
  		display: none;
}
	.dashboard-ocene-title{
		font-family: 'Muli', "Helvetica", Arial, sans-serif;
		content: "Poslednjih 6 ocena";
	}
	.dashboard-ocene:nth-child(1n+7){
		display: none;
	}
	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-2.pull-right.col.flex-last > div{
		padding-bottom: 10px;
	}
	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button{
		margin-bottom: 10px;
	}
	.hidden-12{
		display: none;
	}

	.ocene-btn-excel{
		float: right;
		padding-left: 40px;
	}

	.ocene-period{
		float:left;
		padding-right: 20px;
		margin-right: 10px;
	}
	.padding-sm-r-15{
		padding-right: 15px;
	}
	.padding-xs-b-50{
		padding-bottom: 50px;
	}
	.overflow{
		overflow:auto !important;  
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.dashboard-ocene{
		text-align: center;
		padding-top: 5px;
	}
	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(1) > div.col-lg-1.col-sm-2.pull-right.col.flex-last > div{
		padding-bottom: 10px;
	}
	body > app-root > div > div.main-panel > div > ocene_i_komentari-cmp > div > div:nth-child(2) > div > button{
		margin-bottom: 10px;
	}
	
	.hidden-6{
		display: none;
	}
	.pull-sm-right{
		float: right;
	}
	.ocene-btn-excel{
		float: right;
		padding-left: 50px;
	}

	.padding-xs-b-15{
		padding-bottom: 15px;
	}
	.padding-sm-r-15{
		padding-right: 15px;
	}
	.padding-xs-b-10{
		padding-bottom: 10px;
	}
	.padding-xs-b-50{
		padding-bottom: 50px;
	}
	.padding-xs-b-45{
		padding-bottom: 45px;
	}
	.overflow{
		overflow-x: scroll;
		overflow-y:hidden; 	
	}
	.login-form__wrapper{
		flex: 0 0 70%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.dashboard-ocene{
		text-align: center;
		padding-top: 5px;
	}
	.hidden-6{
		display: none;
	}
	
	.overflow{
		overflow-x: scroll;
		overflow-y:hidden; 	
	}
	.login-form__wrapper{
		flex: 0 0 70%;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575px) {
	.poseban-padding-dashboard{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.dashboard-ocene{
		padding-top: 5px;
	}
	.dropdown-ocene-anketa{
		padding-bottom: 15px;
	}
	.hidden-6{
		display: none;
	}
	.pull-xs-right{
		float: right;
	}
	.dropdown-padding-b-15{
		padding-bottom: none;
	}
	.ocene-btn-excel{
		padding-right: 15px;
		padding-top: 10px;
	}
	.padding-xs-b-50{
		padding-bottom: 50px;
	}
	.padding-xs-b-70{
		padding-bottom: 70px;
	}

	.padding-xs-b-30{
		padding-bottom: 30px;
	}
	.padding-xs-b-45{
		padding-bottom: 45px;
	}
	.padding-xs-b-15{
		padding-bottom: 15px;
	}
	.padding-xs-b-10{
		padding-bottom: 10px;
	}
	.padding-xs-b-15{
		padding-bottom: 15px;
	}
	.padding-xs-t-10{
		padding-top: 10px;
	}
	.margin-bot-10{
		margin-bottom: 10px;
	}
	.overflow{
		overflow-x: scroll;
		overflow-y:hidden; 	
	}
	.login-form__wrapper{
		flex: 0 0 100%;
	}
 }

.sidebar__help-button{
    position: fixed;
    bottom: 30px;
	left: 30px;
	font-size: 40px;
	color: #F37188;
	cursor: pointer;
	z-index: 98;
}
.sidebar__help-button::before{
	content: '';
    position: fixed;
    height: 46px;
    width: 46px;
    bottom: 36px;
    left: 24px;
    border: 1px solid #F37188;
	border-radius: 50%;
	animation-name: border-pulse;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-delay: 0.15s;
}
.sidebar__help-button::after{
	content: '';
    position: fixed;
    height: 51px;
    width: 51px;
    bottom: 34px;
    left: 22px;
    border: 1px solid #F37188;
	border-radius: 50%;
	animation-name: border-pulse;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
.sidebar__help-options{
	position: fixed;
    bottom: 85px;
	left: 25px;
	background-color: rgba(243,113,136,1);
	border-radius: 8px;
	padding: 8px;
	opacity: 0;
	transition: all 0.35s ease-in-out;
	list-style-type: none;
	margin: 0;
	visibility: hidden;
	z-index: 98;
}
.sidebar__help-options.-active{
	opacity: 1;
	visibility: visible;
}
.sidebar__help-options.-active .sidebar__option{
	bottom: 85px;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}
.sidebar__help-options li{
	margin-bottom: 10px;
}
.sidebar__help-options li:last-child{
	margin-bottom: 0px;
}
.sidebar__option{
	display: flex;
	align-items: center;
	color: #fff !important;
	transform: translateY(15px);
	transition: all 0.35s ease-in-out;
	transition-delay: 0.15s;
	opacity: 0;
	visibility: hidden;
}
.sidebar__help-options li:nth-child(2) .sidebar__option{
	transition-delay: 0.30s;
}
.sidebar__help-options li:nth-child(3) .sidebar__option{
	transition-delay: 0.45s;
}
.sidebar__icon-holder{
	background-color: #F37188;
	border-radius: 50%;
	border: 2px solid #fff;
	padding: 5px;
	position: relative;
	z-index: 2;
}
.sidebar__option span{
	font-size: 20px;
	position: relative;
	z-index: 3;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar__text-wrapper{
	padding: 10px 0px;
	position: relative;
	z-index: 1;
}
.sidebar__option-text{
	border-radius: 8px;
	border: 2px solid #fff;
	color: #fff;
	margin: 0;
	left: -10px;
	position: relative;
	padding: 3px 10px 3px 15px;
	z-index: 1;
}
.videoModal{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(17, 16, 15, 0.75);
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	transition: all 0.35s ease-in-out;
}
.videoModal.-active{
	opacity: 1;
	visibility: visible;
}
.videoModal__iframe{
	width: 64vmax;
	height: 36vmax;
}


@keyframes border-pulse{
	0%{
		transform: scale(0);
	}
	90%{
		transform: scale(0)
	}
	100%{
		transform: scale(1)
	}
}
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.loading-wheel {
  width: 20px;
  height: 20px;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-width: 30px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
}

.style-2 .loading-wheel {
  border-style: double;
  border-color: #ccc transparent;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

.form-item__dropdown {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-item__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  .form-item__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: auto;
  }
}

@media screen and (max-width: 768px) {
  .form-item__button {
    width: 100%;
  }
}

#app {
  max-width: 100vw;
  overflow-x: hidden;
}

.progress-bar__title {
  margin-bottom: 10px;
}

@media screen and (min-width: 481px) {
  .progress-bar__title {
    margin-bottom: 0px;
  }
}

.dwm-filter {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10px;
}

@media screen and (min-width: 481px) {
  .dwm-filter {
    margin-top: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.create-survey__button {
  margin-top: 10px;
}

@media screen and (min-width: 481px) {
  .create-survey__button {
    margin-top: 0px;
  }
}

.video-modal {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.video-modal__close-button {
  background: none;
  outline: none;
  border: none;
  position: absolute;
  top: 35px;
  right: 65px;
  color: #f37188;
}

.video-modal.-active {
  opacity: 1;
  visibility: visible;
}

.video-modal.-active .video-modal__inner {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.video-modal__inner {
  width: 260px;
  padding: 0px 30px;
  position: relative;
  top: 35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

@media screen and (min-width: 481px) {
  .video-modal__inner {
    width: 300px;
  }
}

@media screen and (min-width: 768px) {
  .video-modal__inner {
    width: 360px;
  }
}

@media screen and (min-width: 1024px) {
  .video-modal__inner {
    width: 600px;
  }
}

@media screen and (min-width: 1366px) {
  .video-modal__inner {
    width: 800px;
  }
}

@media screen and (min-width: 1680px) {
  .video-modal__inner {
    width: 1200px;
  }
}


body.--thank-you {
  overflow: hidden; }

.dwm-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 481px) {
    .dwm-filter {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  .dwm-filter__filter {
    padding: 0px 10px; }

.users-filters {
  padding: 20px 0px; }
  .users-filters__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
    @media screen and (min-width: 768px) {
      .users-filters__outer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .users-filters__inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    @media screen and (min-width: 768px) {
      .users-filters__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; }
        .users-filters__inner.--btn {
          text-align: right; } }
  .users-filters__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-items: flex-end; }
    .users-filters__form input {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .users-filters__form > * {
      margin: 10px 0px; }

.answers-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }
  @media screen and (min-width: 768px) {
    .answers-filters {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row; } }
  .answers-filters__dropdown-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
  .answers-filters__dropdown {
    margin-right: 10px; }
  .answers-filters__datepicker-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .answers-filters__datepicker {
    margin-right: 10px; }
    .answers-filters__datepicker input {
      border-radius: 4px !important; }

.answers-filters__export-excel {
  text-align: right; }

.user-create .form-group {
  max-width: 100%; }
  @media screen and (min-width: 1024px) {
    .user-create .form-group {
      max-width: 80%; } }

.form-actions__wrapper {
  margin-top: 3rem;
  text-align: center; }

#create-user__thumb {
  max-width: 60%;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
  width: 90px;
  height: 90px; }

.validation-text {
  color: #9A9A9A; }

.form-item__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.create-survey__image-wrapper {
  padding: 30px; }
  .create-survey__image-wrapper .create-survey__image {
    border: 2px solid #f37188;
    height: 130px;
    width: auto;
    margin: 0 auto; }

.create-survey__icon-wrapper {
  padding: 0px 15px; }
  .create-survey__icon-wrapper .create-survey__icon {
    width: 45px;
    height: auto; }

.bg-info {
  background-color: #68B3C8; }
  .bg-info.popover-title {
    color: #ffffff !important; }

.text-center strong {
  font-weight: 400; }

.tour-button:disabled {
  color: #7AC29A !important; }

.create-survey__title-wrapper {
  margin: 0px 0px 45px 0px; }

.odlicno_bg.ocena-p img {
  min-height: 120px; }

.d-block {
  display: block; }

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

.p-0 {
  padding: 0px !important; }

.m-0 {
  margin: 0px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mt-20 {
  margin-top: 20px; }

.ml-auto {
  margin-left: auto; }

@media screen and (min-width: 481px) {
  .footer-ul {
    text-align: center; } }

@media screen and (min-width: 1024px) {
  .footer-ul {
    text-align: left; } }

.pagination > li > a, .pagination > li > span {
  background-color: transparent;
  border: 2px solid #66615B;
  border-radius: 20px;
  color: #66615B;
  height: 36px;
  font-weight: 600;
  margin: 0 2px;
  min-width: 36px;
  padding: 6px;
  line-height: 22px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem; }

.nav-pills-success > li > a, .pagination-success > li > a, .pagination-success > li > span, .pagination-success > li:first-child > a, .pagination-success > li:first-child > span, .pagination-success > li:last-child > a, .pagination-success > li:last-child > span {
  border: 2px solid #7AC29A;
  color: #7AC29A; }

.nav-pills-success > li.active > a, .nav-pills-success > li.active > a:hover, .nav-pills-success > li.active > a:focus, .pagination-success > li > a:hover, .pagination-success > li > a:focus, .pagination-success > li > a:active, .pagination-success > li.active > a, .pagination-success > li.active > span, .pagination-success > li.active > a:hover, .pagination-success > li.active > span:hover, .pagination-success > li.active > a:focus, .pagination-success > li.active > span:focus {
  background-color: #7AC29A;
  border-color: #7AC29A;
  color: #FFFFFF; }

.nav-pills-success > li > a, .pagination-success > li > a, .pagination-success > li > span, .pagination-success > li:first-child > a, .pagination-success > li:first-child > span, .pagination-success > li:last-child > a, .pagination-success > li:last-child > span {
  border: 2px solid #7AC29A;
  color: #7AC29A; }

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 20px; }

.nav-pills-success > li.active > a, .nav-pills-success > li.active > a:hover, .nav-pills-success > li.active > a:focus, .pagination-success > li > a:hover, .pagination-success > li > a:focus, .pagination-success > li > a:active, .pagination-success > li.active > a, .pagination-success > li.active > span, .pagination-success > li.active > a:hover, .pagination-success > li.active > span:hover, .pagination-success > li.active > a:focus, .pagination-success > li.active > span:focus {
  background-color: #7AC29A;
  border-color: #7AC29A;
  color: #FFFFFF; }

.logo {
  padding-bottom: 0 !important; }

.simple-text img {
  max-width: 81px;
  margin: 0 auto; }

.sidebar .nav, .off-canvas-sidebar .nav {
  margin-top: 10px; }

.nav.navbar-nav p {
  line-height: 1.6em; }

.reminder-text {
  margin-top: 0; }

.my-15 {
  margin-top: 15px; }

.alert p {
  color: #ffffff; }

.alert ul {
  padding-left: 0; }

.alert li {
  list-style-type: none; }

.d-block {
  display: block; }

.thank-you {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 64px 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(/public/images/thank_you/thank_you_background--m.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 481px) {
    .thank-you {
      padding: 32px 0px; } }
  @media screen and (min-width: 768px) {
    .thank-you {
      padding: 64px 0px;
      background-image: url(/public/images/thank_you/thank_you_background--d.png); } }
  @media screen and (min-width: 1366px) {
    .thank-you {
      padding: 50px 0px 120px 0px; } }
  .thank-you__logo-wrapper, .thank-you__text-wrapper, .thank-you__icons-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .thank-you__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .thank-you__logo {
    max-width: 121px;
    height: auto; }
    @media screen and (min-width: 1366px) {
      .thank-you__logo {
        max-width: 188px; } }
  .thank-you__number-of-users {
    color: #565656;
    font-size: 16px;
    margin: 0px; }
    @media screen and (min-width: 1366px) {
      .thank-you__number-of-users {
        font-size: 28px; } }
  .thank-you__text-wrapper {
    text-align: center; }
    .thank-you__text-wrapper * {
      margin: 0; }
  .thank-you__title {
    font-size: 20px;
    color: #f37188;
    margin-bottom: 10px; }
    @media screen and (min-width: 1366px) {
      .thank-you__title {
        font-size: 37px;
        margin-bottom: 25px; } }
  .thank-you__subtitle {
    font-size: 15px; }
    @media screen and (min-width: 1366px) {
      .thank-you__subtitle {
        font-size: 25px; } }
  .thank-you__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%; }
    @media screen and (min-width: 1366px) {
      .thank-you__icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (min-width: 1366px) {
      .thank-you__icons a {
        margin-right: 120px; }
        .thank-you__icons a:last-child {
          margin-right: 0; } }
  .thank-you__icons-title {
    color: #565656;
    font-size: 16px;
    font-weight: 700; }
    @media screen and (min-width: 1366px) {
      .thank-you__icons-title {
        font-size: 28px; } }
  .thank-you__social-icon {
    width: 34px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .thank-you__social-icon {
        width: 61px; } }
  .thank-you__back-button {
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (min-width: 1366px) {
      .thank-you__back-button {
        font-size: 16px; } }

#terms_of_use .modal-body {
  max-height: 450px;
  overflow-y: scroll; }
  @media screen and (min-width: 1366px) {
    #terms_of_use .modal-body {
      max-height: 1000px;
      overflow: auto; } }

.alert-success {
  background-color: #7ac29a; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.a-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.-align-center {
  -ms-flex-line-pack: center;
  align-content: center; }
.flex-wrap{
  flex-wrap: wrap;
}
.comming-soon {
  position: relative; }
  .comming-soon__overlay {
    background-color: rgba(154, 154, 154, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .comming-soon__title {
    color: #f27188;
    margin: 0; }

.-bold {
  font-weight: bold !important; }

.alert.alert-success span {
  color: #ffffff !important; }

/*# sourceMappingURL=re-custom.css.map */
body {
  width: 100vw;
  overflow-x: hidden;
}