@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat-Bold-webfont.eot');
    src: url('../fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold-webfont.woff2') format('woff2'), url('../fonts/Montserrat-Bold-webfont.woff') format('woff'), url('../fonts/Montserrat-Bold-webfont.ttf') format('truetype'), url('../fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/Montserrat-Regular-webfont.eot');
    src: url('../fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular-webfont.woff2') format('woff2'), url('../fonts/Montserrat-Regular-webfont.woff') format('woff'), url('../fonts/Montserrat-Regular-webfont.ttf') format('truetype'), url('../fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    min-width: 1280px;    
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

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

html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin-left: auto;
    margin-right: auto;
    font-size: .85em;
    font-family: Tahoma, Geneva, sans-serif;
    padding: 0;
    color: #6d6f70;   
}

* {
    font-family: Tahoma, Geneva, sans-serif !important;
}

.clear {
    clear: both;
}

.shortText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.pointer {
    cursor: pointer;
}
/* HEADINGS & Elements */
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

input[type="text"], input[type="Password"], textarea {
    padding-left: 4px;
    height: 28px;
    background-color: white !important;
    border: 1px solid #ccc;
    font-size: 1em;
    color: #444;
}

    input[type="text"]:disabled, input[type="Password"]:disabled, textarea:disabled {
        background-color: whitesmoke !important;
    }

input[type="button"] {
    -webkit-border-radius: 2px;
    text-shadow: 0 1px 0 #EDEDED;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #CDCDCD;
    border: 1px solid #BEBEBE;
    color: #4C4C4C;
    font-weight: bold;
    padding: 5px 16px;
}

    input[type="button"]:hover {
        background-color: #777777;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #4C4C4C;
    }

    input[type="button"]:active {
        background-color: #000000;
        color: #FFFFFF;
    }

input[type="submit"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #CDCDCD;
    border: 1px solid #BEBEBE;
    color: #4C4C4C;
    font-weight: bold;
    padding: 5px 16px;
}

    input[type="submit"]:hover {
        background-color: #777777;
        color: #FFFFFF;
    }

    input[type="submit"]:active {
        background-color: #000000;
        color: #FFFFFF;
    }

.Accepted {
    color: green;
    background-color: greenyellow;
}

.Refused {
    color: red;
    background-color: lightcoral;
}

.BancoHoras {
    color: #2a5db0;
    background-color: #00ade5;
}

