body { -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }

.divEtiRibbonTop {width: 100%; height: 24px; background:#97948f; background: -webkit-linear-gradient(#97948f, #2f2f2d); background: -o-linear-gradient(#97948f, #2f2f2d); background: -moz-linear-gradient(#97948f, #2f2f2d); background: linear-gradient(#97948f, #2f2f2d);}
.divEtiRibbonTop A {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 8pt;}
.divEtiRibbonTop A:hover {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 8pt;}

.divEtiRibbonTab {font-family: Verdana; font-size: 8pt;}
.divEtiRibbonTab a:hover {font-family: Verdana; font-size: 8pt;}

.divEtiRibbonTabSel {font-family: Verdana; font-size: 8pt; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 1px 2px 1px black;}
.divEtiRibbonTabSel:hover {font-family: Verdana; font-size: 8pt; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 1px 2px 1px black;}

.divEtiRibbonTabAdm {font-family: Verdana; font-size: 8pt; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 1px 2px 1px black;}
.divEtiRibbonTabAdm:hover {font-family: Verdana; font-size: 8pt; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 1px 2px 1px black;}

.divEtiRibbonBot {width: 100%; height: 89px;}
.divEtiRibbonDisabled {z-index: 8900; position: fixed; width: 100%; top: 0px; left: 0px; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);}

