/* Common tags                 */
/*-----------------------------*/

html {
    height: 100%;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: left;
    background: #FFFFFF url(Images/bgRepeat.png) repeat-y left top;
    /* BOOTSTRAP OVERRIDE */
    line-height: initial;
}

    body.loginPage {
        margin: 0;
        padding: 0;
        background: #F7F7F7;
        height: 100%;
    }

    body.printPage {
        margin: 0;
        padding: 10px;
        background: #FFFFFF;
    }

input {
    padding: 3px 5px;
    border-radius: 3px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    font: 11px Verdana, Helvetica, sans-serif !important;
    box-sizing: initial;
}

    input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: thin dotted \9;
        /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }


    input[type="checkbox"], input[type="radio"] {
        border: none;
        border-radius: 3px;
        /*box-shadow: 1px 1px 1px #E0DEDE;*/
        outline: none;
        font: 11px Verdana, Helvetica, sans-serif !important;
        vertical-align: middle
    }

textarea {
    padding: 3px 5px;
    border-radius: 3px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    font: 11px Verdana, Helvetica, sans-serif !important;
}

    textarea:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: thin dotted \9;
        /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }

select {
    padding: 3px 5px;
    border-radius: 3px;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    font: 11px Verdana, Helvetica, sans-serif !important;
}

    select:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: thin dotted \9;
        /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }

.recordPageInput {
    padding: 0px 1px !important;
    margin: 0px 0px 0px 2px;
}

.LogoutLink, .LogoutLink:active, .LogoutLink:visited {
    text-decoration: none;
    color: White;
    font-weight: bold;
}

a {
    color: #000000;
    text-decoration: none;
}

    a:link, a:visited, a:active {
        color: #000000;
        text-decoration: underline;
        /*font-size: 11px;*/
    }

    a:hover {
        color: #000000;
        text-decoration: underline;
    }

    a.NoLink:link, a.NoLink:visited, a.NoLink:active {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
    }

    a.NoLink:hover {
        color: #000000;
        font-weight: bold;
    }

    a.NoLinkWhite:link, a.NoLinkWhite:visited, a.NoLinkWhite:active {
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
    }

    a.NoLinkWhite:hover {
        color: #FFFFFF;
        font-weight: bold;
    }

.MenuTdParent {
    background: #F9F9F9 url(images/bgMenuParent.png) repeat-y right top;
    padding-right: 2px;
}

    .MenuTdParent a:link, .MenuTdParent a:visited, .MenuTdParent a:active, .MenuTdParent a:hover {
        color: #999999;
        text-decoration: none;
    }

    .MenuTdParent a[href]:link, .MenuTdParent a[href]:visited, .MenuTdParent a[href]:active {
        color: #000000;
    }

    .MenuTdParent a[href]:hover {
        color: #3399CC;
    }

p {
    line-height: 14px;
}

.title {
    text-transform: uppercase;
    font: bold large Verdana, Arial;
    color: #8C8EAA;
}

hr {
    border: 0;
    border-top: 2px solid #8C8EAA;
    height: 2px;
}

img {
    border-width: 0;
    box-sizing: initial;
}

ul {
    list-style-image: url(Images/bullet.jpg);
    list-style-position: outside;
    list-style-type: disc;
    color: #000000;
    font-family: Verdana, Arial;
}

.menutextindent {
    /*font-size: x-small;*/
}

/* Headings                    */
/*-----------------------------*/
h1 {
    font-size: large;
    color: #A7A9BE;
}

h2 {
    font: medium Verdana, Arial;
    margin-top: 30;
    color: #A7A9BE;
    margin-bottom: -15;
}

h3 {
    font: small Verdana, Arial;
    margin-bottom: -15;
    color: #A7A9BE;
    padding-left: 15;
}

h4 {
    font: x-small Verdana, Arial;
    margin-bottom: -15;
    color: #A7A9BE;
    padding-left: 15;
}

h1, h2, h3, h4 {
    margin: 0;
    font-family: Verdana, Arial;
}

/* Tables                      */
/*-----------------------------*/
table {
    font-size: 11px;
}

    table.header {
        background-color: #D2D5DE;
    }

td.logo {
    text-align: left;
    width: 184px;
}

td.title {
    text-align: center;
    font: bolder x-large Verdana, Arial;
    color: #8C8EAA;
}

td.headerbar {
    background-image: url(Images/bar.jpg);
    text-align: center;
    height: 24px;
}

td.MobileHeaderBar {
    background-image: url(Images/bar2.jpg);
    text-align: center;
}

td.HeaderbarAgendaPrint {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border: 1px solid #CDCDCD;
    /*background-image: url(Images/bar.jpg);*/
    padding: 8px;
    color: #3399CC;
    font-weight: bold;
}

td.menu {
    background-color: #CCAAFF;
    width: 184px;
    height: 500px;
    vertical-align: top;
}

td.footer {
    margin-left: 30px;
    font-family: normal xx-small Verdana, Arial;
    color: #8C8EAA;
    text-align: right;
}



#container {
    padding-left: 100px; /* LC fullwidth */
    padding-right: 30px; /* RC fullwidth + CC padding */
}

    #container .column {
        float: left;
        position: relative;
    }

#center {
    padding: 10px 20px; /* CC padding */
    width: 100%;
}

#left {
    width: 180px; /* LC fullwidth - padding */
    padding: 0 10px;
    right: 220px; /* LC fullwidth */
    margin-left: -100%;
}

#footer {
    clear: both;
}
/*** IE Fix ***/
* html #left {
    left: 150px; /* RC fullwidth */
}

.HeaderLine {
    border-color: #808080;
}
/*
.HeaderPanel
{
	font: bold 11px Verdana, Helvetica, sans-serif;
	background-color: #254167;
	padding: 5px;
	color: #FFFFFF;
	cursor: move;
}*/

.HeaderPanel {
    font: bold 11px Verdana, Helvetica, sans-serif;
    background-color: #3399cc;
    /*background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;*/
    padding: 5px;
    color: #FFF;
    padding: 10px;
    border-bottom: 1px solid #CDCDCD;
    cursor: move;
}