.StatusDiv {
    width: 100px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.bold {
    font-weight: bold;
}

.black {
    color: black;
}

.marginLeft8 {
    margin-left: 8px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginLeft12 {
    margin-left: 12px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginBottom4 {
    margin-bottom: 4px;
}

.marginTop4 {
    margin-Top: 4px;
}

.borderRadius4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.borderRadius2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.width100 {
    width: 100%;
}

.width90 {
    width: 90%;
}

.width13 {
    width: 13%;
}

.marginLeft1_28 {
    margin-left: 1.28%;
}

.center {
    text-align: center;
}

.LowerCase {
    text-transform: lowercase;
}

.MoreButton {
    -webkit-border-radius: 2px;
    text-shadow: 0 1px 0 #EDEDED;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #CDCDCD;
    border: 1px solid #BEBEBE;
    color: #4C4C4C;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-top: 20px;
    min-height: 30px;
}

    .MoreButton:hover {
        background-color: #777777;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #4C4C4C;
    }

    .MoreButton:active {
        background-color: #000000;
        color: #FFFFFF;
    }

.submitForm {
}

.hidden {
    display: none;
}

.spanButtonDisable {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #BEBEBE;
    background-color: #CDCDCD;
    padding-left: 16px;
    padding-right: 16px;
    color: #4C4C4C;
}


.spanButton {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #BEBEBE;
    background-color: #CDCDCD;
    padding-left: 16px;
    padding-right: 16px;
    color: #4C4C4C;
}

    .spanButton:hover {
        background-color: #777777;
        color: #FFFFFF;
    }

    .spanButton:active {
        background-color: #000000;
        color: #FFFFFF;
    }

.deleteHourIcon {
    margin-left: 8%;
    margin-top: 6px;
}

.updateDateTimeIcon {
    background-position: -88px -296px !important;
    width: 18px !important;
    height: 18px !important;
}

.excluirCredenciaisIcon {
    background-position: -29px -317px !important;
    width: 18px !important;
    height: 18px !important;
}

.excluirTemplatesIcon {
    background-position: -2px -316px !important;
    width: 20px !important;
    height: 18px !important;
}

.calcularIcon {
    background-position: -49px -316px !important;
    width: 20px !important;
    height: 18px !important;
}

.helpIcon {
    background-position: -72px -316px !important;
    width: 17px !important;
    height: 18px !important;
    margin-right:5px;
}


.closeIcon {
    position: absolute;
    margin-left: 82%;
    margin-top: 6px;
}

.warningIcon {
    background-position: 0 -22px !important;
    width: 20px !important;
    height: 20px !important;
}

.pendingRequestsIcon {
    background-position: 0 -44px !important;
    width: 20px !important;
    height: 20px !important;
}

.FilialIcon {
    background-position: 0 -2px !important;
    width: 36px !important;
    height: 20px !important;
}

.ArrowDownWhiteSmall {
    background-position: -50px -2px !important;
    width: 9px !important;
    height: 6px !important;
}

.ArrowDownWhiteBig {
    background-position: -50px -2px !important;
    width: 36px !important;
    height: 24px !important;
}

.ArrowDownBlackSmall {
    background-position: -61px -2px !important;
    width: 9px !important;
    height: 6px !important;
}

.ArrowDownGreenSmall {
    background-position: -72px -2px !important;
    width: 9px !important;
    height: 6px !important;
}

.DefinitionsIcon {
    background-position: -1px -69px !important;
    width: 18px !important;
    height: 18px !important;
}

.DefinitionsIconGreen {
    background-position: -27px -25px !important;
    width: 18px !important;
    height: 18px !important;
}

.deleteIcon {
    background-position: -3px -155px !important;
    width: 18px !important;
    height: 18px !important;
}

.editIcon {
    background-position: -3px -174px !important;
    width: 16px !important;
    height: 16px !important;
}

.refreshIcon {
    background-position: -26px -69px !important;
    width: 22px !important;
    height: 22px !important;
}

.PontoIcon {
    background-position: -26px -92px !important;
    width: 25px !important;
    height: 20px !important;
}

.PontoIconSelected {
    background-position: -53px -92px !important;
    width: 25px !important;
    height: 20px !important;
}

.ResizeIcon {
    background-position: -51px -446px !important;
    width: 24px !important;
    height: 22px !important;
}

.ResizeIconSelected {
    background-position: -80px -446px !important;
    width: 24px !important;
    height: 22px !important;
}

.PinIcon {
    background-position: -0px -475px !important;
    width: 24px !important;
    height: 22px !important;
}

.PinIconSelected {
    background-position: -22px -475px !important;
    width: 24px !important;
    height: 22px !important;
}

.FaltasAtrasosIcon {
    background-position: -27px -114px !important;
    width: 24px !important;
    height: 25px !important;
}

.FaltasAtrasosIconSelected {
    background-position: -53px -114px !important;
    width: 24px !important;
    height: 25px !important;
}

.PedidosJustificativasIcon {
    background-position: -4px -394px !important;
    width: 24px !important;
    height: 24px !important;
}

.PedidosJustificativasIconSelected {
    background-position: -29px -394px !important;
    width: 24px !important;
    height: 24px !important;
}

.AfastamentoIcon {
    background-position: -27px -114px !important;
    width: 24px !important;
    height: 25px !important;
}

.AfastamentoIconSelected {
    background-position: -53px -114px !important;
    width: 24px !important;
    height: 25px !important;
}

#PreJustificativa_Observacoes {
    width: 495px;
}


.HorasExtraIcon {
    background-position: -25px -142px !important;
    width: 22px !important;
    height: 23px !important;
}

.HorasExtraIconSelected {
    background-position: -50px -142px !important;
    width: 24px !important;
    height: 23px !important;
}

.RequisitarHorasExtraIcon {
    background-position: -57px -394px !important;
    width: 24px !important;
    height: 24px !important;
}

.RequisitarHorasExtraIconSelected {
    background-position: -82px -394px !important;
    width: 24px !important;
    height: 24px !important;
}

.FeriasFolgasIcon {
    background-position: -27px -169px !important;
    width: 24px !important;
    height: 18px !important;
}

.FeriasFolgasIconSelected {
    background-position: -52px -169px !important;
    width: 24px !important;
    height: 18px !important;
}

.EstatisticasIcon {
    background-position: -27px -190px !important;
    width: 23px !important;
    height: 24px !important;
}

.EstatisticasIconSelected {
    background-position: -53px -190px !important;
    width: 23px !important;
    height: 24px !important;
}

.ContatosInfoIcon {
    background-position: -85px -142px !important;
    width: 24px !important;
    height: 21px !important;
}

.ContatosInfoIconSelected {
    background-position: -85px -169px !important;
    width: 24px !important;
    height: 21px !important;
}

.BiometriaIcon {
    background-position: -60px -339px !important;
    width: 24px !important;
    height: 21px !important;
}

.BiometriaIconSelected {
    background-position: -87px -339px !important;
    width: 24px !important;
    height: 21px !important;
}

.RequisitarFeriasIcon {
    background-position: -4px -419px !important;
    width: 24px !important;
    height: 24px !important;
}

.RequisitarFeriasSelected {
    background-position: -29px -419px !important;
    width: 24px !important;
    height: 24px !important;
}

.VincularHorariosAlternativosIcon {
    background-position: -57px -419px !important;
    width: 24px !important;
    height: 24px !important;
}

.VincularHorariosAlternativosIconSelected {
    background-position: -82px -419px !important;
    width: 24px !important;
    height: 24px !important;
}

.ProfileMobileIcon{
    background-position: -95px -472px!important;
    width: 23px!important;
    height: 24px!important;
}

.EmailIcon{
    background-position: -89px -256px!important;
    width: 25px!important;
    height: 24px!important;
}

.ProfileMobileIconSelected
{
    background-position: -92px -368px!important;
    width: 23px!important;
    height: 24px!important;

}

.clockIcon {
    background-position: -4px -218px !important;
    width: 15px !important;
    height: 14px !important;
}

.redCrossIcon {
    background-position: -84px -115px!important;
    width: 10px !important;
    height: 9px !important;
}

.wizzardHorarioIconCurrent {
    background-position: -73px -239px!important;
    width: 13px !important;
    height: 12px !important;
}

.wizzardHorarioIconCurrentArrow {
    background-position: -93px -243px !important;
    width: 7px !important;
    height: 6px !important;
}

.wizzardHorarioIconComplete {
    background-position: -73px -239px !important;
    width: 13px !important;
    height: 12px !important;
}

.wizzardHorarioIconCompleteArrow {
    background-position: -93px -243px !important;
    width: 7px !important;
    height: 6px !important;
}

.wizzardHorarioIcon {
    background-position: -40px -239px!important;
    width: 13px !important;
    height: 12px !important;
}

.printIcon {
    background-position: -3px -256px !important;
    width: 15px !important;
    height: 18px !important;
}

.pdfIcon {
    background-position: -24px -256px !important;
    width: 19px !important;
    height: 18px !important;
}

.excelIcon {
    background-position: -47px -256px !important;
    width: 19px !important;
    height: 18px !important;
}

.wizzardHorarioIconArrow {
    background-position: -60px -243px!important;
    width: 7px !important;
    height: 6px !important;
}

.wizzardHorarioIconArrowBar {
    border-bottom: 2px solid #CDCDCD;
}

.advancedIcon {
    background-position: -71px -256px !important;
    width: 18px !important;
    height: 18px !important;
}

.logMonitoracaoIcon {
    background-position: -25px -278px !important;
    width: 18px !important;
    height: 18px !important;
}

.openPeriodoIcon {
    background-position: -25px -278px !important;
    width: 18px !important;
    height: 18px !important;
}

.closePeriodoIcon {
    background-position: -3px -278px !important;
    width: 18px !important;
    height: 18px !important;
}

.cleanPeriodoIcon {
    background-position: -68px -298px !important;
    width: 18px !important;
    height: 18px !important;
}

.pessoasIcon {
    background-position: -22px -297px !important;
    width: 23px !important;
    height: 18px !important;
}

.obrasIcon {
    background-position: -44px -297px !important;
    width: 23px !important;
    height: 18px !important;
}

.forcaTrabalhoIcon {
    background-position: -23px -446px!important;
    width: 23px !important;
    height: 18px !important;
}

.escalasIcon{
    background-position: 60px -545px!important;
    width: 23px !important;
    height: 18px !important;
}

.dashboardIcon {
    background-position: -2px -446px!important;
    width: 23px !important;
    height: 18px !important;
}


.msgsIcon {
    background-position: 0 -295px !important;
    width: 20px !important;
    height: 20px !important;
}

.PlusButtonIMG {
    /*Removido o backgroud*/
    /*background-position: -3px 113px!important;*/
    width: 23px;
    height: 26px;
}

.relogioPartilhado {
    background-position: -3px -338px !important;
    width: 23px !important;
    height: 26px !important;
}

.relogioRow:hover .relogioPartilhado {
    background-position: -3px -338px !important;
    width: 23px !important;
    height: 26px !important;
}


.PlusButton {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #327836;
    color: white;
    background: #68c52b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YzUyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjc4MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #68c52b 0, #327836 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#68c52b), color-stop(100%,#327836));
    background: -webkit-linear-gradient(top, #68c52b 0,#327836 100%);
    background: -o-linear-gradient(top, #68c52b 0,#327836 100%);
    background: -ms-linear-gradient(top, #68c52b 0,#327836 100%);
    background: linear-gradient(to bottom, #68c52b 0,#327836 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c52b', endColorstr='#327836',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}

.PlusButtonPurple {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #ad1283;
    color: white;
    background: #cb60b3;
    background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac));
    background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%);
    background: -o-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%);
    background: -ms-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%);
    background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 50%,#de47ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 );
}

.OrangeButtonPurple {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #FF9016;
    color: white;
    background: #FFA440;
    background: -moz-linear-gradient(top, #FFA440 0%, #FF9B2E 50%, #FFAF57 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAF57), color-stop(50%,#FF9B2E), color-stop(100%,#FFA440));
    background: -webkit-linear-gradient(top, #FFA440 0%,#FF9B2E 50%,#FFAF57 100%);
    background: -o-linear-gradient(top, #FFA440 0%,#FF9B2E 50%,#FFAF57 100%);
    background: -ms-linear-gradient(top, #FFA440 0%,#FF9B2E 50%,#FFAF57 100%);
    background: linear-gradient(to bottom, #FFA440 0%,#FF9B2E 50%,#FFAF57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA440', endColorstr='#FFAF57',GradientType=0 );
}


a {
    color: #2a5db0;
    cursor: pointer;
    text-decoration: none;
}
/*Header Menu Css*/
.toggleUserDefinitionsWrapper {
    height: 28px;
    float: right;
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 6%;
    padding-left: 4px;
    padding-right: 4px;
}

.toogleUserNameWrapper {
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 4px;
    padding-right: 4px;
}

header, #header {
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

.DMPLogoHeader {
    margin-top: 5px;
    margin-left: 6%;
    float: left;
}

.FirstSeparator {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 20px;
    height: 26px;
    border: 1px solid #ffffff;
    display: inline-block;
}

.filialImg {
    float: left;
    margin-top: 16px;
    margin-left: 10px;
}

.HeaderMenu {
    height: 46px;
    background-repeat: repeat-x;
    border-bottom: solid 2px lightgray;
}

.SecondSeparator {
    margin-top: 10px;
    margin-left: 30px;
    float: right;
    height: 26px;
    border: 1px solid #ffffff;
    display: inline-block;
}

.iconWarning {
    float: right;
    margin-top: 12px;
}

.inconsistenciasMessage {
    position: absolute;
    background-color: #ff6347;
    padding: 1px;
    top: 1px;
    left: 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 14px;
    text-align: center;
    font-size: 8px;
    line-height: 14px;
    height: 14px;
}

.BoxInconsistencias {
    float: right;
    position: relative;
    left: -10px;
    bottom: -25px;
}

.pedidosPorTratarMessage {
    position: absolute;
    background-color: #ff6347;
    padding: 1px;
    top: 1px;
    left: 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 14px;
    text-align: center;
    font-size: 8px;
    line-height: 14px;
    height: 14px;
}

.BoxpedidosPorTratar {
    float: right;
    position: relative;
    left: -10px;
    bottom: -25px;
}

.toggleDefinitions {
    float: right;
    margin-top: 12px;
    margin-left: 4px;
}

.labelDefinitions {
    float: right;
    margin-top: 8px;
    margin-left: 6px;
    font-weight: bold;
    font-size: 11px;
}

.iconDefinitons {
    float: right;
    margin-top: 6px;
}

.toogleUserName {
    float: right;
    margin-top: 12px;
    margin-left: 4px;
}

.UserName {
    float: right;
    margin-top: 8px;
    margin-left: 6px;
    font-weight: bold;
    font-size: 11px;
}

.UserImage {
    float: right;
    background-color: #fff;
    left: 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
}

.DropDownHeaderElement {
    font-size: 11px;
    line-height: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.qtip-content {
    padding: 2px !important;
}


.TitleSpaccingTop {
    margin-top: 38px;
}

.TableHeader {
    height: 20px !important;
    line-height: 20px;
}

.TableHeaderBorder {
    border-left: 0;
}
/*---------------*/
/*Tab Menu*/
.TabMenuNomeEmpresa {
    font-weight: bold;
    font-size: 21px;
    margin-left: 6%;
    float: left;
    padding: 0;
    margin-top: 20px;
    width: 400px;
    padding-bottom: 5px;
}

.TabMenuWrapper {
    display: none;
    /*min-height: 72px; -> This was modified because menu options were (partially) hiding the title. */
    min-height: 80px;
    background: #FFF;
}

.TabMenu {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 2px;
    margin-right: 6%;
}

.TabMenuHelp {
    text-align: left;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top:20px;
    margin-left: 0;
}

.MenuTab {
    position: relative;
    color: grey;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    font-size: 0.9em;
}

    .MenuTab:hover {
        background-color: #777777 !important;
        color: white !important;
        text-shadow: 0 1px 0 #4c4c4c;
    }

    .MenuTab:active {
        background-color: black !important;
    }

.SelectedMenuTab {
    position: relative;
    text-shadow: 0 1px 0 #4c4c4c;
}

    .SelectedMenuTab:after, .MenuTab:hover:after, .MenuTab:active:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 10px solid transparent;
        top: 100%;
        left: 50%;
        margin-left: -10px;
    }
/*---------------*/
/*Lateral filter Css*/
.LateralFilterSetup {
    margin-left: 26%;
    margin-right: 4%;
    margin-top: 14px;
    font-size: 12px;
    margin-top: 0px;
}

.es-MX .definitionsLateralMenuElement{
      width: 265px !important;
}

.en-BR .definitionsLateralMenuElement{
      width: 265px !important;
}

.LateralFilterSetupUserSettingsMenu {
    margin-left: 26%;
    margin-right: 4%;
}

.LateralFilterStyle {
    font-size: 32px;
    color: #333333;
    font-weight: bold;
}
/*Grid Top Menu bar*/
.LateralFilterStylePosition {
    float: left;
    margin-left: 6%;
    margin-top: 42px;
}

.imprimir {
    display: none;
    float: right;
    margin-right: 6%;
    margin-top: 42px;
}

.Estatisticas {
    display: none;
    float: right;
    margin-top: 42px;
}
/**/
.LateralFilterMainGroupTitle {
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.LateralFilterMainGroupTitleCount {
    float: right;
    margin-top: 2px;
    margin-right: 4px;
}

.LateralFilterMainGroupTitleDeselected {
    background-color: lightgray !important;
    color: black !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .LateralFilterMainGroupTitleDeselected label {
        color: black !important;
    }

.LateralFilterSubElement {
    cursor: pointer;
    height: 22px;
    line-height: 20px;
    margin-top: 0px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom:3px;
}

.LateralFilterSubElementSelected {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.FilterSubMenu {
    margin-left: 8px;
}

.FilterSubSubMenu {
    margin-left: 17px;
}

.LateralFilterUnderline {
    margin-top: 4px;
    border-bottom: 1px solid lightgray;
}

.LateralFilterUnderline2 {
    margin-top: 10px;
    border-bottom: 1px solid lightgray;
}
/*-----------------*/
/*Definitions Lateral Menu*/
.definitionsLateralMenuElement {
    padding-left: 6px;
    height: 32px;
    line-height: 30px;
}

.selectedDefinitionsLateralMenuElement {
    font-weight: bold;
}

/*-----------------------*/
/* Setup de formatação conteudo */
.ZonaConteudo {
    min-height: 500px;
    background-image: url("images/middle_bg.png");
    background-repeat: repeat-x;
}

.LateralFilters {
    float: left;
    width: 24%;
}

.Conteudo {
    float: left;
    width: 950px;
    /*width: 68.5%;*/
    /*min-height: 600px;*/    
    margin-left: 20px;
}

.ConteudoUserProfile {
    float: left;
    width: 66.1%;
    min-height: 600px;
    margin-left: 40px;
}

.ConteudoUserCadastrador {
    float: left;
    width: 66.1%;
    min-height: 600px;
    margin-left: 40px;
}

.ConteudoDefinitions {
    margin-top: 38px;
}

#definitionsTitleWrapper {
    height: 80px;
    display: none;
}

.definitionsTitlePosition {
    margin-left: 6%;
    padding: 0;
    margin-top: 28px;
    float: left;
}

.definitionsTitle {
    color: black;
    font-weight: bold;
    font-size: 21px;
}

/* ----------------------- */
/*Ponto*/
.RigthArrowButton {
    background-position: -100px -202px !important;
    width: 10px;
    height: 11px;
}

.LeftArrowButton {
    background-position: -85px -202px !important;
    width: 10px;
    height: 11px;
}

.ApontamentoButton {
    padding: 5px 0px;
    padding-right: 2px;
    padding-left: 2px;
}

.timeInput {
    width: 32px;
    height: 12px !important;
    font-size: 12px !important;
    padding-left: 0px !important;
    border: solid 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.weekDayTextSize {
    color: black;
    font-size: 12px;
}

.ApontamentoModified, .Apontamento {
    width: 35px;
    height: 17px;
    padding: 2px;
}

    .Apontamento input {
        margin-top: -10px;
    }

.TimeINVisualizacao, .TimeOUTVisualizacao {
    width: 30px;
    position: relative;
    font-size: 12px;
    padding: 2px;
}

.ApontamentoModifiedVisualizacao, .ApontamentoVisualizacao {
    height: 17px;
}

.ApontamentoIndevidoModifiedVisualizacao, .ApontamentoIndevidoVisualizacao {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: red !important;
    color: white;
}

.ApontamentoIndevidoModified, .ApontamentoIndevido {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: red !important;
    color: white;
}

.FilledSlot .closeCross, .Apontamento .closeCross {
    display: none;
}

.FilledSlot:hover .closeCross, .Apontamento:hover .closeCross {
    display: inline;
}

.ApontamentoIndevidoModified .timeInput, .ApontamentoIndevido .timeInput {
    background-color: red !important;
    color: white;
}

/*Apontamento Original*/
.Apont_O {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: black;
    color: white;
}

/*Apontamento Editado*/
.Apont_E {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: blue;
    color: white;
}

/*Apontamento Integração Acesso*/
.Apont_C {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: darkcyan;
    color: white;
}

/*Apontamento Integração API*/
.Apont_Y {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f1e83c;
    color: white;
}

/*Apontamento Mobile*/
.Apont_M {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #01d0e8;
    color: white;
}

/*Apontamento Mobile Offline*/
.Apont_Z {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #CF8CAB;
    color: white;
}



/*Apontamento Indevido*/
.Apont_I {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: red;
    color: white;
}

/*Apontamento Web*/
.Apont_W {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: maroon;
    color: white;
}

/*Apontamento Automatico*/
.Apont_A {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: green;
    color: white;
}

/*Apontamento Pre-assinado*/
.Apont_P {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: orange;
    color: white;
}




/* ----------------------- */
/*GRUPOS*/

.ContentTable thead tr {
    vertical-align: middle;
    height: 18px;
}

.ContentTable {
    width: 100%;
    margin-top: 20px;
    border-top:0 !important;
}

    .ContentTable td {
        vertical-align: middle;
        padding: 0px 10px;
    }

    .ContentTable tr {
        height: 40px;
    }

        .ContentTable tr span {
            display: none;
            margin-left: 5px;
            margin-right: 5px;
        }

    .ContentTable tbody tr:hover span {
        display: inline-block;
    }

    .ContentTable thead tr {
        text-align: left;
    }

        .ContentTable thead tr th {
            padding-left: 10px;
        }

.UpdateForm {
    border-top: 1px solid white;
    background-color: #CFDDD0;
    height: 70px;
}

    .UpdateForm td {
        padding: 5px;
    }

#Grupo_Codigo {
    width: 82px;
    height: 30px;
}

#Grupo_Descricao {
    width: 300px;
    height: 30px;
}

.SpanButtonPosition {
    height: 17px;
    margin-left: 4px;
    float: right;
    margin-top: 2px;
}
/**/
/*Ramos*/

.UpdateForm {
    border-top: 1px solid white;
    background-color: #CFDDD0;
    height: 70px;
    width: 100%;
}

    .UpdateForm td {
        padding: 5px;
    }

#Ramo_Codigo {
    width: 82px;
    height: 30px;
}

#Ramo_Descricao {
    width: 60%;
    height: 30px;
}

.spanButtonPositionRamos {
    height: 30px;
    margin-right: 4px;
    margin-left: 4px;
    float: right;
    margin-top: 2px;
}
/*----------------*/
/*Estruturas*/



.EstruturasTable thead tr {
    vertical-align: middle;
    height: 18px;
}

.EstruturasTable thead td {
    padding: 0 10px;
}

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treeview ul {
        margin-top: 0;
    }

    .treeview .hitarea {
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }

    .treeview .EstruturaElement {
        padding: 10px 0;
    }

        .treeview .EstruturaElement:hover {
            cursor: pointer;
        }

    .treeview li {
        margin: 0;
        padding: 0 0 0 20px;
        background: url("./images/treeview-default-line.png") 0 0 repeat-y;
        position: relative;
    }

        .treeview li:before {
            position: absolute;
            background: url("./images/treeHline.gif") 0 0 repeat-x;
            content: " ";
            width: 10px;
            height: 3px;
            margin-top: 15px;
            margin-left: -12px;
        }

/*#ModelEstruturaOrganizacional_Descricao, #ModelEstruturaOrganizacional_Codigo, #ModelEstruturaOrganizacional_CentroCusto {
    width: 100%;
}*/

/*#ModelEstruturaOrganizacional_CentroCusto {
    width: 200px;
}*/

/*.EstCentroCusto {
    width: 356px;
    float: right;
}

.EstCodigo {
    width: 80px;
    float: left;
}*/

.DivDescricaoEstrutura, .DivCodigoEstrutura, .DivCentroCustoEstrutura, .DivExtraEstrutura {
    float: left;
}

.DivActions {
    float: right;
}

.DivDescricaoEstrutura {
    width: 24%;
}

.DivCodigoEstrutura {
    width: 12%;
}

.DivCentroCustoEstrutura {
    width: 14%;
}

.DivExtraEstrutura {
    width: 100px;
}

.EstCentroCusto, .EstExtra1, .EstExtra2 {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.EstSelected {
    cursor: pointer;
}

#TableApontamentos .spanButton, #FormEstruturas .spanButton {
    height: 17px;
    padding: 6px;
    margin-left: 4px;
    float: left;
    margin-top: 2px;
}

.RightArrowIMG {
    background-position: -95px -71px !important;
    width: 18px;
    height: 18px;
}

.LeftArrowIMG {
    background-position: -78px -71px !important;
    width: 18px;
    height: 18px;
}

.DownArrowIMG {
    background-position: -95px -92px !important;
    width: 18px;
    height: 18px;
}

.UPArrowIMG {
    background-position: -78px -92px !important;
    width: 18px;
    height: 18px;
}

/*----------------*/
/*Feriados e Folgas*/
.displayNone {
    display: none;
}

.FeriadosDescri {
    float: left;
}

.DateFeriados {
    margin-left: 6px;
    height: 30px;
    width: 20%;
    float: left;
}

.DateControlsPosition {
    text-align: center;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.buttonArrowRigth {
    /*float: right;*/
    background-color: #F2F2F2;
    display: inline-block;
    height: 22px;
    width: 22px;
    border: solid 1px lightgray;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.buttonArrowRigthIcon {
    margin-left: 2px;
    margin-top: 2px;
}

.DefinitionsLateralMenu {
    margin-top: 38px !important;
}

.DefinitionsTitle {
    font-size: 21px;
    font-weight: bold;
}

.tabletextDescription {
    font-weight: bold;
    color: black;
}

#FeriadosCreate_Descricao {
    height: 30px;
    width: 55%;
}

.buttonArrowLeft {
    /*float: left;*/
    background-color: #F2F2F2;
    display: inline-block;
    height: 22px;
    width: 22px;
    border: solid 1px lightgray;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.buttonArrowLeftIcon {
    margin-left: 2px;
    margin-top: 2px;
}

.yearLabelPosition {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 5px;
    /*float: left;*/
    display: inline-block;
    vertical-align: super;
}

.yearLabel {
    color: #2a5db0;
    font-weight: bold;
}
/*----------------*/
/*USER PROFILE*/
.ProfileLateralMenuIconPosition {
    margin-left: 6px;
    margin-top: 6px;
    float: left;
}

.ProfileLateralMenuLabel {
    margin-left: 6px;
    margin-top: 2px;
    float: left;
}

.ProfileUserNameStyle {
    margin-top: 15px;
    color: black;
    font-weight: bold;
    font-size: 1.3500em;
    width: 100%;
    word-wrap: break-word;
}

.labelForm {
    width: 120px;
    text-align: right;
    float: left;
}

.labelFormEdit {
    margin-top: 8px;
    width: 140px;
    text-align: right;
    float: left;
}

.formEditElement {
    margin-top: 10px;
}

.labelAnos {
    float: left;
    font-weight: bold;
    color: black;
    margin-left: 10px;
    margin-top: 8px;
}

.InputFormEdit {
    float: left;
    margin-left: 16px;
    width: 60%;
}

.InputFormEditData {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.InputFormEditDataNascimento {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.InputFormEditDataTransferenciaPessoas {
    float: left;
    width: 30%;
}

.InputFormEditDataControlaPonto {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.InputFormEditData3MesesPosterior {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.InputFormEditHidden {
    display: none;
}

.SeparatorBar {
    margin-top: 32px;
    width: 100%;
    border-bottom: 1px solid #4A713C;
}

.SelectCreate {
    float: left;
    height: 30px;
    min-width: 31%;
}

.FormText {
    float: left;
    margin-left: 16px;
    color: black;
}

.formProvisorio {
    margin-top: 8px;
    float: left;
}

.formBaseHoras {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.formTextWithoutColor {
    float: left;
    margin-left: 16px;
    width: 30%;
}

.textAreaMorada {
    float: left;
    margin-left: 16px;
    height: 100px !important;
    width: 60%;
}
/*------------*/
/*PESSOAS*/
.HeaderOrderSelectedDown:after {
    /*background: url('./images/sort_desc.png') no-repeat center right;*/
    background-position: -77px -276px !important;
    width: 10px;
    height: 20px;
    content: " ";
    float: right;
    margin-right: 16px;
}

.HeaderOrderSelectedUp:after {
    /*background: url('./images/sort_asc.png') no-repeat center right;*/
    background-position: -89px -276px !important;
    width: 10px;
    height: 20px;
    content: " ";
    float: right;
    margin-right: 16px;
}

.HeaderOrder:after {
    /*background: url('./images/sort_both.png') no-repeat center right;*/
    background-position: -66px -276px !important;
    content: " ";
    float: right;
    margin-right: 16px;
    width: 10px;
    height: 20px;
}

.TableHeader a {
    color: inherit;
}


.DiaApontamento .TimeIN, .DiaApontamento .TimeOUT {
    width: 40px !important;
    position: relative;
}

    .DiaApontamento .TimeIN:before, .DiaApontamento .TimeOUT:before {
        margin-bottom: -6px;
        bottom: 50%;
        left: -12px;
    }



.TimeIN, .TimeOUT {
    width: 30px;
    position: relative;
    font-size: 12px;
    padding: 2px;
}

    .TimeIN:before {
        background-position: -50px -26px !important;
    }

    .TimeOUT:before {
        background-position: -60px -26px !important;
    }

.AvatarFrame {
    display: inline-block;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
    -khtml-border-radius: 44px;
    border: 2px solid #cccccc;
    background-color: #ccc;
    margin-right:5px;
    margin-left:5px;
      line-height: 11px;
}

.AvatarFrame img {
    position: relative;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
    border-radius: 44px;
}

.UserOn .AvatarFrame {
    border-color: #8cc63f;
}

.PessoasPartialDisplay .UserOn .AvatarFrame:before {
    position: absolute;
    content: "";
    /*background-image: url("images/over_foto.png");*/
    width: 23px;
    height: 23px;
    margin-top: 25px;
    margin-left: -2px;
    z-index: 1;
}


.UserOn .AvatarFrame:before {
    position: absolute;
    content: "";
    /*background-image: url("images/over_foto.png");*/
    width: 23px;
    height: 23px;
    margin-top: 38px;
    z-index: 1;
}

.TimeOUT:before, .TimeIN:before {
    /*background: url("images/icn_dmplight.png") 0 0;*/
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    bottom: 4px;
    left: -5px;
}

.Ferias, .Folga, .Compensado, .UserState, .Afastado {
    margin: 2px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px 3px 10px;
    font-size: 0.7em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #4C4C4C;
}

.UserOff .UserState {
    background-color: gray;
    color: white;
}

.UserOn .UserState {
    background-color: #8cc63f;
    color: white;
}

.Compensado, .Folga, .Afastado {
    color: white;
    background-color: #00ade5;
}

.Ferias {
    color: #41699b;
    text-shadow: none;
    background-color: #fff09e;
}

#Grid tr {
    vertical-align: middle;
    height: 68px;
}

.Grid tr {
    vertical-align: middle;
    height: 68px;
}

.PessoasPartialDisplay tbody tr {
    height: 34px !important;
}

.PessoasPartialDisplay .AvatarFrame img {
    border-width: 2px;
    width: 32px;
    height: 32px;
}

.PessoasPartialDisplay .UserState, .PessoasPartialDisplay .UserPosition, .PessoasPartialDisplay .UserEstrutura {
    display: none;
}

.UserMatricula {
}

.spanButtonDown {
    background-color: #777777;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #4C4C4C;
}

    .spanButton:active .PartialDisplayButton, .spanButtonDown .PartialDisplayButton {
        background-position: -95px -26px !important;
    }

    .spanButton:active .FullDisplayButton, .spanButtonDown .FullDisplayButton {
        background-position: -95px -44px !important;
    }

.PartialDisplayButton {
    background-position: -76px -26px !important;
    width: 15px;
    height: 15px;
}

.FullDisplayButton {
    background-position: -76px -44px !important;
    width: 15px;
    height: 15px;
}

#FilterBar {
    padding: 20px 0 10px;
}

#FilterBarSmall {
    padding: 20px 0 10px;
}

/*.......*/
/*USer Settings Page Group*/
.FaltasAtrasosMenuWrapper {
    padding-bottom: 4px;
    margin-top: 20px;
}

.SpanButtonPositionProfileAtrasos {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
}

.TimeOUTA:before, .TimeINA:before {
    /*background: url("images/icn_dmplight.png") 0 0;*/
    position: absolute;
    content: " ";
    margin-bottom: -5px;
    width: 10px;
    height: 10px;
    bottom: 50%;
    left: -10px;
}

.TimeINA, .TimeOUTA {
}

    .TimeINA:before {
        background-position: -50px -26px !important;
    }

    .TimeOUTA:before {
        background-position: -60px -26px !important;
    }

.ContentTableA {
    width: 100%;
}

    .ContentTableA td {
        vertical-align: middle;
        padding-left: 10px;
    }

    .ContentTableA tr {
        height: 40px;
    }
        /*.ContentTableA tr:hover .clockIcon{background-position: -53px -92px !important;width:25px !important;height: 20px !important;}*/
        .ContentTableA tr:hover {
            height: 40px;
        }

        .ContentTableA tr span {
            display: none;
            margin-left: 5px;
            margin-right: 5px;
        }

        .ContentTableA tr:hover span {
        }

.ExtraContent {
    float: left;
    width: 65%;
}

.ExtraGrafic {
    float: left;
    width: 35%;
}

.PageTitle {
    font-size: 21px;
    font-weight: bold;
}

.ConteudoSettings {
    margin-top: 28px;
    padding-left: 10px;
}

.lateralFilterMargin {
    margin-top: 28px;
}

.bottomSeparatorBarThin {
    margin-top: 36px;
    width: 100%;
}

.bottomSeparatorBarFat {
    margin-top: 36px;
    width: 100%;
}

.bottomSeparatorBarThinSmallMargin {
    margin-top: 18px;
    width: 100%;
}
/**/
/*Horarios*/
.emptySlot, .FilledSlot, .LastSlot {
    height: 23px;
}

.timeSlotElementFilled {
    text-align: center;
    line-height: 20px;
    background-color: #B6DA9C;
    height: 21px;
    font-size: 10px;
}

.timeSlotElementBotFilled {
    text-align: center;
    line-height: 20px;
    background-color: #B6DA9C;
    height: 21px;
    font-size: 10px;
}

.timeSlotElement {
    text-align: center;
    line-height: 20px;
    background-color: #B6DA9C;
    height: 23px;
    font-size: 10px;
}

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

    .GrupoSlot:hover .timeSlotElement, .GrupoSlot:hover .timeSlotElementFilled, .GrupoSlot:hover .timeSlotElementBotFilled {
        background-color: #85CD50 !important;
        cursor: pointer;
    }

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

    .GrupoSlotfds:hover .fds {
        background-color: #aecfa9 !important;
        cursor: pointer;
    }

.fds {
    height: 260px;
    background-color: #CDCDCD;
    border: solid 2px #CDCDCD;
}

.fdsLunch {
    height: 20px;
    background-color: #CDCDCD;
    border: solid 2px #CDCDCD;
}

.fdsAfterLunch {
    height: 200px;
    background-color: #CDCDCD;
    border: solid 2px #CDCDCD;
}

.borderRadiusTop4 {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.borderRadiusBottom4 {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.borderTopTimeSlot {
    border-top: 2px solid #9EBC98;
}

.borderSideTimeSlot {
    border-left: 2px solid #9EBC98;
    border-right: 2px solid #9EBC98;
}

.borderBottomTimeSlot {
    border-bottom: 2px solid #9EBC98;
}

.barPosition {
    /*margin-left: 1%;*/
    margin-left: 6px;
    margin-top: 5px;
    /*width: 15%;*/
    width: 97px;
}

#wizzard {
    margin-top: 40px;
}

.stepWindow {
    min-width: 615px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.timeSlot {
    background-color: #E8E8E8;
    height: 582px;
    overflow: hidden;
}

.timeSlotLunch {
    height: 20px;
}

.buttonLabelAlterar {
    margin-left: 4px;
    margin-top: 8px;
    float: left;
}

.buttonLabelDuplicar {
    margin-left: 4px;
    margin-top: 8px;
    float: left;
}

/* Styles for validation helpers
----------------------------------------------------------
   CRUD RESULT   */
.input-validation-error {
    border: red 1px solid  !important;
    outline: red 1px solid !important;
}

.validation-summary-ok-layout {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 0px;
    line-height: 25px;
    height: 28px;
    width: 90%;
    text-align: left;
    padding-left: 28px;
    padding-right: 10px;
    background-color: #eaf3d8;
    color: #6fb353;
    border: 1px solid #6fb353;
    clear:both;
    overflow:hidden;
}

.validation-summary-ok {
    position: relative;
    margin-top: 4px;
    margin-bottom: 0px;
    height: 28px;
    line-height: 25px;
    background-color: #eaf3d8;
    color: #6fb353;
    border: 1px solid #6fb353;
    padding-left: 28px;
    padding-right: 10px;
    clear:both;
    overflow:hidden;
}

.field-validation-warning, .field-validation-error, .validation-summary-errors, .field-summary-success, .field-validation-success {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 25px;
    min-height: 28px;
    position: relative;
    width: 96.5%;
    display: block;
    padding-right: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.field-validation-success-Popups,
.field-validation-warning-Popups,
.field-validation-error-Popups {
    position: relative;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
    padding-right: 10px;
    text-align: left;
    min-height: 28px;
    margin: 10px 10px !important;
    display: block;
    word-wrap: break-word;
}

.field-validation-success-Popups,
.field-summary-success,
.field-validation-success {
    padding-left: 24px;
    background-color: #eaf3d8;
    color: #6fb353;
    border: 1px solid #6fb353;
}

.field-validation-error-Popups,
.field-validation-error,
.validation-summary-errors {
    padding-left: 24px;
    background-color: #F0C9CB;
    border: 1px solid #C36566;
    color: #484848;
}

.field-validation-warning-Popups,
.field-validation-warning,
.validation-summary-warnigns {
    padding-left: 24px;
    background-color: #f7ed9e;
    color: black;
    border: 1px solid #f7b752;
}

.validation-summary-ok:before, .field-summary-success:before, .field-validation-success:before, .field-validation-success-Popups:before {
    position: absolute;
    content: " ";
    bottom: 53%;
    margin-bottom: -7.5px;
    left: 3px;
    /*background: url("./images/icn_dmplight.png") 0 0 !important;*/
    background-position: -98px -112px !important;
    width: 15px;
    height: 12px;
}

.field-validation-error-Popups:before, .validation-summary-errors:before, .field-validation-error:before {
    position: absolute;
    content: " ";
    bottom: 52%;
    margin-bottom: -5px;
    left: 4px;
    /*background: url("./images/icn_dmplight.png") 0 0 !important;*/
    background-position: -84px -114px !important;
    width: 10px;
    height: 10px;
}

.field-validation-warning-Popups:before, .validation-summary-warnings:before, .field-validation-warning:before {
    position: absolute;
    content: " ";
    bottom: 52%;
    margin-bottom: -5px;
    left: 4px;
    /*background: url("./images/icn_dmplight.png") 0 0 !important;*/
    background-position: -84px -128px !important;
    width: 12px;
    height: 12px;
}

#CalendarFullView .hasDatepicker {
    margin: 0 8px 8px 0px;
    float: left;
    width: 32% !important;
}

#CalendarFullView .ui-widget { /*width: 275px;*/
    height: 280px;
}

#CalendarFullView .ui-datepicker th {
    padding: 0 0;
    width: 38px;
}

#CalendarFullView .ui-datepicker td {
    text-align: center;
    padding: 0;
    padding: 4px;
}

#CalendarFullView .ui-datepicker-year, #CalendarFullView .ui-datepicker-prev, #CalendarFullView .ui-datepicker-next {
    display: none;
}

#CalendarFullView .ui-widget-header {
    background: none;
    border: none;
}

#CalendarFullView .ui-widget-content {
    border: none;
    background: none;
}

#CalendarFullView .ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#CalendarFullView a {
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 28px;
}

#CalendarFullView .ui-state-default, #CalendarFullView .ui-widget-content .ui-state-default {
    background: none;
    background-color: #e6e6e6;
    border: none;
    padding: 0;
}

#CalendarFullView .ui-datepicker-week-end .ui-state-default, #CalendarFullView .ui-widget-content .ui-datepicker-week-end .ui-state-default {
    background-color: #cbcbcb;
}

#CalendarFullView .ui-widget-content, .backgroundColor {
    background-color: #d2dccf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.darkBackgroundColor {
    background-color: #CFDDD0;
}

#CalendarFullView .DiaFolgas {
    background-color: #AE1484 !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaFerias {
    background-color: #388135 !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaSobreaviso {
    background-color: #ff9016 !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaFeriados {
    background-color: yellow !important;
}

/* INICIO Estado Requisição de Férias */
#CalendarFullView .DiaFeriasPendentes {
    background-color: orange !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaFeriasAprovado {
    background-color: green !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaFeriasAprovadoParcialmente {
    background-color: maroon !important;
    color: #FFFFFF;
}

#CalendarFullView .DiaFeriasReprovado {
    background-color: red !important;
    color: #FFFFFF;
}
/* FIM Estado Requisição de Férias */

#CalendarFullView .DiaFolgasSelected, #CalendarFullView .DiaFeriasSelected, #CalendarFullView .DiaSobreavisoSelected {
    background-color: #2A5DB0 !important;
    color: #FFFFFF;
}

