/****************************************************************************/
/** Template Generic Page ***************************************************/
/****************************************************************************/

@media screen,print
{
    html, body
    {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #555;
        background-color: #FFF; /*impedir selecção*/
        /*-webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        */
    }

    .Text
    {
        font-family: 'latoregular' , sans-serif;
    }

    .TextBold
    {
        font-family: 'latobold' , sans-serif;
    }

    .TextItalic
    {
        font-family: 'latoitalic' , sans-serif;
    }

    .TextLight
    {
        font-family: 'latolight' , sans-serif;
    }

    html
    {
        overflow-y: scroll;
        font-size: 100%;
    }

    div.GlobalWrapperOuter
    {
        z-index: 1;
        background-color: #EEE;
    }

    div.GlobalWrapperInner
    {
        /*border-left: 1px solid #AAA;         border-right: 1px solid #AAA;         margin: 0 auto;         max-width: 1200px;         min-height: 100vmin;*/
        text-align: left;
        z-index: 2;
        background-color: #FFF;
    }

    div.GPBody
    {
        overflow: hidden;
    }
    
    .NoPointer
    {
        cursor: default !important;
    }

    /** Cores *******************************************************************/
    .DefaultBGColor
    {
        background-color: #EBE9E8;
    }

    .Gray, .Gray *
    {
        color: #999 !important;
    }

    /** Formatação para tabelas *************************************************/
    .Table
    {
        display: table;
    }

    .Row
    {
        display: table-row;
    }

    .Cell
    {
        display: table-cell;
    }

    /** Alinhamentos ************************************************************/
    .Left
    {
        text-align: left;
    }

    .Center
    {
        text-align: center;
    }

    .Right
    {
        text-align: right;
    }

    .Top
    {
        vertical-align: top;
    }

    .Middle
    {
        vertical-align: middle;
    }

    .Bottom
    {
        vertical-align: middle;
    }

    .MarginAuto
    {
        margin-left: auto;
        margin-right: auto;
    }

    /** Formatação Texto ********************************************************/
    .Normal
    {
        font-weight: normal;
        font-style: normal;
    }

    .Bold
    {
        font-weight: bold;
    }

    .Italic
    {
        font-style: italic;
    }

    .Underline
    {
        text-decoration: underline;
    }

    .Uppercase
    {
        text-transform: uppercase;
    }

    /** Float Clear *************************************************************/
    .ClearLeft
    {
        clear: left;
    }

    .ClearRight
    {
        clear: right;
    }

    .ClearBoth
    {
        clear: both;
    }

    /** Visibility and display **************************************************/
    .DisplayNone
    {
        display: none !important;
    }

    .VisibilityHidden
    {
        visibility: hidden !important;
    }

    /** Widths ******************************************************************/
    .Width10
    {
        width: 10%;
    }

    .Width20
    {
        width: 20%;
    }

    .Width30
    {
        width: 30%;
    }

    .Width40
    {
        width: 40%;
    }

    .Width50
    {
        width: 50%;
    }

    .Width60
    {
        width: 60%;
    }

    .Width70
    {
        width: 70%;
    }

    .Width80
    {
        width: 80%;
    }

    .Width90
    {
        width: 90%;
    }

    .Width95
    {
        width: 95%;
    }

    .Width98
    {
        width: 98%;
    }

    .Width100
    {
        width: 100%;
    }

    /** Heights ******************************************************************/
    .Height10
    {
        height: 10%;
    }

    .Height20
    {
        height: 20%;
    }

    .Height30
    {
        height: 30%;
    }

    .Height40
    {
        height: 40%;
    }

    .Height50
    {
        height: 50%;
    }

    .Height60
    {
        height: 60%;
    }

    .Height70
    {
        height: 70%;
    }

    .Height80
    {
        height: 80%;
    }

    .Height90
    {
        height: 90%;
    }

    .Height95
    {
        height: 95%;
    }

    .Height98
    {
        height: 98%;
    }

    .Height100
    {
        height: 100%;
    }

    /** Input text, Textarea ****************************************************/
    .Pointer
    {
        cursor: pointer !important;
    }

    /** Spacers *****************************************************************/
    .Spacer10
    {
        height: 10px;
    }

    .Spacer20
    {
        height: 20px;
    }

    .Spacer30
    {
        height: 30px;
    }

    .Spacer40
    {
        height: 40px;
    }

    .Spacer50
    {
        height: 50px;
    }

    /** Margins *****************************************************************/
    .MarginTop0
    {
        margin-top: 0;
    }

    .MarginBottom0
    {
        margin-bottom: 0;
    }

    .MarginLeft0
    {
        margin-left: 0;
    }

    .MarginRight0
    {
        margin-right: 0;
    }

    .MarginBottom10
    {
        margin-bottom: 10px;
    }

    .MarginBottom20
    {
        margin-bottom: 20px;
    }

    .MarginBottom30
    {
        margin-bottom: 30px;
    }

    .MarginBottom40
    {
        margin-bottom: 40px;
    }

    .MarginBottom50
    {
        margin-bottom: 50px;
    }

    /** Global Overlay **********************************************************/
    .GPOverlay
    {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 4000;
        background: rgba(0,0,0,0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
    }

    .GPOverlay .GPSpinnerOuter
    {
        display: table;
        width: 100%;
        height: 100%;
    }

    .GPOverlay .GPSpinnerOuter .GPSpinner
    {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .GPOverlay .GPSpinnerOuter .GPSpinner .GPSpinnerInner
    {
        display: inline-block;
        background-color: #eef3f8;
        width: 200px;
        padding: 10px;
    }

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

    em
    {
        font-style: italic !important;
    }

}

@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;
    }

    .visible-xxs
    {
        display: none !important;
    }

    .hidden-xxs
    {
        display: block !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .visible-xxs
    {
        display: none !important;
    }

    .hidden-xxs
    {
        display: block !important;
    }
}

@media (max-width: 991px) and (min-width: 768px)
{
    .visible-xxs
    {
        display: none !important;
    }

    .hidden-xxs
    {
        display: block !important;
    }
}

@media (max-width: 767px) and (min-width: 481px)
{
    .visible-xxs
    {
        display: none !important;
    }

    .hidden-xxs
    {
        display: block !important;
    }
}

@media (max-width: 480px)
{
    .col-xxs
    {
        display: block;
        float: none;
        width: 100%;
    }

    .NoMobile
    {
        display: none;
    }
}

@media print
{
    .NoPrint
    {
        display: none;
    }

    /**, .Text
        {
            font-family: Verdana, Arial, Sans-Serif;
            font-size: 12px;
            font-weight: normal;
            color: #000000;
        }

        html, body
        {
            background-color: #FFFFFF;
        }*/

    /*To disable Bootsrap anchor to text link*/
    a[href]:after
    {
        content: none;
    }
}

.sbutton
{
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #3366FF;
    background-color: #BEE2B9;
    border: 1px solid #439631;
    height: 25px; /*width: 110px;*/
    text-decoration: none; /*border-radius: 4px;     box-shadow: 1px 1px 1px #999;*/
}

.sbutton:hover
{
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
    cursor: pointer;
}