@font-face {
    font-family: main-title-bold;
    src: url('../../Scripts/fonts/maintitle/Panton-BlackCaps.otf'), url('../../Scripts/fonts/maintitle/Panton-BlackCaps.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: main-title-ligth;
    src: url('../../Scripts/fonts/maintitle/Panton-LightCaps.otf'), url('../../Scripts/fonts/maintitle/Panton-LightCaps.eot?#iefix') format('embedded-opentype');
}

body {
    margin: 0;
}

form {
    margin: 0px;
}

table:not(.ignore-theme) {
    border-style: none;
    border-collapse: collapse;
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
}

th {
    text-align: center !important;
}

.filtersTable td, .filtersTable th {
    padding: 2px;
}

.detailsTable > tbody > tr > td, .detailsTable > tbody > tr > th {
    padding: 2px 10px 2px 10px;
}

.biggerFont {
    font-size: 13px;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

td a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

    td a:hover {
        color: initial;
        font-weight: bold;
        text-decoration: underline;
    }

span label {
    font-weight: normal;
}

input,
select,
textarea,
span.ui-dropdownchecklist-selector {
    border: 1px solid #d2d6de;
}

fieldset {
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius: 7px;
    border-radius: 3px;
    min-width: 0;
    padding: 4px;
    margin-left: 2px;
    margin-right: 2px;
    border: 2px;
    border-style: solid;
    border-width: 2px;
    border-color: threedface;
    background-color: #ffffff;
}

.box-body .form-group:not(.ignore-theme) {
    margin-bottom: 0px;
}

legend {
    display: inherit;
    width: inherit;
    padding: inherit;
    margin-bottom: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #333;
    border: inherit;
    border-bottom: 1px solid #e5e5e5 !important;
    border-style: none;
    font-size: 12px !important;
}

.areaPrincipal {
    padding-top: 9px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 9px;
    border-top: #516371 1px solid;
    margin: 0px;
}

.tituloPagina,
.titlePage,
.Title,
.content-header h1 {
    font-family: verdana, arial;
    font-size: 15px !important;
    color: #516371;
    font-weight: bold;
}

div.PageTitle {
    border-bottom: 1px solid #516371;
    display: block;
    color: #516371;
    font-size: 13px;
    font-family: verdana, Arial;
    font-weight: bold;
    padding: 5px;
}

div.PageTitleWithMargin {
    border-bottom: 1px solid #516371;
    display: block;
    color: #516371;
    font-size: 13px;
    font-family: verdana, Arial;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}

.SubTitulo2, .SubTitle {
    font-family: verdana, arial;
    font-size: 13px;
    color: #ff6633;
    font-weight: bold;
    height: 10px;
}

.SubTitulo2SemAltura {
    font-family: verdana, arial;
    font-size: 13px;
    color: #ff6633;
    font-weight: bold;
}

.SubTitulo3SemAltura, .SmallSubTitle {
    font-family: verdana, arial;
    font-size: 11px;
    color: #ff6633;
    font-weight: bold;
}

/*.Box
{
    border-right: #516371 1px solid;
    border-left: #516371 1px solid;
    border-bottom: #516371 1px solid;
    border-top: #516371 1px solid;
    margin: 0px;
}*/

.zonaBotoes, .CommonButton {
    border: solid 1px gray;
    background-repeat: repeat-y;
    margin: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 2px;
}

span.CommonButton {
    padding-top: 2px;
}

.zonaBotoes {
    empty-cells: hide;
}

.txt:not(.ignore-theme),
.txt tbody tr th:not(.ignore-theme),
.txt tbody tr td:not(.ignore-theme),
.detailsTable tbody tr th:not(.ignore-theme),
.detailsTable tbody tr td:not(.ignore-theme),
.form-group:not(.ignore-theme) {
    font-family: verdana,arial !important;
    font-size: 12px !important;
    color: black;
}

.txtRed {
    color: #FF0000 !important;
}

.txtLightBlue {
    color: #1D73B1 !important;
}

.txtGray {
    color: #AFAFAF !important;
}

.detailsTable label {
    font-weight: normal;
}

.detailsTable {
    width: 100%;
}

.txtOrange {
    background-color: orange;
    font-family: verdana,arial;
    font-size: 10px;
    color: black;
}

.txtBig {
    font-family: verdana,arial;
    font-size: 12px;
    color: black;
}

.txtSmallVerdana {
    font-family: verdana,arial;
    font-size: 9px;
}

.txtSmall {
    font-family: arial;
    font-size: 11px;
    min-width: 200px;
}

.txtSmallWithoutMinWidth {
    font-family: arial;
    font-size: 11px;
}

.txtVerySmall {
    font-family: arial;
    font-size: 7px;
}

.txtSmallBold {
    font-family: arial;
    font-size: 9px;
    font-weight: bold;
}

.txtSSmallVerdana {
    font-family: arial;
    font-size: 10px;
}

.sucesso {
    font-weight: bold;
    font-size: 12px;
    color: #009933;
    font-family: arial;
}

.erro {
    font-weight: bold;
    font-size: 14px;
    color: #cc0000;
    font-family: arial;
    background-color: #ffff66;
}

.DataGrid {
    border: gray 1px solid;
    width: 100%;
}

    .DataGrid > tbody > tr, .DataGrid > tbody > tr > td, .DataGrid > tbody > tr > th {
        border: gray 1px solid;
    }

.TabTarefas > tbody > tr, .TabTarefas > tbody > tr > td, .TabTarefas > tbody > tr > th {
    border: gray 1px solid;
}

.BlackDataGrid {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    width: 100%;
}

.DataGrid a {
    color: #252F39;
}

.DataGrid Table {
    font-family: verdana,arial;
    font-size: 10px;
}

.DataGridHeader {
    background-color: #C6D2E0;
    height: 20px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: #252F39;
    text-align: center;
}

.DataGridHeaderTransparent {
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: #252F39;
}

.DataGridHeaderWhite {
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: #252F39;
    background-color: White;
}

.DataGridGrayHeader {
    background-color: #808080;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.BlueRow {
    background-color: #3366FF;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.BlueRowNonBold {
    background-color: #3366FF;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.LightBlueRow {
    background-color: #6699FF;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.DataGridDarkGrayHeader {
    background-color: #606060;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.DataGridHeaderRed {
    background-color: darkred;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.DataGridHeaderBlue {
    background-color: #3366FF;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.DataGridHeaderOrange {
    background-color: #ffebcc;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: black;
}

.DataGridHeaderOrangish {
    background-color: #ffebcc;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: black;
}

.DataGridLight {
    border: 1px solid #e9e9e9;
    width: 100%;
    font-family: verdana, arial;
}

    .DataGridLight > tbody > tr > td, .DataGridLight > tbody > tr > th, .DataGridLight > tfoot > tr > td, .DataGridLight > thead > tr > th {
        border: 1px solid #e9e9e9;
    }

.DataGridHeaderLight {
    background-color: #f3f3f3;
    background-repeat: repeat-x;
    height: 22px;
    padding-top: 4px;
    font-weight: bold;
    color: black;
    border-top: 2px solid #e9e9e9;
}

.DataGridHeader2Light {
    background-color: #dbdde0;
    background-repeat: repeat-x;
    height: 22px;
    padding-top: 4px;
    font-weight: bold;
    color: black;
    border-top: 2px solid #e9e9e9;
}

.DataGridHeader3Light {
    background-color: #f9f9f9;
    background-repeat: repeat-x;
    height: 22px;
    padding-top: 4px;
    font-weight: bold;
    color: black;
    border-top: 2px solid #e9e9e9;
}

.DataGridItemLight {
    background-color: white;
    height: 21px;
}

    .DataGridItemLight td, .DataGridAlternatingItemLight td, .DataGridSelectedItemLight td, .DataGridEditItemLight td, .DataGridHeaderLight td, .DataGridHeader2Light td, .DataGridHeader3Light td, .DataGridFooterLight td {
        padding-left: 5px;
        padding-right: 5px;
        color: black;
    }

.DataGridEditItemLight {
    border: 2px solid #f38f8f;
}

.DataGridSelectedItemLight {
    background-color: #c4f1c4;
}

    .DataGridSelectedItemLight a, .DataGridLight a {
        color: initial;
    }

.DataGridItemLight a {
    color: Black;
}

.DataGridItemLight:hover {
    background-color: #f1f1f1;
}

.DataGridAlternatingItemLight {
    background-color: #f9f9f9;
    height: 21px;
}

    .DataGridAlternatingItemLight a {
        color: Black;
    }

    .DataGridAlternatingItemLight:hover {
        background-color: #f1f1f1;
    }

.DataGridFooterLight {
    color: black;
    background-color: #f3f3f3;
    height: 20px;
    border-bottom: 2px solid #e9e9e9;
    font-weight: bold;
}

.DataGridHeaderCentroCusto {
    background-color: darkorange;
    background-repeat: repeat-x;
    height: 20px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana,arial;
    color: White;
}

.DataGridItem {
    background-color: whitesmoke;
    padding-left: 4px;
    font-family: verdana,arial;
    font-size: 11px;
}

.DataGridEditItem input {
    font-family: verdana,arial;
    font-size: 11px;
}

.DataGridItem a {
    color: Black;
}

.DataGridAlternatingItem {
    background-color: white;
    padding-left: 4px;
    font-family: verdana,arial;
    font-size: 11px;
}

    .DataGridAlternatingItem a {
        color: Black;
    }

.DataGridEditItem a {
    color: Black;
}

.DataGridSelectedItem {
    background-color: #99ff66;
}

    .DataGridSelectedItem a {
        color: Black;
    }

.DataGridFooter {
    color: black;
    background-color: lavender;
}

.DataGridFooterSlateGray {
    font-weight: bold;
    color: White;
    background-color: slategray;
}

.DataGridFooterSlateGrayLight {
    font-weight: bold;
    color: White;
    background-color: #90a0b1;
}

.DataGridFooterOrange {
    color: black;
    background-color: peachpuff;
}

.DataGridFooterRed {
    color: black;
    background-color: salmon;
}

.TabTarefas {
    border-top: gray 1px solid;
    border-bottom: gray 1px solid;
}

    .TabTarefas Table {
        font-family: arial;
        font-size: 11px;
    }

    .TabTarefas a {
        color: Black;
    }

.TabTarefasHeaderRed {
    background-color: darkred;
    background-repeat: repeat-x;
    height: 20px;
    color: White;
}

    .TabTarefasHeaderRed a {
        color: White;
    }

.TabTarefasHeaderRed2 {
    background-color: darkred;
    background-repeat: repeat-x;
    color: White;
}

    .TabTarefasHeaderRed2 a {
        color: White;
    }

.TabTarefasHeaderOrange {
    background-color: darkorange;
    background-repeat: repeat-x;
    height: 20px;
    color: White;
}

.TabTarefasHeaderOrange2 {
    background-color: darkorange;
    background-repeat: repeat-x;
    color: White;
}

.TabTarefasHeaderGray {
    background-color: lightgray;
    background-repeat: repeat-x;
    height: 20px;
    font-weight: bold;
    color: Black;
}

.TabTarefasItem {
    background-color: gainsboro;
    padding-left: 4px;
}

.TabTarefasAlternatingItem {
    background-color: white;
    padding-left: 4px;
}

.MapaPtitulo {
    font-size: 10px;
    font-family: verdana,arial;
    font-weight: bold;
}

.MapaPletras {
    font-size: 9px;
    font-family: verdana,arial;
    font-weight: bold;
    color: #000000;
}

.FundoAmarelo {
    background-color: #dcdcdc;
}

.FundoLaranja {
    background-color: #c1c1c1;
}

.CabecalhoLetrasBrancas {
    color: White;
}

    .CabecalhoLetrasBrancas A {
        color: White;
    }

td.locked, th.locked {
    position: relative;
    left: expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+ 'px');
}

.hiddencol {
    display: none;
}

.viscol {
    display: block;
}

.OrangeInnerTitle {
    font-family: verdana, arial;
    font-size: 13px;
    color: #ff6633;
    font-weight: bold;
}

.GrayInnerTitle {
    font-family: verdana, arial;
    font-size: 13px;
    color: #516371;
    font-weight: bold;
}

.FontRed {
    color: firebrick;
}

.SheetHeader {
    background-color: #ffffff;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    border: 1px solid #d2d6de;
}

    .SheetHeader .fieldName {
        color: #000000;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
        font-size: 12px !important;
    }

    .SheetHeader .fieldValue {
        color: #516371;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
        font-size: 12px;
    }

        .SheetHeader .fieldValue a, .SheetHeader .fieldValue span {
            color: #516371;
            font-size: 12px !important;
        }

ul.AspNet-Menu {
    border: 0px none white;
    margin: 0px;
    padding: 0px;
}

    ul.AspNet-Menu li {
        list-style-type: none;
        font-family: Verdana, Arial;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

.AspNet-Menu-Vertical table:nth-child(2) {
    border: 0px white none;
    padding: 0px;
    margin: 0px;
    height: 34px;
    margin-bottom: -1px;
}

li.AspNet-Menu-WithChildren > table:nth-child(2), li.AspNet-Menu-WithChildren > table:nth-child(2) > tbody > tr > td:nth-child(1), li.AspNet-Menu-WithChildren > table:nth-child(2) > tbody > tr > td:nth-child(3) {
    display: none;
}

    li.AspNet-Menu-WithChildren > table:nth-child(2) td {
        background-color: white;
        position: relative;
        z-index: 5;
    }

.AspNet-Menu-WithChildren:hover table:nth-child(2), .AspNet-Menu-WithChildren table:nth-child(2):hover {
    display: block;
}

.AspNet-Menu-Vertical .Left-Border {
    width: 2px;
}

ul.AspNet-Menu {
    border: 0px none white;
    margin: 0px;
    padding: 0px;
}

    ul.AspNet-Menu li {
        border: none;
        padding: 0px;
        margin: 0px;
        text-align: center;
        width: 130px;
        height: 34px;
        float: left;
        cursor: pointer;
    }

        ul.AspNet-Menu li.hover td a {
            font-weight: bold;
        }

        ul.AspNet-Menu > li.AspNet-Menu-Selected > table:nth-child(1) > tbody > tr > td, ul.AspNet-Menu li.AspNet-Menu-ChildSelected > table:nth-child(1) > tbody > tr > td {
            border: 1px solid #d2d6de;
            border-bottom: none;
            border-top: 2px solid #485b65;
            text-decoration: none;
            font-weight: normal;
            color: #272F3C;
            background: none;
            background-color: #ffffff;
            -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;
        }

        ul.AspNet-Menu li.AspNet-Menu-Selected table.AspNet-Menu-ParentSelected tr td {
            border: 0;
        }

        ul.AspNet-Menu li.AspNet-Menu-Selected > table:nth-child(1) > tbody > tr > td > a, ul.AspNet-Menu li.AspNet-Menu-Selected > table:nth-child(1) > tbody > tr > td > a:hover {
            font-weight: bold;
            color: #404040;
        }

        ul.AspNet-Menu li table.AspNet-Menu-ParentSelected tr td a {
            font-weight: initial;
        }

        ul.AspNet-Menu li.AspNet-Menu-Leaf.hover table:nth-child(1) a, ul.AspNet-Menu li.AspNet-Menu-WithChildren.hover > table:nth-child(1) a, ul.AspNet-Menu li.AspNet-Menu-WithChildren table:nth-child(2) ul li:hover a {
            font-weight: bold !important;
        }

        ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover > table:nth-child(1) {
            background-color: white;
            border-style: solid !important;
            border-width: 1px 1px 0px 1px !important;
            border-color: #d2d6de;
        }

        ul.AspNet-Menu li.AspNet-Menu-WithChildren > table:nth-child(2) {
            border-collapse: initial !important;
        }

    ul.AspNet-Menu > li > table:nth-child(1) > tbody > tr > td:hover {
    }

    ul.AspNet-Menu li table:nth-child(2) ul {
        -webkit-padding-start: 0px !important;
    }

        ul.AspNet-Menu li table:nth-child(2) ul td {
            text-align: left;
            padding-left: 20px;
            padding-right: 20px;
        }

    ul.AspNet-Menu > li > table:nth-child(2) ul li {
        width: 100%;
    }

    ul.AspNet-Menu li table:nth-child(2) {
        width: 200px;
    }

    ul.AspNet-Menu li.AspNet-Menu-WithChildren table:nth-child(2) > tbody > tr > td {
        border-style: solid !important;
        border-width: 0px 1px 1px 1px !important;
        border-color: #d2d6de;
    }

    ul.AspNet-Menu li table:nth-child(1) tr td a {
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        color: #272F3C;
        font-family: Verdana, Arial;
        font-size: 12px;
    }

    ul.AspNet-Menu li table tr td a:hover {
    }

div.AspNet-Menu-Vertical.MenuBarra {
    font-size: 11px;
    background-color: #ffffff;
    padding-top: 0px;
}

    div.AspNet-Menu-Vertical.MenuBarra table {
        background-color: #ffffff;
    }

    div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li {
        height: 18px;
    }

    div.AspNet-Menu-Vertical.MenuBarra table tr td.Left-Border {
        width: 1px;
    }

    div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu {
        list-style-type: none;
        font-family: Arial, sans-serif;
        font-size: 9px;
        margin: 0;
    }

        div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li {
            text-align: center;
            color: #ffffff;
            float: left;
            border-top: 0px solid;
            border-right: 1px solid #d2d6de;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li table tr td a {
                font-size: 11px;
            }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li.AspNet-Menu-Selected table tr td {
                text-decoration: none;
                color: white;
            }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li.hover {
                text-decoration: none;
                font-weight: normal;
                color: white;
                background-color: #f5f5f5;
            }

        div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li {
            min-width: 168px;
            background-color: #ffffff;
        }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li a {
                display: block;
                color: #404040;
                text-decoration: none;
            }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li.AspNet-Menu-Selected {
                display: block;
                color: #272F3C;
            }

            div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li.hover {
                text-decoration: none;
                color: white;
            }

                div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu li.hover td {
                    text-decoration: none;
                    color: white;
                }

    div.AspNet-Menu-Vertical.MenuBarra table {
        background: none;
        border: 0px white none;
        padding: 0px;
        margin: 0px;
        height: 18px;
        border-top: 1px solid #d2d6de;
        border-bottom: 1px solid #d2d6de;
    }

    div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu table {
        border-bottom: 0px;
        border-top: 0px;
        border-right: 0px;
    }

        div.AspNet-Menu-Vertical.MenuBarra ul.AspNet-Menu table.AspNet-Menu-Link tr td {
            border-bottom: 0px;
            border-top: 0px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.WeatherDisplay {
    border-width: 1px;
    border: solid;
    border-color: navy;
    width: 60%;
    text-align: center;
}

    .WeatherDisplay th {
        background-color: #516371;
        background-repeat: repeat-x;
        color: White;
    }

    .WeatherDisplay td {
        border-color: lightgray;
        border-width: 1px 1px 0 0;
        border-style: solid;
        margin: 0;
        padding: 4px;
        background-color: #FFFFFE;
        color: #666666;
    }

    .WeatherDisplay .Date {
        horiz-align: center;
        width: 20%;
    }

    .WeatherDisplay .Description {
        horiz-align: left;
    }

    .WeatherDisplay .ActualTemperature {
        horiz-align: center;
        size: 14px;
        font-size: large;
        color: #00CC66;
        font-style: normal;
        font-weight: bold;
    }

    .WeatherDisplay .MaxTemperature {
        horiz-align: center;
        size: 14px;
        font-size: large;
        font-style: normal;
        font-weight: bold;
        color: #FF3300;
    }

    .WeatherDisplay .MinTemperature {
        horiz-align: center;
        size: 14px;
        font-size: large;
        color: royalblue;
        font-style: normal;
        font-weight: bold;
    }

    .WeatherDisplay .Temperature {
        width: 40%;
    }

.Note {
    background-color: #ffffcc;
    margin: 2px;
    padding: 2px;
    border: 1px solid #cccccc;
}

.Discrete {
    background-color: #eeeeee;
    margin: 2px;
    padding: 2px;
    border: 1px solid #cccccc;
}

.DiscreteBlue {
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
    border: 1px solid #416094;
}

.disabledPattern {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAWSURBVBhXY2BAAmfOnPkP5xLJAaoHAMu5DY2ydPtJAAAAAElFTkSuQmCC') repeat;
}

.costsBg {
    background: #ffeb93;
}

.externalDirectCostsBg {
    background: rgb(255,183,107);
    background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,127,4,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(100%,rgba(255,127,4,1)));
    background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,127,4,1) 100%);
    background: -o-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,127,4,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,127,4,1) 100%);
    background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,127,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
}

