/* helpers */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
a {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:focus { outline: none !important; }
body { min-width: 320px; }
html, body { height: 100%; }

.form-group {
    margin-bottom: 30px;
}
table .btn-table {
 margin-right: 1px;
}
table .btn-table:last-child {
	margin-right: 0;
}
.modal {
    background: rgba(0, 0, 0, 0.7);
}

.btnVer {
	margin-right:300px;
}
/* wrapper styles */
#wrapper {
	overflow: hidden;
	position: relative;
	padding: 57px 0 0;
}
.register #wrapper {
	min-height: 100%;
	padding: 0;
}
.w1 { padding-bottom: 50px; }
.main-image {
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
}
.main-image .text-holder {
	overflow: hidden;
	text-align: center;
	padding: 24px 15px;
}
.main-image .text {
	display: block;
	margin: 0 0 12px;
	font: 400 20px/24px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.main-image .text span {
	background: #3d3d3d;
	display: inline-block;
	vertical-align: top;
	padding: 2px 5px;
	color: #fff;
}
.main-image .phone {
	color: #fff;
	background: #3d3d3d;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	font: 400 31px/35px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}

/* header styles */
#header {
	padding: 10px 0;
	background: #ec1f26;
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0 !important;
	left: 0;
}
#header:after {
	clear: both;
	display: block;
	content: "";
}
.register #header {
	position: static;
	padding: 50px 0 20px;
	background: none;
}
/* site logo styles */
.logo {
	display: inline-block;
	vertical-align: middle;
	width: 186px;
	height: auto;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
}
.register .logo {
	margin: 0 auto;
	display: block;
	display: inherit;
	width: 196px;
}
.slogan {
	color: #fff;
	margin: 0 0 0 14px;
	padding: 5px 0 5px 15px;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #fff;
	font: 400 25px/27px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.slogan2 {
	color: #fff;
	margin: 0 0 0 14px;
	padding: 5px 0 5px 15px;
	display: inline-block;
	vertical-align: middle;
	font: 400 15px/27px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.table-responsive { 
	overflow: hidden;
}

/* login links */
.login-links {
	top: 0;
	right: 0;
	bottom: 0;
	max-width: 260px;
	position: absolute;
	padding: 20px 50px 11px 18px;
	background: #4e4e4e;
}
.notification {
	top: 0;
    right: 260px;
    bottom: 0;
    position: absolute;
    padding: 11px 30px;
    background: #ff6267;
    color: #4e4e4e;
}
.notification > a> i {
  color: #fff;
    line-height: 35px;
    font-size: 20px;
}
.login-links > a {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
	padding-right: 20px;
}
.login-links > a .caret {
	border-color: #fff transparent transparent transparent;
	border-width: 6px 5px 0 5px;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}
.login-links .txt {
	width: 100%;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}
.login-links .avatar {
	float: left;
	width: 34px;
	height: 34px;
	margin: -5px 7px 0 0;
	border-radius: 3px;
}
.login-links .avatar img {
	border-radius: 3px;
	display: block;
	width: 90%;
	height: auto;
}
.login-links .dropdown-menu { min-width: 215px; }

.notification .dropdown-menu { 
	min-width: 400px; 
	padding: 0;
}

.notification .dropdown-menu li { 
	padding: 10px 20px;
    border-bottom: 1px solid #eaeaea;
}
.notification .dropdown-menu li { 
	background: #fff;
	color: #9c9c9c;
}
.notification .dropdown-menu li.new { 
	background: #f6f5f5;
	    color: #4e4e4e;
}
.notification .dropdown-menu li i {
    float: right;
}
.notification label {
    position: absolute;
    top: 10px;
    left: 40px;
    border-radius: 50%;
    padding: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
	background: #4e4e4e;
}

.notification .dropdown-menu:after, .notification .dropdown-menu:before {
	bottom: 100%;
	right: 45px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.notification .dropdown-menu:after {
	border-color: rgba(153, 153, 153, 0);
	border-bottom-color: #f6f5f5;
	border-width: 9px;
	margin-left: -9px;
}
.notification .dropdown-menu:before {
	border-color: rgba(201, 201, 201, 0);
	border-bottom-color: #c9c9c9;
	border-width: 10px;
	margin-left: -10px;
}

@keyframes notification-active {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes notification-active{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes notification-active{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes notification-active{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.notification-active {
   -webkit-animation: notification-active 3s infinite;
   -moz-animation: notification-active 3s infinite;
   -o-animation: notification-active 3s infinite;
    animation: notification-active 3s infinite;
}

.m-t-30 {margin-top:30px;}

.m-b-10 {
	margin-bottom: 10px;
}


/* main styles */
#main {
	overflow: hidden;
	padding: 10px 20px;
}

/* form-holder styles */
.form-holder:after {
	display: block;
	clear: both;
	content: "";
}
.form-holder h1 {
	margin: 0 0 20px;
	text-align: center;
	font: 400 25px/29px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.form-holder .form-control {
	box-shadow: none;
	font-size: 16px;
	line-height: 15px;
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid rgb(236, 31, 38);
	border-radius: 0;
}
.form-holder .form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236, 31, 38, 0.6);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236, 31, 38, 0.6);
}
.form-holder .btn-holder {
	text-align: center;
	padding: 19px 0 0;
}

.form-holder .field-holder {
	position: relative;
	background: #fff;
}
.form-holder .field-holder .form-control {
	background: none;
	padding-right: 60px;
	border-bottom: 1px solid rgb(236, 31, 38);
}
.form-holder .field-holder .view,
.form-holder .field-holder span {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.form-holder .field-holder span { color: #d9d9dc; }
.form-holder .box { overflow: hidden; }
.form-holder .box input { display: none; }
/* select */
.form-holder .fake-select {
	overflow: hidden;
	position: relative;
}
.form-holder select::-ms-expand { display: none; }
.form-holder select {
	display: block;
	border: 1px solid #d4d4d4;
	padding: 14px 12px;
	outline: none;
	font-size: 16px;
	line-height: 15px;
	background: #fff;
	cursor: pointer;
	-webkit-appearance:none;
	width: 100%;
	height: auto;
	position: relative;
}
.form-holder .fake-select:before,
.form-holder .fake-select:after {
	position: absolute;
	content: "";
}
.form-holder .fake-select:before {
	top: 1px;
	right: 1px;
	bottom: 1px;
	width: 50px;
	height: 50px;
	background: #4e4e4e;
	pointer-events:none;
	z-index: 1;
}
.form-holder .fake-select:after {
	top: 50%;
	width: 0;
	height: 0;
	right: 20px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	transform: translateY(-50%);
	z-index: 2;
}

/* footer styles */
#footer {
	overflow: hidden;
	text-align: center;
	padding: 15px 0;
}
#footer p { margin: 0; }
#footer p a:hover { color: #ec1f26; }
.register #footer {
	height: 50px;
	margin-top: -50px;
}

/* tabs styles */
.nav-tabs>li>a {
	color: #848484;
	border: none;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus,
.nav-tabs>li>a:hover {
    color: #4e4e4e;
    border: none;
	background-color: transparent;
}
.nav-tabs>li>a i {
	    margin-right: 10px;
}
.panel {
	background-color: #fbfbfb;
}
.panel-header {
	padding-left:10px;
} 
.largura-datatable {
	width: 1245px !important;
}
/* buttons styles */
.btn {
	height: auto;
	min-width: 130px;
	font-size: 14px;
	line-height: 15px;
	padding: 15px 12px;
	text-transform: uppercase;
	margin: 10px;
}
.btn-primary {
    color: #fff;
    background-color: #ec1f26;
    border-color: #d41b22;
}
.btn-primary:hover {
    color: #fff;
    background-color: #b1151b;
    border-color: #b1151b;
}
.btn-default {
    color: #fff;
	background-color: #4e4e4e;
    border-color: #3a3a3a;
}
.btn-default:hover {
    color: #fff;
    background-color: #252525;
    border-color: #252525;
}
.btn-options {
	color: #000;
	background-color: #fff;
	border:1px solid #666;
	border-radius: 4px;
	line-height: 22px;
	padding:5px 20px;
	margin-top:10px;
	font-size: 14px;

}
.btn-table {
    display: inline-block;
    /*margin-bottom: 30px;*/
}
.btn-primary:active, 
.btn-primary:focus{
    color: #fff;
    background-color: #880f13;
    border-color: #6d0d10;
}

.btn-group-table .btn {
    min-width: inherit;
    width: 40px;
    height: 40px;
	padding: 0;
    text-align: center;
    margin: 0;
}
.btn-group-table .btn i {
    width: 40px;
	line-height: 39px;
}
.btn-group-table ul {
    padding: 0;
    top: 0;
    /*width: 162px;*/
    right: 48px;
    position: absolute;
    left: inherit;
    min-width: 82px;
	background: #ec1f26;
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.22);
}
.btn-group-table ul li {
	float: left;
	width: 40px;
}
.btn-group-table ul li a {
    padding: 0;
    margin: 0;
    text-align: center;
    height: 35px;
    line-height: 35px;
	border-right: 1px solid rgba(255, 255, 255, 0.46);
	background: #ec1f26;
    color: #fff;
}
.btn-group-table ul li:last-child a {
	border-right: none;
}
.btn-group-table ul li a:hover {
	    background-color: #c71117;
    color: #fff;
}
.btn-group-table ul li:nth-child(3) a,
.btn-group-table ul li:nth-child(3) a:hover {
	    background: #a44317;
}
.btn-group-table ul:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ec1f26;
	border-width: 6px;
	margin-top: -7px;
}










/* menu styles */
ul.menu-admin {
	margin: 0;
	padding: 0;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.menu-admin li {
list-style: none;
display: inline-block;
      flex-grow: 1;
  text-align: center;
}
ul.menu-admin li p {
	font: 400 17px/24px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	margin-top: 20px;
}
ul.menu-inner li p {
	font: 400 13px/24px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
ul.menu-admin li a {
 	display: block;
	 padding: 30px 0 10px;
	 border: 1px solid transparent;
}
ul.menu-admin li a:hover,
ul.menu-admin li a:active,
ul.menu-admin li a:focus{
    background-color: rgba(255, 255, 255, 0.52);
	border: 1px solid rgba(153, 153, 153, 0.06);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    border-radius: 15px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.03);
}

ul.menu-admin li a {
	-webkit-transition: border-color 0s, background-color 0.5s;
    -o-transition: border-color 0s, background-color 0.5s;
    transition: border-color 0s, background-color 0.5s;
}

ul.menu-admin.menu-inner li p {
    display: inline-block;
    margin-left: 2px;
}
ul.menu-admin.menu-inner li img {
    display: inline-block;
    max-width: 20px;
}
ul.menu-admin.menu-inner li a {
    display: block;
    padding: 0 0 10px;
}

ul.menu-admin.menu-inner {
    border-bottom: 1px solid rgba(78, 78, 78, 0.1);
    padding-bottom: 10px;
}


/* title e breadcrumb */
.page-title h3 {
    margin: 40px 0 10px 0 ;
	font: 400 20px/24px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	text-transform: uppercase;
}
.page-title h3 span,
.page-title h3 a {
    font-size: 10px;
    color: #9a9a9a;
}
.page-title h3 span.active {
    font-size: 10px;
    color: #4e4e4e;
}
.page-title h3 span::first-child {
    margin-left: 10px;
}
.page-title p {
    margin-bottom: 40px;
}
/* steps-block styles */
.steps-block {
	padding-top: 54px;
	padding-bottom: 30px;
}
/* steps styles */
.steps {
	padding: 0;
	width: 100%;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	margin: 0 0 60px;
	list-style: none;
}
.steps li {
	width: 20%;
	border-width: 0 15px;
	border-style: solid;
	border-color: transparent;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #f6f5f5;
}
.steps li * {
	position: relative;
	z-index: 9;
}
.steps li + li:before {
	position: absolute;
	content: "";
	top: 27px;
	right: 3%;
	width: 200px;
	height: 5px;
	transform: translateX(-50%);
	background: url(../images/bullet.png) repeat-x;
	    z-index: 3;
}
.steps li + li.checked:before { background: url(../images/bullet-hover.png) repeat-x; }
.steps li .icon {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	margin: 0 auto 15px;
	    z-index: 5;
}
.steps li.step1 .icon {
	background: url(../images/step1a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step1.active .icon {
	background: url(../images/step1b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step2 .icon {
	background: url(../images/step2a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step2.active .icon {
	background: url(../images/step2b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step3 .icon {
	background: url(../images/step3a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step3.active .icon {
	background: url(../images/step3b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step4 .icon {
	background: url(../images/angelaa.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step4.active .icon {
	background: url(../images/angelab.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step5 .icon {
	background: url(../images/step5a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step5.active .icon {
	background: url(../images/step5b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step6 .icon {
	background: url(../images/step6a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.step6.active .icon {
	background: url(../images/step6b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.p-step1 .icon {
	background: url(../images/p-step1a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.p-step1.active .icon {
	background: url(../images/p-step1b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.p-step2 .icon {
	background: url(../images/p-step2a.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.p-step2.active .icon {
	background: url(../images/p-step2b.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li.checked .icon, .steps li.checked:hover .icon {
	background: url(../images/checked.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size:  100%  100%;
}
.steps li .text {
	display: block;
	text-transform: uppercase;
	font: 400 16px/18px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #bdbdbd;
}
.steps li.active .text {
	  color: #4e4e4e;
}
.steps li .text sup {
	font-size: 9px;
	position: relative;
	top: -5px;
}
/* tabs container styles */
.nav-tabs {
	border: 0;
	font: 400 15px/17px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus, .nav-tabs > li > a {
	color: #848484;
	border: 0;
}
.nav > li > a:hover, .nav > li > a:focus { background: none; }
.nav-tabs > li > a:hover:after,
.nav-tabs > li.active > a:after {
	background: #ec1f26;
	position: absolute;
	content: "";
	height: 2px;
	left: 0;
	right: 0;
	bottom: 0;
}
.nav-tabs > li > a sup {
	font-size: 9px;
	position: relative;
	top: -4px;
}
.tab-content {
	float: left;
	width: 100%;
	padding: 30px;
	margin: -1px 0 0;
	background: #fbfafa;
	margin: 0 0 30px;
	border-top: 2px solid #e5e5e5;
}
.tab-content .form-group { margin: 0 0 30px; }
.tab-content label {
	color: #6d6e76;
	font-weight: 400;
}
.tab-content textarea {
	resize: none;
	min-width: 100%;
	max-width: 100%;
	min-height: 125px;
	max-height: 125px;
	background: #fff;
}
.tab-content .txt-heading {
	display: block;
	margin: 0 0 10px;
}
/*.btns-holder {
    padding-top: 0;
    padding-bottom: 30px;
    padding: 0 0 30px;
}*/
.btns-holder .text, .btns-holder .btn {
	display: inline-block;
	vertical-align: middle;
}
.btns-holder .text {
	color: #4e4e4e;
	font: 400 15px/18px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	    margin: 0 10px;
}
.btns-holder .btn {
	margin:0;
}
.m-l-2 {
	margin-left: 2px;
}
.m-t-10 {
	margin-top: 25px;
}
.btn-next {
	display: block;
	width: 100%;
	margin: 40px 0 0;
}
.box-escalas {
    margin: 30px 0;
}
.escala {
   width: 15%;
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px 0;
    height: 165px;
    float: left;
    margin: 0 9px 30px;
}
.escalaUK {
   width: 15%;
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px 0;
    height: 145px;
    float: left;
    margin: 0 9px 30px;
}
.escala:last-child {
    padding: 20px 0;
}
.escala p {
    margin: 0;
    font-weight: bold;
    display: block;
}
.escalaUK p {
    margin: 0;
    font-weight: bold;
    display: block;
}
.escala321 {
    font-size: 11px;
    line-height: 1%;
}
.bandeira {
    height: 10px; 
	margin-left: 10px;
}
.priority {
	    border: 1px solid rgba(204, 204, 204, 0.28);
    padding: 0;
	    margin: 40px 0;
		width: 10%;
		float: left;
}
.tab-priority {
	width: 90%;
	padding: 27px 0;
    margin: 40px 0;
    border: 1px solid rgba(204, 204, 204, 0.28);
    border-left: none;
}
.tab-priority .tab-pane .m-0 {
	margin: 0;
}
.m-0 {
	padding-bottom: 30px;
}
#chart {
    margin-top: 30px;
}
.priority li {
	display: block;
	width: 100%;
        text-align: center;
    
    font-size: 25px;
    margin: 0;
		font-family:  "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
}
.priority li a {
	color: #ec1f26;
	margin: 0;
	background: rgba(78, 78, 78, 0.02);
	border-radius: 0;
    padding: 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.28);
	line-height: 44px;
}
.priority li.active a {
	background: #4e4e4e;
	color: #fff;
	margin: 0;
}
.priority li.active a:hover {
background: #4e4e4e;
	color: #fff;
	margin: 0;
}

.tab-content .priority .form-group {
	    margin: 10px 0;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #4e4e4e;
    border-color: #2b2b2b;
    cursor: default;
}


.feminism .steps li .text {
    color: rgba(255, 255, 255, 0.57);
}

.feminism .steps li.active .text {
    color: #ffffff;
}

.feminism .section1 {
	background-image: url("/assets/images/feminismo.png");
	background-color: #f9bc01;
	    background-repeat: no-repeat;
    background-position: top center;
	background-size: cover;
	    padding: 130px 50px;
		width: 100%;
  height: 100%;

  top: 0;
    position: fixed;
}

.feminism .section1 h1 {
    font-size: 50px;
    color: #fff;
    text-align: right;
    line-height: 48px;
	    margin-top: 33%;
}
.feminism .section1 p {
    color: #fff;
    text-align: right;
    font-size: 20px;
	margin-bottom: 50px;
	line-height: normal;
}
.feminism .section1 i {
	display: block;
	text-align: center;
	    font-size: 50px;
    color: #fff;
	margin-top: -38px;
}
.feminism .section1 small {
    text-align: center;
    color: #fff;
    display: block;
		font-family:  "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
		line-height: normal;
}

.feminism .section2,
.feminism .section3 {
	padding: 100px 50px 0;
	  background-color: #5e1b76;
		background-repeat: no-repeat;
		
    position: relative;
}
.feminism .section2 {
margin-top: 400px;
}
.feminism .section3 {
margin-top: 0px;
}
.feminism .section2 .bg {
	background: url("http://www.inquiriesjournal.com/article-images/uid-51-1088357885-4574/9edd9b.jpg");
	background-repeat: no-repeat;
    width: 420px;
    height: 600px;
    position: absolute;
    right: 0;
    background-position: center center;
	    opacity: 0.2;
}
.feminism .section2 label,
.feminism .section3 label  {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
}

/*.feminism .section2 i {
    color: #fff;
    font-size: 500px;
    position: absolute;
    right: 0;
    opacity: 0.3;
}*/

.feminism .section2 textarea#qual,
.feminism .section2 textarea#como,
.feminism .section3 textarea#qual,
.feminism .section3 textarea#como  {
    height: 100px;
	    background: rgba(255, 255, 255, 0.14);
    border: 1px solid #868686;
    color: #fff;
}

.feminism .section2 .form-group ,
.feminism .section3 .form-group {
    margin-bottom: 100px;
}

.feminism .section4 {
	background-color: #4e4e4e;
	padding: 30px 50px;
	text-align: center;
	    z-index: 3;
    position: relative;
}
.feminism .section4 .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
}
.feminism ul.menu-admin.menu-inner {
    z-index: 9;
    position: relative;
	    background: #f6f5f5;
}

.feminism .btns-holder .text {
    color: #ffffff;
}
#modal-salario .radio input[type="radio"] {
	    margin-left: 0px;
}
div.table-responsive>div.dataTables_wrapper>div.row:first-child {
	margin-bottom: 30px; 
}
div.table-responsive>div.dataTables_wrapper>div.row:last-child {
	margin-top: 30px; 
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #ec1f26 !important;
}

.menu-admin img {
	max-width: 128px;
}

.feminism table {
    border: 2px solid #fff;
    color: #fff;
    font-size: 15px;
}
.feminism table thead {
	text-align: center;
}
.feminism table td {
    border-bottom: 2px solid #fff;
	padding: 5px 10px;
}
.feminism table .form-control  {
    /*width: 100px;*/
    margin: 0 auto;
	text-align: center;
	    /*height: 40px;*/
}




/* Checkbox liderança feminista */

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
.section2 .checkbox {
  display: flex;
  margin: 0 0.25em 10px;
    /*width: 48%;*/
    align-items: center;
}
.section2 .question1 .checkbox,
.section2 .question2 .checkbox {
  display: inline-block;
    width: 48%;
}
.section2 .checkbox label {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 30px;
  border: 3px solid #fff;
    border-radius: 4px;
}
.section2 .checkbox label:after {
  /*
  This element has a border on the right, and top. By rotating it looks like a check symbol, but the wrong way. That's why I'm flipping it with scaleX(-1)
  */
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  /*
  I want to position the symbol using the left top, because when increasing the width and height of an object, it expands from the top left corner as well. That is what makes it looks like it's being drawn.
  */
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 4px solid rgba(120, 62, 141, 0.27);
  border-top: 4px solid rgba(120, 62, 141, 0.27);
  content: '';
  display: block;
  height: 20px;
  left: 2px;
  position: absolute;
  top: 13px;
  width: 10px;
}
/*.checkbox label:hover:after {
  border-color: rgba(255, 255, 255, 0.89);
}*/
.section2 .checkbox input, .checkbox-alt input {
  display: none;
}
.section2 .checkbox input:checked + label:after{
  -webkit-animation: check 0.8s;
  -moz-animation: check 0.8s;
  -o-animation: check 0.8s;
  animation: check 0.8s;
  border-color: rgba(255, 255, 255, 0.89);
}
.section2 .checkbox span {
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
	width: 90%;
}

.section2 .question1 .checkbox span,
.section2 .question2 .checkbox span  {
    line-height: 33px;
    position: absolute;
}


.print #header {
		background: #ec1f26 !important;
		    position: absolute;
	}
	.print .slogan, .print .slogan2 {
		color: #fff !important;
	}
	.print .slogan2 {
	border: none;
	}
	.print a[href]:after {
		content: "";
	}
	.print .print-block {
		border: 1px solid #cecccc;
		margin: 40px 0;
		overflow: hidden;
		page-break-after: always;
	}
	.print #main {
		padding: 10px 0;
	}
	.print .form-holder h1 {
		background-color: #cecccc !important;
		padding: 20px;
	}
	.print .obj hr {
		clear: both;
		width: 90%;
		border-top: 1px solid #cecccc;
	}
	.print hr {
		clear: both;
		width: 90%;
		border-top: 1px solid #cecccc;
	}
	.print #chart {
		margin-bottom: 50px;
	}
	.print #chart iframe {
		width: 600px !important;
		margin: 0 auto !important;
	}


@media only screen and (max-width: 991px) {
	#main { padding: 10px 0; }
	.main-image .text {
		font-size: 12px;
		line-height: 16px;
	}
	.main-image .phone {
		font-size: 22px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 767px) {
	.main-image {
		position: static;
		background-position: center top;
	}
	.main-image .text {
		font-size: 16px;
		line-height: 18px;
	}
	.form-holder .btn-holder { padding: 0 0 20px; }
	ul.menu-admin.menu-inner {
		border-bottom: 1px solid rgba(78, 78, 78, 0.1);
		padding-bottom: 10px;
		padding-top: 60px;
	}
	#header {
		padding: 7px 0;
		background: #ec1f26;
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0 !important;
		left: 0;
	}
	.slogan {
		color: #fff;
		margin: 0 0 0 0px;
		padding: 5px 10px 5px 15px;
		display: inline-block;
		vertical-align: middle;
		border-left: 1px solid #fff;
		font: 400 15px/27px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.logo {
		display: inline-block;
		vertical-align: middle;
		width: 100px;
		height: auto;
		margin-left:37px;
	}
	.login-links {
		top: 56px;
		right: 0;
		bottom: 0;
		max-width: 250px;
		position: absolute;
		padding: 11px 50px 11px 18px;
		background: #4e4e4e;
		height: 57px;
	}
	.notification {
		top: 56px;
		right: 0;
		bottom: 0;
		position: absolute;
		padding: 11px 30px;
		background: #ff6267;
		color: #4e4e4e;
		padding-top: 11px;
		width: 100%;
		height: 57px;
	}
	.btn-table {
		display: inline-block;
		margin-bottom: 10px;
	}
	.nav-tabs {
		border: 0;
		font: 400 15px/17px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
		display: grid;
	}
	.page-title h3 {
		margin: 60px 0 10px 0 ;
		font: 400 20px/24px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
		text-transform: uppercase;
	}
	.largura-datatable {
		width: 100% !important;
	}
	.table-responsive { 
		overflow: auto;
	}
}
@media only screen and (max-width: 479px) {
	.register #header { padding: 30px 0 20px; }
	.form-holder h1 {
		font-size: 22px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1024px) {
	a[href^=tel], a[href^=skype], a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}


@media print {
	.print #header {
		background: #ec1f26 !important;
		    position: absolute;
	}
	.print .slogan {
		color: #fff !important;
	}
	.print #print {
		display: none;
	}
	.print a[href]:after {
		content: "";
	}
	.print .print-block {
		border: 1px solid #efefef;
		margin: 40px 0;
		overflow: hidden;
	}
	.print #main {
		padding: 10px 0;
	}
	.print .form-holder h1 {
		background-color: #efefef !important;
		padding: 20px;
	}

	.print .slogan, .print .slogan2 {
		color: #fff !important;
		font: 400 15px/27px "AmericanTypwrterITCW01- 731031", Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.print .slogan2 {
	border: none;
	}
	.logo {
		width: 130px;
	}
	
}


table.dataTable thead .sorting:after {
    opacity: 0.3 !important;
    content: "\e150";
}