.DiaFeriasMarc {
    background-color: #2A5DB0 !important;
    color: #FFFFFF !important;
}

.HiddenDiaFeriados {
}

#FeriasFolgas-Summury-Field, #Summary-Field-Index {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
    margin-bottom:10px;
}

#Summary-Field-Index-Compliance {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    margin-bottom:10px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.closeCross {
    margin-left: 5px;
    /*background: url("./images/icn_dmplight.png") 0 0 !important;*/
    background-position: -84px -114px !important;
    width: 10px;
    height: 10px;
}


/* Class setup fpr jquery ui */
/*DIALOGS*/
.ui-datepicker-trigger {
    position: absolute;
    margin-left: -26px;
    margin-top: 4px;
    float: right;
    margin-right: 4px;
    padding-top: 1px;
}

/*Resolução do WI 46970 */
.dialog {
     position : fixed !important;
}

    .dialog .ui-widget-header {
        font-size: 21px;
        font-weight: bold;
        background-color: transparent !important;
        background: transparent !important;
        border: none !important;
    }

    .dialog .ui-icon-closethick {
        background-color: #6b7071;
        background-image: url('images/ic_fechar.png') !important;
        background-position: center !important;
        margin-right: 10px !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .dialog .ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
        width: 20px !important;
        height: 20px !important;
  
    }

    .dialog .ui-dialog .ui-dialog-titlebar-close {
        background: none !important;
        border: none !important;
    }

    .dialog .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
        padding: 0 !important;

    }

    .dialog .ui-button-text {
        display: none;
    }

    .dialog .ui-button, .ui-button-icon-only, .ui-dialog-titlebar-close {
        border: 0 !important;
        background: transparent !important;
    }
 