.externalIndirectCostsBg {
    background: rgb(243,197,189);
    background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(199,34,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(100%,rgba(199,34,0,1)));
    background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(199,34,0,1) 100%);
    background: -o-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(199,34,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(199,34,0,1) 100%);
    background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(199,34,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 );
}

.internalCostsBg {
    background: #a7caef;
    background: -moz-linear-gradient(top, #a7caef 0%, #56a0f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7caef), color-stop(100%,#56a0f2));
    background: -webkit-linear-gradient(top, #a7caef 0%,#56a0f2 100%);
    background: -o-linear-gradient(top, #a7caef 0%,#56a0f2 100%);
    background: -ms-linear-gradient(top, #a7caef 0%,#56a0f2 100%);
    background: linear-gradient(to bottom, #a7caef 0%,#56a0f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7caef', endColorstr='#56a0f2',GradientType=0 );
}

.internalTransferCostsBg {
    background: rgb(207,231,250);
    background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1)));
    background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
    background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
    background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
    background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 );
}

.budgetBg {
    color: #ffffff;
    background: rgb(0,158,221);
    background: -moz-linear-gradient(top, rgba(0,158,221,1) 0%, rgba(19,74,137,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,221,1)), color-stop(100%,rgba(19,74,137,1)));
    background: -webkit-linear-gradient(top, rgba(0,158,221,1) 0%,rgba(19,74,137,1) 100%);
    background: -o-linear-gradient(top, rgba(0,158,221,1) 0%,rgba(19,74,137,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,158,221,1) 0%,rgba(19,74,137,1) 100%);
    background: linear-gradient(to bottom, rgba(0,158,221,1) 0%,rgba(19,74,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009edd', endColorstr='#134a89',GradientType=0 );
}

.balanceBg {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.draftProjectBarArrowContainer {
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../../Images/arrowPointMask.png);
}

.draftProjectBar {
    position: relative;
    display: inline-block;
    font-family: verdana,arial;
    font-size: 10px;
    text-align: center;
    height: 22px;
    overflow: hidden;
    z-index: 100;
}

    .draftProjectBar table {
        height: 22px;
    }

        .draftProjectBar table tr td {
            line-height: 20px;
        }

.draftProjectBarNameContainer {
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    overflow: hidden;
    font-size: 12px;
}

.draftProjectBarSpacer {
    display: inline-block;
}

.draftProjectGridEntityNameContainer {
    background-color: #416094;
    border: 1px solid white;
}

.draftProjectGridEntityNameContainerByArea {
    background-color: #666666;
    border: 1px solid white;
}

.draftProjectGridEntityName {
    color: white;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 10px;
    text-align: center;
}

.draftProjectVerticalLine {
    border-right: 1px dotted #aaaaaa;
    height: 26px;
    position: absolute;
    z-index: 0;
}

.boardWidgetsPlaceholder {
    padding: 0px;
}

.dashboardWidgetContainer {
    margin: 5px 5px 20px 5px;
    list-style-type: none;
}

.ui-sortable-placeholder {
    border: 1px dotted #aaaaaa;
    visibility: visible !important;
    height: 50px !important;
    background-color: #eeeeee;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }

.userInfoBadge {
    /*background-color: #d6eaff;
	border: 1px solid navy;

	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.5);*/
    width: 300px;
    margin: 5px 5px 0px 5px;
}

table.tna {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: gray;
    border-collapse: collapse;
}

    table.tna th {
        border-width: 1px;
        padding: 0px;
        border-style: solid;
        border-color: gray;
    }

    table.tna td {
        border-width: 1px;
        padding: 0px;
        border-style: solid;
        border-color: gray;
    }

#main {
    height: 100%;
}

.ui-autocomplete-term {
    font-weight: bold !important;
    color: navy;
}

.selectedEntityInfo {
    background-color: #d6e3f7;
    display: inline-block;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
    margin: 0px 2px;
    /*border: 1px solid #cccccc;
    background-color: #eeeeee;
    color: navy;
    float: left;*/
}

.selectedEntityInfoContainer {
    background-color: White;
    border: 1px dotted #cccccc;
    float: left;
}

.selectedEntityInfo a {
    color: #555555;
}

.entitySelectionBox {
    background-image: url(../../Images/search.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #999999;
    width: 125px;
}

.entitySelectionBoxValue {
    display: none;
}

.auto-hint {
    color: rgb(142, 159, 175);
    font-style: italic;
}

.fa-color-sayt {
    color: #8e9faf;
}

.personGalleryFrame {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: #416094 1px solid;
    margin: 2px;
}

.personGalleryWithoutFrame {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    margin: 2px;
}

.personContactCard {
    width: 95%;
    background-color: whitesmoke;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: white 1px solid;
    margin: 2px;
    min-width: 300px;
    min-height: 100px;
}

    .personContactCard .field {
        font-weight: bold;
        color: whitesmoke;
    }

.documentThumbnailFrame {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: #416094 1px solid;
    margin: 2px;
    padding: 5px;
    margin: 5px;
    /*min-width: 110px;
    min-height: 150px;*/
    display: inline-block;
    height: auto;
    width: auto;
    vertical-align: bottom;
}

.genericSelectedEntityPickerContainer {
    background-color: White;
    float: left;
}

.genericUnselectedEntityPickerContainer {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-color: #d7dfff;
    float: left;
    width: 98%;
    padding: 5px;
}

.genericEntitPickerSelectedElement {
    display: inline-block;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: lightblue 1px solid;
    background-color: #D6EAFF;
    color: navy;
    margin: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 5px;
    text-decoration: none;
}

.genericEntitPickerUnselectedElement {
    display: inline-block;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: lightblue 1px solid;
    background-color: #f0f3ff;
    color: navy;
    margin: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 5px;
    text-decoration: none;
}

.remarkFrame {
    width: 80%;
    text-align: center;
    background-color: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    margin: auto;
    padding: 5px;
}

    .remarkFrame .text {
        color: black;
        horiz-align: left;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .remarkFrame .userPhoto {
        width: 100px;
        text-align: center;
        font-weight: bold;
        vertical-align: top;
    }

    .remarkFrame .date {
        color: #333333;
        font-style: italic;
        text-align: left;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .remarkFrame .editionButtons {
        width: 20px;
        padding-top: 5px;
        vertical-align: top;
    }

    .remarkFrame .newText {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .remarkFrame .userPhoto .imageFrame {
        max-height: 64px;
        max-width: 64px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .remarkFrame .blueBackground {
        box-shadow: inset 0 0 0 2px #e1e9ee;
        border-radius: 10px;
    }

.blueText {
    color: rgb(20, 92, 154);
}

.taskReportFrame {
    text-align: center;
    background-color: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: #416094 1px solid;
    margin: auto;
}

    .taskReportFrame .text {
        color: black;
        horiz-align: left;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .taskReportFrame .userPhoto {
        width: 100px;
        text-align: center;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-align: center;
    }

    .taskReportFrame .userName .type {
        text-align: center;
        font-weight: bold;
        color: #333333;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        text-align: center;
    }

    .taskReportFrame .date {
        font-weight: bold;
        color: #333333;
        font-style: italic;
        text-align: left;
        font-size: 10px;
        padding-bottom: 5px;
    }

    .taskReportFrame .editionButtons {
        width: 20px;
        padding-top: 5px;
        vertical-align: top;
    }

    .taskReportFrame .newText {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .taskReportFrame .userPhoto .imageFrame {
        max-height: 64px;
        max-width: 64px;
    }

table .budgetRows {
    border-width: 1px;
    border-style: solid;
    border-color: black;
}

    table .budgetRows tr td {
        border-width: 1px;
        border-style: solid;
        border-color: #808080;
    }

    table .budgetRows .headerRow {
        text-align: center;
        background-repeat: repeat-x;
        background-color: #C6D2E0;
        height: 20px;
        padding-top: 2px;
        font-weight: bold;
        font-size: 10px;
        font-family: verdana,arial;
        color: #252F39;
    }

    table .budgetRows .groupRow {
        color: white;
        background-color: #336699;
        font-weight: bold;
    }

        table .budgetRows .groupRow a {
            color: white;
        }

    table .budgetRows .groupTotalRow {
        background-color: #e1ffff;
        font-weight: bold;
        text-align: right;
    }

    table .budgetRows .rubricRow {
        background-color: #cecece;
        font-weight: bold;
    }

    table .budgetRows .rubricTotalRow {
        background-color: #e2e2e2;
        font-weight: bold;
        text-align: right;
    }

    table .budgetRows .itemRow {
        background-color: white;
    }

    table .budgetRows .itemEditionRow {
        background-color: #FFFe99;
    }

        table .budgetRows .itemEditionRow input {
            text-align: right;
        }

    table .budgetRows .itemEditionRow {
        text-align: right;
    }

    table .budgetRows .itemRow {
        text-align: right;
    }

    table .budgetRows .totalRow {
        background-color: #708090;
        font-weight: bold;
        color: white;
        text-align: right;
    }

    table .budgetRows .itemDescriptionCell {
        text-align: left;
    }

    table .budgetRows .itemEditionRow .controlsContainer {
        border-style: none;
    }

.editionCell_Quantity, .editionCell_NumberOfUnits {
    width: 55px;
}

.editionCell_Description {
    width: 150px;
}

.personInfo .DataGridAlternatingItem {
    background-color: #D4DFEC;
}

.publicPersonInfoTable {
    width: 100%;
    background: #D4DFEC;
    border-style: solid;
    border-width: 2px;
    border-color: #808080;
}

.publicPersonInfoImage {
    width: 170px;
    text-align: center;
}

    .publicPersonInfoImage img {
        margin: 8px;
        width: 160px;
    }

.publicPersonInfoLabel {
    font-family: Arial, Verdana;
    color: #2A3B57;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 18px;
}

.publicPersonInfoText {
    font-family: Arial, Verdana;
    color: #2A3B57;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 16px;
}

.publicPersonInfoLabel, .publicPersonInfoLabel span, .publicPersonInfoLabel td {
    font-family: Arial, Verdana;
    color: #2A3B57;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
}

.publicPersonInfoText, .publicPersonInfoText span, .publicPersonInfoText td {
    font-family: Arial, Verdana;
    color: #2A3B57;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 16px;
}

.SheetHeader .fieldName {
}

.SheetHeader .fieldValue {
    font-size: 9px;
}

.remainingTime {
    font-size: 10px;
    font-family: Arial, Verdana;
}

.publicPersonInfoLogo {
    width: 35%;
}

    .publicPersonInfoLogo img {
        width: 35%;
    }

.publicPersonInfoHeader {
    width: 100%;
    background-image: -ms-linear-gradient(bottom, #D4DFEC 0%, #FFFFFF 50%, #D4DFEC 100%);
    background-image: -moz-linear-gradient(bottom, #D4DFEC 0%, #FFFFFF 50%, #D4DFEC 100%);
    background-image: -o-linear-gradient(bottom, #D4DFEC 0%, #FFFFFF 50%, #D4DFEC 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D4DFEC), color-stop(0.5, #FFFFFF), color-stop(1, #D4DFEC));
    background-image: -webkit-linear-gradient(bottom, #D4DFEC 0%, #FFFFFF 50%, #D4DFEC 100%);
    background-image: linear-gradient(to top, #D4DFEC 0%, #FFFFFF 50%, #D4DFEC 100%);
}

    .publicPersonInfoHeader table {
        width: 100%;
    }

        .publicPersonInfoHeader table tr {
            width: 100%;
        }

.publicPersonInfoTitle {
    text-align: center;
}

    .publicPersonInfoTitle span {
        font-size: 30px;
        font-family: arial, verdana;
        color: #2A3B57;
    }

.publicPersonClientLogo {
    text-align: left;
    width: 250px;
}

.publicPersonPlanLogo {
    text-align: right;
    width: 250px;
}

.publicPersonClientLogo img {
    width: 120px;
    height: 90px;
}

.publicPersonPlanLogo img {
    width: 250px;
    height: 40px;
    padding-right: 5px;
}

.waiting {
    width: 100%;
    height: 80%;
    vertical-align: middle;
    text-align: center;
}

    .waiting td span {
        font-size: 35px;
    }

    .waiting span {
        width: 100%;
        text-align: center;
        font-size: 20px;
        font-family: Arial, Verdana;
    }

.remainingTimeArea span {
    color: black;
}

.waiting span {
    color: black;
}

.infoRH {
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.publicPersonInfoScheduleIndications {
    vertical-align: top;
    width: 100%;
}

.publicPersonInfoScheduleTasks {
    vertical-align: top;
    padding-top: 5px;
    padding-left: 5px;
}

    .publicPersonInfoScheduleTasks .publicPersonInfoLabel span {
        font-size: 15px;
        font-weight: bold;
    }

.personInfo td, .personInfo th {
    font-size: 18px;
    font-family: Arial, Verdana;
    color: #2A3B57;
}

.detailDiv {
    border-color: black;
    border-style: solid;
    border-width: 1;
    padding: 5;
}

.detailTitle {
    text-align: center;
}

.detailControlButtons {
    text-align: right;
}

.detailLabels {
    text-align: left;
}

.detailControls {
}

.WeatherTitle {
    font-family: verdana, arial;
    font-size: 16px;
    color: rgb(106, 157, 4);
    font-weight: bold;
    width: 100%;
}

.WeatherTable {
    width: 100%;
}

    .WeatherTable label {
        text-align: left;
    }

    .WeatherTable tr td:not(:first) {
        width: 16%;
    }

    .WeatherTable tr td:first {
        width: 20%;
    }

    .WeatherTable label.Green {
        color: rgb(106, 157, 4);
        font-size: 13px;
        text-align: left;
    }

    .WeatherTable label.GreenBold {
        color: rgb(106, 157, 4);
        font-weight: bold;
        font-size: 13px;
        text-align: left;
    }

    .WeatherTable label.Red {
        color: rgb(240, 15, 15);
    }

    .WeatherTable label.RedBold {
        color: rgb(240, 15, 15);
        font-weight: bold;
    }

    .WeatherTable label.Blue {
        color: rgb(106, 160, 215);
    }

    .WeatherTable label.BlueBold {
        color: rgb(106, 160, 215);
        font-weight: bold;
    }

    .WeatherTable hr {
        background-color: rgb(193, 193, 193);
        height: 1px;
        border: 0 none;
    }

        .WeatherTable hr.MainSeparator {
            background-color: rgb(106, 157, 4);
            height: 2px;
            border: 0 none;
        }

.ui-widget-content.light-dialog {
    border: 0 !important;
    color: #222222;
    border-radius: 0;
}

.ui-dialog.light-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
    border: 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

    .ui-dialog.light-dialog .ui-dialog-content {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        overflow: auto;
        position: relative;
        padding: 5px;
        padding-top: 2px;
        margin: 0;
    }

    .ui-dialog.light-dialog .ui-widget-header {
        background: #f7f7f7;
        border: 0;
        color: #000;
        font-weight: bold;
        border-radius: 0;
        margin-bottom: 5px;
        height: 40px;
    }

    .ui-dialog.light-dialog .ui-dialog-content {
        padding: 0px !important;
        min-height: 40px !important;
    }

    .ui-dialog.light-dialog .buttonFooter, .buttonFooterFrame {
        text-align: right;
        background: #f7f7f7;
        padding: 10px;
        bottom: 0px;
        position: relative;
        width: 100%;
        left: 0;
        margin-top: 10px;
    }

    .ui-dialog.light-dialog .ui-dialog-titlebar {
        padding: 0.1em 1.1em;
        position: relative;
        font-size: 12px !important;
    }

    .ui-dialog.light-dialog .ui-dialog-title {
        vertical-align: middle;
        line-height: 40px;
    }

.ui-dialog .ui-dialog-buttonpane {
    padding: .3em .4em .3em .2em !important;
    margin-top: 0 !important;
    color: #3d5071;
}

.goalRes {
    display: inline;
}

    .goalRes td {
        padding: 0;
        border: 0 !important;
    }

.goalResPrT {
    height: 14px;
    padding-top: 1px;
    margin-bottom: 4px;
    font-size: 9px;
}

.goalResSN {
    line-height: 0px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
}

.goalResDiv {
    height: 14px;
    font-size: 9px;
    line-height: 0px;
}

.goalResDiv2 {
    position: relative;
    top: 6px;
}

.goalResRA {
    line-height: 0px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.goalResPoT {
    height: 14px;
    padding-top: 1px;
    margin-bottom: 4px;
    font-size: 9px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.rblBS label {
    font-weight: normal;
}

.rblBS td {
    padding-right: 10px;
}

.daterangepicker select.monthselect {
    width: 61% !important;
}

div.warning div.ui-dialog-titlebar {
    background-color: #fbeda5 !important;
    color: #404040 !important;
}

div.error div.ui-dialog-titlebar {
    background-color: #dd4b39 !important;
    color: #404040 !important;
}

div.info div.ui-dialog-titlebar {
    background-color: #369bf3 !important;
    color: #404040 !important;
}

div.warning div.ui-dialog-content, div.error div.ui-dialog-content, div.info div.ui-dialog-content {
    font-size: 12px;
}

div.warning div.ui-dialog-buttonpane, div.error div.ui-dialog-buttonpane, div.info div.ui-dialog-buttonpane {
    font-size: 14px;
}

.ui-autocomplete.ui-widget-content {
    background-color: #ffffff;
    max-height: 200px;
    overflow-y: auto;
    border: 2px solid #b5b5b5;
    border-radius: 4px;
    font-family: Verdana, Arial;
    font-size: 10px;
    z-index: 101;
}

.ui-autocomplete li {
    padding: 3px 0px 3px 3px;
    border-bottom: 1px solid #e0e0e0;
}

    .ui-autocomplete li.odd {
        background-color: #f9f9f9;
    }

    .ui-autocomplete li a, .ui-autocomplete li span {
        font-size: 10px;
        font-weight: normal;
    }

        .ui-autocomplete li a:hover, .ui-autocomplete li span:hover, .ui-autocomplete li input:hover, .ui-autocomplete li:hover span, .ui-autocomplete li:hover input {
            border: 0px;
            background-color: #f1f1f1;
        }

    .ui-autocomplete li:hover {
        background-color: #f1f1f1;
        cursor: pointer;
    }

        .ui-autocomplete li:hover a {
            border: 0px;
            background: initial !important;
            text-decoration: none;
        }

    .ui-autocomplete li input {
        padding-left: 0px;
        margin-left: 0px;
    }

.ui-dropdownchecklist-item.ui-state-default {
    border-top: 1px dashed #cccccc;
    background: #ffffff !important;
}

.ui-dropdownchecklist-selector.ui-state-default {
    background: #ffffff !important;
}

.ui-dropdownchecklist-dropcontainer-wrapper {
    border: 1px solid #a9a9a9;
    border-top: none !important;
}

.ui-autocomplete-results {
    background-color: #c0c0c0;
    font-weight: bold;
    border: 0px !important;
}

.pp_social {
    display: none !important;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

ul.ui-menu.ui-autocomplete {
    list-style-type: none;
    padding-left: 0px;
}

.menuBusinessUnit {
    background-color: #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
}

.skin-blue-light .main-header .navbar, .skin-blue-light .main-header .logo, .main-header {
    background-color: #37474f !important;
}

    .main-header table a:hover {
        color: #bbbbbb;
        text-decoration: none;
        font-weight: normal;
    }

.sidebar-menu span, .sidebar-menu i {
    font-size: 14px;
}

.content-header > h1 {
    font-size: 15px !important;
    font-weight: 600 !important;
}

section.content-header {
    padding: 8px 15px 6px 15px;
}

section.content {
    padding-top: 5px;
}

.content-wrapper, .content {
    background-color: #f5f5f5 !important;
}

.btn-default:not(.buttons-collection):not(.buttons-excel):not(.headerButton):not(.ignore-theme):not(.multiselect-clear-filter):not(.multiselect.dropdown-toggle) {
    background-color: #ffffff !important;
    border: 1px solid #b3b3b3 !important;
    height: 24px;
    font-weight: bold !important;
    color: #3d5071;
}

.btn-default:not(.buttons-collection):not(.buttons-excel):not(.headerButton):not(.ignore-theme):not(.dropdown-toggle) {
    padding: 2px 10px 0px 10px !important;
}

.btn.btn-default.dropdown-toggle.btn-xs {
    padding: 0px 10px 0px 10px !important;
}

.btn-default:hover:not(.buttons-collection):not(.buttons-excel):not(.headerButton) {
    background-color: #f3f3f3 !important;
}

td.tdButtons {
    padding: 8px 0px;
}

.dataTables_paginate a {
    color: black;
}

    .dataTables_paginate a.paginate_button {
        padding-right: 10px;
    }

        .dataTables_paginate a.paginate_button.current {
            text-decoration: underline;
        }

.icon-stack {
    display: inline-block;
    height: 1.4em;
    line-height: 1.4em;
    position: relative;
    vertical-align: -35%;
    width: 1.4em;
}

    .icon-stack .icon-stack-base {
        font-size: 1.4em;
    }

    .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] {
        display: block;
        font-size: 1.4em;
        height: 100%;
        line-height: inherit;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .icon-stack .glyphicon {
        font-size: 1.4em;
    }

.glyphicon-ban-circle {
    color: red !important;
}

.processFlowDiagram {
    width: 100%;
    overflow-x: auto;
    margin-top: 20px;
    padding-bottom: 20px;
}

.processFlowStep {
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.processFlowStepWrap {
    border: 2px solid #d2d6de;
    border-radius: 4px;
    width: 100px;
    height: 45px;
}

.processFlowStepText {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 43px;
}

.processFlowDiagramTitle {
    text-align: left;
    font-family: verdana, arial;
    font-size: 15px;
    color: #516371;
    font-weight: bold;
}

.processFlowTransition {
    width: 25px;
    height: 4px;
    font-size: 4px;
    background-color: #516371;
}

.processFlowTransitionArrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #516371;
}

.processFlowStepInfo {
    text-align: center;
}

.processFlowStepInfoRemarks {
    text-align: center;
    background-color: cornsilk;
    border: 1px solid #cccccc;
}

.box-body .box-header.with-border, .box-body .box-body {
    border-left: 1px solid #e0e4ea;
    border-right: 1px solid #e0e4ea;
}

.box-body .box.box-default {
    border-top-width: 2px;
}

.headerButton.btn-default {
    background-color: #37474f !important;
    border-color: #37474f !important;
    font-weight: bold !important;
    color: white;
    padding: 2px 10px 0px 10px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.headerButton + ul {
    margin-top: 13px;
}

.box-title {
    font-family: Verdana !important;
}

.ui-dialog-content.ui-widget-content {
    overflow: visible !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #efefef !important;
    color: #777777 !important;
}

.form-control:not(.hasDatepicker),
.form-control:not(.multiselect-search) {
    font-size: 12px !important;
}

#searchLoading {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    opacity: 0.7;
    background-color: #F4F4F2;
    z-index: 99;
    text-align: center;
}

#searchLoading-image {
    left: 0;
    right: 0;
    bottom: 0;
    top: 35%;
    position: absolute;
}

.extendedFiled {
    width: 50%;
    float: left;
}

    .extendedFiled > div:nth-child(1) {
        float: left;
        width: 30%;
        padding: 2px 10px 2px 10px;
    }

    .extendedFiled > div:nth-child(2) {
        float: left;
        width: 70%;
        padding: 2px 10px 2px 10px;
    }

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: transparent !important;
    text-decoration: none;
}

.form-group-sm .form-control {
    border-radius: 0;
}

.ui-datepicker {
    width: auto;
}

.form-group-sm .select2 * {
    height: 30px !important;
}

.ui-datepicker {
    z-index: 100000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.tablesorter-header.tablesorter-headerUnSorted:not(.custom-sortable):after {
    font-family: FontAwesome !important;
    content: "\f0dc";
    -webkit-font-smoothing: antialiased;
    opacity: 0.2;
}

.tablesorter-header.customTable {
    background-color: #f3f3f3;
    background-repeat: repeat-x;
    height: 22px;
    padding: 0 !important;
    font-weight: bold;
    color: black;
    border-top: 2px solid #e9e9e9;
    outline: rgb(233, 233, 233) solid 1px;
}

.tablesorter-header.tablesorter-headerAsc:not(.custom-sortable):after {
    font-family: FontAwesome !important;
    content: "\f0de";
    -webkit-font-smoothing: antialiased;
}

.tablesorter-header.tablesorter-headerDesc:not(.custom-sortable):after {
    font-family: FontAwesome !important;
    content: "\f0dd";
    -webkit-font-smoothing: antialiased;
}

.tablesorter-header-inner {
    display: inline;
    margin-right: 6px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    min-width: 205px;
}

.weekday-label {
    color: black;
    font-weight: bold;
    display: inline;
    text-align: center;
}

    .weekday-label + .weekday-label {
        margin-left: 8px;
    }

    .weekday-label.weekday-label-disabled {
        color: silver;
        font-weight: normal;
    }

.actors-characters > tbody > tr > td {
    padding-left: 4px;
    padding-right: 4px;
}
/*.select2-search__field {
    width: auto !important;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #37474f !important;
    border-color: #27373f !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #37474f !important;
}

.select2-selection.select2-selection--multiple .select2-selection__choice a.entity-link {
    color: white !important;
    cursor: pointer;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    border: 1px solid #27373f !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #aaa;
}

    .select2-container--default .select2-results__option[aria-selected=true],
    .select2-container--default .select2-results__option[aria-selected=true]:hover {
        color: white !important;
    }

        .select2-container--default .select2-results__option[aria-selected=true]:not(:hover) {
            background-color: #babfbe !important;
        }

a.fc-timeline-event > .fc-content, a.fc-time-grid-event > .fc-content, a.fc-day-grid-event > .fc-content {
    margin: 2px;
    white-space: normal;
}

a.fc-timeline-event.selected, a.fc-time-grid-event.selected, a.fc-day-grid-event.selected {
    border: 2px dashed blue !important;
}

    a.fc-timeline-event.selected > .fc-content, a.fc-time-grid-event.selected > .fc-content, a.fc-day-grid-event.selected > .fc-content {
        background-color: silver !important;
        color: navy !important;
        opacity: 0.8 !important;
    }

    a.fc-timeline-event.selected.copying, a.fc-time-grid-event.selected.copying, a.fc-day-grid-event.selected.copying {
        border: 2px dashed orange !important;
    }

        a.fc-timeline-event.selected.copying > .fc-content, a.fc-time-grid-event.selected.copying > .fc-content, a.fc-day-grid-event.selected.copying > .fc-content {
            background-color: dimgray !important;
            color: darkorange !important;
            opacity: 0.8 !important;
        }

.fc-event-container .fc-time, .fc-content .fc-time {
    display: none;
}
/* FullCalendar today highlight*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #000000;
    background: #f9f9f9;
}
/* FullCalendar Resource Column */
.fc-resource-area, .fc-resource-area .ui-widget-content {
    background-color: #f9f9f9;
}
/* Resource images tooltips */
.light-tooltip + .tooltip > .tooltip-inner {
    background-color: #ececec;
    color: #FFFFFF;
    border: 0.5px solid black;
    padding: 5px;
    font-size: 20px;
    opacity: 1;
}

.light-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: black;
}

.fc-resource-area.ui-widget-header, .fc-time-area.ui-widget-header, .fc-head-container.ui-widget-header {
    position: sticky;
    top: 50px;
    z-index: 23;
}

.fc-event.selection-event {
    background-color: rgba(255, 0, 0, 0.3) !important;
    border: 1px solid red !important;
    min-height: 40px !important;
}

    .fc-event.selection-event > .fc-content {
        color: red !important;
        font-weight: bold !important;
    }

.checkbox label:not(.ignore-theme),
.radio label:not(.ignore-theme) {
    font-weight: bold !important;
    font-size: 12px;
    font-family: verdana, arial;
}

.edit-control + .edit-control {
    margin-left: 8px;
}

.MSRS-RVC .DisabledButton {
    height: auto !important;
}

.no-wrap {
    white-space: nowrap;
}

.box-header.box-header-sm > .fa, .box-header.box-header-sm > .glyphicon, .box-header.box-header-sm > .ion, .box-header.box-header-sm .box-title {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.weather-panel .weather-info-box {
    display: inline-block;
    vertical-align: middle;
}

.weather-card {
    background-color: lightskyblue;
    border: 2px solid transparent;
    border-radius: 12px;
    display: inline-block;
    margin: 4px;
    max-width: 100px;
    min-width: 100px;
}

    .weather-card.highlighted {
        background-color: thistle;
    }

    .weather-card.selected {
        background-color: #fcf75e;
        border: 2px solid #fada5e;
    }

    .weather-card.selectable.hover {
        cursor: pointer;
    }

        .weather-card.selectable.hover:not(.selected) {
            background-color: silver;
        }

        .weather-card.selectable.hover.selected {
            background-color: #fada5e;
        }

    .weather-card .weather-temp {
        margin-bottom: 2px;
    }

    .weather-card .weather-max-temp,
    .weather-card .weather-weekday {
        font-size: 14px !important;
        font-weight: bold;
    }

.type-property-list > .type-property-item {
    border-radius: 2px;
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444;
    cursor: pointer;
}

    .type-property-list > .type-property-item:hover {
        background: #e5e5e5;
    }

    .type-property-list > .type-property-item > .text {
        display: inline-block;
        margin-left: 5px;
        font-weight: 600;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .type-property-list > .type-property-item > .label {
        margin-left: 10px;
        font-size: 9px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.table-hover > tbody > tr > td.hover {
    background-color: #f5f5f5;
}

table.table > thead {
    background-color: #d6d6d6;
}

div.DTFC_LeftHeadWrapper table,
div.DTFC_RightHeadWrapper table {
    background-color: #d6d6d6 !important;
}

table.DTFC_Cloned tr:first-child {
    background-color: #d6d6d6 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f1f1f1 !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #08C !important;
}

table.dataTable.table-condensed.non-sortable > thead > tr > th {
    padding: 5px;
}

.multiselect.dropdown-toggle.btn.btn-default {
    -webkit-box-shadow: none;
    background-color: white !important;
    border: 1px solid rgb(210, 214, 222) !important;
    border-radius: 0;
    box-shadow: none;
    height: 19px;
    padding-left: 4px;
    padding-top: 0px;
    text-align: left;
}

    .multiselect.dropdown-toggle.btn.btn-default:hover {
        background-color: white !important;
    }

    .multiselect.dropdown-toggle.btn.btn-default span {
        vertical-align: top;
    }

    .multiselect.dropdown-toggle.btn.btn-default b {
        padding-bottom: 6px;
        /*position: absolute;
        right: 4px;
        top: 6px;*/
    }

.multiselect-selected-text {
    font-size: 12px;
    font-weight: normal;
}

.multiselect-container.dropdown-menu {
    max-width: 550px;
}

ul.multiselect-container {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding-bottom: 8px;
}

    ul.multiselect-container span.input-group-addon {
        display: none;
    }

a.multiselect-all label {
    font-weight: bold;
}

input.multiselect-search {
    border: none;
    border-bottom: 1px solid silver;
    font-size: 14px !important;
    width: auto !important;
}

ul.multiselect-container .input-group-btn {
    width: auto;
}

button.multiselect-clear-filter {
    background-color: white !important;
    border: none;
    border-bottom: 1px solid silver;
    border-radius: 0;
    font-size: 15px;
    height: 34px;
}

    button.multiselect-clear-filter:hover {
        background-color: white;
    }

.modal {
    background: rgba(0,0,0,0) !important;
}

.main-sidebar > .slimScrollDiv > .slimScrollBar {
    width: 12px !important;
    opacity: 0.95 !important;
}

td.weather-hour-detail,
th.weather-hour-detail {
    text-align: center;
}

    td.weather-hour-detail.highlighted,
    th.weather-hour-detail.highlighted {
        background-color: thistle;
        color: blue;
        font-weight: bold;
    }

    td.weather-hour-detail.weather-hour-detail-icon > img {
        background-color: lightskyblue;
        border-radius: 8px;
        height: 30px;
        width: 30px;
    }

    td.weather-hour-detail.weather-hour-detail-icon.highlighted > img {
        background-color: thistle;
    }

.selected-filters-area {
    display: inline;
    margin-left: 6px;
}

    .selected-filters-area:empty {
        display: none;
    }

.filter-summary {
    border-radius: 5px;
    background-color: #d6e3f7;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 5px 0 5px;
}

    .filter-summary > .filter-summary-title {
        color: #37474f;
        font-size: 12px;
        font-weight: bold;
    }

    .filter-summary > .filter-summary-value {
        color: #37474f;
    }

.box.box-solid.box-default {
    border-color: #e0e0e0 !important;
}

    .box.box-solid.box-default > .box-header {
        color: #444;
        background: #f1f1f1 !important;
        background-color: #f1f1f1 !important;
        border-color: #e0e0e0 !important;
    }

.modalBody {
    padding: 8px;
}

.with-margin {
    margin-top: 12px;
}

.dt-nowrap {
    white-space: nowrap;
}

.ui-dialog.light-dialog .buttonFooter, .buttonFooterFrame {
    margin-top: 0;
}

select.multiselect-new-layout + div.btn-group > button.multiselect {
    height: 34px !important;
    padding-left: 12px !important;
    padding-top: 7px !important;
}

input.daterangepicker-new-layout {
    height: 34px !important;
    padding-left: 16px !important;
}

i.daterangepicker-icon-new-layout {
    bottom: 11px !important;
    right: 16px !important;
}

.gallery-empty {
    color: lightgrey !important;
}

.ui-dialog-titlebar-restore.ui-corner-all.ui-state-default {
    width: 20px !important;
    height: 20px !important;
    margin-right: 2px;
}

.ui-dialog-titlebar-maximize.ui-corner-all.ui-state-default {
    width: 20px !important;
    height: 20px !important;
    margin-right: 2px;
}

.ui-dialog-titlebar-minimize.ui-corner-all.ui-state-default {
    width: 20px !important;
    height: 20px !important;
    margin-right: 2px;
}

.ui-dialog-titlebar-collapse.ui-corner-all.ui-state-default {
    width: 20px !important;
    height: 20px !important;
    margin-right: 2px;
}

.toast-top-center {
    top: 52px !important;
}

tr.tDnD_whileDrag {
    background-color: azure !important;
    opacity: 0.5;
}

    tr.tDnD_whileDrag > td {
        background-color: azure !important;
        font-weight: bold;
    }

table.schedule-weekend:not(:has(td.disabledPattern)) {
    border: 1px solid #ff6600;
    line-height: 14px;
}

/*.dashboard-widget-body {
    overflow-x: auto;
}*/

/* Edicao / Pos-Producao */

.radiusEpisode {
    border-radius: 20%;
}

div.episode-container {
    border-top: none;
    box-shadow: none;
    margin-bottom: 0;
}

    div.episode-container.box > div.box-header {
        /*padding: 0;*/
    }

        div.episode-container.box > div.box-header > a.box-title {
            color: black;
            text-decoration: underline;
        }

    div.episode-container.box > div.box-body {
        border-left: none;
        border-right: none;
        padding-top: 0;
        padding-bottom: 0;
    }

div.epBox {
    display: "inline-block";
    border-radius: 18px;
}

div.indexLink {
    /*display: "inline-block";*/
}

div.page-partial-section:has(+ div.page-partial-section) {
    padding-right: 4px;
}

div.page-partial-section + div.page-partial-section {
    padding-left: 4px;
}

div.epScContainer {
    display: inline-block;
}

    div.epScContainer > div.epScBox {
        display: inline-block;
    }

div.epScBox {
    border-radius: 18px;
    padding: 4px;
    border: 1px solid green;
    min-width: 40px;
    text-align: center;
}

    div.epScBox:has(+ div.epScBox) {
        margin-right: 4px;
    }

    div.epScBox > a {
        color: black;
        font-weight: bold;
    }

tr.dragging-over {
    background-color: azure !important;
    color: #337ab7 !important;
}

div.tab-padded {
    padding: 4px;
}

.episode-post-production {
    overscroll-behavior-y: initial;
    height: calc(70vh);
    overflow-y: scroll;
}

.edition-scene-selected {
    border: 3px solid !important;
}

.grid-details-scene-edition-bingo {
    font-size: 10px !important;
}

.opaque {
    opacity: 0.5;
}

.associate-scenes-batch-modal {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.associate-scenes-batch-modal-container {
    height: 350px;
}