/*==================================================
FOR: Escola Virtual 2.0 Theme

COLORS PALLETE: //TODO define colors
#cc0000 : EV Red color
XXXXXX : background section x;
XXXXXX : background section x;
XXXXXX : background section x;
==================================================*/

@import url('../vendor/bootstrap/css/bootstrap.min.css');
@import url('../vendor/font-awesome/css/font-awesome.min.css');
@import url('../vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css');

/*--------------------------------------------------
Resets and overrides 
-------------------------------------------------- */
				
@font-face {
    font-family: 'Source Sans Pro Regular';

    src: url('../fonts/SourceSansPro-Regular.ttf'); 
}

@font-face {
    font-family: 'Source Sans Pro Bold';

    src: url('../fonts/SourceSansPro-Bold.ttf'); 
}

@font-face {
    font-family: 'Source Sans Pro Italic';

    src: url('../fonts/SourceSansPro-Italic.ttf'); 
}

.h4 .h5, .h6, h4, h5, h6 {
    font-family: 'Source Sans Pro Bold';
}

.h1 , h1 {
    font-size: 38px;
}

.h2 , h2 {
    font-size: 28px;
}

.h4 , h4 {
    font-size: 20px;
}

.hidden
{
    display:none;
}


/*--------------------------------------------------
Links and Types
-------------------------------------------------- */

a:hover{
    text-decoration: none;
}

a.btn {
	text-decoration : none;
}

/*--------------------------------------------------
Main Layout
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}
body {
    font-family: 'Source Sans Pro Regular', sans-serif;
    font-size: 18px;
    background-color: #000000;
}

/*max container width*/
@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

body > .container {
    padding: 60px 15px 0;
}

.header {
    height: 100px;
    background-color: #FFFFFF;
}

.header img.evlogo{
    height: 95px;
}

header.shadow-bottom{
    -moz-box-shadow: 0 8px 8px -8px #696868;
    -webkit-box-shadow: 0 8px 8px -8px #696868;
    box-shadow: 0 8px 8px -8px #696868;
}



.footer {
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 100px;
    background-color: #000000;
}

.footer > .container {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    padding-top: 10px;	  
}

/*--------------------------------------------------
Secondary layout structures
-------------------------------------------------- */

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.container .text-muted {
    margin: 20px 0;
}

.footer > .container ul.footerLinks {
    margin: 20px 0;
    padding: 0;
}

.footer > .container ul.footerLinks a {	
    margin-right: 10px;
    font-size : 20px;
    color: #FFFFFF;	
    opacity: 0.9;
}

.footer > .container ul.footerLinks a:hover{	
    opacity: 1;	
}

.footer > .container ul>li {	
    list-style-type: none;
    float: left;
    margin-right: 20px;
}

.footer > .container ul>li:last-child {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
    .footer > .container ul>li {			
        float: none;		
    }
}

.footer > .container > .social {
    color: #FFFFFF;
    margin: 10px 0;		
    text-align: right;
}

.footer > .container > .social  a{
    margin-left : 20px;
}

.footer > .container > .social  a img{
    opacity : 0.9;
}

.footer > .container > .social  a img:hover{
    opacity : 1;
}

/* modals */

.modal-body {
    overflow: auto;

}

.modal-content {
    border-radius: 0;
    padding: 40px;
    background-color: #EBEBEB;
}

.modal-footer {
    border-top: none;
}

.modal-header {
    border-bottom: none;
}

/*ev images*/
span.ev-social-action {
    display : inline-block;
    width : 42px;
    height : 42px;
    background-repeat: no-repeat;
}

.ev-social-facebook {
    background-image : url('../img/evonfacebookico1.png');
}

.ev-social-youtube {
    background-image : url('../img/evonyoutubeico1.png');
}

body>section:first-of-type, .section:first-of-type {
    margin-top: 100px;
}

body>section:last-of-type, .section:last-of-type {
    padding-bottom: 50px;
}

section, .section{
    background-color: #FFFFFF;
}

section.light-dark{
    background-color: #EBEBEB;
}
section.dark{
    background-color: #333333;
}

section.padded-top {	
    padding-top : 30px;
}

section.padded-bottom {	
    padding-bottom : 30px;
}

section.padded {		
    padding-bottom: 30px;
    padding-top : 30px;

}

div.margintop, p.margintop  {
    margin-top: 30px;
}

div.marginleft, p.marginleft, span.marginleft , h4.marginleft {
    margin-left: 30px;
}

div.marginbottom {
    margin-bottom: 30px;
}

div.marginright{
    margin-right: 30px;
}

div.mb10 , p.mb10{
    margin-bottom: 10px;
}

div.mt10 , p.mt10{
    margin-top: 10px;
}

div.no-margin {
    margin: 0;
}

section.dark  .page-header, section.light-dark  .page-header {
    border-bottom: none; 
}

section.dark  .page-header, section.light-dark  .page-header {
    border-bottom: 1px solid #878787; 
}

.page-header {
    font-size: 38px;
    margin: 20px 0 20px;
}

