html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'OpenSans-Regular', 'Raleway-Medium', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    margin-bottom: 0px;
    background-color: #DDD !important;
}


/* BOOTSTRAP - OPENSANS */
b,
strong {
    /*font-weight: bold;
  font-weight: normal;*/
    font-family: 'OpenSans-Bold', 'Raleway-ExtraBold', 'Arial Black', Gadget, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'OpenSans-ExtraBold', 'Raleway-ExtraBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

div.col-md-20p {
    width: 20%;
    float: left;
    padding-left: 24px;
    padding-right: 24px;
}

small.copyright {
    font-size: 90%;
}

p {
    margin: 0 0 10px;
    font-family: 'OpenSans-Regular', 'Raleway-Medium', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.025em;
}

.table > thead > tr > th {
    vertical-align: middle;
    font-weight: normal;
    font-family: 'OpenSans-Regular', 'Raleway-Medium', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    border-bottom: 2px solid #dddddd;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    color: #015a9c;
    font-family: 'OpenSans-Bold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    background-color: transparent;
}

.nav-tabs > li > a {
    font-size: 16px;
    font-family: 'OpenSans-Bold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    border: 0px;
    outline: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #FFDA4B;
    font-family: 'OpenSans-Bold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.navbar-default .navbar-nav > li > a {
    letter-spacing: -1px;
    color: #444444;
    font-family: 'OpenSans-Bold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 15px;
    margin-top: 25px;
    padding: 10px;
}

#brasao-sp {
    background-image: url('images/brasao-sp.png');
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    width: 260px;
    height: 67px;
    top: 0;
    left: -190px;
}

.navbar-filter .navbar-text {
    color: #656565;
    font-size: 16px;
    font-family: 'OpenSans-Bold', 'Raleway-Bold', Arial, Helvetica, sans-serif;
}