.CloseImg {
    background-image: url(images/iconClose.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 4px;
    padding-bottom: 4px;
}

.StatusBar {
    font: 9px Verdana, Helvetica, sans-serif;
}

.LabelSmall {
    font: x-small Verdana, Arial;
    margin-bottom: -15;
    color: #A7A9BE;
    padding-left: 15;
    margin: 0;
}

. {
    font: bold small Verdana, Arial;
    margin-bottom: -15;
    color: #A7A9BE;
    padding-left: 15;
    margin: 0;
}

    .Label {
        font: small Verdana, Arial;
        margin-bottom: -15;
        color: #A7A9BE;
        padding-left: 15;
        margin: 0;
    }

    .LabelInfo {
        font: 9px Verdana, Helvetica, sans-serif;
        color: Green;
        background: #FFFFF !important;
        width: 100px;
        text-align: center;
        z-index: 9000;
        /*display: block;*/
    }

    .StatusBarRed {
        font: 9px Verdana, Helvetica, sans-serif;
        color: Red;
    }

    .login_box .StatusBarRed {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        display: block;
        text-align: center;
    }

    .StatusBarGreen {
        font: 9px Verdana, Helvetica, sans-serif;
        color: Green;
    }

    .Copyright {
        font: 9px Verdana, Helvetica, sans-serif;
    }

    .Validator {
        font: 10px Verdana, Helvetica, sans-serif;
        color: Red;
    }

    .Mandatory {
        font: 10px Verdana, Helvetica, sans-serif;
        color: Red;
    }

    .MessageValidator {
        font: 11px Verdana, Helvetica, sans-serif;
        color: Orange;
        text-transform: none !important;
        letter-spacing: -1px;
        padding: 0px;
        margin: 0px;
    }

    .TableLabel {
        font: 11px Verdana, Helvetica, sans-serif;
        /*padding: 6px 5px;*/
        padding: 0px 5px 4px;
        /*border-bottom: 1px solid #DDDDDD;*/
    }

    .TableLabelNoline {
        font: 11px Verdana, Helvetica, sans-serif;
        /*padding: 6px 5px;*/
        padding: 0px 5px 4px;
    }

    .dxtcControl_PlasticBlue .TableLabel {
        border-bottom: 1px solid A8A8A8;
    }

span.TableLabel {
    border-bottom: 0px solid #DDDDDD;
    padding: 0px;
}

.TableLabelLeft {
    font: 11px Verdana, Helvetica, sans-serif;
    padding: 8px 5px 8px 10px;
    /*padding: 1px 5px;*/
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

.TableLabelLeft2 {
    font: 11px Verdana, Helvetica, sans-serif;
    padding: 8px 5px 8px 10px;
    border-bottom: 1px solid #DDDDDD;
}

.inputImage input {
    margin-right: 4px;
}

.inputImage img {
    vertical-align: text-bottom;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

#tblOutrasInformacoes, #tblOutrasInformacoes tr {
    width: 100% !important;
}

.CalendarRelative > span, .CalendarRelative > span > span {
    margin-top: -200px;
    margin-left: 10px;
}

.CalendarRelativeLeft > span, .CalendarRelativeLeft > span > span {
    margin-top: -200px;
    margin-left: -120px;
}

.CalendarRelativeLeftBottom > span, .CalendarRelativeLeftBottom > span > span {
    margin-top: -10px;
    margin-left: -130px;
}

.CalendarRelative img, .CalendarRelativeLeft img, .CalendarRelativeLeftBottom img {
    width: 16px;
    height: 16px;
}

.logoRight .TableLabel {
    font: 10px Verdana, Helvetica, sans-serif;
    padding: 0px;
}

.TableLabelUnderline {
    font: 10px Verdana, Helvetica, sans-serif;
    text-decoration: underline;
}

.TableLabel:link {
    font-family: 10px Verdana, Helvetica, sans-serif;
    text-decoration: underline;
}

.TableLabelBold {
    font: bold 11px Verdana, Helvetica, sans-serif;
    padding: 5px 0px 0px;
}

.ListBox {
    font: 10px Verdana, Helvetica, sans-serif;
    border: 1px solid #CCCCCC !important;
    padding: 3px 5px;
}

.Textbox {
    border: 1px solid #CCCCCC !important;
}

.TextboxTable {
    font: 9px Verdana, Helvetica, sans-serif !important;
    border: 1px solid #CCCCCC !important;
}

.TextboxRegistoHoras {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #17506B;
    color: White;
    padding: 3px 6px !important;
}

.TextboxCurrency {
    font: 10px Verdana, Helvetica, sans-serif;
    text-align: right;
}

.DropDownList {
    font: 11px Verdana, Helvetica, sans-serif;
    padding: 3px 5px;
}

.RadioButtonList {
    border: none 0px Black;
}

    .RadioButtonList td {
        height: 22px;
    }

.Checkbox {
    font: 10px Verdana, Helvetica, sans-serif;
    border: none 0px Black;
}

.Button {
    background: #FFF url(Images/bgSearch.png) repeat-x left bottom;
    padding: 5px 10px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    text-decoration: none !important;
    font: bold 10px Verdana;
    color: #225169;
    cursor: pointer;
}

    .Button:hover {
        background: #FFF url(Images/bgSearchHover.png) repeat-x left bottom;
    }

.FooterStyle {
    background-color: #CCCCCC;
    font-size: 9px;
}

.PagerStyle {
    background-color: #999999;
    color: White;
    text-align: Left;
    font-size: 9px;
}

.SelectedRowStyle {
    background-color: #D2D5DE;
    font-weight: bold;
    color: White;
    font-size: 9px;
}

.HeaderStyle {
    font: bold 11px Verdana, Helvetica, sans-serif;
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-bottom: 1px solid #C5C5C5;
    /*padding: 7px 10px 6px;*/
    padding: 2px 10px 2px;
}

.AlternatingRowStyle {
    background-color: #F3F3F6;
    font-size: 9px;
}

/* CALENDARIO */

.drop_down_panel {
    position: absolute;
    z-index: 100;
    padding: 10px 15px 15px;
    height: auto;
    width: 230px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    margin-left: -50px;
}

.drop_down_calendar {
    margin: 0px;
    border-collapse: separate;
}

    .drop_down_calendar a {
        text-decoration: none;
        font: 11px Verdana, Arial, Helvetica, sans-serif;
    }

.calendar_header {
    width: 100%;
    padding: 0px 0px 5px;
    border-collapse: initial;
}

.prev_month_link, .prev_month_link:hover {
    cursor: pointer;
    cursor: hand;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

.next_month_link, .next_month_link:hover {
    cursor: pointer;
    cursor: hand;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

    .prev_month_link:hover, .next_month_link:hover {
        color: #3399CC;
    }

.month_label {
    font-weight: bold;
    text-align: center;
}

.period_days {
    width: 100%;
    top: 25px;
}

.loading_icon {
    text-align: center;
    width: 230px;
    height: 140px;
    background: url(images/spinner.gif) no-repeat center center;
}

.clickable_date {
    cursor: pointer;
    cursor: hand;
    color: #0000ff;
    text-decoration: underline;
    font-weight: bold;
}

.calendar_close_button {
    cursor: pointer;
    cursor: hand;
    margin-top: -23px;
    margin-right: -32px;
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    right: 20px;
}

.regular_date {
    text-align: center;
    width: 30px;
    height: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .regular_date:hover {
        background: #eeeeee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .regular_date a {
        color: #666666;
    }

        .regular_date a:hover {
            color: #000000;
        }

.todays_date, .todays_date:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .todays_date a, .holiday_date a {
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

.days_of_week {
    font-weight: bold;
    text-align: center;
}

.holiday_date {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* FIM CALENDÁRIO */

.PageTitle {
    font-size: large;
    color: #A7A9BE;
}

.ScheduleTable {
    width: 100% !important;
}

.HeaderScheduleTable {
    padding: 0px;
    font: bold 8px Verdana, Helvetica, sans-serif;
    background: url(Images/bgHeaderScheduleTable.png) repeat-x left top;
    color: #0C384D;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

    .HeaderScheduleTable .HeaderScheduleTable {
        padding: 5px 0px;
        background: none !important;
        border-top: 0px solid #CCCCCC;
        border-bottom: 0px solid #C5C5C5;
        border-right: 0px solid #C5C5C5;
    }

.HeaderHolidayScheduleTable {
    padding: 12px 0px;
    font: bold 8px Verdana, Helvetica, sans-serif;
    color: #555555;
    background: url(Images/headerHoliday.png) repeat-x left top;
}


    .HeaderHolidayScheduleTable a:link, .HeaderHolidayScheduleTable a:visited, .HeaderHolidayScheduleTable a:active {
        color: #E9E9E9 !important;
    }

    .HeaderHolidayScheduleTable a:hover {
    }

.ItemScheduleTable {
    background: #FFFFFF;
}

    .ItemScheduleTable:hover {
    }

.scheduleTitle {
    background: url(Images/bgBlue.png) repeat-x left top;
    padding: 4px 0px;
}

.ItemScheduleTableAlternative {
    background: #F7F7F7;
}

    .ItemScheduleTableAlternative:hover {
        cursor: pointer;
    }

.ScheduleGrid {
    border: 1px solid #FFFFFF;
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: Navy;
    color: #FFFFFF;
}

.ScheduleGridAprovado {
    border: 1px solid #FFFFFF;
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #008000;
    color: #FFFFFF;
}

.ScheduleGridReprovado {
    border: 1px solid #FFFFFF;
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #B22222;
    color: #FFFFFF;
}

.ScheduleGridPendente {
    border: 1px solid #FFFFFF;
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #FFD700;
    color: #FFFFFF;
}

.SchedulePrintGridLink {
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: Navy;
    color: #FFFFFF;
}

a.SchedulePrintGridLink {
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: Navy;
    color: #FFFFFF;
    text-decoration: underline;
}

.ScheduleGridLink {
    font: 9px Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

a.ScheduleGridLink {
    font: 9px Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: underline;
}

a.ScheduleGridPerson, a.ScheduleGridLinkPerson {
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #A7A9BE;
    color: #FFFFFF;
    text-decoration: underline;
}

.ScheduleGridPerson, .ScheduleGridLinkPerson {
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #A7A9BE;
    color: #FFFFFF;
}

.ScheduleTextBox {
    font: bold 10px Verdana, Helvetica, sans-serif;
    color: #A7A9BE;
    padding-right: 5px;
}

.PanelBorder {
    font: 11px Verdana, Helvetica, sans-serif !important;
}

.nextprev {
    font: 9px Verdana, Helvetica, sans-serif;
    background-color: #CCCCCC;
    color: #999999;
    border: 1px solid #CCCCCC;
}

    .nextprev:hover {
        font: 9px Verdana, Helvetica, sans-serif;
        background-color: #FFFFFF;
        color: #999999;
        border: 1px solid #CCCCCC;
    }

.recordPageHeaderTitle {
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-bottom: 1px solid #C5C5C5;
    background-repeat: repeat-x;
    /*padding: 7px 10px 6px;*/
    padding-top: 7px;
    padding-bottom: 6px;
    /*text-transform: uppercase;	*/
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
}

.recordPageHeaderTitleTotal {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-bottom: 1px solid #C5C5C5;
    padding: 10px 5px 7px;
    /*text-transform: uppercase;	*/
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
}

.recordPageHeaderTitleTotal2 {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    background-repeat: repeat-x;
    padding: 7px 0px 6px;
    text-transform: uppercase;
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
}

.lblExtension {
    font-size: 1em;
    color: #5F5F5F;
    display: block;
    padding: 10px 0px 10px;
}



.recordPageHeaderTitleTotal table {
    border-spacing: 0;
    border-collapse: collapse;
}

    .recordPageHeaderTitleTotal table td, .recordPageHeaderTitleTotal table th {
        padding: 0;
        font: bold 16px Arial, Helvetica, sans-serif;
        color: #003366;
    }

.borderLeft {
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    padding-right: 0px;
    padding-left: 5px;
}

.borderTopBottom {
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
}


.borderRight {
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    padding-right: 0px;
    padding-left: 5px;
}

.borderLeftTwo {
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px 5px;
}


.borderRightTwo {
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 2px 5px;
}

.recordPageHeaderTitle a:link, .recordPageHeaderTitle a:visited, .recordPageHeaderTitle a:active {
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: url(images/bgMenuParent.png) repeat-y left top;
    padding: 10px 8px 13px 6px;
    margin: 0px;
    font-weight: normal;
    font-size: 11px;
}


.deleteButton {
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: url(images/bgMenuParent.png) repeat-y left top;
    padding: 12px 10px 10px;
    font-weight: normal;
    cursor: pointer;
}


.HeaderFilter a:link, .HeaderFilter a:visited, .HeaderFilter a:active {
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: url(images/bgMenuParent.png) repeat-y left top;
    padding: 12px 10px 10px;
    font-weight: normal;
}

.recordPageHeaderTitleTotal a:link, .recordPageHeaderTitleTotal a:visited, .recordPageHeaderTitleTotal a:active {
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: url(images/bgMenuParent.png) repeat-y left top;
    padding: 15px 10px 12px;
    font-weight: normal;
    font-size: 11px;
}

.recordPageHeaderTitle a:hover, .recordPageHeaderTitleTotal a:hover {
    color: #3399CC;
    font-weight: normal;
    text-decoration: none !important;
}


.recordPageHeaderTitle img, .recordPageHeaderTitleTotal img {
    vertical-align: middle;
    margin-right: 2px;
}

.recordPageHeaderTitleText {
    font: bold 11px Verdana, Helvetica, sans-serif;
    color: #000000;
}

.recordPageHeaderTitle1 {
    font: bold 9px Verdana, Helvetica, sans-serif;
    color: #000000;
    background-image: url(Images/1pGray.gif);
}

.recordPageHeaderTitleText2 {
    color: #000000;
    font: bold 11px Verdana,Arial;
    color: #000000;
    border-collapse: separate;
    border-spacing: 2px;
    text-indent: 0;
}

.recordPageHeaderItems {
    font: 10px Verdana, Helvetica, sans-serif;
    color: #000000;
    background-image: url(Images/PageTitle.png);
    background-image: url(Images/Logo_Repeat.jpg);
    color: #FFFFFF;
}

.recordPageLink, .recordPageLink:link, .recordPageLink:visited, .recordPageLink:active, .recordPageLink:hover {
    font: 10px Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

.recordPage .recordPageLink, .recordPage .recordPageLink:link, .recordPage .recordPageLink:visited, .recordPage .recordPageLink:active, .recordPage .recordPageLink:hover {
    font: 10px Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 10px 10px;
    border-left: 1px solid #006F6B;
}

.recordPageLink img {
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}

.recordPageLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #072E42 !important;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

.recordPage .recordPageLink img {
    padding: 0px 5px 0px 0px;
}


.recordPageLinkBold, .recordPageLinkBold:link, .recordPageLinkBold:visited, .recordPageLinkBold:active, .recordPageLinkBold:hover {
    font: bold 10px Verdana, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}

.recordPageLinkBlack, .recordPageLinkBlack:link, .recordPageLinkBlack:visited, .recordPageLinkBlack:active, .recordPageLinkBlack:hover {
    /*font: normal 10px Verdana, Helvetica, sans-serif;*/
    padding: 0px;
    color: #000000;
    text-decoration: underline;
}

.recordPageTitle1Link, .recordPageTitle1Link:link, .recordPageTitle1Link:visited, .recordPageTitle1Link:active, .recordPageTitle1Link:hover {
    font: bold 10px Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

.recordPageLink2, A.recordPageLink2 {
    font: normal 10px Verdana, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.recordPageLink2White, A.recordPageLink2White {
    font: normal 10px Verdana, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

A.recordPageLink2 span {
    text-decoration: underline;
}

.recordPage {
    border: 0px solid #DDDDDD;
}

.ButtonFilter {
    border-left: 1px dotted #CDCDCD;
    padding: 10px;
    width: 94px;
}

.ButtonFilterHover {
    border-left: 1px dotted #8C8EAA;
    background-color: #F3F3F6;
}

.BorderFilter {
    border: 1px solid #8C8EAA;
}

.BorderNoFilter {
    border: 0px solid #8C8EAA;
}

.ButtonSearch {
    background: #FFF url(Images/bgSearch.png) repeat-x left bottom;
    width: 60px;
    padding: 10px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    overflow: hidden;
    text-decoration: none !important;
    font: bold 10px Verdana;
    color: #225169;
    box-sizing: initial;
}

    .ButtonSearch:hover {
        background: #E2E0E2 url(Images/bgSearchHover.png) repeat-x left top;
    }

.FileUpload {
    font: 10px Verdana, Helvetica, sans-serif;
    width: 400px;
}


.TabBorder {
    border-bottom: 1px solid #DDDDDD !important;
    height: 36px;
}

.Tab {
    color: #0C384C !important;
    font: 11px Verdana, Helvetica, sans-serif !important;
}

    .Tab a:link, .Tab a:visited, .Tab a:active {
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        background: #FFFFFF;
        border-top: 2px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD !important;
        padding: 10px;
        text-decoration: none !important;
    }

.TabActive {
    color: #0C384C !important;
    font: 11px Verdana, Helvetica, sans-serif !important;
}

    .TabActive a:link, .TabActive:visited, .TabActive:active {
        background: url(images/bgActiveTab.png) repeat-x left bottom;
        border-top: 2px solid #3399CC;
        padding: 10px !important;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        text-decoration: none !important;
    }

.NoPermission {
    font: 14px Verdana, Helvetica, sans-serif;
    color: Red;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 200px;
    padding: 50px 0px 0px 0px;
}

.AltBox {
    /*background-color: Gray;*/
    background: url(Images/AltBox.png) no-repeat center 5px;
    padding: 15px 10px 10px !important;
    margin-left: -92px;
    color: White;
}

.BoxTitle {
    font: bold 11px Verdana, Helvetica, sans-serif;
    background-color: #254167;
    color: #FFFFFF;
}

.Box {
    border: Solid 1px #D6D6D6;
    background-color: White;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.BoxFieldset {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #DDDDDD;
    border-left: 0px solid #DDDDDD;
    border-right: 0px solid #DDDDDD;
    border-bottom: 0px solid #DDDDDD;
}

    .BoxFieldset legend {
        padding-right: 10px;
        font: bold 11px Verdana, Helvetica, sans-serif;
        margin-bottom: 5px;
    }

.AgendaLink {
    padding: 1px;
    font: bold 11px Verdana, Helvetica, sans-serif;
    color: #0C384D;
}

a.AgendaLink:link, a.AgendaLink:visited, a.AgendaLink:active {
    font: bold 11px Verdana, Helvetica, sans-serif !important;
    text-decoration: none;
    color: #0C384D;
}

a.AgendaLink:hover {
    font: bold 11px Verdana, Helvetica, sans-serif !important;
    text-decoration: none;
    color: #3399CC;
}


.GridViewHeader {
    background: #FAFAFA url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    background-size: contain;
    color: #003366;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .GridViewHeader th {
        background: #FAFAFA url(Images/Menu/bgMenuHeader.png);
        background-repeat: repeat-x;
        background-size: contain;
        padding: 5px;
        text-decoration: none;
        border-left: 1px solid #CDCDCD !important;
        border-right: 1px solid #CDCDCD !important;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #003366;
        text-transform: uppercase;
    }


.GridViewHeader2 {
    background: #FAFAFA url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    color: #003366;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .GridViewHeader2 th {
        padding: 2px;
        margin: 0px;
        text-decoration: none;
        color: #003366;
    }

    .GridViewHeader2 br {
        padding: 0px;
        margin: 0px;
    }

.BorderGrid td {
    border-left: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
}

.BorderGrid th {
    text-decoration: none !important;
    border-left: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
}

.BorderGrid td td {
    border-left: 0px solid #CDCDCD !important;
    border-right: 0px solid #CDCDCD !important;
}

.BorderGrid2 td {
    border-left: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
    border-bottom: 1px solid #CDCDCD !important;
    padding: 5px 10px;
    text-align: center;
}

    .BorderGrid2 td td {
        border-left: 0px solid #CDCDCD !important;
        border-right: 0px solid #CDCDCD !important;
        border-bottom: 0px solid #CDCDCD !important;
        padding: 5px;
        text-align: left;
    }

.BorderGrid2 th {
    border-left: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
    border-top: 1px solid #CDCDCD !important;
    border-bottom: 1px solid #CDCDCD !important;
    padding: 5px;
    text-align: center;
}

.BorderLeftTopBottomTh {
    background: #FAFAFA url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    color: #003366;
    border: 1px solid #CDCDCD;
    padding: 2px 5px;
}

.BorderRightTopBottomTh {
    background: #FAFAFA url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    color: #003366;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    padding: 2px 5px;
}

.BorderLeftTopBottomTd {
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    padding: 2px 5px;
}

.BorderRightTopBottomTd {
    background: #FFFFFF;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    padding: 2px 5px;
}

.borderWhite {
    border: 0px solid #FFFFFF !important;
}

.borderHiddenDiv {
    height: 120px;
    width: 100%;
    overflow: auto;
    border: 1px solid #CDCDCD;
    display: none;
    text-align: left;
    padding: 5px 0px;
    border-radius: 3px;
    background: #F3EFEE;
}

.GridViewHeader th a:link, .GridViewHeader th a:visited, .GridViewHeader th a:active, .GridViewHeader th a:hover {
    text-transform: uppercase;
    text-decoration: none !important;
    color: #003366 !important;
    font-weight: bold !important;
}

.GridViewHeaderTitle {
    color: #07BFB6;
    font: bold 10px Verdana, Helvetica, sans-serif;
}

.HeaderFilter {
    font: bold 11px Verdana, Helvetica, sans-serif;
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-bottom: 1px solid #CDCDCD;
    padding: 6px 10px;
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

.SearchCriteriaPanel, .MaillingOptions {
    /*border: 1px solid #CCCCCC;*/
    background: #F9F7F9;
    color: #003366;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.contentPadding {
    padding: 0px 0px 5px 0px;
}

.moreFilters {
    background: #3399CC;
    padding: 2px 5px;
    overflow: hidden;
    text-decoration: none !important;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF !important;
    border-radius: 3px;
    border: 1px solid #3366CC;
    box-shadow: 1px 1px 1px #E0DEDE;
    max-width: 120px;
    margin-bottom: 5px;
    box-sizing: initial;
}

    .moreFilters:hover {
        background: #3399FF;
        border: 1px solid #3366CC;
    }
/*
.AlternatingRowStyle
{
	background-color: #E8EAEA;
	font-size: 9px;
}
*/
.GridTextTitle, .GridDropTitle {
    padding: 3px 5px;
    font: 11px Verdana, Helvetica, sans-serif;
    color: #000000;
}

.StaticMenuStyle {
    font: 11px Verdana;
    color: #000000;
}

.StaticMenuItemStyle {
    font: 11px Verdana;
    color: #000000;
    padding: 3px;
    margin: 3px;
}

.StaticMenuHoverStyle {
    font: 11px Verdana;
    text-decoration: underline;
    background-color: #FFFFFF;
}

.DynamicMenuStyle {
    font-size: 9px;
    background-color: none !important;
    color: #000000;
}

.DynamicMenuHoverStyle {
    color: #000000;
    background-color: #FFFFFF;
}

.LateTask {
    /*background-color: #FF8C00!important;*/
    color: #FF9900 !important;
    font-weight: bold !important;
}

.dropzone {
    background-color: #E6E6FA;
    border: 1px solid #000000;
}

.draggable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(images/tarefa.gif) no-repeat left bottom;
    padding: 5px 2px 2px 20px;
}

.droppable {
}

.droppableHover {
    border: solid 1px Black;
}


/******************
	Obout Menu
*******************/

.Menu {
    background-color: #F9F9F9;
    padding: 0px;
    margin: 0px;
}

.Menu2 {
    width: 130px;
    margin-left: 4px;
}

.MenuPane {
    margin: 0px auto;
    padding: 5px 10px;
    background: #F9F9F9 !important;
}

    .MenuPane img {
        vertical-align: middle !important;
        margin-right: 5px;
        width: 16px;
        height: 16px;
        /*display:none;*/
    }

    .MenuPane td + td img {
        vertical-align: middle !important;
        /*display: none;	*/
    }


    .MenuPane a {
        padding: 0px;
        margin: 0px;
        width: 140px;
    }

    .MenuPane table {
        padding: 0px;
        margin: 0px;
        background: #F9F9F9 !important;
    }

    .MenuPane div {
        /*background: #000000 !important;
	overflow: hidden;*/
        z-index: 10000000;
    }

    .MenuPane table td {
        padding: 2px 0px !important;
        width: 136px;
    }

    .MenuPane table a {
        margin: 0px;
        padding: 5px;
        /*display: block;*/
    }

        .MenuPane table a:hover {
            color: #3399CC;
        }

.MenuPane2 {
    border: solid 1px #CCCCCC;
    margin-left: 0px;
    margin-right: 0px;
}

.MenuHeader {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #C5C5C5;
    font: 11px Verdana;
    color: #0C384C;
    text-align: left;
    padding: 6px 4px;
    margin: 0px;
    cursor: pointer;
    cursor: hand;
}

.MenuHeaderSelected {
    background: url(Images/Menu/bgMenuHeaderHover.png) no-repeat right center;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #C5C5C5;
    font: 11px Verdana;
    color: #0C384C;
    text-align: left;
    padding: 6px 4px;
    margin: 0px;
    cursor: pointer;
    cursor: hand;
}

.MenuHeader2 {
    background-image: url(Images/Tab_100x36.png);
    font: 10px Verdana;
    color: Black;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    cursor: hand;
}


.MenuItem {
    color: #999999;
    margin: 0px 0px 3px 0px;
    padding: 5px 0px;
    overflow: hidden;
}

    .MenuItem img {
        vertical-align: middle !important;
        margin-right: 2px;
        /*display: none;*/
    }

    .MenuItem span {
        vertical-align: middle !important;
        margin-right: 5px;
        float: left;
        padding-right: 4px;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

.MenuItem2 {
    color: Black;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}

.MenuImage {
    float: left;
    padding-right: 4px;
}

.MI_CLI {
    background-image: url(Images/MenuItems/Cliente.png);
}

.MI_CLIOff {
    background-image: url(Images/MenuItems/Cliente_gray.png);
}

.MI_TR {
    background-image: url(Images/MenuItems/Tarefa.png);
}

.MI_TROff {
    background-image: url(Images/MenuItems/Tarefa_gray.png);
}

.MI_TRR {
    background-image: url(Images/MenuItems/TarefaRecorrente.png);
}

.MI_TRROff {
    background-image: url(Images/MenuItems/TarefaRecorrente_gray.png);
}

.MI_CNT {
    background-image: url(Images/MenuItems/Contacto.png);
}

.MI_CNTOff {
    background-image: url(Images/MenuItems/Contacto_gray.png);
}

.MI_RV {
    background-image: url(Images/MenuItems/RelatorioVisita.png);
}

.MI_RVOff {
    background-image: url(Images/MenuItems/RelatorioVisita_gray.png);
}

.MI_OP {
    background-image: url(Images/MenuItems/Oportunidade.png);
}

.MI_OPOff {
    background-image: url(Images/MenuItems/Oportunidade_gray.png);
}

.MI_PRC {
    background-image: url(Images/MenuItems/Processo.png);
}

.MI_PRCOff {
    background-image: url(Images/MenuItems/Processo_gray.png);
}

.MI_PRD {
    background-image: url(Images/MenuItems/Produto.png);
}

.MI_PRDOff {
    background-image: url(Images/MenuItems/Produto_gray.png);
}

.MI_BH {
    background-image: url(Images/MenuItems/BolsaHoras.png);
}

.MI_BHOff {
    background-image: url(Images/MenuItems/BolsaHoras_gray.png);
}

.MI_CTR {
    background-image: url(Images/MenuItems/Contrato.png);
}

.MI_CTROff {
    background-image: url(Images/MenuItems/Contacto_gray.png);
}

.MI_PAT {
    background-image: url(Images/MenuItems/PAT.png);
}

.MI_PATOff {
    background-image: url(Images/MenuItems/PAT_gray.png);
}

.MI_AGE {
    background-image: url(Images/MenuItems/AgendaGeral.png);
}

.MI_AGEOff {
    background-image: url(Images/MenuItems/AgendaGeral_gray.png);
}

.MI_AGEP {
    background-image: url(Images/MenuItems/AgendaPessoal.png);
}

.MI_AGEPOff {
    background-image: url(Images/MenuItems/AgendaPessoal_gray.png);
}

.MI_AGER {
    background-image: url(Images/MenuItems/AgendaRecursos.png);
}

.MI_AGEROff {
    background-image: url(Images/MenuItems/AgendaRecursos_gray.png);
}

.MI_R {
    background-image: url(Images/MenuItems/Reuniao.png);
}

.MI_ROFF {
    background-image: url(Images/MenuItems/Reuniao_gray.png);
}

.MI_RA {
    background-image: url(Images/MenuItems/Accoes.png);
}

.MI_RAOFF {
    background-image: url(Images/MenuItems/Accoes_gray.png);
}

.MI_ML {
    background-image: url(Images/MenuItems/Mail.png);
}

.MI_MLOFF {
    background-image: url(Images/MenuItems/Mail_gray.png);
}

.MI_MML {
    background-image: url(Images/MenuItems/MensagemML.png);
}

.MI_MMLOFF {
    background-image: url(Images/MenuItems/MensagensML_gray.png);
}

.MI_G {
    background-image: url(Images/MenuItems/MailGrupo.png);
}

.MI_GOFF {
    background-image: url(Images/MenuItems/MailGrupo_gray.png);
}

.MI_RH {
    background-image: url(Images/MenuItems/RegistoHoras.png);
}

.MI_RHOFF {
    background-image: url(Images/MenuItems/RegistoHoras_gray.png);
}

.MI_TP {
    background-image: url(Images/MenuItems/Processos.png);
}

.MI_TPOFF {
    background-image: url(Images/MenuItems/Processos_gray.png);
}

.MI_TP {
    background-image: url(Images/MenuItems/Processos.png);
}

.MI_TPOFF {
    background-image: url(Images/MenuItems/Processos_gray.png);
}

.MI_COS {
    background-image: url(Images/MenuItems/Utilizadores.png);
}

.MI_COSOFF {
    background-image: url(Images/MenuItems/Utilizadores_gray.png);
}

.MI_TM {
    background-image: url(Images/MenuItems/Utilizadores.png);
}

.MI_TMOFF {
    background-image: url(Images/MenuItems/Utilizadores_gray.png);
}

.MI_TCLI {
    background-image: url(Images/MenuItems/Cliente.png);
}

.MI_TCLIOFF {
    background-image: url(Images/MenuItems/Cliente_gray.png);
}

.MI_TCO {
    background-image: url(Images/MenuItems/Utilizador.png);
}

.MI_TCOOFF {
    background-image: url(Images/MenuItems/Utilizador_gray.png);
}

.MI_ARV {
    background-image: url(Images/MenuItems/RelatorioVisita.png);
}

.MI_ARVOFF {
    background-image: url(Images/MenuItems/RelatorioVisita_gray.png);
}

.MI_AA {
    background-image: url(Images/MenuItems/Agendamento.png);
}

.MI_AAOFF {
    background-image: url(Images/MenuItems/Agendamento_gray.png);
}

.MI_ACO {
    background-image: url(Images/MenuItems/Contactos.png);
}

.MI_ACOOFF {
    background-image: url(Images/MenuItems/Contactos_gray.png);
}

.MI_AT {
    background-image: url(Images/MenuItems/Tarefas.png);
}

.MI_ATOFF {
    background-image: url(Images/MenuItems/Tarefas_gray.png);
}

.MI_ATP {
    background-image: url(Images/MenuItems/Tarefas.png);
}

.MI_ATPOFF {
    background-image: url(Images/MenuItems/Tarefas_gray.png);
}

.MI_TIM {
    background-image: url(Images/MenuItems/Timesheet.png);
}

.MI_TIMOFF {
    background-image: url(Images/MenuItems/Timesheet_gray.png);
}

.MI_AR {
    background-image: url(Images/MenuItems/Recursos.png);
}

.MI_AROFF {
    background-image: url(Images/MenuItems/Recursos_gray.png);
}

.MI_APAT {
    background-image: url(Images/MenuItems/PAT.png);
}

.MI_APATOFF {
    background-image: url(Images/MenuItems/PAT_gray.png);
}

.MI_D {
    background-image: url(Images/MenuItems/AmbienteTrabalho.png);
}

.MI_DOFF {
    background-image: url(Images/MenuItems/AmbienteTrabalho_gray.png);
}

.MI_ICR {
    background-image: url(Images/MenuItems/InserirChamada.png);
}

.MI_ICROFF {
    background-image: url(Images/MenuItems/InserirChamada_gray.png);
}

.MI_OV {
    background-image: url(Images/MenuItems/ObjectivoVendas.png);
}

.MI_OVOFF {
    background-image: url(Images/MenuItems/ObjectivoVendas_gray.png);
}

.MI_OC {
    background-image: url(Images/MenuItems/ObjectivoCobrancas.png);
}

.MI_OCOFF {
    background-image: url(Images/MenuItems/ObjectivoCobrancas_gray.png);
}

.MI_FC {
    background-image: url(Images/MenuItems/FundirClientes.png);
}

.MI_FCOFF {
    background-image: url(Images/MenuItems/FundirClientes_gray.png);
}

.MI_AC {
    background-image: url(Images/MenuItems/AnaliseCliente.png);
}

.MI_ACOFF {
    background-image: url(Images/MenuItems/AnaliseCliente_gray.png);
}

.MI_RI {
    background-image: url(Images/MenuItems/AnaliseCliente.png);
}

.MI_RIOFF {
    background-image: url(Images/MenuItems/AnaliseCliente_gray.png);
}

.MI_F {
    background-image: url(Images/MenuItems/Facturacao.png);
}

.MI_FOFF {
    background-image: url(Images/MenuItems/Facturacao_gray.png);
}

.MI_EST {
    background-image: url(Images/MenuItems/Estatisticas.png);
}

.MI_ESTOFF {
    background-image: url(Images/MenuItems/Estatisticas_gray.png);
}

.MI_AGTO {
    background-image: url(Images/MenuItems/Ferramentas.png);
}

.MI_AGTOOFF {
    background-image: url(Images/MenuItems/Ferramentas_gray.png);
}

.MI_FT {
    background-image: url(Images/MenuItems/Ferramentas.png);
}

.MI_FTOFF {
    background-image: url(Images/MenuItems/Ferramentas_gray.png);
}

.MI_RD {
    background-image: url(Images/MenuItems/RelatorioDespesas.png);
}

.MI_RDOFF {
    background-image: url(Images/MenuItems/RelatorioDespesas_gray.png);
}

.MI_ME {
    background-image: url(Images/MenuItems/MapasExcel.png);
}

.MI_MEOFF {
    background-image: url(Images/MenuItems/MapasExcel_gray.png);
}

.MI_EQ {
    background-image: url(Images/MenuItems/Equipa.png);
}

.MI_EQOFF {
    background-image: url(Images/MenuItems/Equipa_gray.png);
}

.MI_RC {
    background-image: url(Images/MenuItems/Recursos.png);
}

.MI_RCOFF {
    background-image: url(Images/MenuItems/Recursos_gray.png);
}

.MI_TSP {
    background-image: url(Images/MenuItems/TemplatesSubProcessos.png);
}

.MI_TSPOFF {
    background-image: url(Images/MenuItems/TemplatesSubProcessos_gray.png);
}

.MI_N {
    background-image: url(Images/MenuItems/Noticias.png);
}

.MI_NOFF {
    background-image: url(Images/MenuItems/Noticias_gray.png);
}

.MI_MD {
    background-image: url(Images/MenuItems/MeusDados.png);
}

.MI_MDOFF {
    background-image: url(Images/MenuItems/MeusDados_gray.png);
}

.MI_TSI {
    background-image: url(Images/MenuItems/Tabelas.png);
}

.MI_TSIOFF {
    background-image: url(Images/MenuItems/Tabelas_gray.png);
}

.MI_TSII {
    background-image: url(Images/MenuItems/Tabelas2.png);
}

.MI_TSIIOFF {
    background-image: url(Images/MenuItems/Tabelas2_gray.png);
}

.MI_FTS {
    background-image: url(Images/MenuItems/Configuracoes.png);
}

.MI_FTSOFF {
    background-image: url(Images/MenuItems/Configuracoes_gray.png);
}

.MI_IE {
    background-image: url(Images/MenuItems/ImportExport.png);
}

.MI_IEOFF {
    background-image: url(Images/MenuItems/ImportExport_gray.png);
}

.MI_AN {
    background-image: url(Images/MenuItems/Ferramentas.png);
}

.MI_ANOFF {
    background-image: url(Images/MenuItems/Ferramentas_gray.png);
}

.MI_VL {
    background-image: url(Images/MenuItems/Tabelas.png);
}

.MI_VLOFF {
    background-image: url(Images/MenuItems/Tabelas_gray.png);
}

.MenuItemLabel {
    font: 11px Verdana;
    /*color:#999999;*/
    padding: 0px;
    margin: 0px;
}

.MenuItemLabel2 {
    font: 10px Verdana;
    /*color: Black;*/
}
/*.MenuItemLabel:hover, .MenuItemLabel2:hover
{
	text-decoration: none;
	color: #3399CC;
}*/

.header {
    background: #044C68 /*url(images/bgHeader.png) repeat-x left top*/;
    border-bottom: 5px solid #3399CC;
    height: 72px;
    width: 100%;
    font: 11px Verdana;
    /*text-align: center;*/
}

.MobileHeader {
    background-image: url(images/MobileLogo_Repeat.jpg);
    background-repeat: repeat-x;
    width: 100%;
}

.logoLeft {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 72px;
    /*width: 431px;*/
    float: left;
    margin-right: 6px;
}

.logoRight {
    height: 52px;
    /*width: 320px;*/
    float: right;
    padding-top: 5px;
    padding-left: 11px;
    font: smaller Verdana, Arial;
    margin-top: 7px;
    margin-right: 11px;
    color: White;
}

/* Dados Utilizador & Logout */

.dataUser {
    width: 180px;
    float: left;
    margin: 0px 25px 0px 46px;
    padding: 0px;
    text-align: left;
    line-height: 11px;
}

    .dataUser br {
        margin-bottom: 1px !important;
    }


.userLogout {
    width: 50px;
    float: left;
    margin: 3px 0px 0px;
    padding: 0px;
    text-align: center;
}

.fieldFiltro {
    padding: 0px;
    margin: 10px;
}

.FieldSetLegend {
    font: bold 10px Verdana, Helvetica, sans-serif;
    display: block !important;
    width: 100%;
    padding: 0px;
    margin: 0px !important;
    background: #CCCCCC;
}

.TableLabelItalic {
    font: italic 11px Verdana, Helvetica, sans-serif;
    padding: 0px 5px 4px;
    border-bottom: 1px solid #DDDDDD;
}

.TBT {
    /* font: 11px Verdana, Helvetica, sans-serif !important;
	border-width: 0;*/
}

.RV_Period_Table {
    border: 1px dotted #DDDDDD;
    width: 100%;
    background: #FFFFFF;
}

.divMensagens {
    position: absolute;
    display: none;
    top: 100px;
    color: #FFFFFF;
    background: #8EBD40 url(Images/correct.png) no-repeat 70px center !important;
    font: large 14px Verdana;
    padding: 40px 60px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 100000;
}

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

    .Menu {
        display: none;
    }

    .MenuTdParent {
        width: 0px;
        display: none;
    }
}

#blockUI {
    background: rgb(0, 0, 0) none repeat scroll 0%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10000;
}

#blockUI2 {
    background: rgb(0, 0, 0) none repeat scroll 0%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10000;
}

#GroupActions {
    z-index: 10001 !important;
}

.MoveableWindow {
    border: 10px solid #F4F4F4;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 1px 1px 10px #444;
    -webkit-box-shadow: 1px 1px 10px #444;
    box-shadow: 1px 1px 10px #444;
}

.MoveableWindowTitle {
    font: bold 11px Verdana, Helvetica, sans-serif;
    background-color: #254167;
    padding: 5px;
    color: #FFFFFF;
    cursor: move;
}

.ActiveTabStyle {
    background: url(images/bgActiveTab.png) repeat-x left bottom;
    border-top: 2px solid #3399CC;
    padding: 5px !important;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dxtc {
    color: #0C384C !important;
    font: 11px Verdana, Helvetica, sans-serif !important;
}

.dxtcTab_PlasticBlue {
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #FFFFFF;
    border-top: 2px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD !important;
    padding: 5px 10px;
}

.dxtcActiveRow_PlasticBlue td {
    border-bottom: 1px solid #DDDDDD !important;
}

.dxtcScrollButtonIndent_PlasticBlue {
    border-bottom: 1px solid #DDDDDD !important;
}

.dxtcScrollButtonCell_PlasticBlue {
    border-bottom: 1px solid #DDDDDD !important;
}

.ContentStyle {
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #F9F7F9 !important;
    border-left: 1px solid #DDDDDD !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
}

.Line {
    border-top: 1px dotted #CDCDCD;
}

.SummaryTable {
    color: Black;
    background-color: White;
    border: 1px solid #CDCDCD;
    border-collapse: collapse;
}

.SummaryTableHeader {
    text-align: center;
    background: #FAFAFA url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    border-top: 1px solid #CDCDCD !important;
    border-left: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #003366;
    text-transform: uppercase;
}

.SummaryTable td {
    border-bottom: 1px solid #CDCDCD !important;
    border-right: 1px solid #CDCDCD !important;
}

.SelectAll {
    color: #000000;
    text-decoration: none;
    background: url(images/ok.gif) no-repeat 0px 0px;
    background-position: bottom left;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 5px;
}

.UnSelectAll {
    color: #000000;
    text-decoration: none;
    background: url(images/not_ok.gif) no-repeat 0px 0px;
    background-position: bottom left;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 5px;
}

/* LOGIN CRM */

.loginAll {
    width: 100%;
    height: 100%;
    display: table;
    background: url(images/bgLoginLogo.png) no-repeat right bottom;
}

.loginVertical {
    width: 440px;
    height: 440px;
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle;
}

.loginView {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 15px #002439;
    -webkit-box-shadow: 1px 1px 15px #002439;
    box-shadow: 1px 1px 15px #002439;
    width: 400px;
    height: 390px;
    margin-left: auto;
    margin-right: auto;
}

.box {
    width: 400px;
    height: 390px;
}

.boxLogo {
    width: 400px;
    background: url(images/boxLogoBg.png) repeat-x left bottom;
    padding: 35px 0px;
    text-align: center;
}

.boxLine {
    /*width: 300px;*/
    /*padding: 10px 0px;*/
    margin: 0px auto;
    position: relative;
}

    .boxLine label {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 11px;
        color: #999999;
    }

    .boxLine span.error {
        font: 11px Verdana !important;
        color: #CC0000;
        display: block;
        text-align: center;
        padding: 0px;
    }

.textBoxUser, .textBoxPassword {
    background: #F8F8F8 url(images/textBoxUser.png) no-repeat 270px center;
    padding: 6px 12px;
    height: 34px;
    margin: 0px;
    font-size: 11px !important;
}


.rememberMe {
    border-radius: 2px;
    padding: 0px;
    margin: 0px;
}

.alignRight {
    display: block;
    text-align: right;
}


.buttonLogin {
    background: #6BB434;
    border: 1px solid #6BB434;
    box-shadow: 1px 1px 1px #E0DEDE;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font: bold 16px Verdana !important;
    margin: 0px 0px 0px !important;
    padding: 15px 10px !important;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
}


    .buttonLogin:hover {
        background: #6BB434;
        border: 1px solid #6BB434;
    }

    .buttonLogin:disabled {
        background: gray;
        border: 1px solid gray;
    }

.buttonDisabled {
    background: gray;
}


.logoLoginFooter {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
    color: #FFFFFF;
}

    .logoLoginFooter span {
        display: block;
        text-align: right;
        font: 11px Verdana;
    }

.statusLogin {
    position: absolute;
    margin: 0px;
    left: 0px;
    padding: 10px;
    color: #FF0000;
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    overflow: auto;
    width: 100%;
}

/* FORMS */

.tableContainer {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    padding: 5px;
}

.tableContainer2 {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    padding: 5px;
}

.tableTimesheet {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
}

.messageNoResults {
    background: #d9edf7;
    border: 1px solid #bce8f1;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    color: #3a87ad;
    font-weight: bold;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
}

/* TD MENU CLIENTES */

.tdBorderMenu {
    padding: 20px 10px;
    border: 1px solid #C5C5C5;
    width: 20%;
    background: #F7F7F7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF url(Images/bgtdBorderMenu.png) repeat left top;
}

    .tdBorderMenu:hover {
        padding: 20px 10px;
        border: 1px solid #C5C5C5;
        width: 20%;
        background: #F7F7F7;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #FFFFFF url(Images/bgtdBorderMenuHover.png) repeat left top;
        -webkit-box-shadow: inset 1px 1px 1px #FFFFFF;
        -moz-box-shadow: inset 1px 1px 1px #FFFFFF;
        box-shadow: inset 1px 1px 1px #FFFFFF;
    }

    .tdBorderMenu a {
        text-decoration: none;
        display: block;
    }


.tdDisplayNone {
    display: none;
    width: 0px;
}

/* Menu Cliente */

.lnkMenuCLiente {
    padding: 4px;
    border: 1px solid #C5C5C5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF url(Images/bgtdBorderMenu.png) repeat left top;
    float: left;
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inset 1px 1px 1px #FFFFFF;
    -moz-box-shadow: inset 1px 1px 1px #FFFFFF;
    box-shadow: inset 1px 1px 1px #FFFFFF;
    text-decoration: none;
    margin: 5px 5px 2px 5px;
    min-height: 80px;
    text-decoration: none !important;
    /*box-sizing: border-box;*/
}

    .lnkMenuCLiente:hover {
        padding: 4px;
        border: 1px solid #C5C5C5;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #FFFFFF url(Images/bgtdBorderMenuHover.png) repeat left top;
        -webkit-box-shadow: inset 1px 1px 1px #FFFFFF;
        -moz-box-shadow: inset 1px 1px 1px #FFFFFF;
        box-shadow: inset 1px 1px 1px #FFFFFF;
        text-decoration: none;
        margin: 5px 5px 2px 5px;
        min-height: 80px;
        /*box-sizing: border-box;*/
    }

.labelMenuCliente {
    border-bottom: 1px solid #C5C5C5;
    font: 9px Verdana, Arial, Helvetica, Sans-serif;
    padding: 5px 0px;
    margin: 0px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.numberMenuCliente {
    font: bold 22px Arial, Helvetica, sans-serif !important;
    color: #3399CC;
    margin: 0px;
    padding: 5px 0px;
    vertical-align: middle;
    text-align: center;
}

/* PAGER STYLE GRIDVIEW */
.pager {
    background: #FFFFFF url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    border-top: 1px solid #CDCDCD;
}

.BorderGrid .pager > td {
    padding: 7px 5px;
    border: 0px solid #CCC !important;
}


.pager a {
    color: #0C384D !important;
    padding: 2px 7px;
    text-decoration: none;
}

.pager span {
    border: 1px solid #CECECE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #0C384D;
    padding: 2px 7px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.pager a:hover {
    color: #3399CC !important;
}

.footerTimesheet {
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.imgRound {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 2px #330033;
    -webkit-box-shadow: 0 0 2px #330033;
    box-shadow: 0 0 2px #330033;
    vertical-align: middle !important;
    border: 0px solid #FFFFFF;
}

.imgGraph img {
    width: 80%;
}

.fixed {
    position: fixed;
    top: 0px;
    z-index: 100000;
}


.fullWidth {
    width: 100%;
}


.statsLabels {
    padding: 5px;
    display: block;
}

/* aspxpivotgrid */

.dxpgControl, .dxpgCustForm {
    background-color: white;
    border: 1px solid #DCDCDC;
    color: Black;
    font: 9pt Tahoma;
}

.dxpgContainerCell {
    vertical-align: top;
}

.dxpgMainTable {
    border: 0 none;
    border-collapse: separate;
    color: Black;
    font: 9pt Tahoma;
    width: 100%;
}

    .dxpgMainTable caption {
        background: none repeat scroll 0 0 #ACACAC;
        border-bottom: 1px solid #DCDCDC;
        color: white;
        font-size: 15px;
        font-weight: normal;
        padding: 3px 3px 5px;
        text-align: center;
    }

.dxpgHeader {
    background-color: #DCDCDC;
    border-width: 0;
    color: Black;
    cursor: pointer;
    white-space: nowrap;
}

.dxpgHeaderTable {
    border-width: 1px;
    width: 100%;
}

.dxpgHeaderGroupButton {
    padding-left: 4px;
    vertical-align: middle;
}

.dxpgHeaderText {
    padding: 3px 6px 4px;
}

.dxpgHeaderSort {
    padding: 0 4px 0 0;
    vertical-align: middle;
}

.dxpgHeaderFilter {
    padding: 2px 2px 2px 0;
    vertical-align: middle;
}

.dxpgHeaderHover {
    background-color: #F1F1F1;
}

.dxpgArea, .dxpgArea table {
    color: Black;
    font: 9pt Tahoma;
}

.dxpgArea {
    background-color: #FFFFFF;
    border: 1px none #DCDCDC;
}

.dxpgColumnArea {
    border-bottom-style: solid;
}

.dxpgRowArea {
}

.dxpgDataArea {
}

.dxpgFilterArea {
    background-color: #DCDCDC;
    border-bottom-style: solid;
    color: #808080;
}

.dxpgEmptyArea {
    cursor: default;
    padding: 6px 6px 7px;
}

.dxpgColumnFieldValue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-color: #DCDCDC;*/
    background: #FFFFFF url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    border-color: #DCDCDC;
    border-image: none;
    border-left: 1px solid #DCDCDC;
    border-style: none none solid solid;
    border-width: 1px;
    font-weight: normal;
    padding: 4px 6px;
    text-align: left;
}

.dxpgColumnTotalFieldValue {
    background-color: #C9C9C9;
    border-style: none none solid solid;
}

.dxpgColumnGrandTotalFieldValue {
    background-color: #BDBDBD;
    border-style: none none solid solid;
}

.dxpgRowFieldValue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background-color: #DCDCDC;*/
    background: #FFFFFF url(Images/Menu/bgMenuHeader.png) repeat-x left bottom;
    border-color: #DCDCDC;
    border-image: none;
    border-left: 1px none #DCDCDC;
    border-style: solid solid none none;
    border-width: 1px;
    font-weight: normal;
    padding: 3px 6px 4px;
    text-align: left;
}

.dxpgRowTotalFieldValue {
    background-color: #C9C9C9;
    border-style: solid solid none none;
}

.dxpgRowTreeFieldValue {
    padding: 0;
}

.dxpgRowGrandTotalFieldValue {
    background-color: #BDBDBD;
    border-style: solid solid none none;
    padding-bottom: 6px;
    padding-top: 5px;
}

.dxpgCollapsedButton {
    border: 0 none;
    margin-right: 5px;
    vertical-align: -1px;
}

.dxpgSortByColumnImage {
    border: 0 none;
    margin-left: 5px;
    vertical-align: -1px;
}

.dxpgCell {
    background-color: White;
    border-color: #DCDCDC;
    border-style: solid none none solid;
    border-width: 1px;
    padding: 3px 4px 4px;
    text-align: right;
    white-space: nowrap;
}

.dxpgKPICell {
    text-align: center;
    vertical-align: middle;
}

.dxpgTotalCell {
    background-color: #F2F2F2;
}

.dxpgGrandTotalCell {
    background-color: #E2E2E2;
}

.dxpgRowGrandTotalCell {
    background-color: #E2E2E2;
}

.dxpgColumnGrandTotalCell {
    background-color: #E2E2E2;
}

.dxpgFilterWindow {
    border: 1px solid #DCDCDC;
    color: Black;
    font: 9pt Tahoma;
}

.dxpgFilterItemsArea {
    background-color: White;
    color: Black;
}

.dxpgFilterItem {
    font: 9pt Tahoma;
}

.dxpgFilterButton {
    font: 9pt Tahoma;
    padding: 2px 6px;
}

.dxpgFilterButtonPanel {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    color: Black;
    font: 9pt Tahoma;
}

.dxpgLoadingDiv {
    background-color: White;
    opacity: 0.01;
}

.dxpgTopPager {
    background-color: #F2F2F2;
    border-color: -moz-use-text-color -moz-use-text-color #DCDCDC;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding-bottom: 2px;
}

.dxpgBottomPager {
    background-color: #F2F2F2;
    border-color: #DCDCDC -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding-bottom: 2px;
}

.dxpgCustomizationFieldsHeader {
    color: White;
    font: 11px Tahoma;
}

.dxpgCustomizationFieldsContent {
    padding: 0 !important;
}

.dxpgLoadingPanel {
    background-color: White;
    border: 1px solid #DCDCDC;
    color: #303030;
    cursor: wait;
    font: 9pt Tahoma;
    text-align: center;
}

    .dxpgLoadingPanel td.dx {
        padding: 12px;
    }

.dxpgMenuItem {
    font: 9pt Tahoma;
}

.dxpgDataHeadersImage {
    margin-right: 5px;
    vertical-align: -2px;
}

.dxpgPrefilterPanelContainer {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

.dxpgPrefilterPanel {
    background: none repeat scroll 0 0 #D4D4D4;
    border: medium none;
}

.dxpgPrefilterPanelLink {
    color: #394EA2;
    text-decoration: underline;
}

.dxpgPrefilterPanelCheckBoxCell {
    padding: 0 7px 0 3px;
}

.dxpgPrefilterPanelImageCell {
    cursor: pointer;
    padding: 0 1px 0 3px;
}

.dxpgPrefilterPanelExpressionCell {
    font-size: 9pt;
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}

.dxpgPrefilterPanelClearButtonCell {
    font-size: 9pt;
    padding: 5px 6px 8px;
}

.dxpgFilterBuilderMainArea {
    background: none repeat scroll 0 0 white;
    padding: 6px 2px;
}

.dxpgFilterBuilderButtonArea {
    background: none repeat scroll 0 0 #EDEDED;
    border-top: 1px solid #DCDCDC;
    padding: 6px;
}

.dxpgGroupSeparator {
    vertical-align: middle;
}

.dxpgCustFieldsFilterAreaHeaders, .dxpgCustFieldsRowAreaHeaders, .dxpgCustFieldsColumnAreaHeaders, .dxpgCustFieldsDataAreaHeaders, .StackedSideBySide .dxpgFLFRDiv, .StackedSideBySide .dxpgFLCDDiv {
    height: 50%;
    width: 100%;
}

.StackedDefault .dxpgCustFieldsFieldList {
    height: 34%;
}

.StackedDefault .dxpgFLFRDiv {
    float: left;
    height: 66%;
    width: 50%;
}

.StackedDefault .dxpgFLCDDiv {
    float: right;
    height: 66%;
    width: 50%;
}

.StackedDefault .dxpgCustFieldsFilterAreaHeaders .dxpgFLTextDiv, .StackedDefault .dxpgCustFieldsColumnAreaHeaders .dxpgFLTextDiv {
    height: 47px;
}

.TopPanelOnly .dxpgCustFieldsFieldList {
    height: 100%;
    width: 100%;
}

.TopPanelOnly .dxpgFLDefereDiv .dxeBase, .TopPanelOnly .dxpgFLDefereDiv .dxpgFLDefereDB, .StackedSideBySide .dxpgCustFieldsFieldList, .TopPanelOnly .dxpgFLFRDiv, .TopPanelOnly .dxpgFLCDDiv, .BottomPanelOnly2by2 .dxpgCustFieldsFieldList, .TopPanelOnly .dxpgFLTextDiv div {
    display: none;
}

.TopPanelOnly .dxpgFLTextDiv {
    height: 19px;
}

.TopPanelOnly .dxpgFLDefereDiv {
    height: 16px;
}

.BottomPanelOnly2by2 .dxpgFLFRDiv, .BottomPanelOnly1by4 .dxpgCustFieldsFieldList {
    float: left;
    height: 100%;
    width: 50%;
}

.BottomPanelOnly2by2 .dxpgFLCDDiv {
    float: right;
    height: 100%;
    width: 50%;
}

.BottomPanelOnly1by4 .dxpgFLFRDiv, .BottomPanelOnly1by4 .dxpgFLCDDiv {
    float: right;
    height: 50%;
    width: 50%;
}

.dxpgCustFields {
    display: block;
    position: relative;
}

.dxpgFLListDiv div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DCDCDC;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 1px;
    position: relative;
}

    .dxpgFLListDiv div div {
        border: 0 solid #FFFFFF;
        height: 100%;
        overflow-y: auto;
        padding: 0;
    }

.DragOver .dxpgFLListDiv div {
    background: none repeat scroll 0 0 #FFD324;
}

    .DragOver .dxpgFLListDiv div div {
        background: none repeat scroll 0 0 #FFFFFF;
    }

.dxpgFLListDiv {
    padding: 0 3px;
}

.dxpgFLButtonDiv .dxbButton div.dxb {
    padding: 2px 8px 1px;
}

.dxpgFLButtonDiv .dxbButton div.dxbf {
    border: 1px dotted black;
    padding: 1px 7px 0;
}

.dxpgFLTextDiv {
    height: 28px;
}

    .dxpgFLTextDiv div {
        display: block;
        float: left;
        left: 6px;
        margin: -17px 0 3px;
        position: relative;
        top: 100%;
    }

div.dxpgFLTextImgDiv {
    display: block;
    height: 16px;
    left: 3px;
    margin: -18px 0 3px;
    width: 16px;
}

.dxpgFLButtonDiv {
    float: right;
    height: 28px;
    position: relative;
    z-index: 1;
}

.dxpgFLDefereDiv {
    height: 50px;
}

.dxpgCustFieldsDiv {
    clear: both;
    padding: 0 9px;
}

.dxpgFLButton {
    height: 23px;
    margin: 12px 12px 0 0;
    width: 40px;
}

.dxpgFLDefereDiv .dxeBase {
    border-collapse: separate;
    display: block;
    float: left;
    margin-left: 9px;
    padding: 18px 0 0;
}

.dxpgFLDefereDB {
    display: block;
    float: right;
    margin-top: 16px;
    padding: 0 12px 0 0;
}

.dxpgFLDefereDiv .dxbButton div.dxb {
    padding: 2px 14px;
}

.dxpgFLDefereDiv .dxbButton div.dxbf {
    border: 1px dotted black;
    padding: 1px 13px;
}

.dxpgFLListDiv table {
    overflow: visible;
    table-layout: fixed;
    width: 100%;
}

    .dxpgFLListDiv table table td {
        overflow: hidden;
    }

/* NO UNDERLINE */

.linkNoUnderline {
    text-decoration: none !important;
    font-size: 11px;
}

.logoLogin {
    background: url(Images/logoLogin.png);
    background-repeat: no-repeat;
    padding: 15px 150px 15px 150px;
}

.resizeImage {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.infoData {
    color: #003366;
    text-transform: lowercase;
    font: bold 16px Verdana;
}

#divMenu {
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CDCDCD;
}

br {
    display: block;
    margin-bottom: 5px;
    font-size: 5px;
    line-height: 5px;
    background: #CCC;
}

/* ANALISE CLIENTE GRÁFICOS */

.divGraph400 {
    margin: 0px auto !important;
    width: 400px;
    min-height: 220px;
}

.divGraph600 {
    margin: 0px auto !important;
    width: 600px;
    min-height: 220px;
}

.dataGrid400 {
    padding: 5px;
    margin: 0;
    width: 388px;
    min-height: 208px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
}

.dataGrid600 {
    padding: 5px;
    margin: 0;
    width: 588px;
    min-height: 208px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
}

.searchGrid1, .searchGrid5, .searchGrid6, .searchGrid7, .searchGrid8 {
    width: 600px;
    height: 220px;
    display: block;
    position: absolute;
    margin: 0px;
    padding: 0px;
    /*background: url(Images/pesquisar.png) no-repeat center center;*/
}

.searchGrid2, .searchGrid3, .searchGrid4, .searchGrid6 {
    width: 400px;
    height: 220px;
    display: block;
    position: absolute;
    margin: 0px;
    padding: 0px;
    /*background: url(Images/pesquisar.png) no-repeat center center;*/
}

    .searchGrid1:hover, .searchGrid2:hover, .searchGrid3:hover, .searchGrid4:hover, .searchGrid5:hover, .searchGrid6:hover, .searchGrid7:hover, .searchGrid8:hover {
        background: url(Images/search_analise.png) no-repeat center center;
        height: 220px;
        overflow: hidden;
        position: absolute;
        margin: 0px;
        padding: 0px;
    }

#graph1, #graph2, #graph3, #graph4, #graph5, #graph6, #graph7, #graph8 {
    visibility: hidden;
}

/* TIMESHEET REGISTO HORAS */

.oddEven1 td {
    padding-top: 4px;
}

    .oddEven1 td td {
        padding-top: 0px;
    }


.oddEven3 td {
    padding-bottom: 5px;
}

.oddEven1:nth-of-type(2n+5) {
    background: #E8E8E8;
}

.oddEven2:nth-of-type(2n+6) {
    background: #E8E8E8;
}

.oddEven3:nth-of-type(2n+7) {
    background: #E8E8E8;
}

.oddEven1:nth-of-type(2n+5) td {
    border-top: 1px solid #CDCDCD;
}

    .oddEven1:nth-of-type(2n+5) td td {
        border-top: 0px solid #CDCDCD;
    }

.oddEven1:nth-of-type(2n+5) > td:nth-of-type(1n+4) {
    border-bottom: 1px solid #CDCDCD;
}

.oddEven3:nth-of-type(2n+7) > td {
    border-bottom: 1px solid #CDCDCD;
}

    .oddEven3:nth-of-type(2n+7) > td > td {
        border-top: 0px solid #CDCDCD;
        border-bottom: 0px solid #CDCDCD;
    }

/* BADGES */

.buttonBadges {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    width: 140px;
    padding: 5px;
    text-decoration: none !important;
    display: inline-block;
    margin: 10px 0px 5px 3px;
    font-size: 9px;
}

    .buttonBadges:hover {
        background: #e6e6e6; /* Old browsers */
        background: -moz-linear-gradient(top, #e6e6e6 0%, #cecbce 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#cecbce)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e6e6e6 0%,#cecbce 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e6e6e6 0%,#cecbce 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e6e6e6 0%,#cecbce 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e6e6e6 0%,#cecbce 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cecbce',GradientType=0 ); /* IE6-9 */
        border: 1px solid #CDCDCD;
        border-radius: 3px;
        width: 140px;
        padding: 5px;
        text-decoration: none !important;
    }

@media all and (max-width: 1280px) {
    .buttonBadges {
        margin: 10px 0px 10px 0px !important;
        width: 120px !important;
    }

        .buttonBadges:hover {
            margin: 10px 0px 10px 0px !important;
            width: 120px !important
        }
}

.buttonBadges .itemBadge img {
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    float: left;
}

.buttonBadges .itemBadge span {
    display: table-cell;
    padding: 1px 0px 0px;
    vertical-align: middle;
    height: 20px;
    line-height: 9px;
}

@media all and (max-width: 1024px) {
    .buttonBadges .itemBadge img {
        width: 14px;
        height: 14px;
        padding: 5px 0px 0px;
    }
}

.buttonBadges .valueBadge {
    position: relative;
    margin-top: -18px;
    margin-right: 0px;
    border: 1px solid #3399CC;
    background: #FFFFFF;
    padding: 3px 5px;
    border-radius: 6px;
    color: #3399CC;
    float: right;
    overflow: hidden;
    /*z-index: 9999;*/
    font: bold 10px Verdana;
}

.PopUpDiv {
    position: fixed !important;
    overflow: auto;
    background-color: #8EBD40;
    top: 25%;
    left: 50%;
    position: absolute;
    z-index: 10000;
    visibility: visible;
    width: 350px;
    margin-left: -175px;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
}

/* crtoolbar */

.crtoolbar input {
    background: none !important;
    border: 0px solid #000000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 0px;
    margin: 0px;
}

.crtoolbar .crtoolbartextbox {
    background: #FFFFFF !important;
    border: 1px solid #CDCDCD !important;
}

.tableWithPadding {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    padding: 5px;
}

    .tableWithPadding td {
        padding: 0px 5px 4px;
    }

.organigramaTD td div {
    height: 20px !important;
}

.BoxTitle3 {
    border: 1px solid #CDCDCD !important;
    background: url(Images/bgMenuHeader.png) repeat-x left top !important;
    overflow: hidden;
    border-radius: 3px;
    padding: 1px 5px;
    margin: 1px 0px;
}

.BorderLeft {
    padding: 0px 0px 0px 5px;
    border-left: 1px solid #CDCDCD;
    overflow: hidden;
}

.GridViewTitle {
    background-color: #6699CC;
    color: White;
    height: 38px;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .GridViewTitle img {
        vertical-align: top;
        margin: 0px 10px 0px 0px;
        padding: 0px;
    }

    .GridViewTitle span {
        margin: 0px;
        padding: 0px;
    }

.brSpace .GridViewTitle {
    background: url("Images/bgMenuHeader.png") repeat-x scroll left top #E4E2E4;
    border: 1px solid #CDCDCD;
    color: #000 !important;
    /*border-radius: 3px;*/
    height: 34px;
    font: 11px Verdana, Helvetica, sans-serif;
}


    .brSpace .GridViewTitle .Link {
        border-left: 1px solid #CDCDCD;
        padding: 10px 8px 12px;
        text-decoration: none;
    }

/* BOTOES */

.btnSave, .btnSearch {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #A2A2A2;
    border-radius: 4px;
    padding: 4px 10px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background-color: #F5F5F5;
    background-repeat: repeat-x;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background-image: url(images/btnSave2.png) no-repeat 7px center;
}

    .btnSave:hover, .btnSearch:hover {
        background-color: #E6E6E6;
        background-image: none;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        outline: 0 none;
    }

.tableContainer {
    border: 1px solid #CDCDCD;
    background: #FFFFFF;
    padding: 5px;
}


.titleH1 {
    font-size: 16px;
    font-family: Arial;
    color: #3399CC;
    border-bottom: 1px solid #E6E6E6;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-helper-hidden-accessible {
    display: none;
}


.fade.in {
    opacity: 1;
}

.alert {
    display: none;
    border-width: 1px;
}

.alert-warning {
    background-color: #f9e491;
    border-color: #f9e491;
    color: #E87E04;
}

.alert-danger {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
}

.alert-success {
    background-color: #b4eaee;
    border-color: #b4eaee;
    color: #28acb8;
}

.alert-info {
    background-color: #e0ebf9;
    border-color: #e0ebf9;
    color: #327ad5;
}

.alert {
    padding: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.SchedulePrintGridLink2 {
    font: 11px Verdana;
    background-color: White;
    color: Black;
    border: 1px solid #CDCDCD;
}

a.SchedulePrintGridLink2 {
    font: 11px Verdana;
    background-color: Navy;
    color: #FFFFFF;
    text-decoration: underline;
    border: 1px solid #CDCDCD;
}

td.HeaderbarAgendaPrint2 {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border: 1px solid #CDCDCD;
    /*background-image: url(Images/bar.jpg);*/
    padding: 8px;
    color: #3399CC;
    font: 12px Verdana;
    font-weight: bold;
}

td.HeaderbarAgendaWeekPrint {
    /*background-image: url(Images/bar.jpg);*/
    padding: 8px;
    color: #3399CC;
    font-weight: bold;
    font-size: 30px;
}


.SchedulePrintGridLinkHour {
    background: #FFFFFF url(images/bgMenuHeader.png) repeat-x left bottom;
}

.JSErrorMessage {
    /*border: 10px solid  #F4F4F4;*/
    border: 10px solid #FFFFFF;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 1px 1px 10px #444;
    -webkit-box-shadow: 1px 1px 10px #444;
    box-shadow: 1px 1px 10px #444;
}

.JSErrorMessageTitle {
    font: bold 11px Verdana, Helvetica, sans-serif;
    /*background-color: #3399cc;*/
    background-color: #d9534f;
    color: #FFF;
    padding: 10px;
    border-bottom: 1px solid #CDCDCD;
    cursor: move;
}

.spanLink {
    text-decoration: underline !important;
    cursor: pointer;
    padding: 10px !important;
}

.messageError {
    text-align: center;
    font-size: 11px;
    padding-top: 30px;
}

.errorTitle {
    font-size: 16px;
    color: #d9534f;
}



.recordPageHeaderTitleLitle {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
}

.recordPageHeaderTitleTotalLitle {
    background: url(Images/Menu/bgMenuHeader.png) repeat-x left center;
    border-bottom: 1px solid #C5C5C5;
    padding: 5px 5px 5px;
    /* text-transform: uppercase; */
    border: 1px solid #CDCDCD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
}

/* REDESIGN 2017 */

.top_nav_crm .nav_crm > li > a:hover,
.top_nav_crm .nav_crm .open > a,
.top_nav_crm .nav_crm .open > a:hover {
    background: none;
}

    .top_nav_crm .nav_crm > li > a:focus,
    .top_nav_crm .nav_crm .open > a:focus {
        background: none;
    }

.top_nav_crm .navbar-right-crm {
    margin: 0;
    /*width: 70%;*/
    float: right;
}

    .top_nav_crm .navbar-right-crm li {
        display: inline-block;
        float: right;
        /*position: static;*/
    }

.top_nav_crm .dropdown-menu li {
    width: 100%;
}

    .top_nav_crm .dropdown-menu li a {
        /*width: 100%;*/
        padding: 12px 20px;
    }

.top_nav_crm li a i {
    font-size: 15px;
}

.itemBPM:hover, .itemGD:hover, .itemOCR:hover, .itemCRM:hover {
    background: none;
}

.itemBPM > a > img, .itemGD > a > img, .itemOCR > a > img, .itemCRM > a > img {
    margin-right: 5px;
    vertical-align: middle;
}

.itemBPM span, .itemGD span, .itemOCR span, .itemCRM span {
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.top_nav_crm .nav_menu_crm .itemBPM a, .top_nav_crm .nav_menu_crm .itemGD a, .top_nav_crm .nav_menu_crm .itemOCR a, .top_nav_crm .nav_menu_crm .itemCRM a {
    padding: 0px 8px 1px;
    line-height: 33px;
    /*margin: 15px 10px 15px 0; */
    margin: 19px 10px 11px 0;
}

    .top_nav_crm .nav_menu_crm .itemBPM a:hover, .top_nav_crm .nav_menu_crm .itemGD a:hover, .top_nav_crm .nav_menu_crm .itemOCR a:hover, .top_nav_crm .nav_menu_crm .itemCRM a:hover {
        background: #146992;
        border-radius: 5px;
    }

.top_nav_crm .nav_menu_crm .itemBPM.active a, .top_nav_crm .nav_menu_crm .itemGD.active a, .top_nav_crm .nav_menu_crm .itemOCR.active a, .top_nav_crm .nav_menu_crm .itemCRM.active a,
.top_nav_crm .nav_menu_crm .itemBPM.active a:hover, .top_nav_crm .nav_menu_crm .itemGD.active a:hover, .top_nav_crm .nav_menu_crm .itemOCR.active a:hover, .top_nav_crm .nav_menu_crm .itemCRM.active a:hover {
    background: #146992;
    border-radius: 5px;
}

.top_nav_crm .nav_menu_crm .menuLine {
    position: relative;
}

    .top_nav_crm .nav_menu_crm .menuLine > a.user-profile:after {
        display: none;
    }

    .top_nav_crm .nav_menu_crm .menuLine:before {
        content: '';
        position: absolute;
        bottom: 0px;
        top: 25%;
        height: 50%;
        left: 0px;
        border-left: 1px dotted #fff;
    }


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 1px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 10px;
}

    .badge .Label {
        color: #044C68;
    }

.nav_crm > li > a {
    position: relative;
    display: block;
    /*padding: 13px 15px 12px;*/
    padding: 16px 15px 12px;
    text-decoration: none;
}

.navbar-nav-crm > li > a {
    color: #fff !important;
}

.navbar-nav-crm > li > a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 42px;
}

.nav_crm.navbar-nav-crm > li > a {
    color: #FFFFFF !important;
}

.dropdown-menu {
    border: medium none;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    /*top: 100%;*/
    z-index: 9998;
    border: 1px solid #D9DEE4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .dropdown-menu > li > a {
        color: #5A738E;
    }

    .dropdown-menu > li > span > a {
        display: block;
    }

.navbar-nav-crm .open .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
    right: 0;
    left: auto;
    /*width: 40px;*/
}


.user-profile img {
    width: 28px;
    height: 36px;
    border-radius: 5px;
    margin-left: 5px;
    /*
    width: 23px;
    height: 29px;
    border-radius: 50%;
	*/
    padding-right: 5px;
    padding-left: 2px;
    margin-right: 10px;
    background: #FFF;
    vertical-align: middle;
}

.navbar-nav-crm > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.top_nav_crm .dropdown-menu li {
    width: 100%;
}

.top_nav_crm li a i {
    font-size: 15px;
}

.dropdown-menu > li > a, .dropdown-menu > li > span > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > span > a:focus,
    .dropdown-menu > li > span > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}



/* LOGIN */
/******************************************************/
/** LOGIN SLIDESHOW **/

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    z-index: 0;
}

    .cb-slideshow:after {
        content: '';
        /*background: transparent url(images/pattern.png) repeat top left;*/
    }

    .cb-slideshow li span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: 1;
        z-index: 0;
        -webkit-backface-visibility: hidden;
        background-size: cover;
    }

        .cb-slideshow li span.bg1 {
            background-image: url("images/slide1.jpg");
        }

        .cb-slideshow li span.bg2 {
            background-image: url("images/slide2.jpg");
        }

        .cb-slideshow li span.bg3 {
            background-image: url("images/slide3.jpg");
        }

.login_box {
    position: absolute;
    /*left: 68%;*/
    width: 365px;
    background: white;
    height: 390px;
    top: 0;
    bottom: 0;
    right: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

.login_box {
    padding: 10px 30px 10px;
    margin: auto;
    z-index: 2000;
    box-sizing: border-box;
}

.login_box2 {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 365px;
    background: white;
    max-height: 525px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 2000;
    box-sizing: border-box;
}
/* COMUNS */

.title_left h3 i {
    margin-right: 10px;
}

.divInput {
    height: 60px;
    text-align: left;
}

.textÍnline {
    padding-top: 2px !important;
}

    .textÍnline span {
        font-size: 9pt;
    }

.errorLogin {
    /*text-align: left;*/
    padding-top: 5px;
}

    .errorLogin .error {
        color: red;
        font-size: 9pt;
    }

.buttonLogin {
    font-size: 9pt;
}

.checkbox label {
    padding-left: 0px;
}

.iconColor {
    color: #6699CC;
    margin-left: 10px;
}

.valign {
    vertical-align: middle;
    margin-right: 5px;
}

.infoClass {
    white-space: inherit !important;
}

    .infoClass:after {
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 15px;
        content: "\e717";
        float: right;
    }

footer {
    padding: 15px 20px 15px 19px;
    display: block;
    color: #FFF;
    text-shadow: rgb(3, 3, 3) 1px 1px 1px;
    font-size: 11px;
    font-weight: 400;
    box-sizing: border-box;
}

.footer_fixed footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.login_content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    /*text-shadow: 0 1px 0 #fff;*/
    min-width: 280px;
}

    .login_content a,
    .login_content .btn-default:hover {
        text-decoration: none;
    }

        .login_content a:hover {
            text-decoration: underline;
        }

    .login_content h1 {
        font: normal 25px Helvetica, Arial, sans-serif;
        letter-spacing: -0.05em;
        line-height: 20px;
        margin: 20px 0 15px;
        color: #333;
    }

    .login_content form {
        margin: 0px 0 20px;
        position: relative;
    }

        .login_content form input[type="text"],
        .login_content form input[type="email"],
        .login_content form input[type="password"] {
            border-radius: 3px;
            box-shadow: 0px 0px 0px #888888;
            border: 1px solid #F1F1F2;
            color: #777;
            margin: 0;
            width: 100%;
            background: #F1F1F2;
            box-sizing: border-box;
        }

            .login_content form input[type="text"]:focus,
            .login_content form input[type="email"]:focus,
            .login_content form input[type="password"]:focus {
                background-color: #fff;
                border: 1px solid #6699CC;
                outline: none;
            }

        .login_content form div a {
            font-size: 11px;
            margin: 5px 0px;
            display: block;
        }

.reset_pass {
    margin-top: 10px !important;
}

.login_content div .reset_pass {
    margin-top: 13px !important;
    margin-right: 39px;
    float: right;
}

.separator {
    border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px;
}

.login_content form .divButton .button {
    background: #f7f9fa;
    background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #CFD5D9;
    padding: 15px 0;
}

.login_content form .divButton input[type="submit"] {
    background: #6BB434;
    color: #FFF;
    text-transform: uppercase;
    padding: 8px 12px;
}

    .login_content form .divButton input[type="submit"]:focus {
        outline: thin dotted \9;
        border-color: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.2);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,.2);
    }

/* AUTO FILL */

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F1F1F2 inset !important;
    -webkit-text-fill-color: #333 !important;
}

.loginTable {
    width: 100%;
}

@media screen and (device-aspect-ratio: 40/71), (max-width: 800px) {
    .login_box, .login_box2 {
        position: absolute;
        left: 0%;
        width: 100%;
        background: rgba(255,255,255,0.9);
        height: 100%;
        top: 0%;
        padding-left: 25px;
        padding-right: 25px;
        display: flex;
        align-items: center;
        max-height: 100%;
    }
}

.fontLabel {
    font-size: 11px;
    color: #333;
}

.buttonNoBack {
    margin-top: 10px;
    border: 0px solid #cccccc;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    cursor: pointer;
}

    .buttonNoBack:hover, .buttonNoBack:focus {
        text-decoration: underline;
        -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    }

.iconsApps {
    margin-bottom: 5px;
    display: block;
}

    .iconsApps.disabled {
        filter: brightness(0);
        opacity: 0.3;
    }

.apps {
    bottom: 40px;
    left: 0px;
    position: fixed;
}

/******************************************************/
/* LOGIN */

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Forms
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

    /**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

#mapArea {
    background: #c4d2e0;
}

.buttonWorld {
    position: absolute;
    z-index: 50;
    margin-left: 10px;
    margin-top: 10px;
    color: #FFF;
    border-radius: 5px;
    padding: 10px 10px 10px 44px;
    font: 11px Verdana;
    border: 1px solid #3399cc;
    cursor: pointer;
    background: #3399CC url(images/backWorld.png) no-repeat 5px center;
}

    .buttonWorld:hover {
        background: #6699CC url(images/backWorld.png) no-repeat 5px center;
    }

.datamaps-legend {
    height: 10px;
    position: inherit !important;
    text-align: right;
}

    .datamaps-legend dl {
        display: inline-block;
    }

.iconColorUpload {
    color: #009BF0;
    font-size: 50px;
    display: block;
}

.divPrioridade {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
}

.top_nav_crm li a i {
    color: #FFFFFF !important;
}


/* Absolute Center Spinner */
.loading_spinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading_spinner:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading_spinner:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading_spinner:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

.ulContextMenu li {
    padding: 5px 10px;
    content: none;
}

    .ulContextMenu li.hover {
        background: #3399CC;
        color: #FFF;
    }

        .ulContextMenu li.hover > span > a {
            color: #FFF;
        }

.ulContextMenu {
    margin-left: 15px;
    margin-top: -8px;
}

    .ulContextMenu .context-menu-submenu:after {
        content: "\e649";
        color: #3399CC;
        position: absolute;
        top: 7px;
        right: 5px;
        z-index: 1;
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 10px;
    }

    .ulContextMenu .context-menu-submenu.hover:after {
        color: #FFF;
    }


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.TextMailUnread {
    font-weight: bold;
    color: #3399CC;
}

.MailUnread {
    background: #3399CC !important;
}


.btnArquivar {
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    padding: 10px 8px 13px 6px;
    margin: 0px;
    cursor: pointer;
}

.linkInbox {
    text-decoration: none !important;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
    color: #888;
    letter-spacing: -0.05em;
}

.linkInboxEliminar, .linkInboxArquivar {
    text-decoration: none !important;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

    .linkInboxEliminar:before {
        content: "\e605";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 12px;
        font-weight: bold;
        color: #D9534F;
        border-radius: 50%;
        margin-right: 5px;
        padding: 4px;
        background: #FFF;
        border: 1px solid #D9534F;
    }


    .linkInboxArquivar:before {
        content: "\e6bf";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 12px;
        font-weight: bold;
        color: #3399cc;
        border-radius: 50%;
        margin-right: 5px;
        padding: 4px;
        background: #FFF;
        border: 1px solid #3399cc;
    }

.linkInbox:hover, .linkInbox.linkInboxSelected:hover {
    font-weight: normal;
    color: #3399CC !important;
}

.linkInbox.linkInboxSelected:hover {
    font-weight: normal;
    color: #3399CC !important;
}

.linkInbox.linkInboxSelected::after {
    content: '';
    display: block;
    margin-top: 3px;
    width: 100%;
    border-top: 2px solid #3399CC;
}

.linkInbox.linkInboxArquivos::after {
    content: '';
    display: block;
    margin-top: 3px;
    width: 100%;
    border-top: 2px solid #e85900 !important;
}

.linkInbox.linkInboxArquivos:before {
    content: "\e64c";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 13px;
    color: #e85900;
    margin-left: 5px;
    float: right;
    margin-top: 3px;
}

.linkInbox.groupBy::after {
    content: "\e64b";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 10px;
    color: #3399CC;
    margin-left: 5px;
}

.linkInboxEliminar:hover {
    color: #D9534F !important;
}

.linkInboxArquivar:hover {
    color: #3399CC !important;
}

.linkInboxSelected {
    font-weight: normal;
    color: #3399CC !important;
    text-align: center;
    display: inline-block;
}

.linkInboxArquivos, .linkInboxArquivos:hover, .colorArchive:hover {
    font-weight: normal;
    color: #e85900 !important;
}

.Inbox {
    margin: 10px 0px 0px 10px;
}

    .Inbox .divGridViewInbox {
        overflow-y: auto;
        height: calc(100vh - 164px);
        overflow-x: hidden;
    }

        .Inbox .divGridViewInbox.nofilters {
            height: calc(100vh - 129px) !important;
        }

.mailIframe {
    float: left;
    position: relative;
    width: calc(100% - 352px);
    height: calc(100vh - 127px);
    background-color: White;
    /*margin: 5px 10px 10px 10px;*/
    padding: 5px 10px 0;
    border-left: 1px solid #CDCDCD;
}

    .mailIframe.nofilters {
        height: calc(100vh - 112px) !important;
    }

    .mailIframe .iFrame {
        width: 100%;
        height: calc(100% - 56px);
        border: 0px;
    }

    .mailIframe.nofilters .iFrame {
        width: 100%;
        height: calc(100% - 33px) !important;
        border: 0px;
    }

.borderUnread {
    border-left: 3px solid #3399CC !important;
}

.Inbox .dxgvDataRow td.dxgvIndentCell:first-child {
    background-color: transparent !important;
}

    .Inbox .dxgvDataRow td.dxgvIndentCell:first-child:hover {
        background-color: #3399CC !important;
    }

.Inbox .dxgvSelectedRow td.dxgvIndentCell:first-child:hover {
    background-color: #3399CC !important;
}

.topBadgeRed {
    height: 10px;
    width: 10px;
    background: #ff4b5a;
    border-radius: 50%;
    border: 1px solid #044C68;
    display: inline-block;
    right: 4px;
    top: 24px;
    vertical-align: top;
    position: absolute;
}

.Inbox .divSearch {
    width: 300px;
    text-align: center;
    line-height: 16px;
}

.Inbox .divCount {
    background: #EDEDED;
    padding: 5px 5px;
}

.context-menu-list.ulContextMenu.LinhaEmail.context-menu-root {
    width: 150px !important;
}

.Inbox .pq-group-row {
    background: #EDEDED;
}

    .Inbox .pq-group-row > .pq-grid-cell {
        border-bottom: 1px solid #FFFFFF;
        padding: 5px !important;
    }

.Inbox .pq-grid-cell {
    border-right: none !important;
    padding: 0px !important;
}

.Inbox .divConteudoMail {
    float: left;
    width: calc(100% - 30px);
    padding: 5px 5px 0px 5px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    height: 50px;
}

.Inbox .divUnread {
    width: 20px;
    float: left;
    height: 56px;
}

    .Inbox .divUnread:hover {
        background: #3399CC;
    }

.Inbox .ui-icon.ui-icon-minus {
    /*background-image: url('Images/PullDown.png');*/
    background-image: none;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}


    .Inbox .ui-icon.ui-icon-minus:before {
        content: "\e622";
        border: 1px solid #3399CC;
        background: #3399CC;
        color: #FFF;
        padding: 1px;
        font-size: 6px;
    }

.Inbox .ui-icon {
    height: 15px;
    width: 11px;
}

    .Inbox .ui-icon.ui-icon-plus {
        /*background-image: url('Images/PullDown.png');*/
        background-image: none;
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }


        .Inbox .ui-icon.ui-icon-plus:before {
            content: "\e61a";
            border: 1px solid #3399CC;
            padding: 1px;
            font-size: 6px;
        }

.Inbox .pq-grid-row:hover, .Inbox .pq-grid-row.context-menu-active {
    background-color: #d6eaf4 !important;
}

.Inbox .pq-grid-cell:focus {
    outline: none !important;
    background-color: #84c1e0 !important;
}

.Inbox .archive {
    font-family: 'themify';
}

.Inbox .SelectedRow {
    background-color: #84c1e0 !important;
}

.Inbox *:focus {
    outline: none !important;
}

.pq-td-div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rectbadge {
    background: #ffffff; /* Old browsers */
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    text-decoration: none !important;
    display: inline-block;
    margin: 0;
    box-sizing: border-box;
}

.dynamicGridViewHyperLink {
    display: block;
    padding-left: 28px;
    line-height: 24px;
    background: url(../../images/menu/Outros/ObjectivoVendas.png) no-repeat;
}

.HeaderButton {
    cursor: pointer;
    color: #072E42 !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: url(images/bgMenuParent.png) repeat-y left top;
    padding: 10px 8px 13px 6px;
    margin: 0px;
    font-weight: normal;
    font-size: 11px;
}



.dropdown {
    position: relative;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px;
}

.dropdown-item {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    width: calc(100% - 72px);
}

.dropdown-item-star {
    float: right;
    position: absolute;
    right: 32px;
    background: url(images/star16.png) no-repeat left top;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item2:hover .dropdown-item-delete {
    display: inline;
}

.dropdown-item a:link {
    background: none;
}

.viewsTitle {
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    padding-left: 16px;
    padding-bottom: 6px;
}



.dropdown-item-star-selected {
    float: right;
    position: absolute;
    right: 32px;
    background: url(images/star16Selected.png) no-repeat left top;
    width: 16px;
    height: 16px;
}

.dropdown-item-delete {
    display: inline;
    float: right;
    position: absolute;
    right: 10px;
    background: url(images/delete16.png) no-repeat left top;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.GridViewMessage {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(52, 158, 211, 0.35);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 14px Verdana, Helvetica, sans-serif !important;
}

.Panel {
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    padding-top: 5px;
}

.context-menu-item > span > a {
    text-decoration: none;
    display: block;
}

.timeicon {
    cursor: pointer;
    margin-left: 20px;
    Padding: 0px 0px 0px 5px;
    width: 18px;
    vertical-align: middle;
}

.PrioridadeStar {
    text-align: center;
    width: 16px;
    height: 16px;
    background: url(images/star16_v2.png) no-repeat center center;
    display: inline-block;
    vertical-align: bottom;
}

.HelpTagChangeOpportunityPhase {
    position: relative;
    display: inline-block;
}

    .HelpTagChangeOpportunityPhase .HelpTagChangeOpportunityPhasetext {
        visibility: hidden;
        width: 120px;
        background-color: lightgrey;
        color: #000000;
        text-align: center;
        border-radius: 6px;
        padding: 10px 0px 10px 0px;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%;
    }

        .HelpTagChangeOpportunityPhase .HelpTagChangeOpportunityPhasetext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent lightgrey transparent transparent;
        }

    .HelpTagChangeOpportunityPhase:hover .HelpTagChangeOpportunityPhasetext {
        visibility: visible;
    }

.marginRightElement {
    margin-right: 10px;
}

input[type="radio"] + label {
    margin-left: 5px;
}

input[type="checkbox"] + label {
    margin-left: 5px;
}

/* Media Queries */
@media only screen and (max-width: 1200px) {
    .itemCRM > a > img, .itemBPM > a > img, .itemGD > a > img, .itemOCR > a > img {
        display: none;
    }

    .itemCRM > a > span + span, .itemBPM > a > span + span, .itemGD > a > span + span, .itemOCR > a > span + span {
        right: 0px !important;
    }

    .itemCRM > a > img, .itemBPM > a > img, .itemGD > a > img, .itemOCR > a > img {
        margin-right: 0px;
    }

    .recordPageHeaderTitle.borderRight a span, .recordPageHeaderTitleTotal a span {
        display: none;
    }

    .recordPageHeaderTitle.borderRight a, .recordPageHeaderTitleTotal a {
        padding: 10px 8px 13px 8px;
    }

        .recordPageHeaderTitle.borderRight a img, .recordPageHeaderTitleTotal a img {
            margin-right: 0;
        }

    .Dashboard .TableLabel a > img + span {
        display: none;
    }
}


/*img[src*="default.gif"], img[src*="eliminar.gif"], img[src*="calendar.png"], img[src*="refresh.gif"],
img[src*="time.png"], img[src*="pdf.gif"], img[src*="gravar.gif"], img[src*="cancel.gif"],
img[src*="history.png"], img[src*="timesheet.png"], img[src*="ArrowLeft.png"],
img[src*="ArrowRight.png"], img[src*="eliminar_gray.gif"], img[src*="editar_gray.gif"],
img[src*="editar.gif"], img[src*="gravar_gray.gif"], img[src*="Cancel_grey.gif"], img[src*="cancel_grey.gif"] {
    width: 16px;
    height: 16px;
}*/


/*img[src*="calendar.png"] {
    vertical-align: sub !important;
}

table.BorderGrid a > img {
    width: 16px;
    height: 16px;
}
*/

/*.recordPageHeaderTitle.borderRight img {
    width: 20px;
    height: 20px;
}*/

.recordPageHeaderTitle.borderLeft img, .recordPageHeaderTitle.borderLeft span {
    vertical-align: middle;
}

/* OVERRIDE BOOTRSTRAP */

.form-control {
    box-sizing: border-box;
}

th[align*="center"] {
    text-align: center;
}

th[align*="right"] {
    text-align: right;
}

fieldset {
    padding: 10px;
    margin: 0;
    border: 0;
}

legend {
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0 5px;
    width: auto;
    display: inline-flex;
}

    legend > span {
        font-weight: 800 !important;
    }

    legend + * {
        clear: left;
    }

hr {
    opacity: 1;
}

iframe {
    box-sizing: initial;
}

#ui-datepicker-div {
    z-index: 9999999999999 !important;
}

.month-year-input {
    height: 18px;
}

.month-picker-previous {
    color: black;
}

.month-picker-next {
    color: black;
}

/*ui-widget ui-widget-content ui-helper-clearfix ui-corner-all*/


.bg-left-speech {
    background: #e0e0e0;
    border-radius: 0rem 1rem 1rem 1rem;
    max-width: 90%;
}

.bg-right-speech {
    background: #3399CC;
    border-radius: 1rem 1rem 0rem 1rem;
    max-width: 90%;
}

.bg-left-speech.small, .bg-right-speech.small {
    font-size: 11px;
}

.chat-header {
    background-color: #044C68;
}

.btn-send-chat, .btn-send-chat:focus, .btn-speech-chat, .btn-speech-chat:focus {
    background: #044C68;
}

.btn-send-chat:hover, .btn-send-chat:focus:hover,
.btn-speech-chat:hover, .btn-speech-chat:focus:hover {
    background: #3399CC;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.botAvatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    background-color: #044C68;
}

.message-container {
    display: flex;
    align-items: flex-end;
}

.message-container-start {
    flex-direction: row;
    align-items: flex-start;
}

.message-container-end {
    flex-direction: row-reverse;
}


/* HTML: <div class="loader"></div> */
.thinkingAnimation {
    display:inline-block;
    width: 30px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#3666a4 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}

.chatbotIcon {
    background-image: url(Images/chatbot3.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    cursor: pointer;
}
.CloseChatImg, .RefreshChatImg {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
}

.chat-disclaimer {
    font-size: 11px;
}

.form-control.chat-question {
    height: initial;
    border: 1px solid #ced4da;
}

.chat-question:focus, .btn-send-chat:focus, .btn.btn-speech-chat {
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
}

@-moz-document url-prefix() {
    .btn-speech-chat {
        display: none !important;
    }
}