.ui-state-focus {
    outline: none;
}

.ui-dialog-title {
    height: 25px !important;
}

.ui-menu {
    border: solid grey 1px;
    z-index: 100;
    max-height: 400px;
    overflow: scroll;
    background-color: white;
    overflow-x: hidden;
}

.ui-autocomplete-loading {
    background: url('../base/images/ui-anim_basic_16x16.gif') right 5px top 7px no-repeat !important;
}

.ui-autocomplete-search {
    background: url('./images/search.png') right 5px top 7px no-repeat !important;
}

footer {
    width: 100%;
    float: left;
    margin-top: 100px;
}
/*FOOTER*/
.footerWrapper {
    display: block;
    width: 100%;
    height: 38px;
    color: white;
    background-color: #636363;
}

.ImgAjuda {
    margin-left: 6%;
    margin-top: 8px;
    background-position: -1px -114px !important;
    width: 20px !important;
    height: 20px !important;
    float: left;
}

.LabelAjuda {
    margin-left: 12px;
    text-decoration: underline;
    float: left;
    margin-top: 12px;
}

.footerFirstSeparator {
    margin-left: 20px;
    margin-top: 4px;
    float: left;
    height: 26px;
    border: 1px solid #ffffff;
    display: inline-block;
}

.LabelContatos {
    text-decoration: underline;
    margin-left: 20px;
    float: left;
    margin-top: 12px;
}

