html,body {
	font-size:14px;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent
}
#content2,#content3,#content4,#result1,#result2,#result3 {
	display:none
}
.main-content{
	padding:10px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}	
.main-content .result {
	margin:0;
	padding:5px 0 5px 25px
}
.main-content p {
	font-size:14px
}
.aheader i {
	font-size:24px;
	width:45px
}
.weui_dialog {
	position:fixed;
	z-index:998;
	width:85%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#fafafc;
	text-align:center;
	border-radius:10px;
	font-family:arial
}
.weui_mask { 
	position:fixed;
	z-index:1;
	width:100%;
	height:100%;
	top:0;left:0;
	background:rgba(0,0,0,.6)
}
.weui_dialog_hd { 
	padding:0 0 .3em;
	margin-top:15px
}
.weui_dialog_bd {
		padding:0 20px;
		font-size:16px;
		color:#888
}
.weui_dialog_ft {
	width:90%;
	margin-left:5%;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	position:relative;
	line-height:1.6rem;
	margin-top:20px;
	font-size:17px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.weui_dialog_ft:after { 
	content:" ";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	border-top:1px solid #d5d5d6;
	color:#d5d5d6;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scaleY(.5);
	transform:scaleY(.5)
}
.weui_btn_dialog.primary {
	color:#fff
}
.weui_dialog_ft .btn { 
	background:#c00;
	color:#fff;
	font-size:1.2em;
	-webkit-box-flex:1;
	-webkit-flex:1;-ms-flex:1;
	flex:1;
	-webkit-tap-highlight-color:transparent
}
.weui_dialog_title { 
	font-weight:600;
	font-size:20px;
	color:#000;
	margin-top:10px
}
.weui_close {
	display:block;
	position:absolute;
	top:6px;right:6px
}
.weui_dialog_ft .btn { 
	width:80%
	;max-width:345px;
	margin:15px auto;
	border-radius:5px;
	color:#fff;
	font-weight:700;
	text-align:center;
	display:block;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	box-shadow:none
}
.top-header {
	background: #1351B4;
	width:100%;
	font-size:20px;
	text-align:center;
	align-items:center;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #bcbcbc;
	box-shadow:0 0 10px 1px rgb(0 0 0/20%),0 0 10px 1px rgb(255 255 255/20%);
	position:relative
}
.top-header i {
	font-size:24px;
	width:45px
}
.top-header::before {
	box-shadow:0 0 .125rem rgb(0 0 0/4%),0 .0625rem .75rem rgb(0 0 0/8%)
}
p.question {
		font-size:15px
}
.survey_button {
	padding:10px;
	margin:12px 1%;
	width:98%;
	font-weight:300;
	border-radius:5px;
	cursor:pointer;
	text-align:center
}
.trasto_de {
	font-size:14px
}

.container { 
	background: #072b67;
	width:100%;
	margin-right:auto;
	margin-left:auto
}
.trastor_od {
	margin:0 auto;
	width:90%;
	background:#fff;
	border-radius:10px
}

.trastor_tx {
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:red
}
.trasto_principal {
	margin:10px auto;
	width:100%;
	background:#e6e6e6;
	border-radius:10px
}
.trasto_br {
	margin:10px auto 0;
	background:#12784a;
	border-radius:10px;
	width:90%;
	line-height:45px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	color:#fff
}
.weui_dialog_text {
	margin:0 5px;
	text-align:center;
	font-size:14px;color:#222
}
.progress {
	height:20px;
	margin-bottom:20px;
	overflow:hidden;
	background-color:#f5f5f5;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0/10%);
	box-shadow:inset 0 1px 2px rgb(0 0 0/10%)
}
.progress-bar-success {
	height:initial;
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}

.progress-bar { 
	-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite
}
.progress-bar { 
	background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	-webkit-background-size:40px 40px;
	background-size:40px 40px
}
.progress-bar { 
	float:left;
	width:0%;
	height:100%;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#337ab7;
	-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0/15%);
	box-shadow:inset 0 -1px 0 rgb(0 0 0/15%);
	-webkit-transition:width .6s ease;-o-transition:width .6s ease;
	transition:width .6s ease
}
@keyframes progress-bar-stripes { 
	0%{background-position:40px 0}
	
100% {
		background-position:0 0}
}
.name,.profile{
	cursor:pointer
}

.p_modal img{
    max-width:100%;
    max-height:20vh
}
.p_modal{
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}
 .p_modal h2{
    color:#575757;
    font-size:25px;
    text-align:center;
    font-weight:600;
    text-transform:none;
    position:relative;
    margin:25px 0;
    padding:0;
    display:block
}
 .p_modal p{
    color:#797979;
    font-size:15px;
    text-align:center;
    font-weight:300;
    position:relative;
    text-align:inherit;
    float:none;
    margin:0;
    padding:0;
    line-height:normal
}
 .p_modal_button{
    display:inline-block;
    box-shadow:rgba(140,212,245,0.8) 0 0 2px,rgba(0,0,0,0.0470588) 0 0 0 1px inset;
    background-color:#00a650;
    color:white;
    border:0;
    box-shadow:none;
    font-size:17px;
    font-weight:500;
    border-radius:5px;
    padding:10px 32px;
    margin:26px 5px 0 5px;
    cursor:pointer
}
 .checkmark{
    display:none
}
.checkmark.draw:after{
    animation-duration:800ms;
    animation-timing-function:ease;
    animation-name:checkmark;
    transform:scaleX(-1) rotate(135deg)
}
 .checkmark:after{
    opacity:1;
    height:3.5em;
    width:1.75em;
    transform-origin:left top;
    border-right:3px solid #5cb85c;
    border-top:3px solid #5cb85c;
    content:"";
    left:1.75em;
    top:3.5em;
    position:absolute
}
 @keyframes checkmark{
    0%{
        height:0;
        width:0;
        opacity:1
    }
    20%{
        height:0;
        width:1.75em;
        opacity:1
    }
    40%{
        height:3.5em;
        width:1.75em;
        opacity:1
    }
    100%{
        height:3.5em;
        width:1.75em;
        opacity:1
    }
}

 .red{
    background-color:#e94a3f
}
.yellow{
    background-color:#faa040
}
.blue{
    background-color:#5fc9f5
}
 .survey_button,.survey_button2,.name,.profile{
    cursor:pointer
}
#comment1,#comment2,#comment3,#comment4,#comment5,#comment6,#content2,#content3,#q2,#q3,#q4,#q5,#result1,#result2,#result3{
    display:none
}
 .survey_button,.survey_button2,.loading{
    text-align:center
}
.survey_button,.main-content{
    padding:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
.main-content p{
    font-size:14px
}
p.question{
    font-size:15px
}
.survey_button{
    border:2px solid #f0f0f0;
    color:#fff;
    padding:5px 0;
    margin:5px 0;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.74)
}
 .main-content .result{
    margin:0;
    padding:5px 0 5px 25px
}
.survey_button2{
    background-color:red;
    font-size:20px;
    padding:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    color:#fff;
    box-shadow:0 1px 4px 0 #000
}
 .survey_button {
     background-color: #018440;
}



 @-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
     100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}