1KA_F2F/resources/sass/main/skins/1ka_mobile/Mobile.scss

/*
	Osnovna mobilna tema ankete - 1ka - brez definiranih barv
*/


/* Fonti */
$font_family: Source Sans Pro, sans-serif;


body{
	font-family: $font_family !important;
	color: $color_text;
	
	background-color: white;
}

span, label{
	color: $color_text;
}


/* GLAVNI ELEMENTI */
#container{
	
	h1{
		color: $color_title;
		
		background-color: #ffffff;
		border-bottom: 8px $color_strong solid;
	}
}


/* INPUT ELEMENTI */
/* Textboxi, textarea, select */
input, textarea, select{
	font-family: $font_family !important;
}
input[type="text"], textarea, select{
	padding: 5px 7px;
	
	border-radius: 3px;
	border: 1px solid #d1d1d1;
    border-radius: 3px;
	
	background-color: #fff;
}

input[type="checkbox"] + span.enka-checkbox-radio,
input[type="radio"] + span.enka-checkbox-radio,
.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
.visual-radio-scale.checked .enka-vizualna-skala {
	color: $color_light;
}


.grupa{
	
	.spremenljivka{
		background-color: white;
		border: 0;
		border-bottom: 1px $color_light solid;
		
		&:last-of-type{
			border-bottom: 0;
		}
		
		.naslov{
			color: $color_text;
			
			.spremenljivka_info{
				color: $color_text;
			}
		}
		
		.sequence_number{
            background-color: $color_light_lighter;
            color: $color_light;
		
			&:hover{
				background-color: darken($color_light_lighter, 10%);
            }
            
            &.active{
                background-color: $color_light;
                color: #ffffff;
            }
		}
		
		.slider_mobile{
			background-color: #a0aec1;
			border: 0;
		}
		
		.ui-slider-horizontal{
			height: 8px;
		}
		.ui-slider-handle {
			cursor: pointer;
			
			height: 10px !important;
			width: 18px !important;
			margin-top: 1px;
			
			border: 0;
			border-radius: 15px 15px !important;
            background-color: $color_strong !important;
            background-image: none !important;
		}
		.ui-slider-handle:active{
			background-color: $color_strong !important;
		}
		.sliderText{
			padding-top: 0;
			
			color: white;
			
			background-color: #a0aec1;
			border: 0;
		}
		.sliderText::after{
			border-color: #a0aec1 transparent;
		}
		
		.grid_mobile .grid_mobile_question{
			padding-top: 15px;
			border-top: 1px #b4b5b7 solid;
		}
		.grid_mobile > div:first-child{
			padding-top: 0 !important;
			border-top: 0 !important;
        }
        
        /* Mejnik pri dvojni tabeli */
        .grid_mobile_double_separator{
            width: 100%;
            height: 5px;

            border-top: 1px $color_light_lighter dashed;
        }
	}
}

.variable_holder{
	
	.variabla{
		color: $color_text;
	}
}


/* Koledar */
button.ui-datepicker-trigger{
	color: $color_link;
	
	&:hover{
		color: $color_link_hover;
	}
}


/* Opcija nadaljuj kasneje */
.header_settings_holder{
    .continue_later_setting{
        a {
            color: $color_link;
            
            &:hover {
                color: $color_link_hover;
            }
        }
    }
    .tawk_chat{
        a {
            color: $color_link;
            
            &:hover {
                color: $color_link_hover;
            }
        }
    }
}


/* GUMBI NAPREJ/NAZAJ */
.buttons{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	
	border-top: 1px $color_light solid !important;
		
	input {
		cursor: pointer;
		
		margin: 8px 5px;
		padding: 10px 20px;
		
		text-align: center;
		font-size: 15px;
		letter-spacing: 0px;
		font-weight: 600;
		color: #FFFFFF;
		
		border-radius: 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px;
		border: 0; 
	}
	
	input.next {
		background-color: $color_link;
		border: 1px solid $color_link;
		
		&:hover{
			background-color: $color_link_hover;
			border: 1px solid $color_link_hover;
		}
	}
	
	input.prev {
		color: $color_link;
		background-color: #fff;
		border: 1px solid $color_link;
		
		&:hover{
			color: #fff;
			background-color: $color_link;
		}
	}
}


/* FOOTER */
#footer_survey{
	color: $color_text;
	
	border-top: 3px $color_strong solid;	
	
	a{
		font-weight: normal;
		text-decoration: none;
		color: $color_text;
	}
}


/* LOGO */
#container #logo{
	display: none !important;
}
#footer_survey #logo {
	display: block;
	position: relative;
	
	width: 100%;
	height: 40px;
	
	margin: 10px auto 30px auto;
	left: 0;
	right: 0;
	
	background-image: url("../../../public/img/logo/1ka_logo_slo.svg");
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: center;
	
	a {
		display: block;
		width: 100%;
		height: 46px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	/* Desni del samo za skine Otroci3 in Otroci4 */
	#logo_right{
		display: none;
	}
}
#footer_survey #logo.english{
	background-image: url("../../../public/img/logo/1ka_logo_eng.svg");
}
#footer_survey #logo.namestitev{
	background-image: url("../../../public/img/logo/1ka_logo_namestitev.svg");
}
#footer_survey #logo.namestitev.english{
	background-image: url("../../../public/img/logo/1ka_logo_installation.svg");
}