/*
 * CSS Reset padrão para tema do sistema hipersite.
 * Created on : 02/02/2017, 11:15:16
 * Author     : Hiper Site Desenvolvimento Web
*/

*{
    margin: 0;
    padding: 0;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/*TEXT COLOR*/

.text-blue {color:#2070AD;}
.text-white {color:#fff !important;}

/*background*/
.bg_blue{
    background-color: #000000!important;
}


/*MSG*/
.dialog{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:1500;
    display: none;
}

.msg{
    position: fixed;
    top: 30%;
    left: 20%;
    z-index: 99999;
    display: none;
    width: 60%; 
    height: auto !important;
    border-radius: 8px;  
}

.alert {
    text-align: center;
    color: #333 !important;
    font-size: 1.1em;
    font-weight: 700;
    padding: 30px 40px;
    margin-bottom: 19px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 2px 49px 0px rgba(51,51,51,1);
    -moz-box-shadow: -1px 2px 49px 0px rgba(51,51,51,1);
    box-shadow: -1px 2px 49px 0px rgba(51,51,51,1);
}

.alert .close {
    color: #666666;
}
.alert .close:hover {
    color: #666666;
}

.alert.alert-success {
    background-color: #b5f799;
}

.alert.alert-info {
    background-color: #c2ecef;
}

.alert.alert-warning {
    background-color: #f7ec9e;
}

.alert.alert-danger {
    background-color: #fc8787;
}

/*BTN*/
.btn_blue{ 
    display: inline-block !important;
    cursor: pointer !important;
    padding: 10px 40px !important;
    margin-top: 2px !important;
    font-size: 0.9em !important;
    color: #fff !Important;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center !important;    
    background: #000000!important;
    border: 2px solid #fff !important;
    outline: 1px solid #000000!important;
}

.btn_blue:hover{
    color: #2070AD !important;
    border: 2px solid #fff !important;
    outline: 1px solid #2070AD !important;
    background-color: #fff !important;
}

.btn_contato{
    display: inline-block !important;
    cursor: pointer !important;
    padding: 10px 40px !important;
    margin-top: 2px !important;
    font-size: 0.9em !important;
    color: #fff !Important;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center !important;    
    background: #000000!important;
    border: 1px solid #fff !important;
    outline: 1px solid #2070AD !important;
}

.btn_contato:hover{
    background: transparent !important;
    color: #999 !important;
    border: 1px solid #ccc !important;
}


.clear{
    clear: both !important;
}






/*PAGINATOR*/
.paginator{float:left; width:100%; padding:10px; margin:10px 0 0 0; text-align:center;}
.paginator{font-size: 14px; font-variant:small-caps;}
.paginator li{display: inline; padding: 0px 2px;}
.paginator a{color:#333; margin:0 2px; text-decoration:none; padding:3px 3px; border: 2px solid #2070AD;}
.paginator span{color:#333; margin:0 2px; padding:3px 6px;}
.paginator a:hover{border: 2px solid #ccc; text-decoration:none;}
.paginator .active{border-bottom: 2px solid #00000;}