@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url("../js/jsmodal/modals.css");

/*  CODEWORK V. 9 beta - HTML & CSS Framework
    - Code Manager and Streamlined, reusable and Web Strucuture.
    - Copyright (c) 2015 - 2018 Reinaldo "Ramon" José Nunes
    - All rights reserved | Contact: reinaldo.nunes2@gmail.com
    - Requires: Web browsers that support the news features of HTML5 and CSS3

    - Lovatel Digital Agency | http://lovatel.com.br
*/

/** 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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
    border: 0;
    font-family:'Open Sans',sans-serif;
    font-size:1em;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
figure{
    line-height:0px;
}
img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
}
select, button, input, textarea{ /* desativa o bottão padrão dos selects */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ie-appearance: none;
}


.fx,button{
    transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
}
a{
    text-decoration:none;
}
:focus, :visited{
    outline: 0;
}
textarea{
    resize:none;
}
.clear{
    clear:both;
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* ALIGNS */
.left{
    float:left;
}
.right{
    float:right;
}
.tcenter{
    text-align:center;
}
.tright{
    text-align:right;
}
*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/* COLORS AND BACKGROUNDS */
html{
    background:#2D79BB;
    height:100%;
}
body{
    background:#F0F0F0;
}

/* SET BASE */

.main{
    margin:0 auto;
    display:inherit;
    width:100%;
    max-width:1400px; /* EM */
    padding-left:auto;
    padding-right:auto;
    height:auto;
}


/* FORMS */
form{
    width:100%;
    height:auto;
    display:table;
}
    

/* OTHER CSS */
    #box_panel{
        width:94%;
        max-width:850px;
        margin-top:-150px;
        display:flex;
        align-items: stretch;
        justify-content: space-between;
        height:100%;
        max-height:420px;
    }
    #box_panel section#sideone{
        display:flex;
        align-items: stretch;
        flex-direction:column;
        background:#fff;
        padding:40px;
        width:49%;
        height:100%;
        box-shadow:0px 0px 10px #ddd;
    }
    #box_panel section#sidetwo{
        display:flex;
        align-items: stretch;
        flex-direction:column;
        background:#2D79BB;
        padding:40px;
        width:49%;
        height:100%;
        box-shadow:0px 0px 10px #ddd;

        -ms-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    #box_panel figure{
        margin-bottom:35px;
    }
    #box_panel figure img{
        margin:0 auto;
        display:table;
    }

    #form_login,
    #form_recupera{
        width:100%;
    }
    #form_login label,
    #form_recupera label,
    #form_cadastro label{
        width:100%;
        display:table;
        margin-bottom:15px;
    }
    #form_login label span,
    #form_recupera label span,
    #form_cadastro label span{
        font-family:'Open Sans',sans-serif;
        font-size:14px;
        color:#555;
        display:table;
        font-weight:bold;
        margin-bottom:5px;
    }
    #form_login .input,
    #form_recupera .input,
    #form_cadastro .input{
        width:100%;
        border:0px;
        background:#fff;
        display:table;
        font-size:16px;
        padding:11px 15px;
        border:1px solid #bbb;
    }

    #form_login label a,
    #form_recupera label a{
        float:left;
        color:#777;
        font-family:'Open Sans',sans-serif;
        font-size:14px;
        margin-top:17px;
    }
    #form_login label input[type=submit],
    #form_recupera label input[type=submit]{
        float:right;
    }

    .bt_blue{
        font-family:'Open Sans',sans-serif;
        font-size:16px;
        color:#fff;
        display:table;
        font-weight:bold;
        border:0px;
        background:#2D79BB;
        padding:15px 22px;
        cursor: pointer;
    }

    #form_recupera{
        display:none;
    }


    .title-detail{
        color:#fff;
        font-weight:bold;
        font-size:18px;
        padding:10px 0px;
        position:relative;
        width:auto;
        display:table;
        margin-bottom:25px;
    }
    .title-detail:before{
        content:'';
        display:table;
        width:50%;
        height:4px;
        background:#fff;
        bottom:-5px;
        left:0px;
        position:absolute;
    }
    #sidetwo p{
        font-size:14px;
        color:#fff;
        line-height:25px;
    }


    footer{
        background:#fff;
        width:100%;
        display:table;
        border-bottom:40px solid #2D79BB;
    }
    footer.fhome{
        position:absolute;
        bottom:0px;
        left:0px;
        right:0px;
        box-shadow:0px 0px 20px #eee;
    }
    .list-footer{
        margin:0 auto;
        display:table;
        padding:35px 0px;
    }
    .list-footer li{
        float:left;
        margin:0px 15px;
    }
    .list-footer li span{
        display:table;
        margin-top:15px;
    }
    .list-footer li span,
    .list-footer li span a{
        font-size:14px;
        color:#777;
    }

    /* DASHBOARD */
    header{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    header .main{
        display:flex;
        justify-content: space-between;
    }
    header #logo{
        margin-left:20px;
        margin-top:15px;
        margin-bottom:15px;
    }
   .operation-user{
       display:flex;
       justify-content: space-between;
   }
   .operation-user li{
       background:#2D79BB;
       padding:0px 45px;
       display:flex;
       align-items: center;
       vertical-align: middle;
   }
   .operation-user li span{

       color:#fff;
       font-size:15px;
   }
   .operation-user li a{
    font-size:16px;
       font-weight:bold;
       color:#fff;
   }

   #menu_dash{
       background:#fff;
       display:table;
       width:100%;
       box-shadow:0px 0px 10px #ddd;
       padding:30px 0px;
   }
   #menu_dash ul li{
       float:left;
   }
   #menu_dash ul li a{
       font-weight:bold;
       color:#545454;
       display:table;
       padding:5px 40px;
       font-size:14px;
       border-right:1px solid #bbb;
   }
   #menu_dash ul li:last-child a{
       border-right:0px;
   }

   #menu_dash ul li:hover a,
   #menu_dash ul li.ativo a{
       color:#2D79BB;
   }

   .middlesite{
       padding:40px 20px;
       display:flex;
       justify-content: space-between;
   }

   .white-page{
       padding:40px;
       background:#fff;
   }

   .col-100{
       width:100%;
   }
   .col-68{
       width:68%;
   }
   .col-30{
       width:30%;
   }



   nav#nav-itens{
    width:100%;
    height:auto;
    display:table;
}

