@font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Verdana, Geneva, 'DejaVu Sans', Arial, sans-serif;
@color: #444;
@theme-color: #12364a; /*cor zuri*/
@border: #bbb;
@soft-background: #eee;
@selected-background: #ccc;
@selected-even-background: #ddd;
@hover: rgba(red(@theme-color), green(@theme-color), blue(@theme-color), .1);
@theme-light: rgba(red(@theme-color), green(@theme-color), blue(@theme-color), .7);
@theme-dark: desaturate(darken(@theme-color,8%),10%);
@shadow-color: #777;

@theme-contrast: #fff;
@table-stripe: #ededed;

/*mixin que define a cor de contraste para preto ou branco dependendo da cor do tema*/
/*.get-contrast(@c) {
    @a: 1-(red(@c) *.299 + green(@c)*.587 + blue(@c) *.114)/255;

    .set-contrast(@c) when (@c < .5) {
        @theme-contrast: #000;
    }

    .set-contrast(@c) when (@c >= .5) {
        @theme-contrast: #fff;
    }

    .set-contrast(@a);
}
.get-contrast(@theme-color);*/

@import "reset.less";

th, .theme-bg {
    background-color: @theme-color;
    color: @theme-contrast;
}

.theme-light {
    background-color: @theme-light;
    color: @theme-contrast;
}

.theme-color {
    color: @theme-color;
}

.theme-bgdark {
    background-color: @theme-dark;
    color: @theme-contrast;
}

.theme-bgdarker {
    background-color: desaturate(darken(@theme-color,10%),40%);
    color: @theme-contrast;
}

.theme-bglight {
    background-color: lighten(@theme-color,10%);
    color: @theme-contrast;
}