.footerSecondSeparator {
    margin-left: 20px;
    margin-top: 4px;
    float: left;
    height: 26px;
    border: 1px solid #ffffff;
    display: inline-block;
}

.LabelContato {
    float: left;
    margin-top: 12px;
}

.LabelEmpresa {
    float: right;
    margin-top: 12px;
    color: #aaaaaa;
}

.footerLower {
    height: 233px;
    width: 100%;
    background-image: url('./images/bottom_bg.png');
    background-repeat: repeat-x;
}
/*------*/

input[type='radio'], input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    filter: alpha(opacity=0);
    margin: 5px 0 0 5px;
}

    input[type='radio']:focus + label, input[type="checkbox"]:focus ~ label {
        color: #C30;
    }

    input[type="checkbox"] ~ label, input[type="radio"] + label {
        background: url('images/check_radio_sheet.png') left top no-repeat;
        position: relative;
        margin: 0 0 0 0;
        padding: 0 0 0 25px;
        cursor: pointer;
        line-height: 19px;
        min-height: 19px;
        max-height: 19px;
        display: inline-block;
        z-index: 0;
    }

    input[type="checkbox"] ~ label {
        background-position: 0 0;
    }

    input[type="radio"] + label {
        background-position: 0 -38px;
    }

    input[type='checkbox']:checked ~ label {
        background-position: 0 -19px;
    }

    input[type='radio']:checked + label {
        background-position: 0 -57px;
    }

    input[type='checkbox']:disabled ~ label {
        background-position: 0 -76px;
        color: #999;
    }

    input[type='radio']:disabled + label {
        background-position: 0 -114px;
        color: #999;
    }

    input[type='checkbox']:disabled:checked ~ label {
        background-position: 0 -95px;
        color: #999;
    }

    input[type='radio']:disabled:checked + label {
        background-position: 0 -133px;
        color: #999;
    }