p.info {
	padding-top: 30px;
	padding-bottom: 30px;
}

span.strong, td.strong, p.strong  {
    font-family: 'Source Sans Pro Bold';
}

span.has-error
{
     font-family: 'Source Sans Pro';
     color: #cc0000;
     font-size: 18px;
     font-style: italic;
     
}

span.highlight, td.highlight, p.highlight, h4.highlight, .h4.highlight{
    color: #cc0000;	
}

span.highlight-blue, td.highlight-blue, p.highlight-blue, h4.highlight-blue, .h4.highlight-blue{
    color: #009de0;	
}

span.cutted , td.cutted {
    text-decoration: line-through;
    color: gray;
}

span.title-helper {
    font-size: 18px;
}

/* breadcrumb */
.page-header .breadcrumb {
    padding: 0;    
    background-color: transparent;
    border-radius: 0;  
    margin-bottom: 0;
}

.page-header .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\003e";
}
.breadcrumb > .active {
    color: #cc0000;
}

.bottom-line {
    border-bottom: 1px solid #eee;
}

/* menus */
/* main menu */

.navbar {
    border-radius: 0;
    border : none;
    font-family: 'Source Sans Pro Bold';
    font-size: 18px;  
    min-height: 40px;
    margin-bottom: 0;
}

.navbar-nav>li {
    border-right: 1px solid #FFFFFF;  
}

