/*///////////////////////////////////////////////////////
////////////////////PRETTY CHECKBOX /////////////////////
/////////////////////////////////////////////////////////*/
/* ------------------------------------------------ */
@import '~pretty-checkbox/src/pretty-checkbox.scss';
/* REQUIRED */
@import '~pretty-checkbox/scss/variables';
@import '~pretty-checkbox/scss/core';
/* OPTIONALS */
@import 'pretty-checkbox/scss/elements/default/fill';
@import 'pretty-checkbox/scss/elements/default/outline';
@import 'pretty-checkbox/scss/elements/default/thick';
@import 'pretty-checkbox/scss/elements/font-icon/general';
@import 'pretty-checkbox/scss/elements/svg/general';
@import 'pretty-checkbox/scss/elements/image/general';
@import 'pretty-checkbox/scss/elements/switch/general';
@import 'pretty-checkbox/scss/elements/switch/fill';
@import 'pretty-checkbox/scss/elements/switch/slim';
@import 'pretty-checkbox/scss/extras/toggle';
@import 'pretty-checkbox/scss/extras/plain';
@import 'pretty-checkbox/scss/extras/round';
@import 'pretty-checkbox/scss/extras/curve';
@import 'pretty-checkbox/scss/extras/animation';
@import 'pretty-checkbox/scss/extras/disabled';
@import 'pretty-checkbox/scss/extras/locked';
@import 'pretty-checkbox/scss/extras/colors';
@import 'pretty-checkbox/scss/extras/print';
@import 'pretty-checkbox/scss/states/hover';
@import 'pretty-checkbox/scss/states/focus';
@import 'pretty-checkbox/scss/states/indeterminate';
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

