/*
 *  CUSTOM CSS
 *
 */

abbr,address,article,aside,audio,b,blockquote,body,div,caption,cite,code,dd,del,details,dfn,dl,
dt,em,fieldset,figure,footer,form,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,
ol,p,pre,q,samp,section,small,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent;
}
article,aside,details,figure,footer,header,nav,section,summary {
    display: block;
}
html {
    box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
embed,img,object {
    max-width: 100%;
}
html {
    overflow-y: scroll;
}
ul {
    list-style: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input,
select {
    vertical-align: middle;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-word;
}

button,
input[type=button],
input[type=file],
input[type=submit],
button,
select,
textarea {
    margin: 0;
}
button,
input[type=button] {
    width: auto;
    overflow: visible;
}
@keyframes spin-around {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
html {
    background-color: #eef1f2;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea, pre {
    font-family: Trebuchet MS, Helvetica Neue, Helvetica, Arial, sans-serif;
}
body {
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.428571428571429
}
code {
    background-color: #f5f7fa;
    color: #cc3039;
    font-size: 12px;
    font-weight: 400;
    padding: 1px 2px 2px
}

.block:not(:last-child),
.box:not(:last-child),
.content:not(:last-child),
.highlight:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
    margin-bottom: 20px;
}
.container {
    position: relative;
}

@media screen and (min-width: 1180px) {
    .container {
        max-width: 1200px;
    }
}
.fa {
    font-size: 21px;
    text-align: center;
    vertical-align: top;
}

.box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px hsla(0, 0%, 7%, .1), 0 0 0 1px hsla(0, 0%, 7%, .1);
    display: block;
    padding: 20px;
    margin: 8px 0 8px 0;
}

.button:focus,
.button:hover {
    color: #222324
}
.button:active {
    box-shadow: inset 0 1px 2px hsla(0, 0%, 7%, .2)
}

.table {
    background-color: #fff;
}

.table-blackfriday {
    background-color: #262626;
    color: #adabab;
    padding: 10px;
}

@media(max-device-width:790px){
  .table-mini{
    overflow-x: scroll;
  }
}

.subtitle,
.title {
    font-weight: 300;
    word-break: break-word
}

.title {
    color: #222324;
    font-size: 1.3em;
    line-height: 1
}
.title code {
    display: inline-block;
    font-size: 28px;
}
.title strong {
    color: inherit
}
.title+.highlight,
.title+.subtitle {
    margin-top: -10px
}

@media screen and (min-width: 769px) {
    .title+.subtitle {
        margin-top: -15px
    }
}
.subtitle {
    color: #69707a;
    font-size: 18px;
    line-height: 1.125
}
.subtitle code {
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    padding: 2px 3px;
    vertical-align: top
}
.subtitle strong {
    color: #222324
}
.subtitle+.title {
    margin-top: -20px
}

.delete,
.modal-close {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: hsla(0, 0%, 7%, .2);
    border: none;
    border-radius: 290486px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: top;
    width: 24px
}
.delete:after,
.delete:before,
.modal-close:after,
.modal-close:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -25%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 50%
}
.delete:before,
.modal-close:before {
    transform: rotate(45deg)
}
.delete:after,
.modal-close:after {
    transform: rotate(-45deg)
}
.delete:hover,
.modal-close:hover {
    background-color: hsla(0, 0%, 7%, .5)
}
.delete.is-small,
.is-small.modal-close,
.tag:not(.is-large) .delete,
.tag:not(.is-large) .modal-close {
    height: 16px;
    width: 16px
}
.delete.is-medium,
.is-medium.modal-close {
    height: 32px;
    width: 32px
}
.delete.is-large,
.is-large.modal-close {
    height: 40px;
    width: 40px
}
.icon {
    display: inline-block;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px
}
.icon .fa {
    font-size: inherit;
    line-height: inherit
}

.hamburger,
.nav-toggle {
    cursor: pointer;
    display: block;
    height: 50px;
    position: relative;
    width: 50px
}
.hamburger span,
.nav-toggle span {
    background-color: #69707a;
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    transition: none 86ms ease-out;
    transition-property: background, left, opacity, transform;
    width: 15px
}
.hamburger span:nth-child(1),
.nav-toggle span:nth-child(1) {
    margin-top: -6px
}
.hamburger span:nth-child(2),
.nav-toggle span:nth-child(2) {
    margin-top: -1px
}
.hamburger span:nth-child(3),
.nav-toggle span:nth-child(3) {
    margin-top: 4px
}
.hamburger:hover,
.nav-toggle:hover {
    background-color: #f5f7fa
}

.heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}
.highlight {
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 0
}
.highlight pre {
    overflow: auto;
    max-width: 100%
}

.loader {
    animation: spin-around .5s infinite linear;
    border: 2px solid #d3d6db;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 16px;
    position: relative;
    width: 16px
}
.number {
    display: inline-block;
    font-size: 18px
}
.number,
.tag {
    background-color: #f5f7fa;
    border-radius: 290486px;
    vertical-align: top
}
.tag {
    -ms-flex-align: center;
    align-items: center;
    color: #69707a;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap
}
.tag .delete,
.tag .modal-close {
    margin-left: 4px;
    margin-right: -6px
}

.tag.is-large .delete,
.tag.is-large .modal-close {
    margin-left: 4px;
    margin-right: -8px
}
.button,
.delete,
.is-unselectable,
.modal-close,
.tabs,
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card {
    background-color: #fff;
    box-shadow: 0 2px 3px hsla(0, 0%, 7%, .1), 0 0 0 1px hsla(0, 0%, 7%, .1);
    color: #69707a;
    max-width: 100%;
    width: auto;
    padding: 10px;
    word-wrap: break-word;
}
.card-text{
    word-wrap: break-word;
}

