/* Fix for Chrome sharpnes in materialize.css waves */
.waves-effect {
    will-change: inherit;
}

html{
  /*font-family: Oswald;*/
  height: 100%;
}
body{
	height: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/**** helpers ****/
.vertical-align>.row{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.msg-errors{
	margin-bottom: 0;
	height: 15px;
}
.txt-red{
    color: red;
}
/**** kclamar colors ****/
.kcalmar-bgcolor-green{
	background-color: #52b7a8!important;
}
.kcalmar-bgcolor-black{
	background-color: #111f26!important;
}
.kcalmar-txtcolor-green{
	color: #52b7a8!important;
}
.kcalmar-txtcolor-black{
	color: #111f26!important;
}
.btn-kcalmar-add {
    background-color: #FFC0CB;
    width: 70px!important;
    height: 70px!important;
}
.btn-kcalmar-add:hover {
    background-color: #FF69B4;
}
.btn-kcalmar-add i {
    line-height: 70px!important;
    font-size: 2.2rem;
}

/* accounts/templates/registrations/login.html */
/* patient/templates/registration/register_patient_form.html */
/*#login,
#register {
	height: 100%;
	min-height: 488px;
}
#login>.row,
#register>.row{
	margin: auto;
}
#login>.row>div,
#register>.row>div{
	padding: 0;
}
#login .logo,
#register .logo{
	background-image:url("../img/logo_full_white.png");
	height:201px;
	width:140px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 5px;
}
#login input,
#register input{
	border-bottom: 1px solid white;
}
#login .login-input,
#register .register-input{
	margin-bottom: 0;
}
#login .invalid,
#register .invalid{
	border-bottom: 1px solid red;
}
#login .valid,
#register .valid{
	border-bottom: 1px solid green;
}
#login .btn:hover,
#register .btn:hover{
	background-color: #111f26!important;
	opacity: 0.8 !important;
}
#login .login-submit,
#register .register-submit{
	margin-bottom: 5px;
}
#login .login-registration,
#register .register-registration{
	margin-bottom: 0;
}
#login .login-registration a,
#login .login-change-password a,
#register .register-registration a,
#register .register-change-password a{
	cursor: pointer;
	opacity: 0.5 !important;
}*/

/* manager/templates/manager-nav.html */
#manager-nav .brand-logo{
	background-image:url("../img/logo.png");
	height:50px;
	width: 39px;
}
#manager-nav .nav-mobile a{
	color: #111f26 !important;
}
#manager-nav .logo{
	/* po to aby nadać wymiar div */
	border: 1px solid #52b7a8;
	margin-top: 5px;
	margin-bottom: 7px;
}
#manager-nav #user-role{
	line-height:15px;
}
#manager-nav .dropdown-content{
	width:120px!important;
}

/* manager/templates/dietetian/dietetian-list.html */
#manager-dietitian-list tbody a{
	color: #111f26!important;
	cursor: pointer;
}
#manager-dietitian-list #status{
	cursor: default;
}
#manager-dietitian-list #dietitian-table_wrapper label{
    color: inherit;
}
#manager-dietitian-list #dietitian-table_wrapper select{
    display: inline;
    width: auto;
    height: 2rem;
}
#manager-dietitian-list #dietitian-table_wrapper select:focus{
    outline: 1px solid #52b7a8;
}

/* manager/templates/dietetian/dietetian-add-edit.html */
#manager-dietitian-add-edit .disabled>span{
	color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

/* manager/templates/dietetian/add-data.html */
#manager-dietitian-set-password{
	margin-top: 50px;
}

/* manager/templates/code/code-list.html */
#manager-code-list tbody a{
	color: #111f26!important;
	cursor: pointer;
}
#manager-code-list #code-table_wrapper label{
    color: inherit;
}
#manager-code-list #code-table_wrapper select{
    display: inline;
    width: auto;
    height: 2rem;
}
#manager-code-list #code-table_wrapper select:focus{
    outline: 1px solid #52b7a8;
}

/* manager/templates/patient/patient-list.html */
#manager-patient-list tbody a{
    color: #111f26!important;
    cursor: pointer;
}
#manager-patient-list #patient-table_wrapper label{
    color: inherit;
}
#manager-patient-list #patient-table_wrapper select{
    display: inline;
    width: auto;
    height: 2rem;
}
#manager-patient-list #patient-table_wrapper select:focus{
    outline: 1px solid #52b7a8;
}