.theme-bgdarkgray {
    background-color: mix(#808080,@theme-color, 85%);
    color: @theme-contrast;
}

.theme-bglightgray {
    background-color: mix(#AEAEAE,@theme-color, 65%);
    color: @theme-contrast;
}


html {
    min-height: 100%;
    min-height: 100vh;
}

body {
    font-family: @font-family;
    color: @color;
    max-width: 1200px;
    margin: 0 auto;
}

body, form {
    display: flex;
    min-height: 100%;
    min-height: 100vh;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
}

h1, h2, h3, h4, h5, h6 {
    color: @theme-color;
    padding-bottom: .2em;
}

legend {
    color: @theme-color;
}

p, .wfmod-htmlcontent {
    text-align: justify;
}

.nfm-form label.nfm-field > span:first-child {
    color: @theme-color;
}

input[type=button], input[type=submit], input[type=reset], button {
    background-color: @theme-color;
    color: @theme-contrast;
    border: none;
    padding: .25em .6em;
    min-width: 6em;

    &[disabled] {
        background-color: gray;
        color: lightgray;
        cursor: default;
    }

    &.date-picker-control, &.no-min {
        min-width: 0;
    }
}

input {
    &[type=range] {
        &::-ms-fill-lower {
            background: @theme-color;
        }
    }

    &:invalid {
        border: solid 1px #eb0404;
    }
}

nav#access {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8em;
    z-index: 1;
}

.wf-edit-mode {
    .wfrepo-top, .wfrepo-left, .wfrepo-main, .wfrepo-bottom {
        outline: dashed 1px @color;
    }
}

header, footer {
    .clear(block);
    clear: both;
    position: relative;

    > aside, > div {
        .clear;
    }
}

header {
    color: @theme-color;
    padding: 0 1em;

    .logo h1 {
        .ir;
        background-color: @theme-color;
        background-image: url(..\images\zuri.png);
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-size: 100%;
        background-size: contain;
        width: 142px;
        height: 54px;
        max-height: 150px;
        padding: 0;
    }

    aside {
        position: absolute;
        top: .5em;
        right: .5em;
        top: 1rem;
        right: 1rem;
        font-size: 2em;
    }

    nav {
        margin: 0 -1em;
        border-bottom: solid 1px @border;
        min-height: 1em;

        .wfmenu {
            a.atual {
                border-bottom: solid 2px;
                padding: 0;
            }
        }

        li li {
            float: none;
        }
    }

    ul, ol {
        clear: both;
        border-top: solid 1px @border;
        margin: .6em 0 0 0;
        margin: 1rem 0 0 0;
        padding: .5em .6em;
        padding: .5em 1rem;
        font-size: 1.2rem;
        .clear(block);

        ul, ol {
            font-size: 1rem;
            position: absolute;
            z-index: 1;
            box-shadow: 0 1px 3px @shadow-color;
        }
    }

    li {
        float: left;

        a {
            white-space: nowrap;

            &:focus {
                outline: 0;
            }

            &.aberto + ul:before {
                content: "\25b2";
                position: absolute;
                top: -1em;
                left: .5em;
                color: @theme-color;
            }
        }

        li {
            position: relative;

            a {
                &.aberto + ul:before {
                    content: "\25c6";
                    top: 0;
                    left: -.5em;
                }
            }

            &:not(:first-of-type) {
                margin-top: .5em;
            }

            ul {
                top: -1em;
                left: calc(100% + 1.5em);
            }
        }
    }



    li + li {
        margin-left: 1.5em;
    }

    ul ul li + li {
        margin-left: 0;
    }

    a {
        text-decoration: none;
    }
}

footer {
    background-color: @theme-color;
    color: @theme-contrast;
    padding: .5em 1em;

    .mobile-version {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        font-size: 0.85rem;
        text-decoration: none;
    }
}

main {
    min-width: 300px;
    max-width: 100%;
    max-width: 100vw;
    padding: 1em;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

main.message {
    /*centraliza vertical e horizontal usando flexbox*/
    margin: auto;
    flex: 0;
    -ms-flex: 1 0 auto; /*fix para o IE*/
    .login h2:before {
        content: "\1F512";
    }

    .access h1:before {
        content: "\26d4\20"; /*http://www.w3schools.com/charsets/ref_utf_symbols.asp*/
    }

    .error h1:before {
        content: "\26a0\20"; /*http://www.w3schools.com/charsets/ref_utf_symbols.asp*/
    }

    .maintenance h1:before {
        content: "\1f6a7\20"; /*http://apps.timwhitlock.info/emoji/tables/unicode*/
    }

    .underConstruction h1:before {
        content: "\1f6a7\20"; /*http://apps.timwhitlock.info/emoji/tables/unicode*/
    }
}

.wfrepo {
    margin-bottom: 1em;
}

@left-width: 300px;

.wfrepo-left {
    float: left;
    width: @left-width;
    margin-right: 1em;
}

.wfrepo-main {
    margin-left: 316px; /*fallback*/
    margin-left: calc(1em + @left-width);
}

.wfrepo-top, .wfrepo-bottom {
    clear: both;
}

.wfcontent + .wfcontent { /*coloca uma margem superior no módulo quando ele for precedido por outro.*/
    margin-top: 1em;
}

.wfcontent h3, .wfcontainer h3 {
    border-bottom: solid 2px;
    margin-bottom: .5em;

    &:empty {
        display: none;
    }
}

.wfcontainer-border {
    border: solid 1px @border;
    padding: 1em;
}

section.login {
    width: 20em;
    margin: 3em auto;

    > label, > div {
        display: block;
        margin: .5em 0;

        span:first-child {
            display: inline-block;
            width: 6em;
        }

        > input {
            width: 12em;

            + span[style*="inline"] {
                display: block !important;
                color: @theme-contrast !important;
                margin-left: 7em;
                max-width: 12em;
                margin-bottom: 1em;
            }
        }

        span.checkbox {
            width: auto;
        }
    }

    > .no-label {
        &:before {
            content: "";
            display: inline-block;
            width: 6em;
        }
    }

    > input[type=submit] {
        width: 6em;
    }
}


section.login {
    position: relative;
    width: 430px;

    > .no-label:before {
        width: 6.5em;
    }

    label {

        > span:first-child {
            margin-right: 1em;
            vertical-align: top;
        }
    }

    input[type=text], input[type=password] {
        background-color: rgba(255,255,255,.5);
        border: none;
        padding: .4em;
    }

    .ok, input[type=submit] {
        position: absolute;
        left: 22em;
        top: 3em;
        width: 4.5em;
        height: 4.5em;
        min-width: 0;
    }
}

section.login-module {
    background-color: lighten(@theme-color, 10%);
    color: @theme-contrast;
    padding: 2.5em 2em 1em;
    width: 40em;

    &:before {
        content: "";
        width: 12em;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background: @theme-color url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAACUlBMVEVMaXGSnKWUn6eRnKSRnKWSnKWTnaaUnqeTnaaUn6eZoqubpa2gqbGVn6ebpK2cpa2apKuYoqqYoaqXoamYoqqVn6ijrLKUnqeWoKiWoKiiq7OkrbSmrranr7ehqbGfqLGjrLOqs7qcpa3IzdLY297t7vDx8vT4+Pni5ObY3N+jq7O6wcamr7a9xMijrLOhqrKep6+lrbSmrraosbeosLeqsrmrs7qut72vt72wuL20u8G3vsSxub+utryrs7mosbistLuvtr2yur+4v8W9w8i5wMW4vsS4v8Wzu8HAxcrBxsu3vcO4vsS6wMa9w8i/xcrCyMzDyc3HzNHL0NTFy8/AxsvDyc3GzNDHzNHFys/Fys/Gy9DM0dXN0tbP1NjQ1djP1NjKz9PU2NvV2dzd4ePW2d3X297V2d3Z3eDa3uDd4OPe4eTh5Ofi5efn6evb3uHo6uzt7vDu7/Dt7/Hp7O3q7O7l5+nh5Obh5Ofj5ujg4+Xg4+Xd4OPp6+za3eDf4uTe4ePc3+LU2Nzc4OLb3uHN0tbT19rT19vFy9C/xcq/xcq+xMm6wca0u8DL0NS8wsidpq6vt72nr7elrbWgqbCeqK+8wseeqK+fqK+Zo6uYoqqbpa2fqbCfqK+jrLOlrbScpa3n6ern6evs7u/w8vPw8fL5+fn9/f39/v78/f319vb6+/v5+vr4+fn3+Pj29/j7/Pvz9PX19vf29vj////+/v729/j7/Pz3+Pn9/f33+Pjz9fX19vfv8PH4+fnx8/P5+fr09fb+///8/f38/Pz29/e25ChnAAAAtHRSTlMAAQcHCQcNDxMUGR0gJSstLi0qKSgmJSMfHhUVFhcSDg4EAhQWFxkZU1JWUVlWU1FVXV9hZWZqbXFzcnR6eHVvfH2BfYqLi42PjJGXmpudoaKiqbCytri5u7/Bw8XFyMnNytTV1dXV2Nnd3dvc3uPl6urr7PL08Ozo5+fm5uXh6OnW1dPNvLe4trGtqo+Nbj08PT48Pj48Ojg5QUZDQkZIMPv8/Pz7/v39/Pr5+fn7+/r39vbb+ZACAAACZElEQVR4Ae3SA3v2SBSA4VPbtvXZlVaobdu2bZtrm6e2ftcak1eZ1Jj7YviM4A6y15xz9fKOiB8YiI/w9nIbV7eHc2Y6H9Rf/PE+/mf7k+6+oHkzODfKj95t+GUNxaz9UvjG5PnMR+Vp72co1afRT1XgrBTvpXyDMn2Tck8ezmQx6gB57UVonyGh9rIZqbQ/h9PSCltBSrvvnPKgGSWuILWjOBM4Be1cFCRZCwTTL0RhVpIEz8UoEyVZ3ampra3dWUVJEk1BEPWhFRSz1xs4dn96amrq4Vhg2haK2QhVAyF8vxSbQ5HP+zbwH+v3fIrE5vP1Szmgt1SHInr8xUap5t+JIur1gZpiNHL9GqAOEmgE/4hckYpA69k2cpQ9lfKt4qsK5Pj8MVBSS0WOxnl7kMJutgE5YlSBiv2TL5DUuggyTFQh6YcJoBO9goRfXoBMfj8iYSUcqBiWIClEWfa5VBlGUo4a0HBfR0KpGfAwbUTC1gOg8RYSjt4GXiMbSHiTat8zkFBpALz0qpGQYE8Rsa1BQooS8FJIR0KTHUVEl3NaXgcKo0j4WR34af9EnsgPgMKHSPj+I+C3QEY2dYHCzDH+71sd4PdqjYw4AgXjE6ERT07EBSg4bQqNeHAizkDBmUVYhEVuR8QFKLgIjriTkVUHoOCwSkYMQRobK8u/WbxGRtaXzS15mS+v4/++m/j3vpUNcA3mZ/8tq+UQCQVZ2byyCpDwVV5X9t/yB4GrAy9AB3C14QVoYxEWYREWYREWYREWYREWYREWYREWYREWYREWucWRFrwALcAVW9527spj4bb5HT3vAFW+i1KpAAAAAElFTkSuQmCC') no-repeat center center;
    }
}

/*zuri*/

.wabreadcrumbs a, .wabuscar .advsearch {
    color: @theme-color;
}

.menu li a:hover {
    background-color: @hover;
}

.btnInicioProcesso {
    &, &:visited, &:link {
        background: @theme-color;
        color: @theme-contrast;
    }
}

.wfprocess-item {
    /*.conteudo .telas .detalhe-item .itemForm > span {
        color: @theme-color;
    }*/
    menu {
        background: @theme-dark;
        color: @theme-contrast;
    }

    .detalhe-item {
        .itemForm {
            > label {
                color: @theme-color;
            }
        }
    }

    .gps-area {
        .scope-details {
            background: @theme-color;

            .close-scope {
                &, &:hover {
                    color: @theme-contrast;
                }
            }
        }
    }
}


.zuri-favorites, .zuri-processes {

    ul.wfprocesses {

        li {
            background: @theme-color;
            color: @theme-contrast;
        }
    }
}

/*end zuri*/


.wfcontent {
    .wfmenu {
        padding: 0;

        li {
            list-style: none;
            margin: .1em 0;

            > a {
                display: block;
                padding: .2em .5em;
                text-decoration: none;

                &:hover {
                    background-color: @hover;
                }

                &:before {
                    content: "\25C6\20";
                    opacity: .4;
                }

                &[href='#']:before {
                    content: "\25C7\20";
                }
            }
        }

        > li > a {
            background: #eee;
        }
    }
}

.wfmenu li > a.atual, nav li.active a, nav li a.active {
    &, &:hover {
        color: @theme-contrast;
        background-color: @theme-color;
    }
}

.wfmenu li li > a.atual, nav li li.active a, nav li li a.active {
    &, &:hover {
        padding: .2em .5em;
    }
}


.wflink .subtitulo {
    color: @theme-color;
    text-decoration: none;
    font-weight: 600;

    &:first-child:before {
        content: "\25C6\20";
    }
}

.wfuserphonebook-list {
    border-style: solid;
    border-width: 1px;
    border-color: @theme-color;

    .row:nth-child(2n+1) {
        background: #eee;
    }

    td, th {
        padding: .4em;
    }
}

div, section {
    &.search {
        input {
            vertical-align: bottom;
            padding: .2em;

            &[type=text], &[type=search] {
                width: 20em;
                max-width: calc(100% - 5em);
            }

            &[type=submit], button {
                border: solid 2px transparent;
                min-width: 0;
                width: 3.5em;
                background: @theme-color url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAA50lEQVR4Ab3OM/xVcRzH4XNvmLLtlqy9Jdu2NWdry7abspvaM+ekKZtP/PN37l/hvX0/r+cg+j+poLtF1hqpYc4waYo3ANivbGp6BFywynzHvcdjtePxJLw0NP1u6ArOSYa0nDcYnmWr4imGhbgzLgfrdOwK8TysC9bWuBXi5VgarM3wIMSDcTZYR+FoiOvjo+ZZtiKuYlYUZjtuqZl+F7UBD5SKwyXdw0vztNXKeFdBhyg+1ZyRufva6eOKORJxPKG/La6446BpP37ADbBJyMMsIc9c0m7A4NQq5NNSgICPMkvx6J/2DX/s67dbmkGtAAAAAElFTkSuQmCC) no-repeat center center;
                .ir()
            }
        }
    }
}

.wf-userbook {
    .search, .tabs {
        margin: 0 0 .5em 0;
    }

    &.list {
        ol.users {
            li {
                min-height: 4.5em;
                padding-left: 5em;
                -moz-column-width: 22em;
                -webkit-column-width: 22em;
                column-width: 22em;
                -moz-column-gap: .5em;
                -webkit-column-gap: .5em;
                column-gap: .5em;

                &.no-image {
                    padding-left: .5em;
                    min-height: 0;
                    /*-moz-column-width: 17em;
                    -webkit-column-width: 17em;
                    column-width: 17em;*/
                }

                + li {
                    margin: .5em 0 0 0;
                }

                &:nth-child(even) {
                    background-color: @table-stripe;
                }
            }

            img, a {
                &.user {
                    position: absolute;
                    left: .5em;
                    top: .5em;
                }
            }
        }
    }

    ol.users {
        padding: 0;

        li {
            list-style: none;
            padding: .5em;
            position: relative;

            > span, > a {
                display: block;
            }
        }

        img, a {
            &.user {
                vertical-align: top;
            }
        }

        img.user, a.user img {
            width: 3.5em;
            height: 3.5em;
        }

        .name {
            font-weight: 600;
        }
    }
}

.filter {
    > label, > div {
        display: block;
        margin: .5em 0;

        > span:first-child {
            display: inline-block;
            width: 8em;
        }

        > select {
            min-width: 10em;
        }
    }
}

ul.tiles {
    padding: 0;
    .clear;
    display: block;

    li {
        list-style: none;
        background-color: @theme-color;
        background-color: rgba(red(@theme-color), green(@theme-color), blue(@theme-color), .9);
        color: @theme-contrast;
        display: block;
        float: left;
        width: 17.5em;
        height: 10em;
        padding: 1em;
        margin: 0 .5em .5em 0;
        overflow: hidden;
        position: relative;

        &:hover {
            background-color: @theme-color;
        }

        h1, h2, h3, h4, h5, h6 {
            color: @theme-contrast;
        }

        span {
            display: block;
            font-size: .9em;
        }

        a {
            text-decoration: none;
            overflow: hidden;
        }
    }
}

.zuri-social {
    a.active {
        color: @theme-color;

        &:before {
            background-color: @theme-color;
        }
    }

    a.like, a.comment {
        sup {
            background-color: @theme-color;
        }
    }

    .load {
        > a {
            color: @theme-color;
        }
    }
}

.zuri-pendencies-time {
    .item(@color) {
        sup {
            color: @color;
        }

        &:before {
            background-color: @color;
        }
    }

    li {
        &.my-items {
            .item(@theme-color)
        }

        &.pending-over-week {
            .item(@theme-light)
        }
    }
}



.wfcontrol-panel-config {
    &, &:hover {
        color: @theme-color;
    }

    &:before {
        background-color: @theme-color;
    }
}

table.subFormStyle {
    &, tbody, thead {
        > tr:first-child {
            td {
                background-color: @theme-color;
                color: @theme-contrast;
            }
        }
    }
}

.edit-buttons();

@import "rad-overrides.less";

@import "templates/default.less";

@media screen and (max-width:640px) {
    nav#access {
        position: relative;
        margin-bottom: .5em;
        left: 0;
        margin-left: 1em;
    }

    header aside {
        position: static;
    }

    .wfrepo-left {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .wfrepo-main {
        margin-left: 0;
    }
}


ol.files {
    padding: 0;
    -moz-column-width: 15em;
    -webkit-column-width: 15em;
    column-width: 15em;
    -moz-column-gap: .5em;
    -webkit-column-gap: .5em;
    column-gap: .5em;

    li.file {
        list-style: none;
        margin: 0 0 .5em 0;
        -webkit-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;

        a.file {
            &:before {
                content: "\21e9";
                position: absolute;
                right: .3em;
                top: .3em;
            }

            span {
                display: block;
                text-indent: 0;
                padding: .1em .8em;

                &:first-of-type, &.description {
                    border-top: dashed 1px;
                    margin-right: -1em;
                    margin-left: 0;
                    padding-top: .5em;
                }

                &.description {
                    margin-top: .5em;

                    &:not(:last-child) {
                        border-bottom: dashed 1px;
                        padding-bottom: .5em;
                        margin-bottom: .5em;
                    }
                }

                &:first-of-type {
                    margin-top: 1em;
                }
            }
        }
    }
}

a.file {
    display: inline-block;
    background-color: @theme-color;
    background-image: url(/WFResources/Common/Readers/filetile.gif);
    background-repeat: no-repeat;
    background-position: .7em .5em;
    background-size: 2em 2em;
    text-decoration: none;
    color: @theme-contrast;
    position: relative;
    width: 100%;
    text-indent: 3.5em;
    padding: .8em 1em .5em 0;
    min-height: 3em;

    &.png, &.jpg, &.jpeg, &.bmp, &.gif, &.bmp {
        background-image: url(/WFResources/Common/Readers/jpgtile.gif);
    }

    &.doc, &.docx, &.rtf, &.docm {
        background-image: url(/WFResources/Common/Readers/doctile.gif);
    }

    &.xls, &.xlsx, &.xlsm, &.xlw {
        background-image: url(/WFResources/Common/Readers/xlstile.gif);
    }

    &.ppt, &.pptx, &.pps {
        background-image: url(/WFResources/Common/Readers/ppttile.gif);
    }

    &.wav, &.wma, &.mp3 {
        background-image: url(/WFResources/Common/Readers/audiotile.gif);
    }

    &.wmv, &.mpeg, &.mpg, &.avi, &.mp4, &.mkv, &.mov {
        background-image: url(/WFResources/Common/Readers/videotile.gif);
    }

    &.zip, &.rar, &.7z {
        background-image: url(/WFResources/Common/Readers/ziptile.gif);
    }

    &.txt, &.log {
        background-image: url(/WFResources/Common/Readers/texttile.gif);
    }
}

.wf-feedback {
    column-count: 2;

    .message {
        column-span: all;
    }
}

iframe.wf-form-web-child {
    border-color: @theme-color;
}
