﻿body {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 1px;
    min-width: 0;
}

div {
    font-size: 11px;
    margin: 0,0,0,0;
    padding: 0,0,0,0;
}

fieldset {
    background-color: #ffffff; /*#fff9e5;ffffe5,f1f1f1*/
    font-family: Arial;
    font-size: 11px;
    border: solid 1px;
    border-color: #cecece;
    margin: 1px;
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
}

.siteMap {
    vertical-align: middle;
    font-family: Arial, tahoma, Verdana;
    font-size: 12px;
    font-weight: bold;
}

/* asp:Label */
.defaultLabel {
    background-color: transparent;
    border: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-align: right;
    vertical-align: middle;
    height: 14px;
    width: 100%;
    margin: 1px;
    padding: 1px;
}

/* asp:TextBox */
.defaultTextBox {
    background-color: White; /*#fff9e5;#f1f1f1;*/
    background-position: center center;
    border: 1px solid #888888;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
    vertical-align: middle;
    width: 99%;
    height: 25px;
}

    .defaultTextBox:hover {
        border: 1px solid #D61817; /*Black;*/
    }

    .defaultTextBox:focus {
        border: 1px solid #D61817; /*Black;*/
    }

    .defaultTextBox:disabled {
        background-color: #F5F5F5;
    }

    input[type=text]::-ms-clear {
    display: none;
}

/* asp:DropDownList */
.defaultDropDownList {
    background-color: White; /*#fff9e5;#f1f1f1;*/
    border: 1px solid #888888;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
    height: 25px;
    width: 100%; /*min-width: 300px;*/
}

    .defaultDropDownList:hover {
        border: 1px solid #ff9900;
    }

    .defaultDropDownList:focus {
        border: 1px solid #FF9900; /*Black;*/
    }

    .defaultDropDownList:disabled {
        background-color: #F5F5F5;
    }

    .defaultDropDownList:selected {
        background-color: #ffcc00;
    }

/* asp:ListBox */
.defaultListBox {
    background-color: White; /*#fff9e5;#f1f1f1;*/
    background-position: center center;
    border: 1px solid #666666;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

    .defaultListBox:hover {
        border: 1px solid #FF9900; /*Black;*/
    }

    .defaultListBox:disabled {
        background-color: #F5F5F5;
    }

.defaultTextNoWidthTransparent {
    font-size: 11px;
    background-color: transparent;
}

.defaultImageButton {
    cursor: pointer;
}

.defaultImageButtonBorder {
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.defaultHyperLink:link {
    color: #1660CB;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.defaultHyperLink:visited {
    color: #1660CB;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.defaultHyperLink:active {
    color: #1660CB;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.defaultText {
    font-size: smaller;
    width: 75%;
}

.defaultTextNoWidth {
    font-size: smaller;
}

.defaultTextBold {
    font-size: smaller;
    font-weight: bold;
    width: 100%;
}

.defaultTextCheckList {
    font-size: 11px;
}

.defaultTextBoldCheckList {
    font-size: 11px;
    font-weight: bold;
}

.defaultButton {
    display: inline-block;
    background-color: #666666;
    color: #FFFFFF;
    padding: 5px 20px;
    box-sizing: border-box;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    border: 0px;
    height: 25px;
}

    .defaultButton:hover {
        text-decoration: underline;
    }

     .defaultButton:disabled {
        background-color: silver;
    }

/*
    Set the Style for parent CSS Class
    of Calendar control
    Parent [CssClass] = myCalendar
*/
.myCalendar {
    background-color: #FFFFFF;
    width: 200px;
    border: 1px solid #efefef;
}

    /*
    Common style declaration for hyper linked text
*/
    .myCalendar a {
        text-decoration: none;
    }

    /*
    Styles declaration for top title
    [TitleStyle] [CssClass] = myCalendarTitle
*/
    .myCalendar .myCalendarTitle {
        font-weight: bold;
        background-color: #D61817;
        color: #FFFFFF;
    }

    /*
    Styles declaration for date cells
    [DayStyle] [CssClass] = myCalendarDay
*/
    .myCalendar td.myCalendarDay {
        background-color: #FEF9E2;
        border: solid 1px #D61817;
    }

    /*
    Styles declaration for next/previous month links
    [NextPrevStyle] [CssClass] = myCalendarNextPrev
*/
    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

    /*
    Styles declaration for Week/Month selector links cells
    [SelectorStyle] [CssClass] = myCalendarSelector
*/
    .myCalendar td.myCalendarSelector {
        background-color: #dddddd;
    }

    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 18px;
    }

        .myCalendar .myCalendarDay a:hover,
        .myCalendar .myCalendarSelector a:hover {
            background-color: #FFEDA9;
            color: #000000;
        }

        .myCalendar .myCalendarNextPrev a:hover {
            background-color: #fff;
        }

#divTop {
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

#divLogoTipo {
    background-color: #fff;
    float: left;
    width: 200px;
    height: 60px;
    vertical-align: middle;
    line-height: 70px;
}

    #divLogoTipo img {
        width: 200px;
        height: 33px;
        vertical-align: middle;
    }

#divTituloAplicacao {
    background-color: #fff;
    width: 100%;
    margin-top: 30px;
    color: #D61817;
    font-size: 24px;
    height: 60px;
}

    #divTituloAplicacao span {
        font-weight: bold;
        font-size: 24px;
        color: #D61817;
    }