/* patient/templates/patient-nav.html */
#patient-short-nav{
	margin-bottom: 0;
}
#patient-short-nav .brand-logo{
	background-image:url("../img/logo.png");
	height:50px;
	width: 39px;
}
#patient-short-nav .logo{
	border: 1px solid #52b7a8;
	margin-top: 5px;
	margin-bottom: 7px;
}
#patient-short-nav .nav-mobile li,
#patient-short-nav .nav-mobile a{
	color: #111f26 !important;
}

/* patient/templates/diets.html */
#diets-list .title {
    color: #27b7ab;
    font-family: 'Oswald';
    line-height: 125%;
    text-transform: uppercase;
    font-size: 60px;
    position: absolute;
    z-index: 2000;
    width: 600px;
    top:725px;
    left:20px;
}
#diets-list .section{
	padding-top: 0;
	padding-bottom: 0;
}
#diets-list #nutrition-program {
	background-image:url("../img/pages/back-1.jpg");
	background-size:cover;
	position: relative;
    width: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: visible;
}
#diets-list .diamond-grid-container{
    width:80%;
    float:right;
}
#diets-list .diamond-grid {
    width: 1650px;
    margin: 0 auto;
    padding: 20px 0 90px 0;
    overflow-x: visible;
    position: relative;
    left: 50%;
    margin-left: -895px;
}
#diets-list #nutrition_program .diamond-grid{
    margin-left: -895px;
}
#diets-list .clearfix {
    display: inline-block
}
#diets-list ul.diamond-grid li {
    list-style: none;
    float: left;
    margin-left: 82px;
    margin-top: 20px;
    position: relative;
}
#diets-list .diamond-hidden{
    opacity: 0;
}
#diets-list .diamond {
    box-sizing: border-box;
    height: 200px; 
    width: 200px;
    background: white;
    color: #27B8AB;
    display: block;
    position: relative;
    text-decoration: none;
    border: 1px solid #eee;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    overflow: hidden;
    box-sizing: border-box;
    z-index: 10;
}
#diets-list .hover-backface{
    display: none;
    position: absolute;
    width: 270px;
    height: 270px;
    top: 50%;
    left: 50%;
    margin: -135px 0 0 -135px;
    background-color: #f7941d;
    z-index: 100;
    display: none;
    border: 0;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.075);
    color: #10262f;
}
#diets-list .hover-backface .text{
    margin: 0;
    padding: 0;
    width: 260px;
    height: 260px;
    font-size: 20px;
}
#diets-list .hover-backface i{
    margin: 0 auto;
    width: 130px;
    height: 90px;
    background-color: transparent;
    display: block;
    margin-bottom: 10px;
}
#diets-list .diamond-grid .text {
    width: 195px;
    height: 195px;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    text-align: center;
    line-height: 115%;
}
#diets-list .diamond .img-back{
    width: 300px;
    height: 300px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    top: -45px;
    left: -45px;
    display: block;
    vertical-align: middle;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    text-align: center;
    background-size: cover;

}
#diets-list .diamond-grid > li:nth-child(n+6) {
    margin-top: -59px;
}

#diets-list .diamond-grid > li:nth-child(-n+5) {
    margin-top: 30px;
}
#diets-list .diamond-grid > li:nth-child(10n+6){
    margin-left: 223px;
} 
#diets-list  ul.diamond-grid li:hover{
    z-index: 100;
}
#diets-list .hover-backface .text{
    margin: 0;
    padding: 0;
    width: 260px;
    height: 260px;
    font-size: 20px;

}
#diets-list .hover-backface .text article{
    font-size: 12px;
    font-family: "Glegoo";
    line-height: 120%;
    margin: 10px 40px;
    padding: 6px 0;
    border-top: 1px solid #10262F;
    text-transform: none;
    overflow: hidden;
}
#diets-list .hover-backface .text a {
    color: inherit;
    text-decoration: none;
}
#diets-list ul.diamond-grid li:hover .hover-backface{
    display: block;
    -webkit-animation: fadein 5.0s cubic-bezier(.98,.55,.54,1.33); /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.2s cubic-bezier(.98,.55,.54,1.33); /* Firefox < 16 */
    -ms-animation: fadein 0.2s cubic-bezier(.98,.55,.54,1.33); /* Internet Explorer */
    -o-animation: fadein 0.2s cubic-bezier(.98,.55,.54,1.33); /* Opera < 12.1 */
    animation: fadein 0.2s cubic-bezier(.98,.55,.54,1.33);

}
#diets-list .backface-pink{
    background-color: #ed145b; 
}
#diets-list .backface-blue{
    background-color: #248bb2; 
}
#diets-list .backface-green{
    background-color: #5cb132; 
}