.checkboxCustom {
    height: 15px;
    position: relative;
    float: left;
    width: 100%;
    padding-left: 4px;
}
/*
    .checkboxCustom input[type=checkbox] {
        visibility: hidden;
    }


    .checkboxCustom label span {
        background: url("images/check_radio_sheet.png") no-repeat scroll left top transparent;
        cursor: pointer;
        display: inline-block;
        height: 19px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        width: 19px;
    }

    .checkboxCustom label {
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 12px;
        cursor: pointer;
        position: absolute;
        height: 15px;
        top: 0;
        left: 0;
    }
    
    .checkboxCustom input[type=checkbox]:checked ~ label span {
        background: url("images/check_radio_sheet.png") no-repeat scroll -19px top transparent;
    }*/



.funcionarioName {
    margin: 2px;
    color: #4c4c4c;
    font-weight: bold;
    text-transform: capitalize;
}

.funcionarioNameTransferenciaPessoa {
    margin: 2px;
    color: #4c4c4c;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 12px;
    width: 106px;
}

.radioCustom {
    width: 70px;
    height: 15px;
    position: relative;
    float: left;
    top: 3px;
}
/*
    .radioCustom input[type="radio"] {
        display: none !important;
    }

    .radioCustom label {
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

        .radioCustom label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            background: url(images/check_radio_sheet.png) -38px top no-repeat;
            cursor: pointer;
        }

    .radioCustom input[type="radio"]:checked + label span {
        background: url(images/check_radio_sheet.png) -57px top no-repeat;
    }*/

.labelsubmenu {
    display: inline-block;
    height: auto;
    line-height: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    white-space: normal !important;
}

#PagerDiv {
    margin-top: 20px;
}

/* Relatorios */

.RelatoriosTitles {
    margin-top: 10px;
    font-size: 21px;
    font-weight: bold;
    margin-bottom:20px;
}

.SelectRelatoriosWrapper {
    width: 100%;
    margin-top: 1px;
}

.relatorioswrapper {
    margin-top: 4px;
    width: 100%;
    height: 30px;
}

.relatoriosHelperText {
    margin-bottom: 10px; 
    margin-top:0; 
    font-size:12px;
}

.resultTabelaWrapper {
    margin-top: 0;
}

#resultTabelaFeriadosWrapper {
    margin-top: 60px;
}

.resultTabela {
    width: 100%;
}

.loadingRelatorios {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.loadingWrapper {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.bottomRelatoriosBar {
    margin-top: 4px;
}

.labelLoading {
    margin-top: 5px;
    font-size: 14px;
}

.tabelas_ramos {
    width: 100%;
}

.dataTables_info, .dataTables_paginate {
    margin-top: 10px;
}

#barra_exportacao {
    width: 100%;
    height: 30px;
    background-color: #eee;
    border-top: 1px solid #ccc;
    line-height: 30px;
}

.cel_th {
    line-height: 20px;
    height: 20px;
    font-size: 13px;
    text-align: left;
    background-color: #CFDDD0;
    color: #2C7335;
    border-top: solid 2px #4A713C;
    border-bottom: solid 2px #4A713C;
}

.cel_td {
    line-height: 30px;
    border-bottom: 1px solid #68885C;
    height: 30px;
}

.ttl {
    padding-top: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-top: 2px solid #eee;
}

.odd {
    background-color: #f0f0f0;
}

#barra_exportacao a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}

.bodyRelatorio tr:hover {
    color: #6d6f70 !important;
}

.bodyRelatorio tr.odd:hover {
    background-color: #f0f0f0 !important;
}

.bodyRelatorio tr.even:hover {
    background-color: white !important;
}

.bodyRelatorio tr.no-hover:hover {
    background-color: transparent;
}

.headerRelatorioEspelhoPonto tr th {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/**/
/*Configuração REP*/
.tab_definicao {
    padding: 5px 15px 5px 15px;
    font-weight: bold;
    cursor: pointer;
    /*margin-bottom: 10px;*/
    display: inline-block;
}

.divSectionMenu {
    margin-top: 8px;
    width: 100px;
    text-align: right;
    float: left;
    padding: 10px;
    background-color: lightgray;
    cursor: pointer;
}

.divSelectedSectionMenu {
    font-weight: bold;
}

.subcategories {
    padding-bottom: 10px;
}

/****************/
/*Relogios*/
#progressbar {
    margin-top: 5px;
    background-color: #4c4c4c;
    padding: 1px;
    display: none;
}

 #progressbar div {
        background-color: #55ab2e;
        width: 0%; /* Adjust with JavaScript */
        height: 25px;
    }

#bar_txt {
    color: #fff;
    font-weight: bold;
    padding-top: 7px;
    margin-bottom: -25px;
}

.highlight {
    background-color: #015cb5;
    color: #fff;
}

    .highlight .UserMatricula, .highlight .UserEstrutura, .highlight .funcionarioName, .highlight .UserPosition, .highlight .funcionarioNameTransferenciaPessoa {
        color: #ffffff;
    }

table {
    page-break-inside: auto;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

.relogioRow .spanButtonText {
    display: none !important;
}

.relogioRow .spanButton {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    width: 18px !important;
    height: 18px !important;
}

    .relogioRow .spanButton img {
        margin-top: 0 !important;
    }

/****************/
/*Ponto*/

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }

.file-wrapper {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

    .file-wrapper input {
        cursor: pointer;
        font-size: 100px;
        height: 100%;
        filter: alpha(opacity=1);
        -moz-opacity: 0.01;
        opacity: 0.01;
        position: absolute;
        right: 0;
        top: 0;
    }

    .file-wrapper .buttonFile {
        background: #CDCDCD;
        border: 1px solid #BEBEBE;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #4c4c4c;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        font-size: 13px;
        margin-right: 5px;
        padding: 7px 18px;
        margin-top: 5px;
    }

.buttonFile:hover {
    background: #777777;
    color: #fff;
}

.container_file {
    height: 28px;
    width: auto;
    margin-top: -10px;
    border: 1px solid #BEBEBE;
    background-color: #f8f8f8;
    padding: 5px 40px 5px 5px;
    position: relative;
    bottom: 9px;
}

.InicioPremicao, .FimPremicao {
    background-color: #bbb;
}

.InicioPremicao {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbb;
}

.FimPremicao {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
}

.InicioPremicao:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-top-color: #bbb;
}

.FimPremicao:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 5px solid transparent;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #bbb;
}


/* main menu styles */
.menuDropDownWithType {
    text-align: center;
    width: 100%;
}

    .menuDropDownWithType > span {
        display: inline-block;
        margin: 0 auto;
    }

.menuDropDownWithTypeItems {
    display: inline;
    text-align: left;
    position: relative;
    list-style-type: none;
}

    .menuDropDownWithTypeItems > li {
        float: left;
        padding: 0;
        position: relative;
    }

        .menuDropDownWithTypeItems > li > input {
            border: 1px solid transparent;
            color: #4F4F4F;
            display: block;
            font-size: 90%;
            padding: 3px 10px;
            position: relative;
            text-decoration: none;
        }

        .menuDropDownWithTypeItems > li.selected > input {
            background-color: #FFFFFF;
            border-color: #999999 #999999 #FFFFFF;
            z-index: 2;
        }

        .menuDropDownWithTypeItems > li.selected > input:hover {
            color: rgb(79, 79, 79);
            text-shadow:none;
        }

    .menuDropDownWithTypeItems li div {
        position: relative;
    }

        .menuDropDownWithTypeItems li div div {
            background-color: #FFFFFF;
            border: 1px solid #999999;
            padding: 12px 0;
            display: none;
            margin-left: 5px;
            position: absolute;
            top: -1px;
            z-index: 2;
            width: 400px;
        }

            .menuDropDownWithTypeItems li div div.wrp2 {
                width: 380px;
            }

    .menuDropDownWithTypeItems .sep {
        left: 190px;
        border-left: 1px solid #E3E3E3;
        bottom: 0;
        height: auto;
        margin: 15px 0;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .menuDropDownWithTypeItems li div ul {
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        width: 380px;
        float: left;
        list-style-type: none;
    }

        .menuDropDownWithTypeItems li div ul li {
            margin: 0;
            padding: 0;
        }

#nav.menuDropDownWithType li div ul li h3 {
    border-bottom: 1px solid #E3E3E3;
    color: #4F4F4F;
    font-weight: bold;
    margin: 0 5px 4px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.menuDropDownWithTypeItems li ul ul {
    padding: 0 0 8px;
}

    .menuDropDownWithTypeItems li ul ul li {
        margin: 0;
        padding: 0;
    }

        .menuDropDownWithTypeItems li ul ul li a {
            color: #4F4F4F;
            display: block;
            margin-bottom: 1px;
            padding: 3px 5px;
            text-decoration: none;
        }

            .menuDropDownWithTypeItems li ul ul li a:hover {
                background-color: #0060a6;
                color: #fff;
            }




@media screen and (-webkit-min-device-pixel-ratio:0) {
    .container_file {
        position: relative;
        bottom: -1px;
    }
}

#chartLegend {
    margin-top: 20px;
}

.chartTitleFont {
    font-family: Arial;
    font-size: 16px;
    text-align: center;
}

.doughnut-legend li {
    width: 150px;
    display: -webkit-flex;
    display: -ms-inline-flexbox;
    display: flex;
}

.doughnut-legend span {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#chartArea {
    margin-top: 20px;
}

/* Biometria - Dedos */
.finger {
    float: left;
    position: relative;
}

.finger-left-pinky {
    top: 54px;
    left: 0;
}

.finger-left-ring {
    top: 13px;
    left: -12px;
}

.finger-left-middle {
    top: -4px;
    left: -11px;
}

.finger-left-index {
    top: -4px;
    left: -1px;
}

.finger-left-thumb {
    top: 41px;
    left: 27px;
}

.finger-right-pinky {
    top: 53px;
    left: 58px;
}

.finger-right-ring {
    top: 14px;
    left: 65px;
}

.finger-right-middle {
    top: -5px;
    left: 65px;
}

.finger-right-index {
    top: -5px;
    left: 54px;
}

.finger-right-thumb {
    top: 41px;
    left: 27px;
}

.VinculadoObra {
    border: 2px solid #ff9800;
}


td .TimeIN, td .TimeOUT {
    width: 30px;
    position: relative;
    font-size: 11px;
    padding: 5px;
}

/* [INICIO] Força de Trabalho */
.ForcaTrabalhoNumero {
    background-color: #939395;
    color: #fff;
    text-align: center;
    width: 37px;
    height: 24px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.ForcaTrabalhoCircle {
    width: 16px;
    height: 16px;
    -moz-border-radius: 50%/50%;
    -webkit-border-radius: 50%/50%;
    border-radius: 50%/50%;
}

.ForcaTrabalhoContentorPresente {
    background-color: #66ac6d !important;
    border-color: #66ac6d !important;
}

.ForcaTrabalhoContentorAtraso {
    background-color: #c3c10c !important;
    border-color: #c3c10c !important;
}

.ForcaTrabalhoContentorFalta {
    background-color: #cf6a4c !important;
    border-color: #cf6a4c !important;
}

.ForcaTrabalhoContentorAlmoco {
    background-color: #b5b5b5 !important;
    border-color: #b5b5b5 !important;
}

.ForcaTrabalhoContentorSaidaAntecipada {
    background-color: #939395 !important;
    border-color: #939395 !important;
}

.ForcaTrabalhoInput {
    border: 1px solid #bebebe;
    border-right: 0px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 31px;
    width: 60px;
}

.ForcaTrabalhoInputMiddle {
    border: 1px solid #bebebe;
    padding-left: 5px;
    padding-right: 0px;
    height: 27px !important;
    width: 25px;
}

.ForcaTrabalhoInputRight {
    border: 1px solid #bebebe;
    padding-left: 5px;
    padding-right: 0px;
    height: 29px !important;
    width: 50px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ForcaTrabalhoFilterButton {
    margin-left: 0px;
    cursor: pointer;
    border: 1px solid #bebebe;
    background-color: #fff;
    border-left: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
}

.ForcaTrabalhoColumn {
    width: 130px;
}
/* [FIM] Força de Trabalho */


/* Inicio do lifting */

body, .ZonaConteudo {
    background: #F6F6F6;    
}

#MainTable tbody, #Grid tbody, .ContentTable tbody {
    background-color: #fff;
}

#MainTable tr, #Grid tr, .ContentTable tr {
    border-bottom: solid 1px #567D52 !important;
}

thead .TableHeader {
    border-top: 0;
}

thead tr th {
    padding: 7px 0 10px 0;
    font-weight: bold;
    font-size: 12px;
}

    thead tr th:first-child, tr.TableHeader th:first-child {
        -webkit-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-topright: 6px;
    }

    thead tr th:last-child, tr.TableHeader th:last-child {
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
    }

.picker {
    width: 105px;
}

.userCircle {
        background-color:#DBDBDB;
        width:44px;
        height:44px;
        -moz-border-radius: 50%/50%;
        -webkit-border-radius: 50%/50%;
        border-radius: 50%/50%;
        margin-right:10px;
    }

        .userCircle img {
            width: 20px;
            height: 26px;
            padding-left: 12px;
            padding-top: 8px;
        }



.PontoRelatorioIcon {
    background-position: 43px -472px !important;
    width: 25px !important;
    height: 20px !important;
}

.PontoRelatorioIconSelected {
    background-position: 85px -520px!important;
    width: 25px !important;
    height: 20px !important;
}

.CadastroRelatorioIcon {
    background-position: 71px -472px !important;
    width: 25px !important;
    height: 20px !important;
}

.CadastroRelatorioIconSelected {
    background-position: 114px -520px !important;
    width: 25px !important;
    height: 20px !important;
}

.FeriasFolgasRelatorioIcon {
    background-position: 114px -496px !important;
    width: 25px !important;
    height: 20px !important;
}

.FeriasFolgasRelatorioIconSelected {
    background-position: 114px -545px !important;
    width: 25px !important;
    height: 20px !important;
}

.BancoHorasRelatorioIcon {
    background-position: 90px -496px !important;
    width: 25px !important;
    height: 20px !important;
}

.BancoHorasRelatorioIconSelected {
    background-position: 90px -545px !important;
    width: 25px !important;
    height: 20px !important;
}

.CFTRelatorioIcon {
    background-position: 61px -496px!important;
    width: 25px !important;
    height: 20px !important;
}

.CFTRelatorioIconSelected {
    background-position: 61px -520px!important;
    width: 25px !important;
    height: 20px !important;
}

.OutrosRelatorioIcon {
    background-position: 33px -496px!important;
  width: 25px!important;
  height: 20px!important;
}

.OutrosRelatorioIconSelected {
    background-position: 33px -520px!important;
  width: 25px!important;
  height: 20px!important;
}

