/*@import url(https://fonts.googleapis.com/css?family=Cookie);*/
@font-face{
    font-family: 'roboto';
    src: url('../fonts/roboto/regular/roboto.eot');
    src: url('../fonts/roboto/regular/roboto.eot?iefix') format('eot'),
        url('../fonts/roboto/regular/roboto.woff') format('woff'),
        url('../fonts/roboto/regular/roboto.ttf') format('truetype'),
        url('../fonts/roboto/regular/roboto.svg#webfont') format('svg');
}

@font-face{
    font-family: 'roboto-thin';
    src: url('../fonts/roboto/thin/roboto.eot');
    src: url('../fonts/roboto/thin/roboto.eot?iefix') format('eot'),
        url('../fonts/roboto/thin/roboto.woff') format('woff'),
        url('../fonts/roboto/thin/roboto.ttf') format('truetype'),
        url('../fonts/roboto/thin/roboto.svg#webfont') format('svg');
}

@font-face{
    font-family: 'roboto-lightcondensed';
    src: url('../fonts/roboto/lightcondensed/roboto.eot');
    src: url('../fonts/roboto/lightcondensed/roboto.eot?iefix') format('eot'),
        url('../fonts/roboto/lightcondensed/roboto.woff') format('woff'),
        url('../fonts/roboto/lightcondensed/roboto.ttf') format('truetype'),
        url('../fonts/roboto/lightcondensed/roboto.svg#webfont') format('svg');
}

@font-face{
    font-family: 'roboto-regular';
    src: url('../fonts/roboto/regular/roboto.eot');
    src: url('../fonts/roboto/regular/roboto.eot?iefix') format('eot'),
        url('../fonts/roboto/regular/roboto.woff') format('woff'),
        url('../fonts/roboto/regular/roboto.ttf') format('truetype'),
        url('../fonts/roboto/regular/roboto.svg#webfont') format('svg');
}