#diets-list .text-green{
    color: #5cb132
}
#diets-list .text-orange{
    color: #f7941d
}
#diets-list .text-pink{
    color: #ed145b
}
#diets-list .text-blue{
    color: #248bb2
}
#diets-list .text-dark{
    color: #10262F;
}
#diets-list .text-white{
    color: #fff;
}

#diets-list .diamond-green{
    background-color: #27B8AB;
}

#diets-list .diamond-grey{
    background-color: #f4f4f4;
}

#diets-list .diamond-pink{
    background-color: #ed145b;
}

#diets-list .diamond-orange {
    background-color: #f7941d;
}

#diets-list .diamond-blue {
    background-color: #248bb2;
}

#diets-list .diamond-health {
    background-color: #5cb132; /* green */
}
@keyframes fadein {
    from { opacity: 0;-webkit-transform:rotate(45deg) scale(0.7); }
    to   { opacity: 1;-webkit-transform:rotate(45deg) scale(1);  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0;-webkit-transform:rotate(45deg) scale(0.7); }
    to   { opacity: 1;-webkit-transform:rotate(45deg) scale(1);  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0;-webkit-transform:rotate(45deg) scale(0.7); }
    to   { opacity: 1;-webkit-transform:rotate(45deg) scale(1);  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0;-webkit-transform:rotate(45deg) scale(0.7); }
    to   { opacity: 1;-webkit-transform:rotate(45deg) scale(1);  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0;-webkit-transform:rotate(45deg) scale(0.7); }
    to   { opacity: 1;-webkit-transform:rotate(45deg) scale(1);  }
}

/* accounts/templates/registration/password_change_form.html */
#password-change input{
    margin: 0!important;
}
#password-change .error{
    height: 1rem;
    color: red;
    text-align: left;
    font-size: 12px;
}

/* patient/templates/diet_for.html */
#diet-detail #diet-name{
    background-color: #E6E6E6;
    height: 64px;
    padding-left: 30px;
    margin-bottom: 0;
    font-size: 18px;
}
#diet-detail #diet-name span{
    color: #aaa;
}
#diet-detail #diet-title div{
    font-size: 110px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 120px
}
#diet-detail #logo img{
    height: 560px;
    width: 400px;
    zoom: 60%;
}
#diet-detail #menu-week p{
    font-family: Glegoo;
    font-size: 40px;
    margin-bottom: 0;
    margin-top: 0;
}
#diet-detail #menu-week .text-small{
    font-size: 25px!important;
}
#diet-detail #shopping-list{
    margin-top: 200px;
}
#diet-detail #list-title{
    font-size: 60px;
    line-height: 70px;
}
#diet-detail #list-period{
    font-size: 1.5em;
}
#diet-detail table th{
    font-size: 25px;
    font-weight: normal;
}
#diet-detail #logo-bottom img{
    width: 60px;
    height: 76px;
}
/* patient/templates/patient_settings_form.html */
#patient-settings .error{
    height: 1rem;
    color: red;
    text-align: left;
    font-size: 12px;
    margin-top: -12px;
}
#patient-settings #pad04{
    padding: 0.4rem;
}
#patient-settings #pad15{
    padding: 1.5rem;
}
/* dietitian/templates/dietitian_nav.html */
#dietitian-nav{
    height: 40px!important;
    line-height: 40px!important;
}
#dietitian-nav i{
    height: 40px!important;
    line-height: 40px!important;
}
#dietitian-nav #nav-mobile i{
    margin-left: 0;
}
#dietitian-nav #user{
    padding: 0 10px;
}
#dietitian-nav #logo{
    background-image:url("../img/logo.png");
    background-size: 29px 38px;
    height: 38px;
    width: 29px;
    margin-top: 1px;
}