.pretty select_all {
	box-sizing:border-box
}
.pretty input:not([type=checkbox]):not([type=radio]){
	display:none
}
.pretty{
	position:relative;
	display:inline-block;
	margin-right:1em;
	white-space:nowrap;
	line-height:1
}
.pretty input{
	position:absolute;
	left:0;
	top:0;
	min-width:1em;
	width:100%;
	height:100%;
	z-index:2;
	opacity:0;
	margin:0;
	padding:0;
	cursor:pointer
}
.pretty .state label{
	position:initial;
	display:inline-block;
	font-weight:400;
	margin:0;
	text-indent:1.5em;
	min-width:calc(1em + 2px)
}
.pretty .state label:after,.pretty .state label:before{
	content:'';
	width:calc(1em + 2px);
	height:calc(1em + 2px);
	display:block;
	box-sizing:border-box;
	border-radius:0;
	border:1px solid transparent;
	z-index:0;
	position:absolute;
	left:0;
	top:calc((0% - (100% - 1em)) - 8%);
	background-color:transparent
}
.pretty .state label:before{
	border-color:#bdc3c7
}
.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{
	display:none
}
@-webkit-keyframes zoom{
	0%{
		opacity:0;
		-webkit-transform:scale(0);
		transform:scale(0)
}
}
@keyframes zoom{
	0%{
		opacity:0;
		-webkit-transform:scale(0);
		transform:scale(0)
}
}
@-webkit-keyframes tada{
	0%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		opacity:0;
		-webkit-transform:scale(7);
		transform:scale(7)
}
	38%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	55%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
}
	72%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	81%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.24);
		transform:scale(1.24)
}
	89%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	95%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.04);
		transform:scale(1.04)
}
	100%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
}
@keyframes tada{
	0%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		opacity:0;
		-webkit-transform:scale(7);
		transform:scale(7)
}
	38%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	55%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
}
	72%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	81%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.24);
		transform:scale(1.24)
}
	89%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
	95%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(1.04);
		transform:scale(1.04)
}
	100%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
}
}
@-webkit-keyframes jelly{
	0%{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
}
	30%{
		-webkit-transform:scale3d(.75,1.25,1);
		transform:scale3d(.75,1.25,1)
}
	40%{
		-webkit-transform:scale3d(1.25,.75,1);
		transform:scale3d(1.25,.75,1)
}
	50%{
		-webkit-transform:scale3d(.85,1.15,1);
		transform:scale3d(.85,1.15,1)
}
	65%{
		-webkit-transform:scale3d(1.05,.95,1);
		transform:scale3d(1.05,.95,1)
}
	75%{
		-webkit-transform:scale3d(.95,1.05,1);
		transform:scale3d(.95,1.05,1)
}
	100%{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
}
}
@keyframes jelly{
	0%{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
}
	30%{
		-webkit-transform:scale3d(.75,1.25,1);
		transform:scale3d(.75,1.25,1)
}
	40%{
		-webkit-transform:scale3d(1.25,.75,1);
		transform:scale3d(1.25,.75,1)
}
	50%{
		-webkit-transform:scale3d(.85,1.15,1);
		transform:scale3d(.85,1.15,1)
}
	65%{
		-webkit-transform:scale3d(1.05,.95,1);
		transform:scale3d(1.05,.95,1)
}
	75%{
		-webkit-transform:scale3d(.95,1.05,1);
		transform:scale3d(.95,1.05,1)
}
	100%{
		-webkit-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1)
}
}
@-webkit-keyframes rotate{
	0%{
		opacity:0;
		-webkit-transform:translateZ(-200px) rotate(-45deg);
		transform:translateZ(-200px) rotate(-45deg)
}
	100%{
		opacity:1;
		-webkit-transform:translateZ(0) rotate(0);
		transform:translateZ(0) rotate(0)
}
}
@keyframes rotate{
	0%{
		opacity:0;
		-webkit-transform:translateZ(-200px) rotate(-45deg);
		transform:translateZ(-200px) rotate(-45deg)
}
	100%{
		opacity:1;
		-webkit-transform:translateZ(0) rotate(0);
		transform:translateZ(0) rotate(0)
}
}
@-webkit-keyframes pulse{
	0%{
		box-shadow:0 0 0 0 #bdc3c7
}
	100%{
		box-shadow:0 0 0 1.5em rgba(189,195,199,0)
}
}
@keyframes pulse{
	0%{
		box-shadow:0 0 0 0 #bdc3c7
}
	100%{
		box-shadow:0 0 0 1.5em rgba(189,195,199,0)
}
}
.pretty.p-default.p-fill .state label:after{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.pretty.p-default .state label:after{
	-webkit-transform:scale(.6);
	-ms-transform:scale(.6);
	transform:scale(.6)
}
.pretty.p-default input:checked~.state label:after{
	background-color:#bdc3c7!important
}
.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{
	border-width:calc(1em / 7)
}
.pretty.p-default.p-thick .state label:after{
	-webkit-transform:scale(.4)!important;
	-ms-transform:scale(.4)!important;
	transform:scale(.4)!important
}
.pretty.p-icon .state .icon{
	position:absolute;
	font-size:1em;
	width:calc(1em + 2px);
	height:calc(1em + 2px);
	left:0;
	z-index:1;
	text-align:center;
	line-height:normal;
	top:calc((0% - (100% - 1em)) - 8%);
	border:1px solid transparent;
	opacity:0
}
.pretty.p-icon .state .icon:before{
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1
}
.pretty.p-icon input:checked~.state .icon{
	opacity:1
}
.pretty.p-icon input:checked~.state label:before{
	border-color:#5a656b
}
.pretty.p-svg .state .svg{
	position:absolute;
	font-size:1em;
	width:calc(1em + 2px);
	height:calc(1em + 2px);
	left:0;
	z-index:1;
	text-align:center;
	line-height:normal;
	top:calc((0% - (100% - 1em)) - 8%);
	border:1px solid transparent;
	opacity:0
}
.pretty.p-svg .state svg{
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1
}
.pretty.p-svg input:checked~.state .svg{
	opacity:1
}
.pretty.p-image .state img{
	opacity:0;
	position:absolute;
	width:calc(1em + 2px);
	height:calc(1em + 2px);
	top:0;
	top:calc((0% - (100% - 1em)) - 8%);
	left:0;
	z-index:0;
	text-align:center;
	line-height:normal;
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8)
}
.p-image input:checked~.state img{
	opacity:1
}
.pretty.p-switch input{
	min-width:2em
}
.pretty.p-switch .state{
	position:relative
}
.pretty.p-switch .state:before{
	content:'';
	border:1px solid #bdc3c7;
	border-radius:60px;
	width:2em;
	box-sizing:unset;
	height:calc(1em + 2px);
	position:absolute;
	top:0;
	top:calc((0% - (100% - 1em)) - 16%);
	z-index:0;
	transition:all .5s ease
}
.pretty.p-switch .state label{
	text-indent:2.5em
}
.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{
	transition:all .5s ease;
	border-radius:100%;
	left:0;
	border-color:transparent;
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8)
}
.pretty.p-switch .state label:after{
	background-color:#bdc3c7!important
}
.pretty.p-switch input:checked~.state:before{
	border-color:#5a656b
}
.pretty.p-switch input:checked~.state label:before{
	opacity:0
}
.pretty.p-switch input:checked~.state label:after{
	background-color:#5a656b!important;
	left:1em
}
.pretty.p-switch.p-fill input:checked~.state:before{
	border-color:#5a656b;
	background-color:#5a656b!important
}
.pretty.p-switch.p-fill input:checked~.state label:before{
	opacity:0
}
.pretty.p-switch.p-fill input:checked~.state label:after{
	background-color:#fff!important;
	left:1em
}
.pretty.p-switch.p-slim .state:before{
	height:.1em;
	background:#bdc3c7!important;
	top:calc(50% - .1em)
}
.pretty.p-switch.p-slim input:checked~.state:before{
	border-color:#5a656b;
	background-color:#5a656b!important
}
.pretty.p-has-hover input:hover~.state:not(.p-is-hover){
	display:none
}
.pretty.p-has-hover input:hover~.state.p-is-hover{
	display:block
}
.pretty.p-has-hover input:hover~.state.p-is-hover .icon{
	display:block
}
.pretty.p-has-focus input:focus~.state label:before{
	box-shadow:0 0 3px 0 #bdc3c7
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){
	display:none
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{
	display:block
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{
	display:block;
	opacity:1
}
.pretty.p-toggle .state.p-on{
	opacity:0;
	display:none
}
.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{
	opacity:1;
	display:inherit
}
.pretty.p-toggle .state.p-off .icon{
	color:#bdc3c7
}
.pretty.p-toggle input:checked~.state.p-on{
	opacity:1;
	display:inherit
}
.pretty.p-toggle input:checked~.state.p-off{
	opacity:0;
	display:none
}
.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{
	content:none
}
.pretty.p-plain.p-plain .icon{
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.pretty.p-round .state label:after,.pretty.p-round .state label:before{
	border-radius:100%
}
.pretty.p-round.p-icon .state .icon{
	border-radius:100%;
	overflow:hidden
}
.pretty.p-round.p-icon .state .icon:before{
	-webkit-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8)
}
.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{
	border-radius:20%
}
.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{
	transition:all .5s ease
}
.pretty.p-smooth input:checked+.state label:after{
	transition:all .3s ease
}
.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{
	-webkit-animation:zoom .2s ease;
	animation:zoom .2s ease
}
.pretty.p-smooth.p-default input:checked+.state label:after{
	-webkit-animation:zoom .2s ease;
	animation:zoom .2s ease
}
.pretty.p-smooth.p-plain input:checked+.state label:before{
	content:'';
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	transition:all .5s ease
}
.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{
	-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
	animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
	opacity:1
}
.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{
	-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
	animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
.pretty.p-jelly:not(.p-default) input:checked+.state label:before{
	border-color:transparent
}
.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{
	-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);
	animation:rotate .7s cubic-bezier(.25,.46,.45,.94);
	opacity:1
}
.pretty.p-rotate:not(.p-default) input:checked~.state label:before{
	border-color:transparent
}
.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{
	-webkit-animation:pulse 1s;
	animation:pulse 1s
}
.pretty input[disabled]{
	cursor:not-allowed;
	display:none
}
.pretty input[disabled]~*{
	opacity:.5
}
.pretty.p-locked input{
	display:none;
	cursor:not-allowed
}
.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{
	background-color:#428bca!important
}
.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{
	color:#fff;
	stroke:#fff
}
.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{
	border-color:#428bca
}
.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{
	background-color:transparent
}
.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{
	color:#428bca;
	stroke:#428bca
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{
	background-color:#428bca!important
}
.pretty.p-switch input:checked~.state.p-primary:before{
	border-color:#428bca
}
.pretty.p-switch.p-fill input:checked~.state.p-primary:before{
	background-color:#428bca!important
}
.pretty.p-switch.p-slim input:checked~.state.p-primary:before{
	border-color:#245682;
	background-color:#245682!important
}
.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{
	background-color:#5bc0de!important
}
.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{
	color:#fff;
	stroke:#fff
}
.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{
	border-color:#5bc0de
}
.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{
	background-color:transparent
}
.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{
	color:#5bc0de;
	stroke:#5bc0de
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{
	background-color:#5bc0de!important
}
.pretty.p-switch input:checked~.state.p-info:before{
	border-color:#5bc0de
}
.pretty.p-switch.p-fill input:checked~.state.p-info:before{
	background-color:#5bc0de!important
}
.pretty.p-switch.p-slim input:checked~.state.p-info:before{
	border-color:#2390b0;
	background-color:#2390b0!important
}
.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{
	background-color:#5cb85c!important
}
.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{
	color:#fff;
	stroke:#fff
}
.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{
	border-color:#5cb85c
}
.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{
	background-color:transparent
}
.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{
	color:#5cb85c;
	stroke:#5cb85c
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{
	background-color:#5cb85c!important
}
.pretty.p-switch input:checked~.state.p-success:before{
	border-color:#5cb85c
}
.pretty.p-switch.p-fill input:checked~.state.p-success:before{
	background-color:#5cb85c!important
}
.pretty.p-switch.p-slim input:checked~.state.p-success:before{
	border-color:#357935;
	background-color:#357935!important
}
.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{
	background-color:#f0ad4e!important
}
.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{
	color:#fff;
	stroke:#fff
}
.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{
	border-color:#f0ad4e
}
.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{
	background-color:transparent
}
.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{
	color:#f0ad4e;
	stroke:#f0ad4e
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{
	background-color:#f0ad4e!important
}
.pretty.p-switch input:checked~.state.p-warning:before{
	border-color:#f0ad4e
}
.pretty.p-switch.p-fill input:checked~.state.p-warning:before{
	background-color:#f0ad4e!important
}
.pretty.p-switch.p-slim input:checked~.state.p-warning:before{
	border-color:#c77c11;
	background-color:#c77c11!important
}
.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{
	background-color:#d9534f!important
}
.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{
	color:#fff;
	stroke:#fff
}
.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{
	border-color:#d9534f
}
.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{
	background-color:transparent
}
.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{
	color:#d9534f;
	stroke:#d9534f
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{
	background-color:#d9534f!important
}
.pretty.p-switch input:checked~.state.p-danger:before{
	border-color:#d9534f
}
.pretty.p-switch.p-fill input:checked~.state.p-danger:before{
	background-color:#d9534f!important
}
.pretty.p-switch.p-slim input:checked~.state.p-danger:before{
	border-color:#a02622;
	background-color:#a02622!important
}
.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{
	font-size:1.2em!important;
	top:calc((0% - (100% - 1em)) - 35%)!important
}
.pretty.p-bigger label{
	text-indent:1.7em
}
@media print{
	.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{
		color-adjust:exact;
		-webkit-print-color-adjust:exact;
		print-color-adjust:exact
}
}

/*///////////////////////////////////////////////////////
////////////////////PRETTY CHECKBOX END /////////////////
/////////////////////////////////////////////////////////*/
/* ------------------------------------------------ */

select_all{
  background-color: white;

}

header{
  text-align: center;
  text-shadow: 1px 1px darkgrey;
}

body{
  margin-left:auto;
  margin-right:auto;
    margin: auto;
    width: 1280px;

  font-family: 'Roboto Condensed'; /*Definindo a família para toda a página evitando redundância, trocar apenas nas classes específicas*/
  font-size: 0.85em;
    margin-bottom: 20px;
}

nav {
	background-color: transparent;
	height: 30px;
}

nav .tab {
  overflow: hidden;
  margin-left: 2px;
  padding: 0;
}


div.switch {
	text-shadow: 1px 0 black; 
	margin: 10px 10px;
}

.upload, .download {
	white-space: nowrap;
}

/*/////////////////////////////////////
///////////   Dark Mode    //////////////
///////////////////////////////////////*/


.dark-mode {
  background-color: #2a2a2b;
  color: #d3d3d3;

}

.dark-mode input {
	color: white;
}

.dark-mode .modal, .dark-mode .modal-footer {
	background-color: #2a2a2b;
}

.dark-mode img {
		opacity: 0.80;
}

.dark-mode a{
  color:  #ddd7cd;
  text-shadow: 0.5px 0 #ddd7cd;
  text-decoration: underline;
}

.dark-mode a:hover{
  color: white;
  text-decoration: none;
}

.dark-mode div .tab_button{
	background-color: #435055;
	-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div .tab_button{
	background-color: #435055;
	-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div .tab_button:hover{
	background-color: #374044;
	-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div.tab_content {
	 color: #e7e7e7;
	 border-top-color: #ba423a;
	 border-bottom-color: black; 
	 
}

.dark-mode div.tab_content fieldset.total_board_count {
	 color: #e7e7e7;
	 border-color: darkgray; 
}

.dark-mode div.switch {
	color: #e7e7e7;
	text-shadow: 1px 0 white; 
	
}

.dark-mode div.complementary_hours_container{
	color: #e7e7e7;
}

.dark-mode div.complementary_hours_container ul li:hover {
  background: #e7e7e7;
	color: black;
}

/* Botão de adicionar na lista */
.dark-mode div.complementary_hours_container .addBtn {
  background-color: #ba423a;
	color:  white; 
	
}

.dark-mode div.complementary_hours_container .addBtn:hover {
	background: darkgray;
  color: #000b18;
}

/* Botão de excluir da lista */
.dark-mode div.complementary_hours_container .list_close_button {
  background-color: #ba423a;
	color:  white; 
	
}

.dark-mode div.complementary_hours_container .list_close_button:hover {
	background: darkgray;
  color: #000b18;
}

/*Entradas de horas complementares */
.dark-mode div.complementary_hours_container input{
	background: #435055;
    color: white;
}

/*Estilo do placeholder*/
.dark-mode div.complementary_hours_container input::placeholder {
    color: white;
}
.dark-mode div.complementary_hours_container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.dark-mode div.complementary_hours_container input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.dark-mode div.complementary_hours_container input:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.dark-mode div.complementary_hours_container input:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.dark-mode div.tab_content fieldset.total_board_count section.download{
	background: #435055;
	border: 3px solid #435055;
			-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div.tab_content fieldset.total_board_count section.upload{
	background: #435055;
	border: 3px solid #435055;
			-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div.tab_content fieldset.total_board_count section.upload:hover{
	background: #e54e43;
	border: 3px solid #e54e43;
		-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.dark-mode div.tab_content fieldset.total_board_count section.download:hover{
	background: #e54e43;
	border: 3px solid #e54e43;
		-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}


.dark-mode div.progress_bar{
	opacity: 0.9;
	color: white;
	
}

.dark-mode label {
	color: white;
}

label {
	color: black;
}

/*/////////////////////////////////////
///////////Título e logos//////////////
///////////////////////////////////////*/


.logo{
	  float: right; 
	  margin-top: -120px;
    margin-left: 0px;
    margin-right: 10px;
    display: inline-block;
}

.logo_ufsc{
	  float: left; 
	  margin-top: -70px;
    margin-left: 80px;
    margin-right: 10px;
    display: inline-block;
}



/*/////////////////////////////////////
///////////Botões de navegação/////////
///////////////////////////////////////*/
.tab button{
  float: left;
  display: block;
	width: 250px;
	max-width:250px;
	min-width: 250px;
	height: 30px;
	background-color: #424857;/*Azul escuro*/
	padding: 5px 10px;
	font-size: 25;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	color: white;
	cursor: pointer;
	border-style: outset;
	border: none;
  outline:none;
	text-align: center;
	-webkit-transition-duration: 0.1s; /* Safari*/
	transition-duration: 0.1s;
}

.tab button:hover {
	background-color: #2c303a;/*Azul escuro mais escuro*/
	text-shadow: none;
} 


.tab_content {
  width:100%;
  min-width: 99%;
  margin-left: 2px;
  border-top-width: 10px;
  border-top-color: #e54e43; /*vermelho*/
  border-top-style: solid;
  border-bottom-width: 0;
  border-left-width:0;
  border-right-width: 0;
  outline:none;

}

div.Sobre {
    border-bottom-style: solid;
  border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.local_board {
  width:40%;
  float:left;
  margin-left:3vw;
}

/*/////////////////////////////////////
///////////Botões de navegação END/////////
///////////////////////////////////////*/


/*/////////////////////////////////////
//////////Contagem de horas////////////
////////////////////////////////////////*/

.local_count{
  font-weight:bold;
}


/*/////////////////////////////////////
Checkboxes que selecionam uma fase inteira
/////////////////////////////////////*/
.select_all {
  float:left;
}


/*/////////////////////////////////////
Todas as fases do curso
/////////////////////////////////////*/
.fases_curso {
  display: block;
  font-weight: bold;
  float: left;
}

.optativas_curso {
  float:left;
  width:20%;
}

.optativas_curso_lic {
  float:left;
  width:20%;
}

.optativas_curso_not {
  float:left;
  width:20%;
}

.atividades_curso {
  float:left;
  width:20%;
}

.atividades_curso_lic {
  float:left;
  width:20%;
}

.atividades_curso_not {
  float:left;
  width:20%;
}

/* /////////////////////////////////////
classes pareadas noturno para organizar o css 
/////////////////////////////////////*/
.first_fases_not {					/*Compreende a primeira fase e a quinta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 230px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.second_fases_not {					/*Compreende a segunda fase e a sexta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 230px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.third_fases_not {					/*Compreende a terceira fase e a sétima*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 255px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}


.fourth_fases_not {					/*Compreende a quarta fase, a oitava e a nona*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 200px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.fifth_fases_not {					/*Compreende a quarta fase, a oitava e a nona*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 160px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}


/* /////////////////////////////////////
classes pareadas licenciatura para organizar o css 
/////////////////////////////////////*/
.first_fases_lic {					/*Compreende a primeira fase e a quinta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 300px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.second_fases_lic {					/*Compreende a segunda fase e a sexta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 240px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.third_fases_lic {					/*Compreende a terceira fase e a sétima*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 280px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}


.fourth_fases_lic {					/*Compreende a quarta fase, a oitava e a nona*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 280px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.fifth_fases_lic {					/*Compreende a quarta fase, a oitava e a nona*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 130px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

/* /////////////////////////////////////
classes pareadas bacharel para organizar o css 
/////////////////////////////////////*/


.first_fases {					/*Compreende a primeira fase e a quinta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 280px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.second_fases {					/*Compreende a segunda fase e a sexta*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 200px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.third_fases {					/*Compreende a terceira fase e a sétima*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 280px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.fourth_fases {					/*Compreende a quarta fase, a oitava e a nona*/
    margin-top: 10px;
    margin-left: 10px;
    width: 900px;
    height: 350px;
    align-content: center;
	border-left-width:0;
	border-right-width: 0;
	border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.fase {
    display: inline-block;
    padding-bottom: 10px;
    width: 450px;
    float:left;
}


/*/* /////////////////////////////////////
/////////////////SOBRE//////////////////
/////////////////////////////////////*/


.sobre_text{
  font-size:14px;
  margin-top: 10px;
  margin-left: 10px;
	border-left-width:0;
	border-right-width: 10px;
	border-top-width: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}

.report {
      font-size:14px;
  margin-top: 10px;
  margin-left: 10px;
	border-left-width:0;
	border-right-width: 10px;
	border-top-width: 0;
  display: inline-block;
  text-shadow: 1px 1px gray;
}


.usage {
    font-size:14px;
  margin-top: 10px;
  margin-left: 10px;
	border-left-width:0;
	border-right-width: 10px;
	border-top-width: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
	border-bottom-color: darkgrey;
}


a{
  color:   #212f3d;
  text-shadow: 0.5px 0 black;
  text-decoration: underline;
}

a:hover{
  color: black;
  text-decoration: none;
}

h2 {
	font-size: 1.3em;
}


/*/* /////////////////////////////////////
/////////////UPLOAD / DOWNLOAD//////////
/////////////////////////////////////*/

.upload {
	  display: block;
		margin-top: 0px;
	  margin-left: -200px;
	  margin-right: 20px;
	  background: #424857;
	  color: white;
		width: 100px;
	  text-align: center;
    float: right;
	  cursor: pointer;
	  border: 3px solid #424857;
    padding: 6px 12px;
    border-radius: 8px;
	  font-weight: bold;
	  font-size: 14;
	  transition: 0.1s; 
	  outline:none;


}

.upload:hover{
	  background: #e54e43;
	  border: 3px solid #e54e43;
    display: inline;
    padding: 6px 12px;
    cursor: pointer;
	  transition: 0.1s;
}

.download {
	  display: inline;
	  margin-top: -36px;
	  margin-left: 1100px;
		margin-right: 20px;
	  background: #424857;
	  color: white;
		width: 100px;
	  text-align: center;
    float: right;
	  cursor: pointer;
	  border: 3px solid #424857;
    padding: 6px 12px;
    border-radius: 8px;
	  font-weight: bold;
	  font-size: 14;
	  transition: 0.1s; 
	  outline:none;
		text-indent:0.3em;
}

.download:hover{
	  background: #e54e43;
	  border: 3px solid #e54e43;
    display: inline;
    padding: 6px 12px;
    cursor: pointer;
	  transition: 0.1s;
}

/* Esconde o input */
input[type='file'] {
  display: none
}

/* Esconde o botão */
input[type='button'] {
  display: none
}


.progress_bar{
  width: 50%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center; /* To center it horizontally (if you want) */
  line-height: 30px; /* To center it vertically */
  color: black;
  font-weight: bold;
  transition: width 1s;
  opacity:1;
}

/* Materialize entra em conflito com o p-switch */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	pointer-events: all;
}

.switch label input[type=checkbox] {
	height: auto;
}