.divEtiRibbonTabItemTd {font-size: 8pt; color: #000000;}
.divEtiRibbonTabItemTd A {font-size: 8pt; color: #000000; text-decoration: none;}
.divEtiRibbonTabItemTd A:hover {font-size: 8pt; color: #FFFFFF; text-decoration: none;}

.divEtiRibbonTabDisabled {font-size: 8pt; color: #000000; border: 1px solid transparent; border-radius: 3px; opacity: 0.5; padding-left: 5px; padding-right: 5px;}

.divEtiRibbonTabItemText {width: 45px; height: 14px; border: 1px solid #969696; color: #666666; text-align: center; padding: 1px;}

.divEtiRibbonTabItem {font-size: 8pt; color: #000000; border: 1px solid transparent; border-radius: 3px; padding-left: 5px; padding-right: 5px;}
.divEtiRibbonTabItem:hover {font-size: 8pt; color: #FFFFFF; background-color: #E9B37D; border: 1px solid #F6891F; border-radius: 3px;}
.divEtiRibbonTabItemChecked {font-size: 8pt; color: #000000; background-color: #E9B37D; border: 1px solid #F6891F; border-radius: 3px; padding-left: 5px; padding-right: 5px; }
.divEtiRibbonTabItemChecked:hover {color: #FFFFFF;}
.divEtiRibbonTabGroup {font-size: 7pt; color: #888888; font-family: Verdana; text-align: center; white-space: nowrap;}
.divEtiRibbonTabGroup:hover {font-size: 7pt; color: #000000;}

#divSubMenuRibbonBack {position: fixed; visibility: hidden; top: 100px; height: calc(100% - 100px); left: 0px; width: 100%;}
.divSubMenuRibbon {position: absolute; visibility: hidden; border: 1px solid #999999; background-color: #DFDFDF; border-radius: 3px; background-image: url(../../Imagens/EtiComponents/Ribbon/PopupsFundo.png); background-repeat: no-repeat; background-position: top left;}
.divSubMenuRibbonTab {font-size: 8pt; text-decoration: none; font-family: Verdana;}
.divSubMenuRibbonTab A {font-size: 8pt; text-decoration: none;}
.divSubMenuRibbonTab A:hover {font-size: 8pt; text-decoration: none;}
.divSubMenuRibbonTabDisabled {font-size: 8pt; text-decoration: none; font-family: Verdana; color: #888888;}
.divSubMenuRibbonTabDisabled A {font-size: 8pt; text-decoration: none; color: #888888;}
.divSubMenuRibbonTabDisabled A:hover {font-size: 8pt; text-decoration: none; color: #888888;}
.divSubMenuRibbonTabChecked { font-size: 8pt; text-decoration: none; font-family: Verdana; color: #888888;  background-color: #E9B37D; }
.divSubMenuRibbonTabChecked A { font-size: 8pt; text-decoration: none; color: #888888; }
.divSubMenuRibbonTabChecked A:hover { font-size: 8pt; text-decoration: none; color: #888888;}
.divEtiRibbonTabItemMenuIcon {margin-top: 4px; min-width: 28px; width: 28px; height: 19px; text-align: center; float: left;}
.divEtiRibbonTabItemMenuText {white-space: nowrap; margin-top: 4px; float: left;}
.divEtiRibbonTabItemMenuBtDn {margin: 4px 3px 0px 0px; float: right; color: #999; font-size: 7pt; }
.divEtiRibbonTabItemMenu {border: 1px solid transparent; border-radius: 3px; color: #333333;}
.divEtiRibbonTabItemMenu:hover {border: 1px solid #F6891F; background-color: #E9B37D; border-radius: 3px; color: #FFFFFF;}

.divShellBackstage {z-index: 9000; font-family: Verdana; font-size: 9pt; position: fixed; visibility: hidden; color: #000000; background-color: #FFFFFF; top: 24px; left: 0px; width: 100%; height: 100%;}

.divShellBackstageMenu {height: calc(100% - 23px); width: 200px; background-color: #edf0f1; vertical-align: top; float: left;}

.divShellBackstageSel {height: 40px; background-color: #f00;}
.divShellBackstageSel A {text-decoration: none; color: #000;}
.divShellBackstageSel A:hover {text-decoration: none;}

.divShellBackstageUnsel {height: 40px;}
.divShellBackstageUnsel:hover {background-color: #f00; text-decoration: none; font-style: italic;}
.divShellBackstageUnsel A {text-decoration: none; color: #000;}
.divShellBackstageUnsel A:hover {text-decoration: none;}

#idMyShellFormOver {z-index: 10000; position: fixed; display: block; background-color: #FFFFFF; top: 0px; left: 0px; width: 100%; height: 100%;}
#idMyShellCurtain {z-index: 10018; position: fixed; visibility: hidden; background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60);}
#idMyShellCurtainMessage {z-index: 10019; position: fixed; visibility: hidden; font-family: Verdana; font-size: 10pt; top: 50%; left: 50%; border: 1px solid #888888; border-radius: 6px; box-shadow: 5px 5px 5px #333333; background-color: #FFF;}
#idMyShellCurtainProcs {z-index: 10019; position: fixed; visibility: hidden; font-family: Verdana; font-size: 10pt; top: 50%; left: 50%; border: 1px solid #888888; border-radius: 6px; box-shadow: 5px 5px 5px #333333; background-color: #FFF;}
#idMyShellCurtainWait1 {z-index: 10021; position: fixed; visibility: hidden; background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60);}
#idMyShellCurtainWait2 {z-index: 10022; position: fixed; visibility: hidden; top: 50%; left: 50%; width: 128px; height: 128px; margin-top: -64px; margin-left: -64px;}
#idMyShellCurtainWait3 {z-index: 10023; position: fixed; visibility: hidden; top: 50%; left: 0px; width: 100%; height: 128px; margin-top: 50px; text-align: center; color: #ccc; font-family: Verdana; font-style: italic; }
.idMyShellCurtainF { z-index: 10006; position: fixed; visibility: hidden; background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60);}
.idMyShellCurtainForms { z-index: 10007; position: fixed; visibility: hidden; font-family: Verdana; font-size: 10pt; top: 50%; left: 50%; border: 1px solid #888888; border-radius: 6px; box-shadow: 5px 5px 5px #333333; background-color: #FFF;}
.divShellMessageAlert {z-index: 10005; position: fixed; visibility: visible; color: #000000; font-family: Verdana; font-size: 8pt; top: 100%; left: 100%; width: 324px; margin-left: -334px; border: 1px solid #888888; box-shadow: 5px 5px 5px #333333; background-color: #FFFFFF;}
.divShellMessageAlert A {color: #000000; text-decoration: underline;}
.divShellMessageAlert A:hover {color: #000000; text-decoration: underline; font-style: italic;}

#idMyShellRemindersDrag { z-index: 10007; position: fixed; display: none; background-color: #fff; width: 650px; height: 180px; opacity: 0 }
#idMyShellReminders { z-index: 10006; position: fixed; visibility: hidden; color: #000000; font-family: Verdana; font-size: 8pt; right: 200px; bottom: 200px; width: 500px; height: 340px; background-color: #F7F7F7; border: 1px solid #888888; box-shadow: 5px 5px 5px #333333; border-radius: 6px; }
#myShellReminderTop { height: 21px; background-image: url(../../Imagens/EtiComponents/Reminders/ReminderTop.png); }
#myShellReminderTopTit { width: 470px; font-size: 9pt; padding-top: 3px; padding-left: 6px; float: left; }
#myShellReminderInfo { float: left; padding: 4px; line-height: 250%;}
#myShellReminderTable { margin: 5px; border: 1px solid #cccccc;}
#myShellReminderTableHead {padding: 6px; font-weight: bold; width: 475px;}
.myShellReminderTableLin {padding: 4px; font-weight: normal; width: 478px; border: 1px solid #ffffff;}
.myShellReminderTableLin A {color: #000; text-decoration: none }
.myShellReminderTableLin A:hover {color: #000; text-decoration: none }
.myShellReminderTableSel {padding: 4px; font-weight: normal; width: 478px; border: 1px solid #6DBDD1; background-color: #CBE6EF;}
#myShellReminderTableBk {background-color: #ffffff; height: 150px; overflow: auto;}
.myShellReminderButton {padding: 5px; margin: 5px; border-radius: 3px; border: 1px solid gray; font-size: 9pt;}
#idReminderNumMin {padding: 3px; font-size: 10pt; font-style: italic;}
.ui-effects-transfer { border: 1px solid black; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);}

.divMessageTitle {font-size: 12pt; height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #888888; font-style: italic;}
.divMessageInfo {font-size: 10pt; font-style: italic; text-align: center; overflow: auto; width: 100%;}
.divMessageInfoError {border: 1px solid #999999; width: 650px; height: 250px; overflow: auto; text-align: left; background-color: #FFFFFF; line-height: 180%; font-size: 7pt;}
.divMessageControls {height: 50px; text-align: center; border-top: 1px solid #888888;}

.divShellTab {background-color: #CCCCCC; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #969696; border-left: 1px solid #EEEEEE; border-right: 1px solid #969696;}
.divShellTabSel {background-color: #FFFFFF; border-top: 1px solid #969696; border-bottom: 0px; border-left: 1px solid #969696; border-right: 1px solid #969696;}

.divShellTabLnk {float: left; height: 20px; margin-top: 2px; font-size: 9pt; font-family: Verdana; color: #333333; text-decoration: none;}
.divShellTabLnk A {color: #333333; text-decoration: none;}
.divShellTabLnk A:hover {color: #333333; text-decoration: none;}

.divShellTabDis {float: left; height: 20px; margin-top: 2px; font-size: 9pt; font-family: Verdana; color: #333333; text-decoration: none; font-weight: bold;}
.divShellTabDis A {font-size: 9pt; color: #888888; text-decoration: none;}
.divShellTabDis A:hover {font-size: 9pt; color: #F6891F; text-decoration: none;}

.divStatusBar {font-size: 8pt; font-family: Verdana; height: 25px; background-color: #CCCCCC; color: #000000; white-space: nowrap;}
.divStatusBarBlack A {color: #000;}
.divStatusBarBlack A:hover {color: #000;}
.divStatusBarWhite A {color: #FFF;}
.divStatusBarWhite A:hover {color: #FFF;}
.divStatusBarRed A {color: #F00;}
.divStatusBarRed A:hover {color: #F00;}
.divStatusBarRed label { color: #F00; }

.etiDivSendToPrinter {z-index: -1; top: 0px; left: 800px; height: 5px; width: 5px; visibility: visible; position: fixed; opacity: 0; filter: alpha(opacity=0);}

.etiCommandBtn {color: #FFFFFF; border: 1px solid #FBB853; border-radius: 6px; padding: 6px 15px; background-image: url(../../Imagens/EtiComponents/EtiCommandBtn.png); }
.etiCommandBtn:hover, .etiCommandBtn:focus, .etiCommandBtn:active, .etiCommandBtn.active {color: #FFFFFF; border: 1px solid #FBB853; background-image: url(../../Imagens/EtiComponents/EtiCommandBtnOver.png); }
.regularLink {font-size: 9pt; color: #000000;}
.regularLink A {font-size: 9pt; color: #000000; text-decoration: none; text-decoration: underline;}
.regularLink A:hover {font-size: 9pt; color: #000000; text-decoration: none; text-decoration: underline;}

img { border:none }
#idMyTextWrapper { position: absolute; display: none; font-family: Verdana; text-decoration: none; font-weight: normal; font-size: 8pt; }

/* MEDIA QUERY AREA*/
.divEtiStatusBar { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; padding: 0px 2px 0px 2px; text-align: center; }
.divEtiStatusBarBig1 { display: table-cell; }
.divEtiStatusBarBig2 { display: table-cell; }

@media screen and (max-width: 1000px) { .divEtiStatusBarBig2 { display: none; } }
@media screen and (max-width: 800px) { .divEtiStatusBarBig1 { display: none; } }

.hexagon-eti { position: absolute; display: inline-block; width: 80px; height: 80px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
    .hexagon-eti div { position: absolute; width: 30px; height: 17.32px; background-color: #ff8040; margin: 8.66px 0; animation: hexagon-eti 1.2s linear infinite; }
        .hexagon-eti div:before,
        .hexagon-eti div:after { content: ""; position: absolute; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; }
        .hexagon-eti div:before { bottom: 100%; border-bottom: 8.66px solid #ff8040; }
        .hexagon-eti div:after { top: 100%; width: 0; border-top: 8.66px solid #ff8040; }
        .hexagon-eti div:nth-child(1) { transform: skew(-28deg, 12deg); left: 36px; top: 12px; animation-delay: 0s; }
        .hexagon-eti div:nth-child(2) { transform: skew(-11deg, 10deg); animation-delay: -0.4s; top: 39px; left: 11px; }
        .hexagon-eti div:nth-child(3) { transform: rotate(12deg); animation-delay: -0.8s; left: 42px; top: 44px; }
        .hexagon-eti div:nth-child(4) { transform: skew(-13deg, -163deg); animation-delay: -1s; left: 73px; top: 52px; }
        .hexagon-eti div:nth-child(5) { transform: skew(-175deg, 14deg); animation-delay: -1.2s; left: 27px; top: 70px; }

@keyframes hexagon-eti {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }
}

:root {
    --factor: 1.5;
    --basewidth: 30px;
    --size: calc(var(--basewidth) * 4 * var(--factor));
    --width: calc(var(--basewidth) * var(--factor));
    --BoxSize: calc(var(--size) * 2);
    --heigth: var(--width); /*calc(var(--width) * 0.866);*/
    --color: #ff8040;
}

.hexagon-eti2 {
    width: var(--size) !important;
    height: var(--size) !important;
    margin-top: calc(var(--size) / -2) !important;
    margin-left: calc(var(--size) / -2) !important;
}
    /* background-color: #121212; }*/
    .hexagon-eti2 div { /*Hexagono*/
        position: absolute;
        display: inline-block;
        top: 100px;
        left: 100px;
        margin: auto;
        position: relative;
        width: var(--width);
        height: var(--heigth);
        background: var(--color);
        box-sizing: border-box;
        
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }
    /*Animação*/
    .hexagon-eti2 div {
        position: absolute;
        width: var(--width);
        height: var(--heigth);
        background-color: var(--color);
        margin: 8.66px 0;
        animation: hexagon-eti2 1.2s linear infinite;
    }

        .hexagon-eti2 div:nth-child(1) {
            transform: skew(-28deg, 12deg);
            left: calc(var(--width) * 1.133);
            top: calc(var(--heigth) * 0.5667);
            animation-delay: 0s;
        }

        .hexagon-eti2 div:nth-child(2) {
            transform: skew(-11deg, 10deg);
            animation-delay: -0.4s;
            left: calc(var(--width) * 0.366);
            top: calc(var(--heigth) * 1.3);
        }

        .hexagon-eti2 div:nth-child(3) {
            transform: rotate(12deg);
            animation-delay: -0.8s;
            left: calc(var(--width) * 1.4);
            top: calc(var(--heigth) * 1.467);
        }

        .hexagon-eti2 div:nth-child(4) {
            transform: skew(-13deg, -163deg);
            animation-delay: -1s;
            left: calc(var(--width) * 2.433);
            top: calc(var(--heigth) * 1.733);
        }

        .hexagon-eti2 div:nth-child(5) {
            transform: skew(-175deg, 14deg);
            animation-delay: -1.2s;
            left: calc(var(--width) * 0.9);
            top: calc(var(--heigth) * 2.2);
        }

@keyframes hexagon-eti2 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }
}