/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    background: white;
    /* background-image: url("/theme/default/images/background-login.jpg"); */
    font-family: 'Fira Sans', sans-serif !important;
    color: #000;
    /* font: 1em 'Ubuntu Condensed', sans-serif; */
    margin: 0 auto;
    padding: 0;
    position: relative;
	overflow: hidden;
}
h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* .container { margin: auto; position: relative; width: auto; } */
#content {
     background: #f9f9f9; 
    
    /* background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -ms-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset; */
    border: 1px solid #c4c6ca;
    font-family: 'Fira Sans', sans-serif !important;
    border-radius: 10px !important;
    margin: 0 auto;
    padding: 1px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    height: auto;
    width: 320px;
}
#content h1 {
    color: #7E7E7E;
    /* font: bold 25px 'Ubuntu Condensed', sans-serif; */
    letter-spacing: -0.05em;
    line-height: 10px;
    margin: 10px 0 10px;
}
#content h1:before,
#content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 15%;
}
#content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
/* #content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
} */
/* #content:after,
#content:before {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 10%;
    left: -1px;
    position: absolute;
    width: 100%;
} */
/* #content:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
    z-index: -1;
}
#content:before {
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
    top: 0;
    z-index: -2;
    
} */

#content form { margin: 0 10px; position: relative }
#content form input[type="text"],#content form input[type="password"]{
    /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; */
    /* -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* background: #eae7e7 url(../images/login.fw.png) no-repeat; */
    /* border: 1px solid #c8c8c8; */
    color: #777;
    /* font: 16px 'Ubuntu Condensed', sans-serif; */
    /* margin: 0 0 10px; */
    padding: 15px 10px 15px 55px;
    width: 100%;
    text-transform: uppercase;
}
/* #content form input[type="text"]:focus,
#content form input[type="password"]:focus { */
    /* -webkit-box-shadow: 0 0 2px #ed1c24 inset;
    -moz-box-shadow: 0 0 2px #ed1c24 inset;
    -ms-box-shadow: 0 0 2px #ed1c24 inset;
    -o-box-shadow: 0 0 2px #ed1c24 inset;
    box-shadow: 0 0 2px #ed1c24 inset;
    background-color: #fff;
    border: 1px solid #ed1c24;
    outline: none; */
/* } */
#identificador { background-position: 15px 10px !important }
#email { background-position: 15px -30px !important }
#senha { background-position: 15px -75px !important }
#content form input[type="submit"] {
    /* background: #ff803e;
    background: -moz-linear-gradient(top,  #ff803e 0%, #ff803e 100%);
    background: -webkit-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: -o-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: -ms-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f',GradientType=0 ); */
    /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; */
    /* -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
    -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset; */
    /* border: 1px solid #ff803e;
    color: #ffff; */
    cursor: pointer;
    float: center;
    /* font: 1em 'Ubuntu Condensed', sans-serif; */
    height: 35px;
    margin: 15px 0 0 0;
    position: relative;
    /* text-shadow: 0 1px 0 rgba(255,255,255,0.5); */
    /* width: 130px; */
    letter-spacing: 1.5px;
}
/* #content form input[type="submit"]:hover { */
    /* background: rgb(254,193,81);
    background: -moz-linear-gradient(top,  #ff803e 0%, #ff803e 100%);
    background: -webkit-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: -o-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: -ms-linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    background: linear-gradient(top,  #ff803e 0%,#ff803e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f',GradientType=0 ); */
/* } */
#content form div a {
    color: white;
    float: right;
    font-size: 14px;
    margin: 10px 0 0 0;
    text-decoration: underline;
}

html, body {height:100%;}

#imagemlogo{
    /* padding-top: 2%; */
    width: 100%;
    text-align: center;
    /* border: 2;
    border-style: solid; */
}

#bannerlateral {
    padding-top: 30%;
    margin-left: 20%;
    /* border-style: solid;
    border: 2; */
    /* width: 50%; */
    /* text-align: center;
    /* display: inline-block; */
    
}
.footer {
    position:relative;
    bottom: 5;
    width: 100%;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 12px;
    text-align: center;
    margin-bottom: 5%;
    margin-left: 0%;
    text-decoration: none;    
}
/* .copyright{
	position:fixed;
    bottom: 0;
    width:100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0%;
    margin-left: 1%;
} */
#info, #infol{visibility: hidden;}
#groupPerfil{margin-top: 10px; margin-bottom: 15px;}
.btn-patient{
   
    background: #d9534f;
    width: 110px;
    /* font: 'Ubuntu Condensed', sans-serif; */
    color: #ffff;
}

.btn-patient:hover, .btn-patient:focus, .btn-patient.active{
    /*background: -moz-linear-gradient(center top , rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom, #d9534f 0%, #ffff 10000%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #d9534f 0%, #ffff 10000%);

    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #d9534f 0%, #d9534f 10000%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d9534f), color-stop(100, #ffff));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #d9534f 0%, #ffff 10000%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top, #d9534f 0%, #ffff 10000%);
    
    color: #ffff;
}

.btn-doctor{
   
    background: #00adf5;
    width: 110px;
    /* font: 'Ubuntu Condensed', sans-serif; */
    color: #ffff;
}

.btn-doctor:hover, .btn-doctor:focus, .btn-doctor.active{
    /*background: -moz-linear-gradient(center top , rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom, #00adf5 0%, #ffff 10000%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #00adf5 0%, #ffff 10000%);

    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #00adf5 0%, #ffff 10000%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00adf5), color-stop(100, #ffff));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #00adf5 0%, #ffff 10000%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top, #00adf5 0%, #ffff 10000%);
    
    color: #ffff;
}
#socialbarra {
    width: 70%;
    margin-left: 25%;
    line-height: 50%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid white; 
    background-color: white;
}

.errspan {
    float: left;
    width: 20px;
    margin-left: 5%;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    color: dimgray;
  }
 
.text-primary {
    color: #006EB6 !important;
}
.btn-primary {
    color: #fff;
    background-color: #006EB6;
    border-color: #006EB6;
}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-size: 20px;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@media only screen and (max-width: 420px) {
    #bannerlateral {
        display: none;
    }
    #socialbarra {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #bannerlateral {
        display: none;
    }
    #socialbarra {
        display: none;
    }
 
}