.highlight {
    background-color: #fdf6e3;
    color: #586e75
}
.highlight .c {
    color: #93a1a1
}
.highlight .err,
.highlight .g {
    color: #586e75
}
.highlight .k {
    color: #859900
}
.highlight .l,
.highlight .n {
    color: #586e75
}
.highlight .o {
    color: #859900
}
.highlight .x {
    color: #cb4b16
}
.highlight .p {
    color: #586e75
}
.highlight .cm {
    color: #93a1a1
}
.highlight .cp {
    color: #859900
}
.highlight .c1 {
    color: #93a1a1
}
.highlight .cs {
    color: #859900
}
.highlight .gd {
    color: #2aa198
}
.highlight .ge {
    color: #586e75;
    font-style: italic
}
.highlight .gr {
    color: #dc322f
}
.highlight .gh {
    color: #cb4b16
}
.highlight .gi {
    color: #859900
}
.highlight .go,
.highlight .gp {
    color: #586e75
}
.highlight .gs {
    color: #586e75;
    font-weight: 700
}
.highlight .gu {
    color: #cb4b16
}
.highlight .gt {
    color: #586e75
}
.highlight .kc {
    color: #cb4b16
}
.highlight .kd {
    color: #268bd2
}
.highlight .kn,
.highlight .kp {
    color: #859900
}
.highlight .kr {
    color: #268bd2
}
.highlight .kt {
    color: #dc322f
}
.highlight .ld {
    color: #586e75
}
.highlight .m,
.highlight .s {
    color: #2aa198
}
.highlight .na {
    color: #b58900
}
.highlight .nb {
    color: #586e75
}
.highlight .nc {
    color: #268bd2
}
.highlight .no {
    color: #cb4b16
}
.highlight .nd {
    color: #268bd2
}
.highlight .ne,
.highlight .ni {
    color: #cb4b16
}
.highlight .nf {
    color: #268bd2
}
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py {
    color: #586e75
}
.highlight .nt,
.highlight .nv {
    color: #268bd2
}
.highlight .ow {
    color: #859900
}
.highlight .w {
    color: #586e75
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
    color: #2aa198
}
.highlight .sb {
    color: #93a1a1
}
.highlight .sc {
    color: #2aa198
}
.highlight .sd {
    color: #586e75
}
.highlight .s2 {
    color: #2aa198
}
.highlight .se {
    color: #cb4b16
}
.highlight .sh {
    color: #586e75
}
.highlight .si,
.highlight .sx {
    color: #2aa198
}
.highlight .sr {
    color: #dc322f
}
.highlight .s1,
.highlight .ss {
    color: #2aa198
}
.highlight .bp,
.highlight .vc,
.highlight .vg,
.highlight .vi {
    color: #268bd2
}
.highlight .il {
    color: #2aa198
}
.level-item .subtitle,
.level-item .title {
    margin-bottom: 0
}
@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: 10px
    }
}
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .level-left+.level-right {
        margin-top: 20px
    }
}
@media screen and (min-width: 769px) {
    .level-left,
    .level-right {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex
    }
    .level-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
.level {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.level code {
    border-radius: 3px
}
.level img {
    display: inline-block;
    vertical-align: top
}

.media-number {
    background-color: #f5f7fa;
    border-radius: 290486px;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 24px;
    min-width: 32px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: top
}
@media screen and (max-width: 768px) {
    .media-number {
        margin-bottom: 10px
    }
}
@media screen and (min-width: 769px) {
    .media-number {
        margin-right: 10px
    }
}

.media-right {
    margin-left: 10px
}
.media-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
}
.media {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
.media .content:not(:last-child) {
    margin-bottom: 10px
}
.media .media {
    border-top: 1px solid rgba(211, 214, 219, .5);
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: 5px
}
.media .media .media {
    padding-top: 5px
}
.media .media .media+.media {
    margin-top: 5px
}
.media+.media {
    border-top: 1px solid rgba(211, 214, 219, .5);
    margin-top: 10px;
    padding-top: 10px
}

.menu-list a,
.menu-nav a {
    display: block;
    padding: 5px 10px
}
.menu-list a {
    border-radius: 2px;
    color: #69707a
}
.menu-list a:hover {
    background-color: #f5f7fa;
    color: #1fc8db
}

.menu-list li ul {
    border-left: 1px solid #d3d6db;
    margin: 10px;
    padding-left: 10px
}
.menu-label {
    color: #aeb1b5;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}
.menu-label:not(:first-child) {
    margin-top: 20px
}
.message-body {
    border: 1px solid #d3d6db;
    border-radius: 3px;
    padding: 12px 15px
}
.message-body strong {
    color: inherit
}
.message-header {
    background-color: #69707a;
    border-radius: 3px 3px 0 0;
    color: #fff;
    padding: 7px 10px
}
.message-header strong {
    color: inherit
}
.message-header+.message-body {
    border-radius: 0 0 3px 3px;
    border-top: none
}
.message {
    background-color: #f5f7fa;
    border-radius: 3px
}

/*.modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: hsla(0, 0%, 7%, .86)
}*/
/*.modal-card,
.modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%
}*/
/*@media screen and (min-width: 769px) {
    .modal-card,
    .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 640px
    }
}*/
.modal-close {
    background: none;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px
}
.modal-card {
    background-color: #fff;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    width: 50%;
}
.modal-card-foot,
.modal-card-head {
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f7fa;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    position: relative
}
.modal-card-head {
    border-bottom: 1px solid #d3d6db
}
.modal-card-title {
    color: #222324;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 24px;
    line-height: 1
}
.modal-card-foot {
    border-top: 1px solid #d3d6db
}
.modal-card-foot .button:not(:last-child) {
    margin-right: 10px
}
.modal-card-body {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    padding: 20px
}
.modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 1986
}
.modal.is-active {
    display: -ms-flexbox;
    display: flex
}
@media screen and (min-width: 769px) {
    .nav-toggle {
        display: none
    }
}
.nav-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}
.nav-item a {
    -ms-flex-positive: 1;
    flex-grow: 1
}
.nav-item img {
    max-height: 24px
}
.nav-item .button+.button {
    margin-left: 10px
}
.nav-item .tag:first-child {
    margin-right: 5px
}
.nav-item .tag:last-child {
    margin-left: 5px
}
@media screen and (max-width: 768px) {
    .nav-item {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}
.nav-item a,
a.nav-item {
    color: #69707a
}

@media screen and (max-width: 768px) {
    .nav-menu {
        background-color: #fff;
        box-shadow: 0 4px 7px hsla(0, 0%, 7%, .1);
        left: 0;
        display: none;
        right: 0;
        top: 100%;
        position: absolute
    }
    .nav-menu .nav-item {
        border-top: 1px solid rgba(211, 214, 219, .5);
        padding: 10px
    }
}
@media screen and (min-width: 769px) and (max-width: 979px) {
    .nav-menu {
        padding-right: 20px
    }
}
.nav-left {
    -ms-flex-align: stretch;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}
.nav-center,
.nav-left {
    align-items: stretch;
    display: -ms-flexbox;
    display: flex
}
.nav-center {
    -ms-flex-align: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}
@media screen and (min-width: 769px) {
    .nav-right {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: top;
    width: 16px;
    color: #aeb1b5;
    float: left;
    margin: 0 4px 0 -2px
}
.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}
.panel-heading {
    background-color: #11957e;
    border-bottom: 1px solid #d3d6db;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 10px
}
.panel-list a {
    color: #69707a
}
.panel-list a:hover {
    color: #1fc8db
}
.panel-tabs {
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    padding: 5px 10px 0;
    -ms-flex-pack: center;
    justify-content: center
}
.panel-tabs a {
    border-bottom: 1px solid #d3d6db;
    margin-bottom: -1px;
    padding: 5px
}

.panel-tabs:not(:last-child) {
    border-bottom: 1px solid #d3d6db
}
.panel-block {
    color: #222324;
    display: block;
    line-height: 16px;
    padding: 12px 15px
}
.panel-block:not(:last-child) {
    border-bottom: 1px dashed #d3d6db
}
a.panel-block:focus,
a.panel-block:focus .fa,
a.panel-block:hover,
a.panel-block:hover .fa {
    color: #cd3039;
    background-color: #f5f7fa
}
.panel {
    background-color: #fff;
    border: 1px solid #d3d6db;
    border-radius: 5px
}
.panel:not(:last-child) {
    margin-bottom: 20px
}
.tabs {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}
.tabs,
.tabs a {
    display: -ms-flexbox;
    display: flex
}
.tabs a {
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d3d6db;
    color: #69707a;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: 6px 12px;
    vertical-align: top
}
.tabs a:hover {
    border-bottom-color: #222324;
    color: #222324
}
.tabs li {
    display: block
}

.tabs ul {
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d3d6db;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tabs .icon:first-child {
    margin-right: 8px;
}
.tabs .icon:last-child {
    margin-left: 8px;
}

.footer {
    background-color: #f5f7fa;
    padding: 40px 20px 80px;
}
.footer a,
.footer a:visited {
    color: #69707a;
}
.footer a:hover,
.footer a:visited:hover {
    color: #222324;
}
.footer a:not(.icon),
.footer a:visited:not(.icon) {
    border-bottom: 1px solid #d3d6db;
}
.footer a:not(.icon):hover,
.footer a:visited:not(.icon):hover {
    border-bottom-color: #1fc8db;
}
html {
    border-top: 2px solid #11957e;
}
.verde-destaque {
    color: #11957e;
}

.title {
    color: #444;
}

/* -- css customizado -- */
.opcao {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 15px 15px 5px
}
.opcao .input_mask {
    margin: 0 8px
}
.opcao input[type=checkbox],
.opcao input[type=radio] {
    display: none
}
.opcao input[type=checkbox]+.opc_checkbox:before,
.opcao input[type=radio]+.opc_radio:before {
    background-color: #eef1f2;
    color: #cd3039;
    font-family: FontAwesome, sans-serif;
    display: block;
    font-size: 16px
}
.opcao input[type=radio]+.opc_radio:before {
    content: '\f10c'
}
.opcao input[type=radio]:checked+.opc_radio:before {
    content: '\f111'
}
.opcao input[type=checkbox]+.opc_checkbox:before {
    content: '\f096'
}
.opcao input[type=checkbox]:checked+.opc_checkbox:before {
    content: '\f14a'
}
.opcao label {
    -ms-flex: 1;
    flex: 1
}
.btn-alterar-img {
    position: absolute;
    font-size: 18px;
    border: 1px solid transparent;
    background: none;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px;
}
.btn-alterar-img:hover {
    background-color: #f4f4f4;
    text-shadow: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    color: #333;
    border-color: #999
}
.btn-alterar-img .fa {
    vertical-align: text-bottom
}

@media (max-width: 550px) {
    .btn-alterar-img {
        font-size: 14px;
    }
}

.animation {
    transition-duration: .6s;
    transition-timing-function: linear
}
.animation.ease-out-quart {
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.info_busca {
    padding: 20px 5px;
    display: -ms-flexbox;
    display: flex;
}
.info_busca>span {
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
}
.info_busca>nav {
    -ms-flex: 1 0;
    flex: 1 0;
}
.info_busca>nav a {
    padding: 0 14px;
    color: #69707a;
}
.info_busca>nav a.activo,
.info_busca>nav a:hover {
    color: #cc3039;
}
@media (max-width: 980px) {
    .info_busca {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .info_busca>nav {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: 5px;
    }
}

.instituicao__capa {
    background-color: #d6d6d6;
    padding: 35px;
    display: -ms-flexbox;
    display: flex;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 -87px 87px -50px #000;
    position: relative;
    margin-bottom: 20px;
}
.instituicao__capa>.btn-alterar-img {
    top: 25px;
    right: 25px;
}
.instituicao__capa:after,
.instituicao__capa:before {
    content: ' ';
    display: block;
    clear: both;
}
.instituicao__capa .capa__img {
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    width: 180px;
    height: 180px;
    background-color: #999;
    border: 5px solid #fff;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
}
.instituicao__capa .capa__img .btn-alterar-img {
    bottom: 5px;
    right: 5px;
}
.instituicao__capa .capa__titulo {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
}
@media (max-width: 550px) {
    .instituicao__capa {
        background-size: container;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .instituicao__capa .capa__titulo {
        text-align: center;
    }
    .instituicao__capa .capa__img {
        margin-right: 0;
    }
    .instituicao__capa>.btn-alterar-img {
        top: auto;
        bottom: 10px;
        right: 10px;
    }
}
.instituicao__content .segura-menu {
    min-height: 80px;
}
.instituicao__content .panel-heading {
    padding: 12px 15px;
    font-size: 27px;
    height: 60px;
}
.instituicao__content .panel-heading button {
    border: 0;
    background: none;
    color: #fff;
    padding: 5px;
    float: right;
    display: none;
}
.instituicao__content .panel-block {
    font-size: 17px;
    color: #444;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .instituicao__content .panel {
        overflow: hidden;
    }
    .instituicao__content .panel button {
        display: block;
    }
}
.instituicao__content .panel.menu-collapsed {
    height: 60px;
    overflow: hidden;
    position: absolute;
}
.instituicao__content .panel.menu-collapsed button {
    display: block
}
.instituicao__content .panel.ativo {
    height: auto;
    z-index: 99
}
.lista-cursos {
    margin-bottom: 30px!important
}
.lista-cursos__curso {
    box-shadow: 0 0 3px -2px #000;
    height: 100%;
    position: relative
}
.lista-cursos .link-curso {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: #fff;
    padding: 12px 15px 50px 10px
}
.lista-cursos .link-curso:focus,
.lista-cursos .link-curso:hover {
    background-color: #11957e;
    color: #fff
}
.lista-cursos .link-curso:focus .titulo-curso,
.lista-cursos .link-curso:hover .titulo-curso {
    color: #fff
}
.lista-cursos .link-curso .img-curso {
    -ms-flex: 0 0;
    flex: 0 0
}
.lista-cursos .link-curso .titulo-curso {
    color: #666;
    font-weight: 400;
    font-size: 16px
}
.lista-cursos .mais-categoria {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    height: 35px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #999;
    background-color: #fff
}
.lista-cursos .mais-categoria .fa {
    font-size: 21px
}
.lista-cursos .mais-categoria:focus,
.lista-cursos .mais-categoria:hover {
    background-color: #cd3039;
    color: #fff
}

.docente__img {
    position: relative;
}
.docente__img .btn-alterar-img {
    bottom: 10px;
    right: 5px;
    padding: 0px 5px;
}

@media(max-width: 1009px) and (min-width: 546px){
  .docente__img .btn-alterar-img {
    right: 35%;
}

}
.docente__form {
    width: 100%;
}
.docente__form .label:not(.fz-normal) {
    font-size: 21px;
    color: #11957e;
}
@media (min-width: 992px) {
    .docente__form .fieldset .control {
        width: 100%;
    }
}
.docentes-lista .card {
    height: 100%;
}

.docentes-lista .card a:hover{
    text-decoration: none;
}
.docentes-lista .card .btn-alterar-img,
.docentes-lista .card .btn-excluir-img {
    padding-right: 8px;
    padding-left: 8px;
    bottom: 10px;
    right: 23px;
    float: right;
    z-index: 9;
}
.curso-header {
    border-bottom: 1px solid #d3d6db;
    padding: 8px 10px;
    display: block;
    padding-bottom: 40px;
    padding-top: 24px
}
.curso-header__img {
    border: 1px solid #88debf;
    border-radius: 100%;
    margin-right: 20px;
    -ms-flex-preferred-size: 128px;
    flex-basis: 128px;
    overflow: hidden;
    height: 128px;
    width: 128px
}
@media (max-width: 768px) {
    .curso-header__img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }
}
.curso-header__titulo {
    width: auto;
    -ms-flex: 1;
    flex: 1
}
.curso-header-btns .button {
    margin-right: 30px
}
@media (max-width: 500px) {
    .curso-header-btns .button {
        margin-right: 0;
        width: 49%
    }
}
.curso__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}
.curso__progress .title {
    -ms-flex-preferred-size: 55px;
    flex-basis: 55px;
    color: #666;
    width: 55px;
    margin: 0 10px 0 0
}
.curso__progress .progress {
    -ms-flex: 1;
    flex: 1
}
.curso-modulos {
    padding: 30px 0
}
.curso-modulos .title {
    color: #11937e
}
.curso-modulos .btn-modulo {
    border: 1px solid #666;
    border-radius: 5px;
    background: #fff;
    display: block;
    padding: 10px;
    color: #666
}
.curso-modulos .btn-modulo.active,
.curso-modulos .btn-modulo:hover {
    border-color: #11957e;
    background: #11957e;
    color: #fff
}
.curso-aulas {
    padding: 20px 0 40px
}
.curso-aulas,
.curso-aulas .titles,
.curso-aulas a {
    color: #666
}
.curso-aulas__lista li:last-of-type a {
    border: 0
}
.curso-aulas__lista a {
    border-bottom: 1px dashed #d3d6db;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 10px;
    font-size: 16px;
    line-height: 1;
    display: -ms-flexbox;
    display: flex
}
.curso-aulas__lista a .fa {
    text-align: left;
    -ms-flex-preferred-size: 35px;
    flex-basis: 35px;
    font-size: 21px;
    color: #c5c5c5
}
.curso-aulas__lista a .titulo {
    -ms-flex: 1;
    flex: 1
}
.curso-aulas__lista a .aula_aulas {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    text-align: right
}
.curso-aulas__lista a:active,
.curso-aulas__lista a:focus,
.curso-aulas__lista a:hover {
    background-color: #f8f8f8
}
.curso-aulas__lista a.complete .aula_aulas,
.curso-aulas__lista a.complete .fa {
    color: #11947e
}
.curso-forum {
    border-top: 1px solid #d3d6db;
    padding: 30px 0
}
.curso-forum .title {
    color: #11937e;
    margin-bottom: 40px
}
.curso-forum .title .button {
    vertical-align: inherit;
    margin-left: 25px
}
@media (max-width: 390px) {
    .curso-forum .title .button {
        margin-top: 14px;
        margin-left: 0;
        width: 100%
    }
}
.aula-cronograma .panel {
    background-color: #fff
}
.aula-cronograma .panel-icon {
    margin: 0 12px 0 0
}
.aula-cronograma .panel-block:last-of-type {
    border-bottom-style: solid
}
.aula-cronograma__titulo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.aula-cronograma__titulo-img,
.lista-cursos .link-curso .img-curso {
    width: 50px;
    height: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    border: 1px solid #87debe;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px
}
.aula-cronograma__titulo .titulo {
    -ms-flex: 1;
    flex: 1
}
.aula-cronograma__titulo-aula {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-style: solid!important
}
.aula-cronograma__titulo-aula .title {
    color: #11937e
}
.aula-cronograma__navegacao-aulas .title {
    color: #11957e;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block
}
.aula-cronograma__navegacao-aulas .select {
    margin-bottom: 8px
}
.aula__video iframe {
    width: 100%;
    height: 460px
}
@media (max-width: 500px) {
    .aula__video iframe {
        height: 300px
    }
}
.aula__links-final {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.aula__links-final .button {
    text-transform: uppercase;
    margin-left: 20px
}
@media (max-width: 768px) {
    .aula__links-final {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .aula__links-final .button,
    .aula__links-final span {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0
    }
}
.aula__links-final .ver_explicacao {
    font-size: 14px;
    color: #666!important
}
.aula__texto {
    padding: 0 0 15px
}
.aula__texto-conteudo p {
    margin-bottom: 20px
}
.aula-biblioteca {
    border-bottom: 1px solid #d3d6db;
    padding-bottom: 40px;
    margin-bottom: 30px
}
.aula-biblioteca .column {
    padding-top: 15px;
    padding-bottom: 15px
}
.aula-biblioteca__lista {
    padding: 10px
}
.aula-biblioteca__lista a {
    color: #666;
    display: block;
    padding-left: 35px;
    position: relative;
    padding-top: 3px
}
.aula-biblioteca__lista a:before {
    content: '\f1c1';
    font-family: FontAwesome, sans-serif;
    color: #333;
    font-size: 26px;
    position: absolute;
    top: 0;
    left: 0
}
.aula-prova,
.aula-prova a {
    color: #333
}
.aula-prova .hero {
    background-color: #eef1f2
}
.aula-prova__disponivel,
.aula-prova__marcada,
.aula-prova__nao_tem_prova {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px
}
.aula-prova__disponivel a,
.aula-prova__marcada a,
.aula-prova__nao_tem_prova a {
    text-decoration: underline;
    font-size: 21px;
    line-height: 1.2
}
.aula-prova__disponivel .agendada,
.aula-prova__marcada .agendada,
.aula-prova__nao_tem_prova .agendada {
    color: #fff;
    background-color: #cd3039;
    max-width: 355px;
    border-radius: 5px;
    font-size: 28px;
    padding: 25px 20px;
    margin-bottom: 25px
}
.aula-prova__disponivel .agendada .data_horario,
.aula-prova__marcada .agendada .data_horario,
.aula-prova__nao_tem_prova .agendada .data_horario {
    font-size: 42px;
    padding: 40px 0 0
}
.aula-prova__disponivel .agendada .data_horario .fa,
.aula-prova__marcada .agendada .data_horario .fa,
.aula-prova__nao_tem_prova .agendada .data_horario .fa {
    font-size: 59px;
    display: block
}
.aula-prova__disponivel .agendada .esta_disponivel,
.aula-prova__marcada .agendada .esta_disponivel,
.aula-prova__nao_tem_prova .agendada .esta_disponivel {
    font-size: 42px
}
.aula-prova__disponivel .agendada .esta_disponivel .button,
.aula-prova__marcada .agendada .esta_disponivel .button,
.aula-prova__nao_tem_prova .agendada .esta_disponivel .button {
    border-bottom: 2px solid #a68d00;
    font-size: 28px;
    margin-top: 36px;
    margin-bottom: 5px;
    height: 54px;
    color: #333
}
.aula-prova__disponivel .agendada .esta_disponivel .button:focus,
.aula-prova__disponivel .agendada .esta_disponivel .button:hover,
.aula-prova__marcada .agendada .esta_disponivel .button:focus,
.aula-prova__marcada .agendada .esta_disponivel .button:hover,
.aula-prova__nao_tem_prova .agendada .esta_disponivel .button:focus,
.aula-prova__nao_tem_prova .agendada .esta_disponivel .button:hover {
    background-color: #fff;
    color: #cd3039
}

/* CSS Daniel */
.image {
        margin: 5px;
        max-width: 100%;
        max-height: 75px;
        width: auto;
        height: auto;
      }

.imageBanner {
        margin: 5px;
        max-width: 100%;
        max-height: 130px;
        width: auto;
        height: auto;
      }

      .dropZone {
          width: 100%;
          height: 200px;
          position:absolute;
          border: 2px dashed rgba(0,0,0,.3);
          border-radius: 20px;
          font-family: Arial;
          text-align: center;
          position: relative;
          line-height: 180px;
          font-size: 20px;
          color: rgba(0,0,0,.3);
      }

      .clickHere {
        position: absolute;
        cursor: pointer;
        left: 50%;
        top: 50%;
        margin-left: -50px;
        margin-top: 20px;
        line-height: 26px;
        color: white;
        font-size: 12px;
        width: 100px;
        height: 26px;
        border-radius: 4px;
        background-color: #3b85c3;
      }

      .clickHere:hover {
        background-color: #4499DD;
      }

      .clickHereDocente {
  cursor: pointer;
  line-height: 26px;
  color: white;
  font-size: 12px;
  width: 300px;
  height: 26px;
  border-radius: 4px;
  text-align: center;
  background-color: #3b85c3;
}

.clickHereDocente:hover {
  background-color: #4499DD;
}

.botao-card{
    margin: 5px;
    color: #999;
}

.clickHereCurso {
  cursor: pointer;
  line-height: 26px;
  color: white;
  font-size: 12px; 
  width: 300px;
  height: 26px;
  border-radius: 4px;
  text-align: center;
  background-color: #3b85c3;
}

.clickHereCurso:hover {
  background-color: #4499DD;
}
/* CSS Mari */
.button-warning {
    color: #333;
    background-color: #ffd900;
    border-color: #ffd900;
}

.button-danger {
    background-color: #CD3039;
}

.button-default{
    color: #fff;
    background-color: #999;
}

.button-success{
    color: #fff;
    background-color: #11957e;
    border-color: #11957e;
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{
  color: #fff;
  background-color: #0a6152;
  border-color: #0a6152;
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus{
  color: #fff;
  background-color: #0a6152;
  border-color: #0a6152;
}

.button-white{
  color: #666;
  background-color: #fff;
  border-color: #999;
}

.button-white:hover{
  color: #666;
  background-color: #dadada;
  border-color: #999;
}

.btn-warning:hover {
    text-decoration: none;
    color: #333;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-primary:hover{
    color: #fff;
}

.btn-danger:hover {
    background-color: #ac2925;
    border-color: #ac2925;
}

.btn-default:hover{
    color: #fff;
    background-color: #797979;
}

.btn-success:hover{
    color: #fff;
    background-color: #0a6152;
    border-color: #0a6152;
}

.btn-success:active{
    color: #fff;
    background-color: #0a6152;
    border-color: #0a6152;
}

.btn-success:focus{
    color: #fff;
    background-color: #0a6152;
    border-color: #0a6152;
}

.max-card{
    min-height: 250px;
    margin-bottom: 16px;
    height: auto;
    width: auto;
}

.categorie-card{
    min-height: 120px;
    margin-bottom: 16px;
    height: auto;
    width: auto;
}

.label-white{
    color: #fff;
}

.label-verde{
    color: #11957e;
}
.label-verde-light{
    color: #87debe;
}

.label-vermelho{
    color: #cc3039;
}

.label-cinza{
    color: #666;
}

.card-vermelho {
    background-color: #cc3039;
    color: #fff;
    font-size: 27px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 10px 10px 10px;
}

.card-vermelho-aula {
    background-color: #cc3039;
    font-size: 27px;
}

.card-verde {
    background-color: #11957e;
    color: #fff;
    font-size: 27px;
    text-align: center;
    padding: 20px 10px 10px 10px;
}

a:hover{
    text-decoration: none;
}

.botao-vermelho {
    padding: 15px;
}

.modulo-vermelho a{
  color: #cc3039;
}

.depoimento {
   margin-bottom: 16px;
   height: auto;
   min-height: 350px;
   width: 300px;
}

.depoimento-site{
    min-height: 55px;
    font-size: 17px;
}

.depoimento-margem{
    margin-bottom: 25px;
}

.depoimento-description{
    min-height: 220px;
}
.video-depoimento{
    max-width: 100%;
    max-height: 100%;
}

.biblioteca{
    margin: 0px 0px 30px 0px;
    word-wrap: break-word;
    padding: 8px;
    min-height: 120px;
}
.biblioteca a{
    color: #999;
}
.biblioteca a:hover{
    color: #cc3039;
}
.pdf-icon{
    margin-top: 3px;
}
.biblioteca p{
    margin-top: 10px;
    line-height: 120%;
    font-size: 0.8em;
}
.bottom-icon {
    margin-top: 22px;
}

.textarea-max{
    max-width: 100%;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #11957E;
    border-color: #11957E;
}

.input_busca{
    width: 400px;
}

/** Switch ON/OFF [inicio]**/
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/** Switch ON/OFF [fim]**/

.label-success {
    background-color: #11957e;
}

.vertical-align{
    vertical-align: middle;
}
.bottom-align{
    vertical-align:bottom;
}

.margem-texto{
    margin-bottom: 5px;
}

.margem-texto-servico{
    margin-bottom: 15px;
}

.link-aluno{
    color: #999;
}


.form_busca {
    background-color: #11957e;
    border-radius: 4px;
    padding: 15px;
    align-items: center;
    height: 63px;
    width: auto;
    height: auto;
}
.form_busca .col-md-1{
    width: 5%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.vendas_form h4{
    display: inline;
}
.vendas_form input, label{
    margin: 0px 5px;
}

.visitante{
   margin-top: 60px;
}
.visitante a{
    margin: 0px 20px 0px 0px;
    color: #69707a;
}
.visitante a:hover{
    color: #999fa7;
}
.visitante h1,.visitante h2,.visitante h3,.visitante h4{
    display: inline;
}

.publicidade-box{
  max-height: 200px;
  height: auto;
  margin-bottom: 10px;
}

.curso_servico{
    margin-right: 10px;
}
.menu_links{
    width: 49%;
}

@media(max-device-width:1024px){
    .menu_links{
        width: 73%;
    }
}
.img_instituicao_visitante{
  background-color: #fff;
  max-width: 100px;
  max-height: 100px;
}
.img_curso_visitante{
  max-height: 225px;
  max-width: 300px;
}
.max_visitante{
  height: 120px;

}
.instituicao_capa_visitante{
  min-height: 250px;
  height: auto;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
  background-color: #11957e;
  color: #fff;
}

.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus{
  text-decoration: none;
  background-color: #fff;
  color: #999;
  box-shadow: 0 2px 3px hsla(0, 0%, 100%, 0), 0 0 0 1px hsla(0, 0%, 100%, 0);
}

.imagem-aluno{
    max-width: 50px;
    max-height: 50px;
    display: inline;
    cursor: pointer;
}
.nome-aluno{
    position: absolute;
    margin-top: 13px;
    margin-left: 15px;
    cursor: pointer;
}
.image-aluno{
    cursor: pointer;
}
.dropdown-aluno{
    min-width: 200px;
}

.img_curso_aluno{
    width: 128px;
    height: 128px;
}
.progress-bar-success{
    background-color:#11957e;
}
.hr_pontilhado{
    border-bottom: 1px dashed #d3d6db;
    margin-top: 5px;
}

.aula_uncheck{
    color: #c5c5c5;
}
.aula_check{
    color: #11957e;
}
.modulos_aluno a{
    color: #666;
    text-decoration: underline;
}
.modulos_aluno a:hover{
    color: #999;
    text-decoration: underline;
}
.panel_verde{
    padding: 10px;
    background-color: #11957e;
    color: #fff;
}

.topicos span{
    margin: 3px 5px 0 0;
}

.show-faq{
    padding: 5px 0 5px 10px;
}
.show-faq p{
    margin: 5px 0 10px 0;
}
.show-faq a{
    text-decoration: none;
    color: #666;
}
.show-faq a:hover{
    text-decoration: none;
    color: #999;
}

.faq-cursor{
    cursor: pointer;
}

.tipo_video_aula_aluno{
    width: 100%;
    min-height: 480px;
    height: auto;
}
.tipo_arquivo_aula_aluno a{
    text-decoration: none;
    color: #666;
}
.tipo_arquivo_aula_aluno a:hover{
    text-decoration: none;
    color: #999;
}
.tipo_arquivo_aula_aluno label{
    margin-top: 10px;
}

.hr_normal{
    border-bottom: 1px solid #d3d6db;
    margin-top: 10px 0 10px 0;
}
.detalhe_instituicao{
    text-align: center;
    width: auto;
    height: 180px;
}

.rodape{
    background-color: #11957e;
    min-height: 200px;
    height: auto;
    color: #fff;
    padding-top: 30px;
}

.rodape a{
    color: #fff;
    text-decoration: none;
}

.horario_atendimento{
    background-color: #fff;
}

.horario_atendimento .radio, .horario_atendimento .checkbox{
    position: relative;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.horario_atendimento_padding{
    padding: 10px;
}
.horario_atendimento a{
    text-decoration: none;
}

.box_docente
{
    margin: 0 auto;
    width: 400px;
    margin-top: 300px;
}

.prestador_servico{
    color: #666;
}
.contratante_servico{
    color: #999;
}

/* Status dos serviços na área do aluno */
.aguardando_confirmacao{
    color: #11957E;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #11957E;
    border-radius: 4px;
}
.andamento{
    color: #CD3039;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #CD3039;
    border-radius: 4px;
}
.concluido{
    color: #777;
    background-color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #777;
    border-radius: 4px;
}

.navegacao-aulas{
    top: 100%;
}

.recuperar-senha{
    margin: 100px 0 60px 0;
    min-height: 400px;
}

.input-busca{
    min-width: 100%;
}

.no-border{
    margin-right: -15px;
    margin-left: -20px;
}

/* MEDPLAY */

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default{
    background-color: #eef1f2;
    border-color: #eef1f2;
    margin-top: 20px;
    margin-bottom: 0;
    z-index: 2;
}

.logomarca{
    height: 180%;
}

@media screen and (min-width: 769px) and (max-width: 1215px){
    .logomarca{
        height: 100%;
    }
}

.logomarca-lancamento{
    margin-top: 20px;
    height: 180%;
}

.logomarca-footer{
    max-width: 80%;
}

.inline li{
    display: inline;
}

.inline a, .inline label{
    margin: 7px 5px 0 5px;
}

.inline p{
    margin: 20px 5px;
}

.login{
    margin-top: 10%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    color: #CD3039;
    background-color: #eef1f2;
    font-weight: bold;
}

.menu-active {
    color: #cd3039;
    background-color: #f5f7fa
}

.menu-bottom{
    bottom: 20%;
    position: absolute;
}

.dashed {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d3d6db;
    padding-left: 5px;
    padding-right: 5px
}

/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

@media (min-width: 768px){
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding: 0;
        overflow: visible !important;
    }
}

.divider{
    border-bottom: dashed 1px #ccc;
}

/*tablet*/
@media (min-width:801px)  {
    .dropdown-menu-right {
        left: auto;
        /*right: -140%;*/
        right: -97%;
        top: -5%;
    }
}

/*desktop*/
@media screen and (min-width: 1180px) {
    .dropdown-menu-right {
        left: auto;
        right: -76%;
        top: -5%;
    }
}

/*iphone*/
@media only screen and (max-device-width: 480px) {
    .dropdown-menu-right {
        left: auto;
        right: -10%;
        top: -5%;
    }
}

.dropdown-toggle label{
    /*padding-left: 10px;*/
}

.nav-space{
    margin: 3px;
}

.box-footer{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
    height: 192px;
}

.box-footer-aside{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
    height: 403px;
}

.img-capa-site{
    max-width: 100%;
    max-height: 250px;
    width: auto;
    height: auto;
    border: 1px solid #87DEBE;
}

.img-footer-site{
    max-width: 970px;
    max-height: 90px;
    width: auto;
    height: auto;
    border: 1px solid #87DEBE;
}

.apresentacao{
    background-color: #11957E;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.apresentacao-video{
    min-height: 300px;
    width: 100%;
    height: 100%;
}

.fa-middle{
    vertical-align: middle;
    margin-top: 5px;
}

.partners{
    background-color: #fff;
    border-top: 2px solid #11957e;
}

.box-mailmarketing{
    min-height: 200px;
    height: auto;
}

.box-mailmarketing-footer{
    height: auto;
}

.box-service{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px 10px 10px;
    background-color: #fff;
}

.destaque{
    color: #ffd900;
}
.destaque a:hover{
    color: #ffd900;
}

.carousel-control.left {
    background-image: none; 
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: none; 
    background-repeat: repeat-x;
}

.space-footer{
    height: 250px;
}

.search-site{
    position: absolute;
    top: 0;
    z-index: 2;
    left: 30%;
    max-width: 90%;
}

/*tablet*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search-site{
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        max-width: 90%;
    }
}

/*desktop large*/
@media screen and (min-width:1025px) and (max-width: 1340px) {
    .search-site{
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
    }
}

/* others */
@media screen and (min-width:1341px) {
    .search-site{
        position: absolute;
        top: 0;
        z-index: 2;
        left: 10%;
    }
}

.button-search{
  color: #11957e;
  background-color: #fff;
  border-color: #11957e;
}

.button-search:hover{
  color: #11957e;
  background-color: #fff;
  border-color: #11957e;
}

.box-search {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0;
    background-color: #11957e;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.body-lancamento{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: url(/../uploads/depo4.jpg) no-repeat;
    background-size: 100%;
}

.lancamento-box{
    background-color: rgba(255, 255, 255, 0.6);
    background: linear-gradient(white, transparent);
}

.icon{
    border: #ffffff 3px solid;
    border-radius: 100%;
    padding: 15px;
    width: 61px;
    height: 61px;
    font-size: 2em;
}

.img-docente{
    max-width: 180px;
    max-height: 180px;
    border: solid #87debe 1px;
    margin-left: 15%;
}

@media screen and (max-width: 768px){
    .img-docente{
        max-width: 180px;
        max-height: 180px;
        border: solid #87debe 1px;
        margin-left: 22%;
    }
}

.docente-box{
    height: 270px;
}

.iframe-livelesson iframe{
    width: 100% !important;
    height: 560px !important;
}

.navbar-topsite li{
    margin: 0 -6px;
}

.clicavel{
    cursor: pointer;
}

.buttons-home{
    margin-right: 10px;
}

.watermark{
    position: absolute;
    top: 50%; 
    right: 35%;    
    width: auto;
    height: auto;
    display: block; 
    background:transparent;
    color: rgba(17,149,126,0.3);
    font-size: 28px;
    z-index: 2147483647;
}

.watermark-aside{
    position: absolute;
    top: 5%; 
    right: 1%;    
    width: auto;
    height: auto;
    display: block; 
    background:transparent;
    color: #11957e;
    font-size: 28px;
    z-index: 2147483647;
}

.watermark-small{
    position: absolute;
    top: 80%;
    right: 52%;
    width: auto;
    height: auto;
    display: block;
    background: transparent;
    color: #11957e;
    font-size: 13px;
    z-index: 2147483647;
}

#video { 
    position: relative; 
}

.blink {
  /*animation: blink-animation 10s steps(2, start) infinite;
  -webkit-animation: blink-animation 10s steps(2, start) infinite;*/
  animation: blink-animation 300s infinite;
  -webkit-animation: blink-animation 300s infinite;
}
/*@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}*/
@keyframes blink-animation {
  2% {
    visibility: visible;
  }
  3% {
    visibility: hidden;
  }
  98% {
    visibility: hidden;
  }
}

.compliance {
   position: fixed;
   left: 0;
   bottom: 0;
   right: 0;
   width: auto;
   background-color: #ffd900;
   background-color: #272727;
   color: #fff;
   padding: 20px;
}

.acceptance_box {
    width: auto;
    max-height: 200px;
    border: 1px solid #11957e;
    overflow-y: scroll;
    padding: 10px;
    border-radius: 2%;
}

.panel-medplay > .panel-heading {
    color: #fff;
    background-color: #11957e;
    border-color: #ddd;
}