.navbar-filter .navbar-nav > li > a:hover,
.navbar-filter .navbar-nav > li > a:focus {
    color: #015a9c;
    font-family: 'OpenSans-ExtraBold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.navbar-filter .navbar-nav > .active > a,
.navbar-filter .navbar-nav > .active > a:hover,
.navbar-filter .navbar-nav > .active > a:focus {
    color: #FFDA4B;
    font-family: 'OpenSans-ExtraBold', 'Raleway-ExtraBold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.footer {
    font-family: 'OpenSans-Semibold', 'Raleway-Semibold', 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    background-color: #FFF;
    border-color: #36BE94;
    color: #FFF;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    /*bottom: 0;*/
    min-height: 60px;
    margin: 0 auto;
}

.footer-periodo-eleitoral {
    font-family: 'OpenSans-Semibold', 'Raleway-Semibold', 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    background-color: #363B3D;
    border-color: #36BE94;
    color: #FFF;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    /*bottom: 0;*/
    min-height: 60px;
    margin: 0 auto;
    width: 1440px;
}

.text-detalhes {
    margin-left: 30px;
    font-size: 9pt;
}

.tooltip {
    font-family: 'OpenSans-Regular', 'Raleway-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    /*font-weight: normal;*/
    line-height: 1.4;
}

.popover {
    font-family: 'OpenSans-Regular', 'Raleway-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*font-weight: normal;*/
    line-height: 1.42857143;
    white-space: normal;
    max-width: 500px;
}


h1.home-titulo {
    font-family: 'OpenSans-ExtraBold';
    font-size: 46px;
    /*padding-top: 120px; padding-top: 80px;*/
    margin-top: 0;
    letter-spacing: -0.025em;
}

.jumbotron.jumbotron-main {
    font-family: 'OpenSans-Semibold', Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 10px;
}

p.sub-title {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.025em;
    padding-bottom: 10px;
}

p.form-control-static {
    color: #0B6173 !important;
}

p.home-panel {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.025em;
}

/*div.principal {
    background-image: url('images/bg-plataforma.png') !important;
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color: #FFF;
}*/

.top-header {
    background-color: #FFDA4B;
    border: none 0;
    padding-bottom: 28px;
    margin: 0 auto !important;
}

.header-border-bottom {
    max-width: 1440px !important;
    background-color: #363B3D;
    border: none 0;
    padding-bottom: 50px;
    margin: 0 auto !important;
}

.btn {
    min-width: 200px !important;
    font-family: 'OpenSans-Bold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    letter-spacing: -1px;
}

.btn-no-width {
    min-width: 5px !important;
}

.input-group-btn .btn, td .btn {
    min-width: 5px !important;
}

/*.navbar-default ul.nav {
    padding-top: 13px;
}*/

.navbar-text {
    margin-top: 25px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin: 0;
    padding-top: 42px;
}

.main-header {
    background-color: #F5DC2B;
    color: #363B3D;
    padding-top: 30px;
    letter-spacing: -0.025em;
}

.main-header-title {
    background-color: #ffda4b;
    color: #363B3D;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .main-header-title h1 {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

.main-header p {
    font-size: 18px;
    font-family: 'OpenSans-Regular', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    line-height: 26px;
    margin-bottom: 40px;
}

.product-container p {
    font-size: 16px;
}

.form-meio {
    margin-left: 25%;
    margin-right: 25%;
    border: 7px solid #F5DC2B;
    padding: 30px;
    border-radius: 20px;
}

.box-login{
    margin-left:40px;
    margin-right:40px;

}

.permanecer-conectado{
    margin-left: 180px;
    margin-right: 190px;
}

.input-login {
    margin-left: 110px;
    margin-right: 110px;
}

.box-novo-cadastro {
    border: 7px solid #ffda4b;
    padding: 30px;
    border-radius: 20px;
}

.box-atr-novo-cadastro {
    border: 7px solid #ffda4b;
    padding: 43px;
    border-radius: 20px;
}

.btn-primario {
    color: #363b3d;
    background-color: #ffda4b;
    border-color: #ffda4b;
}
.bg-primario {
    color: #fff;
    background-color: #363b3d;
}

hr.titulo {
    width: 60px;
    height: 5px;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #666666;
}

/*table.table-default {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}*/

.input-group-addon-success {
    background-color: #5cb85c !important;
    color: #fff;
}

.input-group-addon-warning {
    background-color: #f0ad4e !important;
    color: #fff;
}

.caret {
    color: #015a9c !important;
}

.input-group-addon-danger {
    background-color: #df5c64 !important;
    color: #fff;
}

.md-space {
    margin-bottom: 30px;
}

.lg-space {
    margin-bottom: 50px;
}

.xl-space {
    margin-bottom: 70px;
}

.md-padding {
    padding-top: 70px;
}

.fone-header {
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    color: #5c9dc6;
}

.login-container {
    padding-left: 30px;
    padding-right: 30px;
    min-height: 420px;
}

.message-container p {
    font-size: 16px;
}

.message-container a {
    font-family: 'OpenSans-ExtraBold', Arial, Helvetica, sans-serif;
}

.fone-number {
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    color: #5c9dc6;
}

img.img-product {
    border: solid 2px #0069ad;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}

.btn-product {
    width: 200px;
}

.text-dark-green {
    color: #006400;
}

address, address p {
    font-size: 14px;
    /*line-height: 20px;*/
}

p.text-section {
    line-height: 24px;
}

ul.list-item {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkJFOUUxMDFCMkUwMTFFNDhGNEZDNzcwOTk0MzZDMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkJFOUUxMDJCMkUwMTFFNDhGNEZDNzcwOTk0MzZDMDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QkU5RTBGRkIyRTAxMUU0OEY0RkM3NzA5OTQzNkMwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkU5RTEwMEIyRTAxMUU0OEY0RkM3NzA5OTQzNkMwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrSBlkYAAADaSURBVHjanJGxCsIwEIZjEREk+BpOLlIciugz+UAOIi5OIg6Cg4+hoyAOUhy6OdT4n+bgwFxpc/ClTXP5mrsY55yJZAoKUIIL6NL3Fg2RUQAL3iABZzBLIkQZyEHPy4x/Dr5rEWU+3S9KAcUGWE604ARe4KDIJiBXZCvuISX2wVEkOj+XsqziZFuWsXCuJO5FmdrJlqAtf05DCh7KBir/rqztQq3hl2HFxtC3hXZxcpIqfQr1zNQRsvSmSLlnnSZC7Ub/brOJkBiJk1Ks68iqhMQYXOuUKfkIMABMCTg6CAR+tgAAAABJRU5ErkJggg==') /*images/icon-check.png*/;
    padding-left: 25px;
    line-height: 24px;
}

.helper-text {
    margin-top: 0 !important;
    font-size: 0.85em !important;
    color: #777 !important;
}

div.product-container {
    height: 450px; /*height: 350px;*/
}

div.aceite {
    width: 100%;
    height: 400px;
    background-color: #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
    margin-bottom: 10px;
    overflow-y: scroll;
    padding: 70px;
    color: #000;
    -ms-word-break: break-word;
    word-break: break-word;
}

.aceite p {
    font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.aceite strong, .aceite b {
    font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
}

input.ng-dirty.ng-invalid {
    border-color: red;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    -moz-animation: fa-spin 1s infinite steps(8);
    -o-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

/*div.product-container > div.details-row {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 160px;
}

div.product-container > div.buy-row {
    position: absolute;
    bottom: 110px;
    width: 100%;
    left: 0;
}

div.product-container > div.meuspedidos-row {
    position: absolute;
    bottom: 60px;
    width: 100%;
    left: 0;
}

div.product-container > div.hotsite-row {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
}*/

.descricao-curta {
    width: 100%;
    position: absolute;
    top: 50%;
    padding: 0 40px;
    margin: 0px;
    left: 0;
}

.botoes-produtos {
    width: 100%;
    position: absolute;
    left: 0;
    top: 59%;
    display: block;
}

.botoes-produtos div {
    margin-top: 10px;
}

/* Material Styles */
.checkbox-group {
    position: relative;
}

    /* Hide Checkbox Input */
    .checkbox-group input[type=checkbox] {
        display: none;
    }

    /* Style Label */
    .checkbox-group label {
        padding-left: 30px;
        cursor: pointer;
    }

        /* Style span tag */
        .checkbox-group label span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s;
        }
        /* Style box */
        .checkbox-group label .box {
            background: #d9e1e7;
            height: 20px;
            width: 20px;
            z-index: 9;
            -webkit-transition-delay: .2s;
            -moz-transition-delay: .2s;
            -o-transition-delay: .2s;
            transition-delay: .2s;
        }

        /* Style check icon. give it a border on the bottom and right only and then rotate */
        .checkbox-group label .check {
            top: 0;
            left: 7px;
            width: 7px;
            height: 15px;
            border: 2px solid #fff;
            border-top: none;
            border-left: none;
            opacity: 0;
            z-index: 10;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition-delay: .3s;
            -moz-transition-delay: .3s;
            -o-transition-delay: .3s;
            transition-delay: .3s;
        }

/* Change color of box when checkbox is checked */
input[type=checkbox]:checked ~ label .box {
    background: #FFDA4B;
}

/* Rotate and show check icon when checkbox is checked */
input[type=checkbox]:checked ~ label .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

#footer-diagonal {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: solid #FFDA4B;
    left: 0;
}

.containerHeader {
    background-image: url('images/bg-plataforma.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    color: #FFF;
}

.banner-caminhao {
    background-image: url('images/banner-caminhao.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    color: #FFF;
    height:500px;
}
.banner-onibus {
    background-image: url('images/banner-onibus.png');
    background-size: cover; /* Garante que a imagem cubra todo o container */
    background-position: center center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Evita a repetição da imagem */
    color: #FFF;
    width: 100%; /* Ajusta a imagem para preencher o container */
    height: 600px; /* Define a altura do container */

    max-width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}



.containerBlock {
    background-color: #FFFFFF;
}

.md-space-top {
    padding-top: 30px;
}

.xl-space-top {
    padding-top: 70px;
}

.xl-space-bottom {
    padding-bottom: 70px;
}

.barraFullGov {
    overflow: hidden;
    padding: 0px;
}

.diagonal-right {
    width: 0;
    height: 0;
    border-left: solid 120px rgba(0, 0, 0, 0);
    border-bottom: solid 102px #FFDA4B;
}

.logoDersa-diagonal {
    background-color: #FFDA4B;
    /*padding: 40px 150px 32px 10px;*/
    padding: 40px 150px 23px 10px;
    margin-left: 100px;
    border-left: solid 1px #FFDA4B;
}

.navbar-brand {
    padding-left: 30px;
}

.navbar-menu {
    background-color: #FFF;
}

.footer-space {
    background-color: #FFF;
    display: block;
    margin: 0 auto !important;
    padding: 100px 0 0 0 !important;
}

.PadRightEmpty {
    padding-right: 0;
}

.imgHomeBanner {
    padding-bottom: 25px;
    margin: 0 auto;
}

.navbar-filter .navbar-nav > li.active > a, .navbar-filter .navbar-nav > .active > a:hover, .navbar-filter .navbar-nav > .active > a:focus {
    color: #FFDA4B;
    font-family: 'OpenSans-Bold', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.navbar-filter .navbar-nav > li > a:hover {
    color: #015A9C;
    font-family: "OpenSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-filter {
    margin: 0 auto 40px auto;
}

#ContentMain_updateProdutos {
    margin: 0 auto;
}


.fontRegular {
    font-family: 'OpenSans-Regular', Arial, Helvetica, sans-serif;
}

.jumbotron {
    margin-top: 70px;
    margin-bottom: 0;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media (max-width: 1299px) {
    .logoDersa-diagonal {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .top-header {
        width: 100%;
    }

    .container {
        width: 100%; /*width: 768px;*/
    }

    .footer-space {
        width: 100%; /*width: 768px;*/
    }

    .footer {
        width: 100%; /*width: 768px;*/
    }

    .navbar-left {
        margin: 16px 0 0 0;
        padding: 0;
    }

    .navbar-filter, #ContentMain_updateProdutos {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .row-footer {
        margin-top: 60px !important;
    }

    .descricao-curta {
        width: 100%;
        position: absolute;
        top: 40%;
        padding: 0 48px;
        margin: 0px;
        left: 0;
    }

    .botoes-produtos {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
    }
}

@media (min-width: 992px) {
    .top-header {
        width: 100%; /*988px;*/
    }

    .footer-space {
        width: 100%; /*988px;*/
    }

    .footer {
        width: 100%; /*988px;*/
    }

    .navbar-left {
        margin: 16px 0 0 0;
        padding: 0;
    }

    .navbar-filter, #ContentMain_updateProdutos {
        width: 100%;
    }
}

@media (min-width: 1200px) {

    .top-header {
        width: 100%; /*1188px !important;*/
    }

    .footer-space {
        width: 100%; /*1188px !important;*/
    }

    .footer {
        width: 100%; /*1188px !important;*/
    }

    .navbar-left {
        margin: 16px 0 0 0;
        padding: 0;
    }
}

@media (min-width: 1450px) {
    .container, .top-header {
        width: 1440px !important;
    }

    .footer-space {
        width: 1440px;
    }

    .footer {
        width: 1440px;
    }

    .navbar-text {
        padding: 0;
        margin: 0;
        padding-top: 42px;
    }

    .navbar-left {
        margin: 16px 0 0 0;
        padding: 0;
    }

    .navbar-filter, #ContentMain_updateProdutos {
        width: 1200px;
    }
}

.nav-tabs > li.active:before {
    border-top-color: #A9A9A9;
}

.popover-title {
    margin: 0;
    padding: 15px 15px 0 15px;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    font-family: 'OpenSans-Regular', 'Raleway-Medium', Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    line-height: 20px;
}

.list-faq li ol {
    margin-bottom: 15px !important;
}

    .list-faq li ol a {
        color: #696969;
        font-size: 16px;
    }

        .list-faq li ol a:hover {
            color: #015a9c;
            text-decoration: none;
        }

        .list-faq li ol a:hover, a:focus {
            text-decoration: none;
        }


.logodersa {
    width: 153px;
}


.nav-tabs > li {
    float: left;
    margin-bottom: -3px;
}

a, a:hover, a:focus {
    outline: none !important;
}


input, button, select, textarea {
    font-family: 'OpenSans-Regular','Arial';
}

.imageFooterLogoDersa {
    display: block;
    height: 31px;
    position: relative;
    top: 50%;
    margin-top: -15px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .dropdown:hover .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

#menuLogin:hover > a {
    background-color: #EEEEEE;
}

.warning-text {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.panel-footer {
    border-top: 1px solid #44A5EC;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.video-box {
    background-color:transparent;
    width: 100% !important;
}

.panel-primary {
    border-color:transparent;
}

.videoCol {
    padding: 15px;
}

button.selectpicker {
    min-width: 10px !important;
}

li.logoDersa-diagonal::before {
    content: ' ';
    top: 0;
    border-right: solid 117px #FFDA4B;
    border-top: solid 117px transparent;
    position: absolute;
    left: -116px;
    z-index: 1;
}

.footer-dersa {
    position: relative;
}

    .footer-dersa::before {
        content: ' ';
        position: absolute;
        border-top: solid 33px transparent;
        z-index: 1;
        left: 0;
        top: -32px;
    }