nav#nav-itens li{
    float:left;
    width:100%;
    display:table;
    margin-bottom:5px;
}
nav#nav-itens li > a{
    position:relative;
    display: table;
    width: 100%;
    padding:16px 25px;
    font-size: 15px;
    background:#2D79BB;
    color:#fff;
    font-weight:bold;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
}

#sub_itens{
    position:relative;
    display: none;
    width: 100%;
    padding:18px 30px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    background:#dedede;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    border:0px;
}

.subnav-itens{
    width:100%;
    height:auto;
    display:none;
    margin-top:5px;
}

.subnav-itens li > a{
    padding:15px 0px 15px 50px !important;
    font-weight:normal !important;
    color:#777;
    font-weight:bold !important;
    font-size:14px !important;
    width:100%;
    display:table;
    background:#fff !important;
    color:#2D79BB !important;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
}
.subnav-itens li:hover > a, 
.subnav-itens li.ativo > a{
    background:#eee !important  ;
}

.box-object{
    display:flex;
    justify-content: space-between;
    position:relative;
    padding:40px;
    overflow: hidden;
    margin-bottom:20px;
    background:#fff;
}
.box-object article,
.box-object section{
    width:45%;
}

.box-object article h1{
    width:100%;
    margin-bottom:20px;
    color:#2D79BB;
    display:table;
}
.box-object article p{
    font-size:14px;
}


.line-down{
    position:absolute;
    bottom:-100px;
    left:0px;
    right:0px;
    padding:20px 10px;
    background:rgba(0,0,0,0.6);

    transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
}
.line-down span{
    font-weight:bold;
    font-size:14px;
    color:#fff;
    margin:0 auto;
    display:table;
    padding:5px 0px 5px 30px;
    background:url("../img/icon-set.png") no-repeat left center;
}

.box-object:hover .line-down{
    bottom:0px;
}


.white-page.col-30{
    height:auto;
    min-height:auto;
    display:table;
}

#form_cadastro{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#form_cadastro fieldset{
    width:48%;
    display:table;
    justify-content: space-between;
}

#form_cadastro fieldset label.double{
    float:left;
    width:48%;
}
#form_cadastro fieldset label:nth-of-type(2).double{
    float:right;
}

#form_cadastro select.input{
    font-size:16px;
    background:#fff url("../img/setdown.png") no-repeat right 15px center;
}

#form_cadastro .bt_blue{
    float:right !important;
    padding:15px 40px;
}

#form_cadastro fieldset.areabutton{
    width:100%;
}

.jq_mensagem{
    padding:30px;
    width:100%;
    display:table;
    background:#eee;
}
.jq_mensagem span{
    text-align:center;
    width:100%;
    font-size:12px;
    width:100%;
    display:table;
    color:red;
}
.jq_mensagem a{
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    display:table;
    width:100%;
    font-size:14px;
    color:#2D79BB;
}