.sub-header {padding-bottom: 10px; border-bottom: 1px solid #eee;}
.navbar-fixed-top {border: 0; min-height:90px;}

.btnExcell { background: url(/images/excell.gif) no-repeat 0 0; margin-bottom:15px; margin-right:5px; width:32px; height:32px; border: 0;}
.btnExcell:hover { background-position: -32px 0; }
.btnPDF { background: url(/images/PDF.png) no-repeat 0 0; margin-bottom:15px; margin-right:5px; width:32px; height:32px; border: 0;}
.btnPDF:hover { background-position: -32px 0; }
.btnWord { background: url(/images/word.png) no-repeat 0 0; margin-bottom:15px; margin-right:5px; width:32px; height:32px; border: 0;}
.btnWord:hover { background-position: -32px 0; }
.btnDownload { background: url(/images/ic_action_file_file_download.png) no-repeat 0 0; }
.btnSend { background: url(/images/ic_action_content_send.png) no-repeat 0 0; width: 32px; height: 32px; border: 0px; margin-left: 11px;}
.page-headerTitle {
    font-size: 25px;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 100;
    color: #444 !important;
    margin-top: 0;
    margin-bottom: 0px;
    margin-top: 50px;
}
.page-headerTitle > hr {
    margin-top:11px;
}
.page-headerSubTitle {
    font-size: 20px;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 100;
    color: #444 !important;
    margin-top: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}
.ContentText {font-size: 14px;line-height: 1.42857143;color: #909090; FONT-WEIGHT: 400; }
.ContentTextDate {color: black; font: normal 10px;}
.ContentTextTitle {font-size: 16px;line-height: 1.42857143;color: #444444; FONT-WEIGHT:400; padding:0px;margin:0px;padding-bottom:10px;}
.ContentTableSpace {padding-left: 15px; padding-top: 15px; width:262px;}
.ContentTableSpace2 {padding-left: 15px; padding-top: 15px;}
.ContentTableSpaceTD1 {padding-top: 15px; width:180px;}


.chat {margin: 0;padding: 0; list-style: none;}
.chat-panel .panel-body { max-height: 350px; overflow-y: auto;}
.chat li {margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #999;}
.chat li.left .chat-body {margin-left: 60px;}
.chat li.right .chat-body {margin-right: 60px;}
.fa {display: inline-block;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-fw {width: 1.28571429em;text-align: center;}
.chat li .chat-body p {margin: 0;}

.panel-green {border-color: #5cb85c;}
.panel-green .panel-heading {color: #fff;background-color: #5cb85c;border-color: #5cb85c;}
.panel-yellow {border-color: #f0ad4e;}
.panel-yellow .panel-heading {color: #fff;background-color: #f0ad4e;border-color: #f0ad4e;}
.panel-red {border-color: #d9534f;}
.panel-red .panel-heading {color: #fff;background-color: #d9534f;border-color: #d9534f;}
.panel-primary .panel-heading {color: #fff;background-color: #428bca;border-color: #428bca;}

.panel-footer {padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd;border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.myBannerImageSize {height: 580px;background-position: center;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;margin-top: -75px;position: relative;}
@media screen and (max-width: 767px) {
    .with100{width:100%;}
    .footerMobile {
        /*height: auto;*/
     
    }
    .defaulPage {
        padding-left:-70px;
    }
    div.defaultPageRows {
        position: relative;
        top: 0px;
        margin-left: 8px;
    }
    div.defaulPageMyContacts {
        padding-left:15px;
    }
    div.mobileImageHello {
        margin-left: -25px;
    }
    [class*="col-"] {
        width: 100%;
        margin:auto;
    }

}

@media only print {
    .container-fluid{padding-right: 30px; padding-left: 30px; }
    .container-fluidTopBotttom { padding-bottom:20px; padding-top:20px;}
    footer {display:none;}
    .with100 { width: 100%;}
}
.section {padding-top : 90px;}
.liveTileTitle{ width: 300px; height: 30px; color: #fff; font-size: 12px; background-image: url(../images/tiles/LiveTile_bg.png); background-repeat: repeat; padding: 10px; position: absolute; left: 0px; bottom: 0px;}
.Icon{ margin-top: 32px; margin-left: 50px;}
.InforWrapper {
    align-content: center;
    font-size: 45px;
    text-align: center;
    margin-right: 65px;
    margin: 10px 51px;
}

/* ------ CSS SITE HYDRA ----- */
.txtTile {
    color: white;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-top:10px;
}

body, html {
   
    height:100%;
}

body {
    background-color: #ffffff;
    font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, span, p {
    font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif;
}

p {
    font-weight: 400;
    font-size: 14px;
    color: #505c70;
    text-align: justify;
}

* {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
}

#push {
  height: 100px !important;
}

/* ------ TOP HEADER ----- */
.hydra-style-top-bar {
    min-height: 40px;
    background-color: #333;
}

/* ------ END TOP HEADER ----- */

/* ------ HEADER ----- */

.hydra-style-top-menu {
    min-height: 90px;
    background-color: #ffffff;
    z-index: 5000;
    width: 100%;
    position:fixed;
    top:0;
}


.hydra-style-top-menu .navbar-toggle {
    margin-top: 38px;
    border-color: transparent;
}

.hydra-style-top-menu .navbar-toggle:hover {
    border-color: transparent;
    background-color: transparent;
}

.hydra-style-top-menu .navbar-toggle {
    margin-top: 38px;
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ff7600;
}

.hydra-style-top-menu .navbar-brand {
    padding: 0;
    margin: 30px 0 0 0;
}

.hydra-style-top-menu-fly .navbar-brand {
    padding: 0;
    margin: 16px 0 0 0;
}


.nav > li > a {
    padding: 10px 20px;
    color: #505c70;
    font-weight: 600;
    /*text-transform:uppercase;*/
}

.nav > li > a:hover,
.nav > li > a:focus
.nav > li > a:active {
    background-color: #ff7600;
    color: #ff7600 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
    color: #ff7600 !important;
}

.nav > li > a {
    color: #929292;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #ff7600 !important;
}

.navbar {
    margin-bottom: 0px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: white;
    color: #ffa350;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #ff7600;
}
/* ======= FOOTER ======= */

/*Comentado em 10/04/2019 substituido em baixo por Francisco Rosa*/
/*footer {
    background: #ff8100;
    color: rgba(255, 255, 255, 0.5);
    padding: 15px 0;
    font-size: 14px;
    bottom: 0;
    width: 100%;
    height: 65px;
}*/

.fixed {
    position: fixed;
}

.initial {
    position: initial; 
}

.footer .footer-content a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration:none;
}

.footer .footer-content a:hover {
    color: #ff7600;
    text-decoration:none;
}

/* ======= END FOOTER ======= */

/* ======= SECTION ======= */

.section {
    padding: 80px 0px 0px 0px;
    margin-bottom:90px;
}

.section-no-margin-bottom {
    margin-bottom:0px;
}

.title {
    font-size: 48px;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 100;
    color: #505c70;
    margin-top: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

.sub-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    color: #505c70;
}


.btn_loadmore {
    background-color: rgba(255,118,0,1);
    color: #fff;
    font-weight: 600;
}

.clearfix {
    margin-bottom: 30px;
}

.no-margin {
    margin: 0px;
    padding: 0px;
}

.form-control:focus {
    border-color: #ff7600;
    box-shadow: inset 0 1px 1px rgba(255, 118, 0, 0.075), 0 0 8px rgba(255, 118, 0, 0.6);
}

.imageBackgroundInitial {
    background-image: url(../images/HeaderPaginaInicial_2.jpg);
    background-size: cover;
    height: 200px;
    color: white;
    position: relative;
    width: 99.55vw;
    left: calc(-50vw + 50%);
    position: relative;
    padding-top:10px;
   
 }

.imgMessageRecept {
background-image: url(../images/Elementos/FigurasPaginaInicial-10.jpg);
background-size: cover;
width: 170px !important;
height: 172px !important;
color: #d2a56e !important;
border-color: white !important;
}



.imgMyProfile {
    background-image: url(../images/Elementos/PNG/bola1.png);
    background-size: cover;
    width: 201px !important;
    height: 202px !important;
    border-color: white !important;
    transition: background-image 0.3s;
    transition: 0.3s;
}


.imgMyProfile:hover .overlay {
    opacity: 0.7;
}

.txtOverlay {
    padding: 90px 32px;
    color: white;
    font-size: 13px;
    font-weight: bold;
}



.imgPedActive:hover .overlay {
    opacity: 0.7;
}
.imgContacts:hover .overlay {
    opacity: 0.7;
}
.imgMessageRecept:hover .overlay {
    opacity: 0.7;
}
.imgPedActive {
    background-image: url(../images/Elementos/FigurasPaginaInicial-12.jpg);
    background-size: cover;
    width: 170px !important;
    height: 172px !important;
    color: #d2a56e !important;
    border-color: white !important;
}
.imgContacts {
    background-image: url(../images/Elementos/FigurasPaginaInicial-11.jpg);
    background-size: cover;
    width: 170px !important;
    height: 172px !important;
    color: #d2a56e !important;
    border-color: white !important;
}

.imgAlign {
    text-align: center;
    margin-right: 48px;
}
.imgAlignH {
    text-align: center;
    padding-right: 45px;
}
.textImageFormat {
    color:white; 
    text-align:center;
 }
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: black;
    border-radius: 200px;
}
.text {
    color: white;
    font-size: 13px;
    padding: 60px 32px;
    font-weight: bold;
}
.textUser {
    color: white;
    font-size: 16px;
    padding: 100px 32px;
    font-weight: bold;
}
.linkColor a {
    color: #ff8100 !important;
}

.legendGrid{
    color: #444 !important;
}
.legendGrid a {
    color: #444 !important;
}
.btnColapseForm{
     min-width:150px;

}
.lineHeader hr {
    margin-bottom: -10px !important;
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
.riTextBox {
    cursor: context-menu !important;
}
.rgFilterBox {
    cursor: context-menu !important;
}
.defaultPageRows {
    position: relative;
    top: -90px;
}
.defaulPageMyContacts {
    padding-left: 65px;
}


/*Alterações feitas por Francisco Rosa Data: 10/04/2019  Inicio*/

@media screen and (max-width: 768px) {
    .text-banner-hydra h1, .text-banner-hydra .h1 {
        font-size: 24px;
        text-align: center;
        padding-top: 20px;
    }
}

@media (min-width: 1200px) {
    .text-banner-hydra h1, .text-banner-hydra .h1 {
        font-size: 30px;
        text-align: center;
    }
}

/*Em compatibilidade com a Função que está na Master Supporte*/

@media (max-width: 767px) {
    .hidde-phone {
        visibility: hidden;
        display: none;
    }

    .show-phone {
        visibility: visible;
        float: right;
    }



}

footer {
    background: #ff8100;
    color: rgba(255, 255, 255, 0.5);
    padding: 15px 0;
    font-size: 14px;
    bottom: 0;
    width: 100%;
    /* height: 65px; */
}




/*Alterações feitas por Francisco Rosa Data: 10/04/2019  Fim*/
/* ======= END SECTION ======= */

/* ------ END CSS SITE HYDRA ----- */