.navbar-nav>li:last-child {
    border-right: none;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default {
    background-color: #000000;
    border-color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
}

.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li>a:hover {
    color: #FFFFFF;
    background-color: #cc0000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FFFFFF;
    background-color: #cc0000;
}

/* user menu */
.user-menu{	

}

.user-menu ul.nav {
    height: 10px;
}

.user-menu ul.nav>li {
    float: left;
    border-left : 1px solid #eee;
}

.user-menu ul.nav>li>a {
    padding-left : 5px;
    padding-right : 15px;
    padding-bottom : 0;
    color: #000000;
    font-family: 'Source Sans Pro Bold';
}

.user-menu ul.nav>li>a:hover {
    color: #cc0000;
    background-color: transparent;
}


/*--------------------------------------------------
Form elements
-------------------------------------------------- */

/* buttons */
.btn-danger {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}

.btn-info { 
    background-color: #009de0;
    border-color: #009de0;
}

.btn-primary {
    color: #000000;
    background-color: #DCDCDC;
    border-color: #DCDCDC;
}

.btn-reg{
    width:282px;
    height: 40px;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #DCDCDC;
}

.btn {
    border-radius: 0;	
    font-family : 'Source Sans Pro Bold';
    height: 44px;
    font-size: 20px;
    border: none;	
}

.btn-group-lg>.btn, .btn-lg {
    border-radius: 0;	
}

.input-group-addon {
    border-radius : 0;
}

/* forms */
.form-control {
    border-radius: 0;	
    height: 44px;
    font-size: 18px;
    border: none;	
}

form.with-border .form-control {
	border: 1px solid #EBEBEB;
}

div.has-error .form-control {
	border: 1px solid #cc0000;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #cc0000;
}

/* number of found results at list header */
.counter {
    color : gray;
    font-weight: normal;
}

/*--------------------------------------------------
Miscellaneous
-------------------------------------------------- */

.close {
	opacity: 1;
}

.pointer {
    cursor : pointer;
}

p.error-msg {
    font-family: "Source Sans Pro Italic";
    font-size: 18px;
    color: #cc0000;
    background-color: #ffdada;
}

div.errorMessage {
    font-family: "Source Sans Pro Italic";
    font-size: 18px;
    color: #cc0000;
}

p.sucess-msg {
	font-family: "Source Sans Pro Italic";
	font-size: 18px;
	color: green;
}

div.no-side-margin {
    margin-left: 0;
    margin-right: 0;
}

/****************** COMPONENTS *********************/


/* tables */

table.ev-table tr {
    line-height: 70px;
    min-height: 70px;
    height: 70px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top : none;
    border-bottom : 1px solid #eee;
    min-height: 60px;
    height: auto;
}

.table>tbody>tr>td.small, .table>tbody>tr>th.small, .table>tfoot>tr>td.small, .table>tfoot>tr>th.small, .table>thead>tr>td.small, .table>thead>tr>th.small {
    width : 40px;
}

.table>tbody>tr>td.center, .table>tbody>tr>th.center, .table>tfoot>tr>td.center, .table>tfoot>tr>th.center, .table>thead>tr>td.center, .table>thead>tr>th.center {
    vertical-align : middle;
}



/* Result lists */
div.list-search {
    border-bottom : 1px solid #eee;
    display: block;
    height: auto;
    overflow: auto;
    padding-bottom: 10px;
}

ul.list {
    width: 100%;
    padding: 0;
    clear: both;
}

div.list-more {
    border-top : 1px solid #eee;
    margin-top: 40px;
    margin-bottom: 20px;
    width : 100%;
    clear: both;
    height: auto;
    overflow: auto;
    padding-top: 10px;
}

ul.list>li {
    min-height: 60px;
    height : auto;
    overflow : auto;	
    list-style-type: none;
    padding-top : 10px;
    padding-bottom : 10px;
    border-bottom: 1px solid #eee;	
}

ul.list>li>div.icon {
    height : 100%;
    width: 40px;
    float: left;
    margin-right: 10px;
}

ul.list>li>div.icon img {
    height: 40px;
    width: 40px;
}

ul.list>li>div.desc {
    height : 100%;	
    width: 80%;
    float: left;
}

@media screen and (max-width: 767px) {
    ul.list>li>div.desc {		
        width: 60%;		
    }
}

ul.list>li>div.actions {
    height : 100%;	
    float: right;
}

ul.list>li>div.actions img {
    float : left;
    margin-left:  10px;
}

code {
    font-size: 80%;
}

/*ev images*/
span.ev-img-action {
    display : inline-block;
    width : 44px;
    height : 44px;
    background-repeat: no-repeat;
    cursor: pointer;
}

span.ev-img-action-small {
    display : inline-block;
    width : 30px;
    height : 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.ev-img-collapse {
    background-image : url('../img/ev-collapse.png');
}

.ev-img-expand {
    background-image : url('../img/ev-expand.png');
}

.ev-img-remove-item{
    background-image : url('../img/ev-remove-item.png');
}

.ev-img-close{
    background-image : url('../img/v09_bt_close.png');
}

.ev-img-check{
    background-image : url('../img/ev-check.png');
}


/* box */
.ev-box {
    min-height: 100px;
    background-color: #FFFFFF;
    overflow : auto;
    padding: 20px;	
    margin: 10px 0 10px;
}

.ev-box .h4, .ev-box h4 {
    font-family : 'Source Sans Pro Bold';
    color: #cc0000;	
}

.ev-box .content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.separator-top
{
    border-top: 1px solid #878787;
}

.separator
{
    border-bottom: 1px solid #878787;
}

form .dist-product
{
    height:178px;
}

form .dist-product-title
{
    margin-top: 30px;
}

form .dist-product-title
{
    margin-top: 30px;
}

.authorization
{
    margin-top: 74px;
}


/* Modal Dropdown */
.dropdown button
{
    color : #CCCCCC;
    font-family: 'Source Sans Pro Regular', sans-serif;
    background-color: #FFFFFF;
    border: none;
}
.dropdown .btn-default:hover, .dropdown .open>.dropdown-toggle.btn-default
{
     background-color: #FFFFFF;
}

span.glyphicon-ev-down:before
{
    content: "";
    background: url("../img/v09_bt_down.png") no-repeat#FFFFFF;
    width: 22px;
    height: 12px;
    margin-left: 17px;
    display: inline-block;

}

.modal .dropdown {
    margin-top: 20px;
}

/* customization of boostrap + awesome-bootstrap-checkbox */


.big-checks .checkbox label::before {
    width: 44px;
    height: 44px;
    border-radius: 0;
    border: none;
}

.big-checks .checkbox input[type="checkbox"]:checked + label::after {
  background-image: url('../img/v09_bt_check.png');
  background-position: 32% 50%;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  content : "";
}

.big-checks .checkbox label::after {
    margin-left: -15px;
    color: gray;
}

.big-checks .checkbox label {
    padding-left: 35px;
}

.big-checks .checkbox {
    padding-top: 18px;
}

/* square big radios */
.big-square-radios .radio label::before {
    border-radius: 0;
    width: 44px;
    height: 44px;    
    border: none;
}

section.light-dark  .big-square-radios .radio label::before, .modal-content .big-square-radios .radio label::before {
	background-color: white; 
}

.big-square-radios .radio input[type="radio"]:checked + label::after {
  background-image: url('../img/v09_bt_check.png');
  background-position: 32% 50%;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  content : "";
}

.big-square-radios .radio input[type="radio"]:checked + label::after {
  font-size: 30px;
}

.big-square-radios input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

.big-square-radios .radio label::after {
    margin-left: -15px;
    color: gray;	
	-webkit-transition: initial;
	transition: initial;
}

.big-square-radios .radio input[type="radio"]:checked + label::after {
    background-color: transparent;
}

.big-square-radios .radio label {
    padding-left: 35px;
}

.big-square-radios .radio {
    padding-top: 18px;
}

/*circle background radio*/
.big-square-radios.circle .radio input[type="radio"]:checked + label::after {
  background-image: url('../img/v09_bt_radio2.png');
  /* background-position: 32% 50%; */
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  content: "";
  left: -5px;
  top: 0;
}

.big-square-radios.circle .radio label::before {
  background-image: url('../img/v09_bt_radio1.png');
  /*background-position: 75% 69%; */
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  content : "";
}

section.light-dark  .big-square-radios.circle .radio label::before, .modal-content .big-square-radios.circle .radio label::before {
	background-color: transparent; 
}

.big-square-radios.circle .radio label {
    padding-left: 20px;
}

.big-square-radios.nopadding .radio label {
    padding-left: 0;
}

.big-square-radios.nopadding .radio {
    padding-top: 0;
}