::selection{ background-color: #FFB300; color: white; }
::moz-selection{ background-color: #FFB300; color: white; }
::webkit-selection{ background-color: #FFB300; color: white; }

*{ font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; }
html{  background: #F7F7F7 /*url(../images/loader-01.gif) no-repeat;background-position-x: 50%;background-position-y: 100px;*/ }
body{ margin: 0; padding: 0; background: #F7F7F7;}
textarea{ resize: vertical }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading-font {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
p{ font-size: 14px;}

.wrap-white-space{white-space: pre-wrap;}

.img-border-shadow{ padding: 7px; box-shadow: 0 0 7px #E6E6E8; }
.no-radius{ border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.no-padding{ padding: 0 !important; }
.no-padding-left{ padding-left: 0 }
.no-padding-right{ padding-right: 0 }
.no-padding-top{ padding-top: 0 }
.no-padding-bottom{ padding-bottom: 0 }
.p10{padding: 10px !important;}
.p20{padding: 20px !important;}

.no-margin{ margin: 0 !important; }
.no-margin-top{ margin-top: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }
.no-margin-right{ margin-right: 0 !important; }
.no-margin-buttom{ margin-bottom: 0 !important; }

.cursor-help{ cursor: help; }
.cursor-pointer{ cursor: pointer; }

.no-border{ border: 0 !important; }

.no-bold{ font-weight: normal; }

.no-resize{ resize: none }

.border-round{ border: 1px #D4D4D4 solid; padding: 11px; border-radius: 31px; color: #4F4F4F; }

.cl-white{ color: #FFF !important;}
.cl-gray-1{ color: #666; }
.cl-gray-999{ color: #999; }
.cl-gray-ccc{ color: #ccc; }
.cl-gray-f6{ color: #F6F6F6; }
.cl-green{ color: #35D980; }
.cl-green-light{ color: #D0E781; }
.cl-red-light{ color: #FC7979; }
.cl-light-blue{ color: #6699CC }
.cl-red{ color: #F00 }
.cl-light-red{ color: #E3714C }
.cl-light-red-2{ color: #D35F54 }

.font-size-12{ font-size: 12px; }
.font-weight-bold{ font-weight: bold; }
.font-weight-100{ font-weight: 100; }
.font-weight-200{ font-weight: 200; }
.font-weight-300{ font-weight: 300; }
.font-weight-400{ font-weight: 400; }
.font-weight-500{ font-weight: 500; }

.display-block{ display: block; }
.display-none{ display: none; }

.bg-gray-f7{ background: #F7F7F7 }
.bg-white{ background: #FFF; }

.icon-required { color: #f00; font-weight: 600; }

.text-justify{ text-align: justify }

.inputError{ border: 1px #F00 solid; }

a{ font-weight: normal; }
a:hover{ text-decoration: none; }

.resize-none{ resize: none }

.fieldError{ border: 1px #FC6F6F solid !important; box-shadow: 0 0 10px #EEB5B5!important }

table .label{ width: 100%; border-radius: 0; padding: 5px 15px; display: block; }
table .label-success { background-color: #7AC57A; }
table .label-danger { background-color: #E7736F; }

.text-success, .text-danger, .text-warning, .text-info{ font-size: 14px; }
.text-success{ color: #7AC57A }
.text-warning{ color: #f0ad4e }
.text-danger{ color: #E7736F }
.text-info{ color: #5bc0de }

.logoTxt{font-family: "Cookie";font-size: 70px;color: #1582DC;padding: 0;margin: 0 0;}
.logoTxtSlogan{margin: -11px 0 0 0;padding: 0;color: #2A8DDF;font-family: Roboto;font-size: 14px;letter-spacing: 1px;}

.help{
    cursor: pointer;
    display: block;
    background: #C9BBDB;
    border: 1px #B487E6 solid;
    color: #FFF;
    padding: 1px 8px;
    border-radius: 51px;
    width: 27px;
    height: 27px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 7px;
}

.rippleButton{ position: relative; overflow: hidden; }

.btn {
    outline: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    line-height: 14px;
    font-family: "Open Sans","Helvetica Neue", Helvetica, Arial,sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    position: relative;
    overflow: hidden;

}

.btn-disabled{
    background-color: #F5F5F5;
    color: #808080;
}

.btn-default {

    background-color: #fafafa;
    color: #666;
    border-color: #CCC;
    border-bottom-color: #ddd;
}

.btn-primary {
    color: #ffffff;
    background-color: #78A2D8;
    border: 0;
}

.btn-primary:hover,.btn-primary:active{
    color: #fff;
    background-color: #6487B3;
}

.btn-success {
    color: #ffffff;
    background-color: #15db81;
    border: 1px #15db81 solid;
}
/*
.btn-success {
    background: #5cb85c;
    box-shadow: 2px 2px 0 #6C816C;
    -moz-box-shadow: 2px 2px 0 #6C816C;
    -webkit-box-shadow: 2px 2px 0 #6C816C;
}
*/
.btn-success:hover{
    background-color: #13c473;
    color: #FFF;
    border: 1px #15db81 solid;
}

.btn-call-to-action{
    font-size: 20px;
    background: #15db81;
    border: 0;
    padding: 20px 70px;
    font-weight: 300;
}

.btn-call-to-action:hover{ background-color: #13c473; color: #FFF; border: 0; }

.btn-medium {
    border: none;
    background: #30d9a4;
    color: #fff;
    padding: 7px 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}

.btn-medium:hover { background: #1D7E5F; color: #FFF }


body > .container{ margin-bottom: 60px; padding-top: 15px; }

.label-danger { background-color: #da3e16; }

.img-logo{ margin-top: 9px; width: 135px;}

.img-thumbnail{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

#form-perfil #accordion img{ margin: 4px; }
.warning-name{ font-size: 12px; color: #F87A69; }
.img-perfil{ width: 190px; height: 190px; }
#loadingImg{ position: absolute; top: 85px; left: 99px; }

.btn-call-to-action:hover{ background: #8ED95B; }
.btn-call-to-action:active{ background: #8ED95B; }

.btn-pg-ps{background-color: #38C21A;border: 0px;padding: 0px;border-radius: 4px;}
.btn-pg-pp{background-color: rgb(40, 96, 144);border: 0px;padding: 0px;border-radius: 4px;}
button #ps{width: 124px;height: 62px;padding: 6px;}
button #pp{width: 140px;height: 62px;padding: 8px;}

.popover{ min-width: 278px; max-width: none; text-align: justify; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #F7F7F7;
}
.form-control{
    border-radius: 3px;
    box-shadow: 0 0 0;
    font-weight: 300;
    color: #555;
    padding: 5px 10px;
    height: 41px;
}

label{
    font-weight: 400;
    color: #818181;
    font-size: 13px;
}

#formAvaliacao label, #formAvaliacao p{ font-size: 14px; }

#formAvaliacao label{
    color: #444;
    text-align: justify;
}
#formAvaliacao .radio{ margin-bottom: 15px }
#formAvaliacao .radio label div:first-child{ float: left; margin-right: 9px; }

select.form-control{
    padding: 0 10px;
    height: 42px;
}

.well{
    background: #FFF;
    border: 1px #EAEAEA solid;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.well-black{
    height: 220px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #333;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well-black h1{font-size: 45px;}
.well-black *{ font-family: roboto; }

table{ font-size: 14px; color: #555 }
.line-e3{ border: 2px #E3714C solid; }

.sidebar-nav .nav-list li{
    /*border-bottom: 1px #EAEAEA solid;*/
    /*padding: 13px 10px;*/
    font-size: 15px;
    border-left: none;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
    position: relative;
    overflow: hidden;
}

/* Acho que edita a aside bar nessa linha */
/* Mudei o background */
.sidebar-nav .nav-list li:hover{ background: #d6e1f0; border-left: 4px #00908E solid; }

.sidebar-nav .nav-list li.active{ background: #d6e1f0;/*#747C8E*/; border-left: 4px #00908E solid; }
.sidebar-nav .nav-list li a{ padding: 15px 17px;color: #8C8A97 ;font-weight: 600;font-size: 15px;}
.sidebar-nav .nav-list li.active a{ color: #8C8A97; }
.sidebar-nav .nav-list li a img{ margin-right: 15px; }
.sidebar-nav .nav-list li a:hover{ background: transparent; color: #8C8A97; }
.sidebar-nav .nav-list li.active a:hover{ background: transparent; color: #8C8A97; }

.sidebar-nav .nav-list li ul{ margin-left: 10px; color: #949393; }
.sidebar-nav .nav-list li ul li{ list-style: square; padding-left: 0 }
.sidebar-nav .nav-list li ul li a{ padding-left: 0 }


/* aside-line-bottom */
.capsule {
  padding-inline: 20px;
}

.aside-line-bottom{
  border-bottom: 2px solid #e1e0e7;
  margin-top: 40px;
}

.space-to-top-aside{
  margin-top: 18px;
}


.navbar-inverse .navbar-nav > li > a{ color: #ececec; }

.navbar-toggle{ margin-top: 30px; outline: none }
.navbar-toggle .icon-bar{ background: #535353; }

.dropdown-menu{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 300ms linear; transition: all 300ms linear; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.dropdown-menu { background: #FFF; }
.dropdown-menu li a{ color: #909090; -webkit-transition: all 300ms linear; transition: all 300ms linear; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ background: #EFEFEF; color: #3E3E3E; }

.progress-desempenho{
    background: #FDFCFC;
    -webkit-box-shadow: 1px 1px 1px #F1F1F1 inset;
    height: 9px;
    margin: 5px 0 0 0;
    padding: 0;
    border-radius: 3px;
    border: 1px #EDEDED solid;
}

.progress-desempenho .progress{
    margin: -37px auto;
    width: 50%;
    height: 50px;
}

.progress-desempenho .msg{
    color: #E4E4E4;
    position: relative;
    width: 95px;
    line-height: 20px;
    margin: 5px auto;
    border-radius: 4px;
    text-align: center;
}

.progress-desempenho .progress-bar{ background-color: #47D27F }

/* div Loading */
.loading{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.71);
    z-index: 1100;
    text-align: center;
}

.loading img{
    background: #FFF;
    border-radius: 74px;
    -moz-border-radius: 74px;
    -webkit-border-radius: 74px;
    padding: 20px;
    margin-top: 18%;
}

.loadingPage{
    position: absolute;
    left: 50%;
    top: 150%;
    z-index: 1;
}

/* div modal progress */
.modal-progress{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.77);
    z-index: 1100;
    text-align: center;
    padding-top: 270px;
}

.modal-progress .progress{
    margin: -37px auto;
    width: 50%;
    height: 50px;
    background: #FFF;
}

.modal-progress .msg{
    color: #000;
    position: relative;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.6);
    width: 95px;
    height: 25px;
    line-height: 27px;
    margin: 0 auto;
    border-radius: 4px;
    font-weight: 600;
}

.container-fluid {
    /*  padding-right: 15px;
      padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 10px;
    margin-left: 10px;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}
.bs-callout-danger h4 {
    color: #b94a48;
}
.bs-callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}
.bs-callout-warning h4 {
    color: #8a6d3b;
}
.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}
.bs-callout-info h4 {
    color: #34789a;
}

/* ICONS */
.sprit-icons{ background: url(../images/sprit.png); width: 31px; height: 45px;}
.icon-lousa{ background-position: 0 -124px; }
.icon-palestra{ background-position: 0 -179px; }
.icon-prancheta{ background-position: 0 -228px; }
.icon-pasta{ background-position: 0 -267px; }
.icon-grafico{ background-position: 0 -305px; }
.icon-porta-aberta{ background-position: 0 -346px; }
.icon-usuarios{ background-position: 0 -392px; }
.icon-certificado{ background-position: 0 -431px; }
.icon-bate-papo{ background-position: 0 -468px; }
.icon-presente{ background-position: 0 -508px; }
.icon-seta{ background-position: 0 -417px; height: 21px; }
.icon-download-black{ background-position: 0 407px; }
.icon-suporte-black{ background-position: 0 -476px; }
.icon-certificado-black{ background-position: 0 -650px; }
.icon-relogio-black{ background-position: 0 0; }
.icon-download-white{ background-position: 0 0; }
.icon-suporte-white{ background-position: 0 -729px; }
.icon-mouse-white{ background-position: 0 -765px; }
.icon-certificado-white{ background-position: 0 -802px; }
.icon-relogio-white{ background-position: 0 -843px; }
.icon-video{ background-position: 0 5px;}
.icon-support{ background-position: 0 -882px;}
.icon-teacher{ background-position: 0 -928px;}
/* FIM ICONS */

.logo{ margin-right: 10px; }

.sprit-icons-tutor{ background: url(../images/sprite-tutor.png) no-repeat top left; width: 31px; height: 46px;}
.help-icon{  background-position: 0 0; width: 26px; height: 48px; }
.chart-icon{ background-position: 0 -58px; width: 48px; height: 48px; }
.group-icon{ background-position: 0 -116px; width: 48px; height: 48px; }
.list-icon{ background-position: 0 -174px; width: 48px; height: 48px; }


div.datepicker{ background: #FDFDFD; }
div.datepicker table thead tr:first-child{ border-bottom: 1px #D6D6D6 solid; }
div.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #F7F7F7; }

.alert{ border-radius: 3px; }
.alert a{ font-weight: 600; }
.alert-danger{ color: #FFFFFF; background-color: #da3e16; border-color: #F5E8EA; }
/*.alert-danger a{ color: #FEF60B; }*/
.alert-success { color: #FFFFFF; background-color: #15db81; border: 0}
.alert-success a{ color: #32371E }

.alert a:hover{ text-decoration: underline; }

/*table thead{ background: #A8AEB7; color: #FFF; }
table thead th{border: 1px #E6E6E6 solid !important; border-bottom: none !important; vertical-align: middle !important; }*/

table thead th{ font-weight: bold; font-size: 13px; border: 0 !Important; }
table th,table td{ vertical-align: middle !Important; }

.pagination>li>a{ background-color: #6B7C97; color: #FFF; }
.pagination>li>a:hover{ background: #9AAAB7 }
.pagination>.active>a{ background-color: #9AAAB7; border-color: #9AAAB7; }

.box_style_1 {
    padding: 15px 25px 5px;
    box-shadow: 0 0 0 4px rgba(224, 229, 233, 0.31);
    -webkit-box-shadow: 0 0 0 4px rgba(224, 229, 233, 0.31);
    -moz-box-shadow: 0 0 0 4px rgba(224, 229, 233, 0.31);
    border: 1px #E4E2E2 solid;
    margin-bottom: 30px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff;
}

/*.box_style_1 h1, .box_style_1 h2, .box_style_1 h3, .box_style_1 h4, .box_style_1 h5, .box_style_1 h6{ font-family: roboto; }*/
.box_style_1 h4 { border-bottom: 1px solid #eaeff3; padding-bottom: 10px; text-transform: uppercase; }
.box_style_1 h5{ font-size: 16px; margin-bottom: 15px }
.box_style_1 h5 i{ color: #95ADBF; font-size: 23px; margin-right: 8px; float: left }

.box_style_1.filter{ padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px #EAEFF3 solid; border-radius: 3px; }
.box_style_1.filter h4{ padding: 15px; }

.box_style_disabled{ background: #F1F1F1; color: #CCC !important; }

/*
=================== ASIDE LEFT ===============
*/

.aside-left{
    position: fixed;
    margin-bottom: 0;
    height: 100%;
    bottom: 0;
    top: 0;
    z-index: 1000;
    margin-top: 69px;
    border-right: 2px solid #e1e0e7;

}

.aside-left .well{background: #FFFFFF; color: #000; /* esse color eu coloquei Herculano */
  /*background-image: linear-gradient(to top, #616E82, #88A7D6);*/ height: 100%; border: 0 !important;}
.aside-left .well ul{ border-bottom: 0 }


/*
=================== CONTENT RIGTH ===============
*/

.aside-right{ /*margin-left: 220px;*/ float: right; display: none; }
.aside-right>.container{padding: 0;}


/*
 * Top acessibilidade
*/
.topAcessibilidade{ background: #585858; padding: 7px; }
.topAcessibilidade ul{ list-style: none; }
.topAcessibilidade ul li{ display: block; float: left; margin-right: 10px; color: #FFF; font-size: 13px; border-right: 1px #B3B3B3 solid; padding-right: 11px; }
.topAcessibilidade ul li:last-child{ padding: 0; border: none; }
.topAcessibilidade ul li a{ color: #FFF; }
.topAcessibilidade ul li a:hover{ color: #FFF; }
.topAcessibilidade ul li span{ background: #8D8D8D; padding: 0px 4px; color: #D6D6D6; }

/*
 * Top Confirmation Email
*/
.topConfirmationEmail{ background: #F8CD69; padding: 7px; color: #9E7127; z-index: 1001; }
.topConfirmationEmail a{ color: #FFF }
.topConfirmationEmail a:hover{ text-decoration: underline; }

/*
 ================== LOGIN ====================
*/

.signInHeader {
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 60px 0;
    background-image: url(../images/bg-top-login.jpg);
    background-size: cover;
    -webkit-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.3);
}

.signInHeader .four.columns, .signInHeader .four.columns img {
    display: block;
    float: none;
    margin: 0 auto;
}

#loginPageWrapper {
    position: relative;
    /*padding-bottom: 160px;*/
}

.signInFiller {
    height: 110px;
    display: block;
}

#loginContent {
    width: 100%;
}

.contentMain{
    padding-top: 90px !important;
}

.container .five.columns {
    width: 430px;
}

#loginFormContent {
    width: 380px;
    margin: 0 auto;
}

#loginForm .five.columns, #forgottenPasswordView {
    padding: 10px;
    padding-bottom: 30px;
    background-color: #596B77;
    box-shadow: 0 0 20px #FFF;
    display: block;
    margin: 100px auto;
    float: none;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
}

#loginFormsSwitch {
    margin: 10px 0 10px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#loginFormsSwitch div {
    width: 50%;
    cursor: pointer;
    font-weight: 300;
    float: left;
    text-align: center;
    text-transform: uppercase;
    background-color: #B9C1C7;
    color: #fff;
    padding: 15px 0;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

#loginFormsSwitch div.current {
    background-color: #DDE1E3;
    color: #72818B;
    font-weight: 700;
    -webkit-box-shadow: inset -20px 0 20px -20px #636363;
    -moz-box-shadow: inset -20px 0 20px -20px #636363;
    box-shadow: inset -20px 0 20px -20px #636363;
}

#loginFormsSwitch div.current:hover {
    background-color: #f1f1f1;
}

#loginFormContent .facebookButton {
    margin: 20px 0;
    text-align: center;
    font-size: 1.1em;
}

.facebookButton {
    display: block;
    padding: 12px 6%;
    font-size: 0.95em;
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    background-color: #4e6fba;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e6fba), to(#2a3d80));
    background: -webkit-linear-gradient(top, #4e6fba, #2a3d80);
    background: -moz-linear-gradient(top, #4e6fba, #2a3d80);
    background: -ms-linear-gradient(top, #4e6fba, #2a3d80);
    background: -o-linear-gradient(top, #4e6fba, #2a3d80);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#loginFormContent .facebookButton img {
    display: block;
    float: left;
}

#loginFormContent #forgotPasswordLink {
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    font-size: 12px;
}

#loginFormContent input[type='text'], #loginFormContent input[type='email'], #loginFormContent input[type='password'] {
    border: 0;
    margin: 3px 0;
    padding: 5px 6%;
    padding-left: 14%;
    color: #333;
    background-repeat: no-repeat;
    background-position: 3.5% 50%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#loginFormContent .secondaryButton {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    padding: 15px 0;
}

.secondaryButton {
    color: #4b3b16;
    font-weight: 700;
    border: 0;
    text-align: center;
    text-decoration: none;
    background-color: #ffd749;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd749), to(#ffb527));
    background: -webkit-linear-gradient(top, #ffd749, #ffb527);
    background: -moz-linear-gradient(top, #ffd749, #ffb527);
    background: -ms-linear-gradient(top, #ffd749, #ffb527);
    background: -o-linear-gradient(top, #ffd749, #ffb527);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#loginFormContent input[type='email'] {
    background-image: url(http://d1n6ovfh4lfkih.cloudfront.net/assets/icon_email-25a18f01a02ee66e38152e5c86841870.png);
}

#loginFormContent input[type='password'] {
    background-image: url(http://d1n6ovfh4lfkih.cloudfront.net/assets/icon_chave-c7faa08883b79ebf19f4274faefa052c.png);
}
/*
=========================== FIM LOGIN ============================
*/

.container>.navbar-collapse{
    margin-left: 155px;
}

.menu-top .navbar-form .form-group{ display: block; }

/* Alterar navbar por esse css */
.menu-top ul.navbar-right{ margin-top: 16px; }
.menu-top ul.navbar-right > li:first-child{ width: 500px; }
.menu-top ul.navbar-right > li{ margin-right: 10px }
.menu-top ul.navbar-right > li:last-child{ margin-right: 0px }
.menu-top ul.navbar-right > li > a{ text-align: center; padding: 0; color: #7A7A7A; background: transparent; }
.menu-top ul.navbar-right > li > a:hover,
.menu-top ul.navbar-right > li > a:active,
.menu-top ul.navbar-right > li > a:focus
{ background: transparent }

.menu-top ul.navbar-right > li > a > i{ display: block; width: 100%; font-size: 40px;}

.menu-top ul.navbar-right > li > a > .label {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 13px;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.0em;
    text-align: center;
    padding: 5px;
    width: 20px
}

.navbar-brand{padding: 12px 15px;}

.menu-top .dropdown-menu li a{ padding: 0 }

.menu-top .dropdown-menu{
    width: 230px;
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.menu-top .dropdown-carrinho{
    width: 290px;
    max-height: 250px;
    overflow: auto;
}

.menu-top .dropdown-menu > li.header {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}

.menu-top .dropdown-menu > li.header:after{
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.menu-top .dropdown-menu > li.footer {
    background: #f4f4f4;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    padding: 10px
}

.menu-top .dropdown-menu > li.footer:hover { background: #EFEFEF }
.menu-top .dropdown-menu > li.footer a:hover { background: transparent }

.menu-top .dropdown-menu > li.footer a.btn-success { color: #FFF }
.menu-top .dropdown-menu > li.footer a.btn-link { color: #1582dc }

.menu-top .dropdown-menu > li i{
    font-size: 20px;
    width: 50px;
    text-align: center;
    padding: 15px 0px;
    margin-right: 5px;
    background: #00c0ef;
    color: #16D494;
    color: rgba(255, 255, 255, 0.7);
}

.menu-top .dropdown-menu > li{
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    float: left
}

.menu-top .dropdown-menu > li span{
    display: block;
    white-space: pre-line;
    margin-left: 58px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 13px;
}

.menu-top .dropdown-menu > li.header:hover{ background: transparent; }
.menu-top .dropdown-menu > li:hover{ background: #F6F6F6; }
.menu-top .dropdown-menu > li img { width: 50px; height: 50px; float: left }

.menu-top .dropdown-menu > li > a .danger{ background: #f56954; }


.menu-top{
    /*background: transparent;
    border-bottom: 1px solid #596B77;*/
    background-repeat: repeat-x;
    margin-bottom: 0;

    padding: 0px;
    background: #00908E;
    position: fixed;
    width: 100%;
}

.menu-top .box-search .search-main{

    background: rgba(255, 254, 254, 0);
    border: 1px #CCCCCC solid;
    height: 40px;
    border-right-width: 0;
    color: #72818B;
    font-size: 14px;
    font-weight: 300;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;

}

.menu-top .box-search input:focus{ border: 1px #94BDF1 solid; }
.menu-top .box-search .btn{
    background: #F7F7F7;
    border: 1px #D7D7D7 solid;
    height: 40px;
    color: #C5C5C5;
    padding: 0 22px;
    font-size: 14px;
    outline: none /*border-radius: 0 4px 4px 0;*/;
}

.menu-top .nav-top{  }

.menu-top .box-my-account{ padding-top: 23px; }
.menu-top .box-my-account .btn {
    font-weight: 300;
    color: #6A6A6A;
    font-size: 15px;
    background: #F4F4F4;
    padding: 12px 35px;
    border: 1px #E4E4E4 solid;
    border-bottom-width: 0;
    box-shadow: 0 1px 0px 0px #B0B0B0;
    -moz-box-shadow: 0 1px 0px 0px #B0B0B0;
    -webkit-box-shadow: 0 1px 0px 0px #B0B0B0;
}
.menu-top .nav .caret { border-top-color: #949494; border-bottom-color: #818181; }

.image-profile-home .img{ border: 8px #FFF solid; width: 196px; height: 196px; background: #FFF; margin: 0 auto; }
.image-profile-home img{ width: 100%; height: 100%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.image-profile-home img:hover{ opacity: 0.5; }
img.loadingImage { width: 30px; height: 30px; border: 0; position: absolute; margin-top: 0; margin-left: 0; background: #FFF; padding: 4px; }

.jumbotron{ border-bottom: 1px #CCC solid; }
.jumbotron-title-home, .jumbotron-title-pages{ background: #445351; border-bottom: 1px #CCC solid; }
.jumbotron-title-home{ background: #575F6B url(../images/bg_sub-header_2.png); padding-top: 100px; }
.jumbotron-title-pages{ padding: 13px 0; margin: 0 }
.jumbotron-title-pages h2{ color: #FFF; font-family: roboto-thin; text-transform: uppercase; font-size: 25px; margin-top: 10px; }

/*
.container-home div.row>div{
    -webkit-animation: scale 0.5s linear
}
*/

.container-top{ margin-top: -11px; }

/*.container-home p{ background: #F6F6F6;padding: 1px;border: 1px #EAEAEA solid;border-top: 0; }*/
.container-home p{
    font-size: 15px;
    color: #676767;
    padding-top: 44px;

    display: block;
    float: left;
    width: 100%;


    /*
    height: 110px;
    position: absolute;
    top: 5px;
    left: 20px;
    right: 19px;
    bottom: -5px;
    background: rgba(20, 20, 20, 0.83);
    padding: 5px 25px;
    border: 1px #FFFFFF solid;
    border-left: 0;
    line-height: 150px;

    text-align: center;

    */
}

.container-home p *{

    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;

    /*
    display: block;
    float: left;
    width: 100%;
    */
}

.container-home p i{
    background: #6CC0A6;
    padding: 18px;
    color: #FFF;
    width: 100%;
}

.container-home p:hover i {
    text-align: right;
}

.container-home p:hover i:before{

    -webkit-transform: rotate(21deg);
    -webkit-transition-duration: 0.3s;

    -moz-transform: rotate(21deg);
    -moz-transition-duration: 0.3s;

    -ms-transform: rotate(21deg);
    -ms-transition-duration: 0.3s;

    opacity: 0.3;
    display: block;
    float: left;
    margin-left: 54px;

}

/*
.container-home .col-md-3:nth-child(even) p i{
    background: #91E4CA;
}
*/
/* ROW 1*/

.container-home .row:nth-child(1) .menu-item:nth-child(1) p i{
    background: #FCC0A3;
}


.container-home .row:nth-child(1) .menu-item:nth-child(2) p i{
    background: #F7DC3D;
}

.container-home .row:nth-child(1) .menu-item:nth-child(3) p i{
    background: #64DCBB;
}

.container-home .row:nth-child(1) .menu-item:nth-child(4) p i{
    background: #3DBFF7;
}

/* ROW 2*/

.container-home .row:nth-child(2) .menu-item:nth-child(1) p i{
    background: #509DBF;
}

.container-home .row:nth-child(2) .menu-item:nth-child(2) p i{
    background: #B19CE4;
}

.container-home .row:nth-child(2) .menu-item:nth-child(3) p i{
    background: #B2D04E;
}

.container-home .row:nth-child(2) .menu-item:nth-child(4) p i{
    background: #EEA7A7;
}

.container-home p span{ display: block; color: #767676; font-size: 19px; padding-top: 10px; }
.container-home p small{ color: #A5A5A5; font-size: 14px; }

.container-home p:hover span{
    margin-top: -5px;
    padding: 10px;
    color: #FFF;
}

.container-home p:hover small{
    display: block;
    padding-bottom: 10px;
    color: #FFF;
}

.container-home .row:nth-child(1) .menu-item:nth-child(1) p:hover span, .container-home .row:nth-child(1) .menu-item:nth-child(1) p:hover small{
    background: #FCC0A3;
}

.container-home .row:nth-child(1) .menu-item:nth-child(2) p:hover span, .container-home .row:nth-child(1) .menu-item:nth-child(2) p:hover small{
    background: #F7DC3D;
}

.container-home .row:nth-child(1) .menu-item:nth-child(3) p:hover span, .container-home .row:nth-child(1) .menu-item:nth-child(3) p:hover small{
    background: #64DCBB;
}

.container-home .row:nth-child(1) .menu-item:nth-child(4) p:hover span, .container-home .row:nth-child(1) .menu-item.col-md-3:nth-child(4) p:hover small{
    background: #3DBFF7;
}

/*ROW 2*/
.container-home .row:nth-child(2) .menu-item:nth-child(1) p:hover span, .container-home .row:nth-child(2) .menu-item:nth-child(1) p:hover small{
    background: #509DBF;
}

.container-home .row:nth-child(2) .col-md-3:nth-child(2) p:hover span, .container-home .row:nth-child(2) .col-md-3:nth-child(2) p:hover small{
    background: #B19CE4;
}

.container-home .row:nth-child(2) .col-md-3:nth-child(3) p:hover span, .container-home .row:nth-child(2) .col-md-3:nth-child(3) p:hover small{
    background: #B2D04E;
}

.container-home .row:nth-child(2) .col-md-3:nth-child(4) p:hover span, .container-home .row:nth-child(2) .col-md-3:nth-child(4) p:hover small{
    background: #EEA7A7;
}

/*
.container-home p:hover span{
    display: block;
    float: left;
    font-size: 18px;
    color: #848484;
    margin-top: 19px;

    width: 100%;
    position: absolute;

}
*/
.container-home a{ color: #636363; font-size: 14px; }
.container-home a:hover{ text-decoration: none; }

h1.boas-vindas{
    margin-left: 196px;
    font-size: 40px;
    padding: 6px 10px;
    padding-top: 0;
    margin-top: 9px;
    font-family: roboto-thin;
    font-weight: 600;
    letter-spacing: inherit;
    color: #FFF;
}

.menu-top-home{ background: #FFF; border: 8px #FFF solid; color: #FFF; border-left-width: 0; padding: 10px 0; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0 }
.menu-top-home ul{ list-style: none; }
.menu-top-home ul li,.menu-top-home ul li a{ float: left; margin-right: 20px; color: #5C5C5C; font-size: 15px; font-weight: 300; }
.menu-top-home ul li:last-child{ margin-right: 40px; }

body > .container > .col-lg-10 > .container{ margin-top: 6px; }

.title-pages{
    border-left-width: 0;
    color: #999999;
}
.title-pages h2{
    font-family: roboto-thin;
    font-weight: 600;
    margin: 0;
}

h4.subtitle-page,h5.subtitle-page{
    border-bottom: 1px #EAEAEA solid;
    padding-bottom: 7px;
}

h4.subtitle-page{
    color: #717171;
    font-weight: 400;
    margin: 27px 0 35px 0;
    font-size: 17px;
}

h5.subtitle-page{
    font-weight: 400;
    font-family: roboto;
    margin: 27px 0 35px 0;

}

.titlesBoxesBlueLight{ background: #41CCF4; padding: 10px; color: #FFF; }
.titlesBoxesBlueDark{ background: #477EAB; padding: 10px; color: #FFF;  }
.titlesBoxesUltraDark { background: #586577; padding: 10px; color: #FFF; border-radius: 3px; }
.titlesBoxesGreenLight{ background: #56E799; padding: 10px; color: #FFF; }
.titleBoxesPurple{background: #875B9F;padding: 10px;color: #FFF;}

/*SALA DE AULA*/
.opcoesSalaDeAula{  margin: 17px 0 30px 0px;  float: left;  width: 100%;}
.opcoesSalaDeAula a{ background: rgb(249, 249, 249); color: rgb(77, 77, 77);border: 1px solid rgb(231, 231, 231); }
.opcoesSalaDeAula a,.opcoesSalaDeAula button{
    padding: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.06);
    -moz-transition: border-bottom 0.1s;
    -webkit-transition: border-bottom 0.1s;
    transition: border-bottom 0.1s;
}
.opcoesSalaDeAula form button{ margin-top: -2px }
.opcoesSalaDeAula .btnVideoMaterial{ float: right; margin-top: -15px; cursor: pointer;   background: #EDEDBD;  color: #8E8E7E;  border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.06);}
.opcoesSalaDeAula a {margin-right: 1%;}
.opcoesSalaDeAula a:hover,.opcoesSalaDeAula button:hover{
    border-bottom-width: 1px;
}
.list-group-item, .list-group-forum{
    box-shadow: 1px 1px 1px 0px rgb(212, 212, 212),2px 0 0 #F2F2F2 inset;
    border: 0;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}

.list-group-item:hover, .list-group-forum:hover{ border-left: 3px #F792A8 solid; }

.list-group-item{
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    border-radius: 3px !important;
}
.list-group-item img{ width: 50px; height: 45px; float: left; margin-right: 10px; }
.list-group-item i{border: 1px #9A9A9A solid; border-radius: 19px; padding: 6px 10px; float: right; margin-top: -4px;}
.list-group-item p{ margin-bottom: 0; }
.list-group-item strong{ font-size: 11px; color: #9E9B9B; }

.list-group-item .description{ padding: 10px; height: 80px; }
.list-group-item .description .text{ height: 60px; overflow: auto; }
.list-group-item .openRoom{ background-color: #EAEAEA; padding: 10px; color: #575F6B; font-weight: 500; }
.list-group-item .openRoom i{ border-color: #C1C1C1; }

.list-group-item.full{width: 100%}

/* CURSOS */
.list-all-courses{ margin-top: 30px; }
.list-all-courses .course{ border-bottom: 1px #F0F0F0 solid; padding-bottom: 15px; margin-bottom: 15px; }

.descriptionCourse{ font-size: 14px; color: #848484; font-weight: 100; letter-spacing: 0.4px; }

/* PALESTRAS*/
.box-palestra img{ box-shadow: 0 0 4px rgba(172, 172, 172, 0.98); -moz-box-shadow: 0 0 4px rgba(172, 172, 172, 0.98); -webkit-box-shadow: 0 0 4px rgba(172, 172, 172, 0.98); opacity: 0.7; border: 1px #ACACAC solid }
.box-palestra .player{ background: url(../images/icon-player.png); width: 74px; height: 74px; position: absolute;margin-left: 35%;margin-top: 20%; z-index: 100 }
.box-palestra p{ font-size: 12px; }

.list-webinars .row{ border-bottom: 1px #EBEBEB dotted; }

.list-webinars .article{
    background-color: #fdfdfd;
    box-shadow: inset 0 11px 8px -10px #f8f8f8,inset 0 -11px 8px -10px #f8f8f8;
}

.list-webinars .row h3 em {
    font-size: 21px;
    text-transform: none;
    font-style: normal;
    display: block;
    color: #999;
    font-family: roboto-thin;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.data-lessons {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 30px;
}

ul.data-lessons li {
    display: inline-block;
    margin-right: 5px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    line-height: 16px;
    color: #777;
    zoom: 1;
}

ul.data-lessons li a { color: #868686; }
ul.data-lessons li a:hover { color: #888; }


form.filterCourses .checkbox-inline,form.filterCourses .radio-inline{ padding-left: 0 }


/*FORUM*/
.list-group-forum{ padding: 10px; margin-right: 20px; margin-bottom: 6px; }
.list-group-forum img{ width: 50px; height: 45px; float: left; margin-right: 10px; }
.list-group-forum p{ margin-bottom: 0; }
.list-group-forum strong{ font-size: 11px; color: #9E9B9B; }
.title-forum{ font-size: 22px; margin-top: 0; }
.img-forum-2{ width: 60px;height: 60px; box-shadow: 1px 1px 2px #838383; -moz-box-shadow: 1px 1px 2px #838383; -webkit-box-shadow: 1px 1px 2px #838383; float: left; margin-right: 10px; }

.subtitle-forum{ color: #CCC; font-weight: 300; margin-bottom: 10px }

.user-adm-response, .user-response{ font-size: 13px; color: #949494; padding-bottom: 30px; margin-bottom: 30px;  }
.user-adm-response{ overflow: auto;border-bottom: 1px #EBEBEB solid; }
.user-response{ overflow: auto; border-bottom: 1px #EBEBEB solid; }
.user-response .icon-seta{ margin-top: 17px; }

/* SALA BATE PAPO*/
.list-alunos-sala{ overflow: auto }
.list-alunos-sala .off{ background: rgba(0, 0, 0, 1); opacity: 0.1; }
.list-alunos-sala .img-forum-2{ margin-bottom: 10px }

/* OverWhite Tabs*/
.nav-tabs { border-bottom: 1px solid #E1E1E1; margin-bottom: 25px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: #FFF; background-color: #7B94B9; }

.nav-tabs > li{ position: relative; overflow: hidden;}

.nav-tabs > li > a {
    margin-right: 3px;
    color: #888;
    background: #F4F4F4;
    border: 1px #E7E7E7 solid;
    border-bottom: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 11px 46px;
}

.tab-content{ color: #888 }

/* Common styles for all types */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}
.bs-callout-danger h4 {
    color: #b94a48;
}
.bs-callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}
.bs-callout-warning h4 {
    color: #8a6d3b;
}
.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}
.bs-callout-info h4 {
    color: #34789a;
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}


/* Modal */
/*
.modal.fade .modal-dialog {
    -webkit-transform: translate(0,3%);
    -ms-transform: translate(0,3%);
    transform: translate(0,3%);

    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
*/
.modal-dialog { margin-top: 0; }
.modal-header .close { font-size: 28px; font-weight: 200; outline: none; opacity: 1; color: #FFF; }
.modal-header{ background: #1582DC !important; }
.modal-header .modal-title{ color: #FFF;}

.modal-content{
    /*
    box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.25);
    */

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.modal-footer{
    background: #FFF;
    border-top: 1px #CCC solid;
}

.autocomplete-suggestions {
    border: 1px solid #C2C2C2;
    background: #FAFAFA;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(121, 121, 121, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(121, 121, 121, 0.64);
    box-shadow: 1px 4px 3px rgba(121, 121, 121, 0.64);
    color: #949494;
}

.breadcrumb{ padding: 8px 10px; margin-bottom: 20px; list-style: none; background-color: transparent; border-bottom: 0;}
.breadcrumb>.active{}

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

#counter{
    height: auto !important;
}

.cnt_back{
    background-color: transparent;
    border: 0px solid #E7E7E7;
    margin-right: 10px;
}

.loading{ display: none }

.page-404{
    width: 100%;
    background: rgb(135, 91, 159);
    position: absolute;
    padding-top: 110px;
    border-right: 1px solid #596B77;
}

.page-404 *{ color: #FFF; }

.page-404 .number-error{ border-right: 1px solid #596B77; }
.page-404 .number-error h1{ font-size: 150px; font-weight: 400 }
.page-404 .number-error span{ font-size: 18px; font-weight: 400; display: block; margin-top: -25px; margin-bottom: 50px; }
.page-404 .text-error{  }
.page-404 .text-error h1{ font-size: 100px; font-weight: 400; margin-top: 0; }
.page-404 .text-error h3{ font-size: 20px; font-weight: 300; padding: 0 150px; }
.page-404 .text-error .btn{
    border-radius: 0;
    background: #F1C500;
    border: 1px solid #596B77;
    padding: 17px;
    box-shadow: 3px 3px 0 #596B77;
    font-weight: 300;
    font-size: 20px;
}
.page-404 .text-error .btn:hover{ color: #FFF; }

.chatsList{
    position: fixed;
    bottom: 0;
    right: 0;
    /*overflow: auto;
    width: auto;
    position: fixed;
    bottom: 0;
    padding: 10px 10px 0 0;
    right: 0;
    */
}

.chatsList .chat{
    float: right;
    height: 320px;
}

.chatsList .chat .window{
    width: 247px;

    background: #FCFCFC;
    border: 1px #CCC solid;
    margin-right: 5px;
}

.chatsList .chat .window .header{
    background: #74838D;
    height: 46px;
}

.chatsList .chat .window .header .name-user{
    color: #FFF;
    display: block;
    float: left;
    margin-top: 13px;
    margin-left: 10px;
}

.chatsList .chat .window .header .close{
    margin-top: 10px;
    margin-right: 10px;
}

.chatsList .chat .window .body{height: 175px;}

.chatsList .chat .window .footer{
    background: #FFF;
    height: 88px;
    position: relative;
    border: 0;
}

.chatsList .chat .window .footer textArea{
    width: 100%;
    height: 100%;
    border: 1px #D8D8D8 solid;
    resize: none;
    padding: 4px;
    color: #ADADAD;
    font-family: roboto;
    font-weight: 300;
    font-size: 13px;
    border-left-width: 0;
    border-right-width: 0;
}

.chatsList .chat .position-absolute{
    position: absolute;
    bottom: 0;
}

table.xdebug-error{
    box-shadow: 0 0 10px #CCC;
    -moz-box-shadow: 0 0 10px #CCC;
    -webkit-box-shadow: 0 0 10px #CCC;
    border: 4px solid #FFF;
    margin: 0 auto;
}

.xdebug-error tbody tr:nth-of-type(1) th, .xdebug-error tbody tr:nth-of-type(2) th{
    background: #FF7C7C;
    border: 1px #FFF solid;
    height: 55px;
}

.xdebug-error tbody tr:nth-of-type(1) th span, .xdebug-error tbody tr:nth-of-type(2) th span{
    background: #FF7C7C !important;
    color: #666 !important;
}

.xdebug-error tbody tr td font[color='#00bb00']{
    color: #428bca;
}


.xdebug-error tbody tr:nth-of-type(3) th{
    background: #333;
    color: #FFF;
}

.xdebug-error tbody tr:nth-of-type(4) th{
    padding: 10px;
    text-align: center
}

#canvas{
    width: 80% !important;
    max-width: 400px;
    height: auto !important;
}

.radios{ list-style: none; margin: 0; padding: 0; }
.radios:after { content: ""; clear: both; }
.radios input[type=radio]{ visibility: hidden; }

.list-avatas .avatar {
    width: 82px;
    height: 80px;
    margin-bottom: 10px;
    margin-right: 6px;
}

.avatar {
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.avatar label {
    background: #fff no-repeat center center;
    bottom: 1px;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 1px;
    position: absolute;
    right: 1px;
    text-indent: 100%;
    top: 1px;
    white-space: nowrap;
    height: 100%;
}

.radios-model-parcelas .avatar label{
    font-size: 20px !important;
    text-indent: 0;
    font-weight: bold;
    text-align: center;
}

.modal .list-avatas .avatar {
    width: 78px;
}

.payment-method { margin-right: 5px; margin-top: 5px; }
.payment-method:last-child { margin-right: 0 }


.radios input:focus + label {
    outline: 2px dotted #21b4d0;
}

.radios input:checked + label {
    outline: 4px solid #21b4d0;
}

.radios input:checked + label:after {
    background: url(../images/checked.png);
    bottom: -4px;
    content: "";
    display: inline-block;
    height: 20px;
    position: absolute;
    right: -4px;
    width: 20px;
}

blockquote p {
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.25;
}

@-moz-document url-prefix() {
    .radios input:checked + label:after {
        bottom: 0;
        right: 0;
        background-color: #21b4d0;
    }
}

.videoWebinar iframe{
    width: 100%;
}

.panel-webinar:hover{
    box-shadow: 5px 5px 5px #888888;
}

.panel {
    margin-bottom: 22px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.05);
    box-shadow: 0 2px 1px rgba(0,0,0,.05);
}

.panel-default .panel-heading{ color: #5A5C63; background-color: #E0E5E9; }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
    height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 8%;
    width: 85%;
    height: 85%;
}

#mascara {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    opacity:.90;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index: 1001;

}

.apaga-acende {
    background:#ccc;
    color:#333;
}

.interruptor {
    position:relative;
}

@media only screen and (min-width:600px) {
    .info-inscrito{
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
    }
}

.title-sidebar-event{
    margin-bottom: 3%;
    border-bottom: 1px dotted #c0bebe;
    padding-bottom: 3%;
}

.post{
    margin: 0 0 30px;
}

ul.digits{
    width:90%;
    list-style-type:none;
    display:block;
    float:left;
    /*padding: 10% 5% 0 5%;*/
    padding: 3% 0% 0 8%;
}

ul.digits li{
    text-align:center;
    display:block;
    float:left;
    /*width:25%;*/
    margin-left: 7%;

    /*background: #F9F9F9;*/
    border: 1px #EAEAEA solid;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    /*background-color: #f5f5f5;*/
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

    /*opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);*/
}
ul.digits li span{
    display:block;
    /*color:rgb(105, 205, 205);*/
    color: white;
    font:5.5em 'RobotoThin', Arial, sans-serif;
}
ul.digits li p{
    width:100%;
    color:white;
    font:1.7em 'RobotoLight', Arial, sans-serif;
    text-transform:uppercase;
    list-style-type:none;
    display:block;
}

.contador{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.89, #7BB6E1),
        color-stop(0.94, #A0DCFF)
        );
    background-image: -o-linear-gradient(bottom, #7BB6E1 89%, #A0DCFF 94%);
    background-image: -moz-linear-gradient(bottom, #7BB6E1 89%, #A0DCFF 94%);
    background-image: -webkit-linear-gradient(bottom, #7BB6E1 89%, #A0DCFF 94%);
    background-image: -ms-linear-gradient(bottom, #7BB6E1 89%, #A0DCFF 94%);
    background-image: linear-gradient(to bottom, #7BB6E1 89%, #A0DCFF 94%);
}

.scrollblock {
    position: relative;
    margin: 0;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 80px;
    display: none;
}

.link-img{
    padding-right: 3%;
}

.tut{
    display: none;
}

.progress.xs{ height: 4px; }

table#resumo-comissoes-tutores tr{ border-bottom: 1px dotted #CCC; }
table#resumo-comissoes-tutores tr td{ padding: 15px 0; }

/*.tableShoppingCart thead,.tableShoppingCart tfoot{ background: #f7f7f7;border: 1px #E5E5E5 solid; }*/
/*.tableShoppingCart tfoot{ border-top: none;}*/
/*.tableShoppingCart tfoot .priceFinal{background: #555;color: white;height: 50px;font-size: 20px;font-weight: 100;line-height: 32px;text-align: center;}*/
/*.tableShoppingCart tfoot .priceFinal{background: #DADADA;color: #5D5A5A;height: 50px;font-size: 20px;font-weight: 100;line-height: 32px;text-align: center;}*/

.tableShoppingCart tbody tr td{
    background: #F8F5F5;
    border: 0;
    border-right: 1px #FFF solid;
    padding: 17px 10px;
}

.tableShoppingCart tbody tr{border-bottom: 1px #FFF solid;}
.tableShoppingCart tbody tr td a span, .tableShoppingCart tbody tr td{ font-weight: 400; }
.tableShoppingCart tfoot tr td{ border: 0; }
.tableShoppingCart .excluirItem{ background: transparent; border: 0; }
.rowPrice{ padding: 20px 15px; }
.price{ font-size: 19px; font-weight: 600; font-family: roboto; }
.price .value{ color: #0083CB; font-weight: 500; font-family: sans-serif; }
.price .parcelamento{ display: block; font-size: 12px; font-weight: 400; color: #BDBBBB; }


.btn-payment-boleto{font-size: 20px;}

tab-payments b,.tab-payments li,.tab-payments p{font-size: 15px;}

@media only screen and (max-width: 480px){
    .nav-tabs > .page-b{margin-bottom: 2px !important;}
    .container .five.columns {
        width: 100%;
    }

    #loginFormContent {
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 1190px) {
    .nav-tabs > .page-b {width: 20% !important;}
    .list-group-item, .list-group-forum{
        width: 32%
    }
}

@media (max-width: 768px) {
    .nav-tabs > .page-b{margin-bottom: 2px !important; text-align: center !important;}
    .jumbotron-title-home{ padding: 18px 0 0 0; }
    .jumbotron-title-home > .container{ padding: 0; }
    .jumbotron-title-home > .container .image-profile-home{ float: none !important; text-align: center; }
    h1.boas-vindas{ margin-left: 0px; font-size: 18px; text-align: center; padding: 10px 13px 0px 0; font-family: roboto-thin; font-weight: 600; letter-spacing: inherit; color: #EEE; }

    .menu-top-home{ overflow: auto; width: 100%; border-radius: 0; padding: 0; }
    .menu-top-home ul{ float: left; width: 100%; padding: 0 25px; margin: 0 }
    .menu-top-home ul li{ float: none !important; }
    .menu-top-home ul li a{ margin-right: 15px; }
    .menu-top .navbar-brand{float: none;width: 100%;display: block;text-align: center;}
    .container-home .col-md-3{ width: 50%; float: left }
    .box-my-account{ display: none }
    .box-my-account .btn-group, .box-my-account button{ width: 100%; }
    .introjs-button{ padding: 15px 18px !important; margin-left: 12px !important; border-radius: 0 !important; border: 1px #d4d4d4 solid !important; }
    .aside-left{ display: none }
    .aside-right{ width: 100%; margin: 0 }
    .list-all-courses .course .col-lg-3{ float: left; margin-right: 10px; }
    .img-course-datails{ float: left; margin-right: 10px; }
    .nav-tabs>li{ float: none }
    .top-matriculas,.content-comprovante{ width: 100%; float: left }
    #formAvaliacao p{ font-size: 18px; }
    #formAvaliacao input[type=radio]{ width: 100px; height: 100px }
    #jpreSlide{margin: 70px auto !important;}

    ul.digits li{ float: none; }
    .opcoesSalaDeAula{ margin: 0px 0px 0 0; }
    .opcoesSalaDeAula a { display: block; width: 100%; margin-bottom: 10px }
    .aside-right, .aside-right > .container{ padding: 0; }
    .list-group-item{ margin-right: 0 }
    .emitirCertificado button{display: block; width: 100%; margin-bottom: 10px;}
    .btnVideoMaterial {float: none !important;margin-top: 0px !important;}
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1200px) {
    .nav-tabs > .page-b {width:30% !important; margin-bottom: 2px !important;}
    .navbar-header{ width: 100%}
    .menu-top-home{ overflow: auto; float: none !important; }
    .menu-top .navbar-brand{ font-size: 45px !important; }
    .box-my-account{ display: none }
    .introjs-button{ padding: 15px 18px !important; margin-left: 12px !important; border-radius: 0 !important; border: 1px #d4d4d4 solid !important; }
    .aside-left{ display: none }
    .aside-right{ width: 100%; margin: 0 }
    .div-form-search{ width: 100%; padding-right: 0; margin-left: 0px !important; margin-top: 15px; }
    .navbar-toggle {display: block; }
    .cbp-spmenu .form-search{ display: none }
    .list-all-courses .course .col-lg-3{ float: left; margin-right: 10px; }
    .img-course-datails{ float: left; margin-right: 10px; }
    .top-matriculas,.content-comprovante{ width: 100%; float: left }
    #jpreSlide{margin: 70px auto !important;}
    .container > .navbar-collapse{ margin-left: 0 }
    .menu-top ul.navbar-right{ width: 100%; }
    .menu-top ul.navbar-right > li:first-child{ width: 100% }
    .menu-top ul.navbar-right > li > a{ font-size: 12px; }
    .menu-top ul.navbar-right > li > a > i{ font-size: 28px; }
}

.next-step-class-room{
    background-color: #15db81 !important;
    color: white !important;
    text-decoration: none !important;
}

.viewcontent-z-index{
    z-index: 1002;
}

.btn-danger-less{
    background-color: #F1AF95;
    border-color: #F1AF95;color:#FFF
}

.btn-danger-less:hover, .btn-danger-less:focus{
    color: white !important;
}

.btn-invisebled{
    background-color: whitesmoke;
    color: gray;
}

#iframevideoaulas {
    margin-top: 40px;
}

#iframevideoaulas h4{
    padding: 0 12px;
}

#iframevideoaulas .dark-box{ background: #574165; border-radius: 8px; }
#iframevideoaulas .dark-box h4{ color: #fff; }
#iframevideoaulas .dark-box ul.playList li { border: none !important; }
#iframevideoaulas .dark-box ul.playList li a{ color: #fff !important; }

ul.playList li.active {
    border-left: 4px #C1DD78 solid;
}

ul.playList li {
    display: block;
    margin-bottom: 4px;
    border: 1px #EAEAEA solid;
    padding: 10px;
    transition: all 0.2s ease;
}

ul.playList li:hover {
    background: #85a8e8;
    color: #FFF;
}

ul.playList li:hover a{
    color: #FFF;
}

ul.playList li a {
    color: #555;
}

ul.playList li img {
    margin-right: 10px;
}
ul.playList li p {
    font-weight: 700;
    line-height: 15px;
    font-family: roboto;
    margin-bottom: 0;
    text-align: center;
}
ul.playList li .textTime {
    background: rgba(0, 0, 0, 0.49);
    padding: 4px 18px;
    color: #FFF;
    position: absolute;
    right: 15px;
    bottom: 0;
}

.row-button-cart{
    overflow: hidden;
    border: 1px solid #C6EAC6;
    padding: 2%;
    background-color: #F3FBF3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 2%;
}

.header-cart{
    padding: 5px 0;
}

.btn-checkout {
    font-size: 20px;
    padding: 9px 25px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    outline: none;

    border:1px solid #059687;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration:none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: white;

    background-color: #059687;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#059687), to(#2ebaab));
    background-image: -webkit-linear-gradient(top, #059687, #2ebaab);
    background-image: -moz-linear-gradient(top, #059687, #2ebaab);
    background-image: -ms-linear-gradient(top, #059687, #2ebaab);
    background-image: -o-linear-gradient(top, #059687, #2ebaab);

    background-image: linear-gradient(to bottom, #059687, #2ebaab);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#059687, endColorstr=#2ebaab);
}