.defaultProfileImage {
    width: 22px !important;
    height: 28px !important;
    padding: 8px 11px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.PessoasPartialDisplay .defaultProfileImage{
    width: 16px !important;
    height: 22px !important;
    padding: 5px 8px !important;
}

.PessoasPartialDisplay .AvatarFrame{
    margin-top:3px;
    margin-bottom:3px;
}

.select-style {
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 96% 50%;
}

    .select-style select {
        padding: 6px 25px 6px 6px;
        width: 100% !important;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.select-style select:focus {
    outline: none;
}

.select-style-transferencia-pessoas {
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 96% 50%;
    width: 140px
}

    .select-style-transferencia-pessoas select {
        padding: 6px 25px 6px 6px;
        width: 100% !important;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.select-style-transferencia-pessoas select:focus {
    outline: none;
}

.select-style-transferencia-pessoas-filter {
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 96% 50%;
    width: 115px
}

    .select-style-transferencia-pessoas-filter select {
        padding: 6px 25px 6px 6px;
        width: 100% !important;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.select-style-transferencia-pessoas-filter select:focus {
    outline: none;
}

.separatorPeriodo{
    float:left;border-right: 2px solid #eee; padding:0px 5px; height:20px; margin-top:8px;
}

select::-ms-expand {
    display: none;
}

select:focus::-ms-value {background-color: white; color:black}

.TableInfo th {
    padding-left: 10px;
    text-align: left; 
}

.TableInfo td {
    padding-left: 10px;
    line-height: 33px;
}

/* Fim do lifting */

input[type="radio"] + label {
    font-size:13px;
}

.horizontalBoxList {
    overflow: hidden;
}
.horizontalBoxList > div {
    float: left;
    width: 12%;
    background-color: rgb(225, 224, 224);
    border: 1px solid rgb(225, 224, 224);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}
    .horizontalBoxList > div > div > label {
        color: #6D6F70;
        vertical-align: middle;
        line-height: 16px;
        font-size: 11px;
    }
    .horizontalBoxList > div > div > div {
        background: white;
        padding: 6px 0 !important;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 17px !important;
    }
.horizontalBoxEdit {
    width: 26px !important;
    background: white !important;
}
.horizontalBoxEdit > i {
    cursor: pointer;
}
.horizontalBoxInput {
    padding: 3px 0 !important;
    height: 26px;
}

.horizontalBoxList > div.box-error {
    background-color: #FF0000;
    border-color: #FF0000;
}

.horizontalBoxList > div.box-error > div > label {
    color: #fff;
}

.divTransferenciaPessoas {
    margin: 20px 0 20px 0;
    width: 990px;
}

.fieldsetTransferenciaPessoas { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove;
}

#CalendarFullView > div > div {
    width:100% !important;
}

.divLink {
    font-size: 18px;
    font-weight: bold;
    background-color: Transparent;
    border: none;
    cursor:pointer;
    color: #4a713c;
    text-transform: capitalize;
    text-decoration: underline;
}

.voltarGraficoIcon{
    background-position: 0px -565px!important;
    width: 48px !important;
    height: 38px !important;
}

.complianceIcon{
    background-position: 60px -582px!important;
    width: 23px !important;
    height: 18px !important;
}

.monitoracaoEquipamentosIcon{
    background-position: -10px -710px!important;
    width: 23px !important;
    height: 18px !important;
}


.complianceAuditoriaSetaEsquerda{
    background-position: 0px -608px!important;
    width: 23px !important;
    height: 18px !important;
}

.complianceAuditoriaSetaDireita{
    background-position: 85px -608px!important;
    width: 23px !important;
    height: 18px !important;
}

.complianceAuditoriaSetaEsquerdaTodos{
    background-position: 35px -608px!important;
    width: 23px !important;
    height: 18px !important;
}

.complianceAuditoriaSetaDireitaTodos{
    background-position: 62px -608px!important;
    width: 23px !important;
    height: 18px !important;
}

.link {
    color: white;
}

.link:hover { 
    color: #cfddd0;
}

.linkDisabled {
    pointer-events: none;
}

#requestsupporttime {
    float:right;
    line-height:48px;
    margin-right:15px;
    display:none;
    cursor:pointer;
}

.alertaHorarioVeraoIcon{
    background-position: 0px -632px!important;
    width: 120px !important;
    height: 70px !important;
}

@-moz-document url-prefix() {
    #TogleIconEmpresas {
        margin-top:13px !important;
    }
}

/**********/

/*@media only screen and (min-width : 100px) and (max-width : 768px) {*/
    /*GLOBAL*/

    /**/
    /*Top Menu format*/

    /*.toggleUserDefinitionsWrapper {
        margin-right: 0;
    }

    .DMPLogoHeader {
        display: none;
    }

    .FirstSeparator {
        display: none;
    }

    #UserName {
        display: none !important;
    }

    #UserPicture {
        display: none !important;
    }

    #Separador {
        display: none !important;
    }

    #Empresas {
        display: none !important;
    }

    .labelDefinitions {
        display: none;
    }

    .toggleUserDefinitions {
        margin-right: 0;
    }

    .labelDefinitions {
        display: none;
    }

    .filialImg {
        display: none;
    }*/
    /*--------------*/
    /*TABMENU*/
    /*.TabMenuWrapper {
        min-height: 40px;
    }*/
    /*********/
    /*FOOTER*/
    /*.LabelContato {
        display: none;
    }

    .footerSecondSeparator {
        display: none !important;
    }

    .footerFirstSeparator {
        display: none !important;
    }

    .LabelContatos {
        display: none;
    }

    .LabelAjuda {
        display: none;
    }

    .ImgAjuda {
        display: none;
    }*/
    /*******/
    /*Horarios*/
    /*.buttonLabelAlterar {
        display: none !important;
    }

    .buttonLabelDuplicar {
        display: none !important;
    }
    
    .LateralFilters .DefinitionsLateralMenu {
        display: none !important;
    }

    .TitleSpaccingTop {
        margin-top: 4px !important;
    }

    .TabMenuNomeEmpresa {
        display: none !important;
    }

    .LateralFilterSetup {
        display: none !important;
    }

    #Testing {
        display: none !important;
    }

    .ZonaConteudo {
        width: 100% !important;
    }

    #Tab4 {
        display: none !important;
    }

    #Tab5 {
        display: none !important;
    }

    #Tab6 {
        display: none !important;
    }

    #Tab7 {
        display: none !important;
    }

    .Conteudo {
        width: 100%;
        margin-left: 0;
    }*/
    /*PESSOAs*/
    /*.TopFrame {
        display: none !important;
    }

    br {
        display: none;
    }

    #AlterarHorarioTip {
        display: inline-block;
    }

    #MarcarAusenciaTip {
        display: inline-block;
    }

    #AlteraHorario {
        display: none;
    }

    #MarcarAusencia {
        display: none;
    }

    .UserEstrutura {
        display: none;
    }

    .UserAdress {
        display: none;
    }

    .AvatarFrame img {
        display: none;
    }

    .UserState {
        display: none;
    }

    .UserPosition {
        display: none;
    }

    #Grid tr {
        height: 34px;
    }

    .Grid tr {
        height: 34px;
    }

    .DisplayTypeButton {
        display: none;
    }

    .LateralFilterStyle {
        display: none;
    }

    #userAutocomplete {
        width: 90%;
    }

    #PessoaFiltros {
        display: none;
    }

    #FilterBar {
        padding: 5px 0;
        background-color: darkgray;
    }

    #FilterBarSmall {
        padding: 5px 0;
        background-color: darkgray;
    }

    .PessoasActionBar {
        background-color: #cfddd0;
        margin-top: 0;
        border-top: solid 0 #4A713C;
        border-bottom: solid 0 #4A713C;
        height: 80px;
    }

        .PessoasActionBar .PlusButton {
            display: none !important;
        }

    #FilterDisplayButton {
        display: block !important;
    }

    #userAutocomplete {
        margin-top: 4px;
        margin-right: 4px;
        float: right;
        width: 85% !important;
    }

    #FilterBar {
        width: 100%;
        margin-top: 6px;
        float: right;
    }
    
}*/
/*Ipad*/
/*@media only screen and (min-width : 768px) and (max-width : 992px) {*/
    /*Top Menu format*/
    /*#UserName {
        display: none;
    }

    .labelDefinitions {
        display: none;
    }*/
    /*--------------*/
    /*.Conteudo {
    }

    .toggleUserDefinitionsWrapper {
        margin-right: 1%;
    }

    .DMPLogoHeader {
        margin-left: 1%;
    }

    .LateralFilterSetup {
        margin-right: 0;
    }*/

    /*#Empresas {*/
        /*-o-text-overflow: ellipsis;*/ /* Opera */
        /*text-overflow: ellipsis;*/ /* IE, Safari (WebKit) */
        /*overflow: hidden;*/ /* don't show excess chars */
        /*white-space: nowrap;*/ /* force single line */
        /*width: 50px;
    }*/

    /*.spanButtonText {
        display: none !important;
    }

    .EstruturasTable .spanButton, .ContentTable .spanButton {
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-bottom: 6px !important;
        padding-top: 6px !important;
        width: 18px !important;
        height: 18px !important;
    }

        .EstruturasTable .spanButton img, .ContentTable .spanButton img {
            margin-top: 0 !important;
        }
}*/
/* Large desktop */
/*@media (min-width: 1200px) {
}*/