html {
     height: 100%;
     margin: 0;
}
 body {
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #d8e0e8;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: #1f2933;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
 .principal {
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow: hidden;
     background-color: #d8e0e8;
}
 .cabecalho {
     flex: 0 0 auto;
     padding: 14px 24px;
     box-sizing: border-box;
    /* position: relative;
     margin: 0px;
     padding: 0px;
     background: #808080;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#FFFAFA));
     background-image: -webkit-linear-gradient(top, #A9A9A9, #FFFAFA);
     background-image: -moz-linear-gradient(top, #A9A9A9, #FFFAFA);
     background-image: -ms-linear-gradient(top, #A9A9A9, #FFFAFA);
     background-image: -o-linear-gradient(top, #A9A9A9, #FFFAFA);
     background-image: linear-gradient(top, #A9A9A9, #FFFAFA);
     filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#A9A9A9', endColorstr='#FFFAFA')";
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#A9A9A9', endColorstr='#FFFAFA')";
    */
     background: rgb(206,219,233);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGJlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2FhYzVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYxOTljNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNhODRjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzQxOWFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzRiYjhmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzNhOGJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjU1OGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 );
    /* IE6-8 */
}
 .infos {
     font: normal 35px/1 "arvo", Helvetica, sans-serif;
     color: rgba(255,255,255,1);
     text-align: right;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     float: right;
     margin-top: 10px;
     margin-right: 10px;
}
 .nomelab {
}
 .icon {
     height: 2px;
     width: 2px;
}
 .userid {
     font-size: 20px;
}
 .corpo {
     flex: 1 1 0%;
     min-height: 0;
     position: relative;
     overflow-y: auto;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
}
 .rodape {
     flex: 0 0 auto;
     padding: 6px 24px;
     box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;
    Blue+Gloss */
     background: rgb(206,219,233);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGJlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2FhYzVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYxOTljNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNhODRjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzQxOWFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzRiYjhmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzNhOGJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjU1OGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 );
    /* IE6-8 */
}
 .rodape p {
     color: white;
     text-align: center;
     font-size: 12px;
     margin: 4px 0;
}
 p {
    /*-webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     border: none;
     font: normal 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;
     color: rgba(35,133,237,1);
     text-indent: 10px;
     -o-text-overflow: clip;
     text-overflow: clip;
    */
}
 h1 {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     border: none;
     font: normal 26px/1 Arial Black, Gadget, sans-serif;
     color: #0D4D62;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     text-shadow: 4px 4px 6px rgba(43,107,136,0.41);
}
 h3 {
     border-style: none;
     border-color: inherit;
     border-width: medium;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     font: normal normal bold 18px/3 "Palatino Linotype", "Book Antiqua", Palatino, serif;
     color: #00567D;
     text-indent: 10px;
     -o-text-overflow: clip;
     text-overflow: clip;
     text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
     height: 39px;
}
 .barraconsulta {
    /* -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 90%;
     margin: 10px;
     padding: 20px;
     overflow: hidden;
     border: none;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     text-align: center;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #ecf0f1;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    */
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 90%;
     height: auto;
     margin: auto;
     margin-bottom: 20px;
     margin-top: 20px;
     padding: 20px;
     overflow: hidden;
     border: 1px solid rgba(229,229,229,1);
     -webkit-border-radius: 18px / 25px;
     border-radius: 18px / 25px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     text-align: center;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #d5e4ea;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .loginbox {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 60%;
     height: auto;
     margin: auto;
     margin-bottom: 20px;
     margin-top: 20px;
     padding: 20px;
     overflow: visible;
     border: 1px solid rgba(229,229,229,1);
     -webkit-border-radius: 18px / 25px;
     border-radius: 18px / 25px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     text-align: center;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #d5e4ea;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .loginbox .img {
}
 .button {
     display: inline-block;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     cursor: pointer;
     padding: 10px 20px;
     border: 1px solid #018dc4;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     font: normal medium/normal Arial, Helvetica, sans-serif;
     color: rgba(255,255,255,0.9);
     -o-text-overflow: clip;
     text-overflow: clip;
     background: #0199d9;
     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
     text-shadow: -1px -1px 0 rgba(15,73,168,0.66);
     -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
     -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
     -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
     transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
 .button:hover {
     border: 1px solid #007cad;
     background: rgba(0,142,198,1);
     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
     -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
 .button:active {
     border: 1px solid #018dc4;
     background: #00a6e8;
     -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
     box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
     text-shadow: none;
     -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
     -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
     -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
     transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}
 .input {
     display: inline-block;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     padding: 10px 20px;
     border: 1px solid #b7b7b7;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     font: normal 16px/normal "Times New Roman", Times, serif;
     color: rgba(0,142,198,1);
     -o-text-overflow: clip;
     text-overflow: clip;
     -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
     text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
     -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
     margin-left: 0px;
}
 .calendario {
}
 .caixaLoading {
     margin-top: 15%;
     width: 40%;
     margin-left: auto;
     margin-right: auto;
     height: 30%;
    /* display: table-cell;
     vertical-align: middle;
     width: 50%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     */
     background-color: rgba(236,240,241,1.0);
     border: groove;
     opacity: 100;
}
 .modalloading {
     position: absolute;
     top: 0;
     margin-top: 0;
    /* half of #content height*/
     left: 0;
     width: 100%;
     height: 100%;
    /* width: 50%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     */
    /*position: fixed;
     text-align: center;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     z-index: 9999999;
     */
     background-color: rgba(0,0,0,0.7);
     z-index: 2;
}
 .modalloading img {
     margin-top: 10px;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .modalloading h3 {
     text-align: center;
}
 .modalBackground {
     background-color: gray;
     top: 0px !important;
     left: 0px !important;
     position: absolute !important;
     z-index: 1 !important;
     filter: alpha(opacity=70);
     opacity: 0.7;
}
 .mpalerta {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     width: 50%;
     height: 30%;
     margin: auto;
     margin-bottom: 20px;
     margin-top: 20px;
     padding: 20px;
     overflow: hidden;
     border: 1px solid rgba(229,229,229,1);
     -webkit-border-radius: 18px / 25px;
     border-radius: 18px / 25px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     text-align: center;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #d5e4ea;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .BorderRight {
     border-right-color: #c4d5e6;
     border-right-style: solid;
}
 .estatisticas {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     padding: 8px;
     overflow: hidden;
     border: none;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     text-align: center;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #104a60;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     width: 90%;
     margin: auto;
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     margin-bottom: 10px;
}
 .gerenciadorprincipal {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     overflow: hidden;
     border: none;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: #0199d9;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     -webkit-border-radius: 12px;
     margin: 20px;
}
 .gerenciadortitulo {
     text-align: center;
}
 .gerenciadorcontent {
     margin: 20px;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     overflow: hidden;
     border: none;
     -webkit-border-radius: 12px;
     border-radius: 12px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     background: #e2e2e2;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
}
 .gerenciadorEditor {
     margin: 20px;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     overflow: hidden;
     border: none;
     -webkit-border-radius: 12px;
     border-radius: 12px;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     background: #e2e2e2;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
}
 .gerenciadorEditor p {
     margin: 20px;
     color: blue;
}
 .EditorContainer {
     width:100%;
          -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     overflow: hidden;
     border: none;
     font: normal 16px/1 "Times New Roman", Times, serif;
     color: rgba(255,255,255,1);
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     background: white;
     -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     -webkit-border-radius: 12px;
     margin: 0px;
}
.EditorBlock {
    margin-bottom: 10px;
}
.EditorCabecalho {
    text-align:center;

}
 .EditorLeft {
     float:left;
     width:49%;
}
 .EditorCenter {
     display: inline-block;
     margin:0 auto;
     width:2%;
}
 .EditorRight {
     float:right;
     width:49%;
}
.EditorRodape {
    clear: both;
    background-color:white;
    text-align:center;
    margin-bottom: 16px;
}
fieldset
{

     background: #148abb;
    margin: 1em 8px;
    padding: 1em;
    border: 1px solid #ccc;
    height:auto;
    width:90%;
}
/* ELEMENTOS DO ARCO*/
fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    /*display: block;*/
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/