.divMenu {
    background-color: #D61817;
    color: #000000;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    border: 1px solid #CCCCCC;
}

    .divMenu a:link {
        text-decoration: none;
    }

    .divMenu a:visited {
        text-decoration: none;
    }

    .divMenu a:active {
        text-decoration: none;
    }

.staticMenuStyle {
    background-color: #D61817;
    color: #FFFFFF;
    text-decoration: none;
}

    .staticMenuStyle a:visited {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

    .staticMenuStyle a:link {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

    .staticMenuStyle a:active {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

.dynamicMenuStyle {
    background-color: #D61817;
    color: #FFFFFF;
    border: solid 1px #CCCCCC;
}

    .dynamicMenuStyle a:visited {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

    .dynamicMenuStyle a:link {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

    .dynamicMenuStyle a:active {
        background-color: #D61817;
        color: #FFFFFF;
        text-decoration: none;
    }

#divMenuPath {
    position: relative;
    bottom: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    float: left;
    background-color: #cecece;
    width: 100%;
    height: 20px;
    padding: 3px 0 0 0;
    top: 2px;
}

    #divMenuPath a:link {
        color: #000000;
        text-decoration: none;
    }

    #divMenuPath a:visited {
        color: #000000;
        text-decoration: none;
    }

    #divMenuPath a:active {
        color: #000000;
        text-decoration: none;
    }

#divMenuPathLogin {
    position: relative;
    bottom: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    float: left;
    background-color: #D61817;
    width: 100%;
    height: 20px;
    padding: 3px 0 0 0;
    top: 2px;
}

#divContent {
    width: 100%;
}

#divFooter {
    width: 100%;
    height: 20px;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 1px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    border-top: solid 2px #CECECE;
}

    #divFooter span {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        vertical-align: middle;
    }

#divBarraTopo {
    width: 100%;
    height: 20px;
    color: #B3B3B3;
    background-color: #fff;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#divBarraTopo2 {
    position: relative;
    float: left;
    width: 100%;
    height: 15px;
    color: #fff;
    background-color: #fff;
    margin: 0px;
}

* html #divRodapeSite {
    position: absolute;
    bottom: -1px;
}

/* Estilos para as GridViews */
.gridViewStyle {
    width: 98%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: none;
    color: #000000;
}

.gridViewHeaderStyle {
    background: #CECECE;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-align: center;
    height: 20px;
    border: 1px solid #B6B6B6;
}

    .gridViewHeaderStyle a {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #000000;
        text-align: center;
        text-decoration: none;
        height: 20px;
    }

.gridViewRowStyle {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #383E49;
    height: 20px;
}

    .gridViewRowStyle td, th {
        border: 1px solid #B6B6B6;
    }

.gridViewSelectedRowStyle {
    font-size: 11px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #D91918;
}

.pageGrid {
    border: none;
    height: 20px;
    background-color: #F8F8FF;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #D3D3D3;
}

    .pageGrid span {
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;
        background-color: #D61817;
        border: 1px solid #D61817;
        color: #FFFFFF;
    }

    .pageGrid a:link {
        color: #000000;
        text-decoration: none;
        padding-left: 3px;
        padding-right: 3px;
    }

    .pageGrid a:visited {
        color: #000000;
        text-decoration: none;
        padding-left: 3px;
        padding-right: 3px;
    }

    .pageGrid a:active {
        color: #000000;
        text-decoration: none;
        padding-left: 3px;
        padding-right: 3px;
    }

.gridViewAlternatingRowStyle {
    background-color: #F5F5F5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #383E49;
}

    .gridViewAlternatingRowStyle td, th {
        border: 1px solid #B6B6B6;
    }

/* ----------------------- */
/****************************
* CSS PARA O UPDATE PROGRESS
*****************************/
.overlay {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #cecece;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
    position: fixed;
    z-index: 100002;
    text-decoration: none;
    cursor: default;
}

* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loader {
    z-index: 100001;
    position: fixed;
    top: 40%;
    left: 40%;
}

* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.tabela-acesso-negado {
    vertical-align: central;
    text-align: center;
    width: 100%;
}

.tabela-principal-atendimento {
    width: 100%;
}

.tabela-pesquisa-atendimento {
    width: 100%;
}

.tabela-fluxo-atendimento {
    width: 100%;
}

.CssReorderList li {
    color: #D61817;
    list-style: none;
    width: 300px;
    padding: 2px;
}

.CssItemArea {
    background-color: #cecece;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
    padding: 3px;
    height: 20px;
}

.CssReorderCue {
    height: 20px;
    width: 50%;
}

.CssDragHandle {
    background-color: #D61817;
    cursor: move;
    height: 25px;
    width: 15px;
}

.AccessDeniedMessage {
    font-size: 18px;
    color: red;
}

.SystemStatusRed {
    background-color: red;
    padding-top: 5px;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}

.SystemStatusYellow {
    background-color: yellow;
    padding-top: 5px;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}

.SystemStatusGreen {
    background-color: green;
    padding-top: 5px;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}

.PanelResultGrid {
    background-color: #ffffff; /*#fff9e5;ffffe5,f1f1f1*/
    border: solid 1px;
    border-color: #cecece;
    padding: 5px;
}

.PanelStyle {
    margin-top: 20px;
}

.carregando {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #D61817;
}   