/* dietitian/templates/dish.html */
#dietitian-dish #dish-table_filter{
    margin-top: 10px;
}
#dietitian-dish #dish-table_filter input{
    height:1.2rem;
}
#dietitian-dish tbody input{
    border: none;
    background-color: inherit;
    height:1.2rem;
    margin:0;
}
#dietitian-dish tbody input:focus{
    outline: none;
}
#dietitian-dish tbody td.name{
    padding: 2px 10px;
}
#dietitian-dish tbody td.name input{
    font-weight: bold;
    font-size: 18px;
    height: 29px;
}
#dietitian-dish tbody a{
    color: #111f26!important;
    cursor: pointer;
}
#dietitian-dish tbody td.action{
    text-align: center;
}
#dietitian-dish th.measurement{
    width: 10%;
}
#dietitian-dish th,
#dietitian-dish td{
    border-radius: 0;
}
#dietitian-dish .toolbar {
    float: left;
}
#dietitian-dish input.portions {
    width: 15px;
    text-align: center;
}
#dietitian-dish input#preparation-time {
    width: 25px;
}
#dietitian-dish td div.row{
    margin-top: 10px;
    margin-bottom: 0;
}
#dietitian-dish .title{
    color: white;
}
#dietitian-dish tr.add-ingr input{
    border-bottom: 1px dotted white;
    margin-left: 4px;
    width: 100px;
}
#dietitian-dish a.btn-floating{
    background: #5cb132;
}
#dietitian-dish td.measurement>input{
    width: 26px;
    text-align: right;
}

#error-page {
    font-family: Glegoo;
    font-weight: 700;
    font-size: 14px;
}
#error-page #return {
    color: #8d95a5;
    margin: 40px 0 0 40px;
}
#error-page #return:hover {
    cursor: pointer;
}
#error-page #return i {
    transform: rotate(180deg);
    padding-bottom: 7px;
}
#error-page img {
    display: block;
    margin: 60px auto auto auto;
}
#error-page a {
    color: #20DEC1;
    margin-top: 10px;
    display: block;
    text-align: center;
}

/* NOWA ANKIETA */
#poll{
	margin-right: 1rem;
	width: 60%;
}
#poll h3{
	margin: 0.5rem 0 1.168rem 0;
}
#poll fieldset {
	border: none;
	padding-left: 0;
}
#poll .select-wrapper input.select-dropdown {
	margin: 0;
}
#poll fieldset input.error,
#poll fieldset textarea.error {
	border-bottom: 1px solid red;
    box-shadow: 0 1px 0 0 red;
}
#poll fieldset input.valid,
#poll fieldset textarea.valid {
	border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}
#poll fieldset .input-field {
	padding-bottom: 0.25rem;
}
#poll fieldset .input-field textarea {
	padding: 0;
    min-height: 2em;
    margin-top: 1em;
	height: 22px;
}
#poll fieldset .input-field label {
	left: 0;
}
#poll fieldset .input-field label.locked {
	position: absolute;
    top: -14px;
    font-size: 0.8rem;
}
#poll fieldset .input-field label.active {
    -webkit-transform: inherit;
    transform: inherit;
}
#poll .content {
	margin-left: 0;
}
#poll .actions {
	margin-top: 20px;
}
#poll .steps ul,
#poll .actions ul {
    display: inline-flex;
}
#poll .steps ul li a,
#poll .actions ul li a {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	border: none;
    border-radius: 2px;
    display: inline-block;
    height: auto;
    outline: 0;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
	text-decoration: none;
    background-color: #26a69a;
    text-align: center;
    letter-spacing: 0.5px;
    cursor: pointer;
	position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
	margin-right: 5px;
}
#poll .steps ul li.disabled a {
	color: #26a69a;
    background-color: #fff;
    pointer-events: none;
}
#poll .steps ul li.current a {
	background-color: #e52a65;
}
#poll .steps ul li a,
#poll .actions ul li a {
	color: white;
}
#poll .title:not(.current) {
    display: none;
}
/* KONIEC NOWEJ ANKIETY */