.imagem{ 
    height: 100%;
	width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
}

.backgroundVideo{
    display: block;
    height: auto;
    left: auto;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    right: auto;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 1;
}

.ui-icon-gripsmall-diagonal-se{
    background-image: url("") !important;
}

.areaVisible{
      border-color: red;
      border-style: solid;
}

.areaInvisible{
      border: none;
}

#debugFid p{
    margin: 0;
    padding: 0;
    color: white;
    mix-blend-mode: difference;
}

@supports (transform: translateX(-50%)) {

    .cover img, .cover video {
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

}

@media screen and (min-aspect-ratio: 16/9){/* Make this the same aspect ratio as your video */

    .backgroundVideo {
        max-width: 100vw;
        min-width: 100vw;
        width: 100vw;
    }

}

@media screen and (max-aspect-ratio: 16/9){/* Make this the same aspect ratio as your video */

    .backgroundVideo {
        height: 100vh;
        max-height: 100vh;
        min-height: 100vh;
    }

}

.ui-selected {
    outline: 2px dashed black;
}

.usertext{
	padding: 0px;
	margin: 0px;
}

.objetos{
    overflow: hidden;
}

.objetos:hover {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    opacity: 0.80;
    outline: 2px dotted black;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.button {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-decoration: none;
    font-size: 22px;
    color: #F0F0F0;
    background: #454849;
    padding: 0px 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    position: relative;    
}

.buttonSup {
    @extend .button;    
    padding: 5px 2px;   
}
.button .icon{
    width: 100%;
    height: 100%;
}

.button i{
	display: inline-block;
	float: none;;
}

.button:hover{
	color: #454849;
	background: #7E7E7E;
}

.button .tooltiptext-right{
    visibility: hidden;
    width: max-content;
    font-size: 13px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 99999;
    top: 95%;
    left: 100%;
}

.button .tooltiptext-left{
    visibility: hidden;
    width: max-content;
    font-size: 13px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 99999;
    top: 95%;
    left: -120%;
}

.button .tooltiptext-right::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 97%;
    margin-top: -2px;
    border-width: 6px;
    border-style: solid;
    border-color: black black transparent transparent;
}

.button .tooltiptext-left::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 97%;
    margin-top: -2px;
    border-width: 6px;
    border-style: solid;
    border-color: black transparent transparent black;
}

.button:hover .tooltiptext-right{
    visibility: visible;
}

.button:hover .tooltiptext-left{
    visibility: visible;
}

#ndbInternal_nidabaIcon{
    width: 37px;
    padding: 2px;
    border-radius: 3px;
    position: absolute;
}

select{
    background-color: #616161;
    color: #F0F0F0;
}

input[type="number" i],input[type="text" i] {
    background-color: #616161;
    color: #F0F0F0;
    border-style: solid;
    border-width: 1px;
    width: -moz-fill-available;
    width: -webkit-fill-available;
}

#ndbInternal_fidlist input[type="number" i],
 #ndbInternal_backgroundConfig input[type="number" i],
  #ndbInternal_feedbackConfig input[type="number" i], 
   #ndbInternal_videoConfig input[type="number" i]{
    width: 55px;
}

#ndbInternal_blackThing{
    background: #1d2124;
    width: 100%;
    height: 37px;
}

#ndbInternal_blackThing .button{
    background: #1d2124;
    color: #f0f0f0;
}

#ndbInternal_blackThing .button:hover{
    color: #1d2124;
    background: #7e7e7e;
}

#ndbInternal_header{
	position: absolute;
	float: left;
	height: 5vh;
	left: 40px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#ndbInternal_selector{
	position: absolute;
	float: left;
    left: 50%;
    top: 0%;
    height: 4vh;
    margin: 0px;
    margin-left: -175px;
    z-index: 9999999999;
}

#ndbInternal_setAspect{
    position: absolute;
    float: right;
    right: 0%;
    top: 0%;
    height: 4vh;
    margin: 0px;
    z-index: 9999999999;
}

#ndbInternal_title{
	margin-left: 5px;
	padding: 0px;
	vertical-align: middle;
}

#ndbInternal_tools{
    position: absolute;
    top: 3  7px;
    left: 0px;
    transition: 0.1s;
    padding: 0px 0px 0px 3px;
    width: 35px;
    height: calc(100% - 37px);
    background-color: #454849;
    text-decoration: none;
    font-size: 20px;
    border: 1px;
    border-color: black;
    z-index: 9999999999;
}

#ndbInternal_tools .button{
	margin-top: 5px;
}



#ndbInternal_littleBar{
    position: absolute;
    height: calc(100% - 42px);
    width: 5px;
    float: right;
    right: 1px;
    top: 37px;
    z-index: 999999999;
    display:flex;
    text-align: left;
    align-items:center;
    box-sizing: content-box;
    background: #454849;
    border-color: #000;
    border-style: double;
    border-width: 3px;
    overflow-y: hidden;
}

#ndbInternal_information{
	position: absolute;
	width: 300px;
	height: calc(100% - 53px);
    float: right;
    right: 0px;
	top: 37px;
	z-index: 999999999;
	padding: 5px;
    box-sizing: content-box;
	background: #454849;
	border-color: #000;
	border-style: double;
	border-width: 3px;
    overflow-y: scroll;
    box-sizing: content-box;
    background: #454849;
    border-color: #000;
    border-style: double;
    border-width: 3px;
    overflow-y: scroll;
}

#ndbInternal_information table{
    width: 100%;
    table-layout: fixed;
}
#ndbInternal_information table, th, td{
    font-size: 0.9em;
    /*border: 2px solid #7E7E7E;*/
    border-collapse: collapse;
    padding: 3px;
}

#ndbInternal_information td select{
    width: -moz-fill-available;
    width: -webkit-fill-available;
}

::-webkit-scrollbar{
    width: 4px;  /* remove scrollbar space */
    height: 0px;
    /*background: transparent;  /* optional: just make scrollbar invisible */
}

/* Track */
::-webkit-scrollbar-track {
  background: #777; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
::-moz-scrollbar{
    width: 4px;  /* remove scrollbar space */
    /*background: transparent;  /* optional: just make scrollbar invisible */    
}

#ndbInternal_takeThisThingOuttaHere{
    position: absolute;
    border-top: 3px double black;
    border-left: 3px double black;
    border-bottom: 3px double black;
    top: 50%;
    margin-top: -20px;
    left: -25px;
    text-align: left;
    float: left;
}

#ndbInternal_areaConfig table td input[type="text" i],
 #ndbInternal_feedbackConfig table td input[type="text" i],
  #ndbInternal_backgroundConfig table td input[type="text" i],
   #ndbInternal_fidNames table td input[type="text" i],
    #ndbInternal_configAnimation table td input[type="text" i],
     #ndbInternal_imageConfig table td input[type="text" i],
      #ndbInternal_videoConfig table td input[type="text" i]{
    width: unset;
}

#ndbInternal_order{
    text-align: center;
    padding: 5px;
}

#ndbInternal_areaConfig{
    text-align: center;
}

.fidCFG {
    text-align: left;
}

#ndbInternal_fidCfg{
    display: none;
}

body {
   margin: 0px;
   padding: 0px;
   border: 0px;
   overflow: hidden;
   background: #616161;
   color: #F0F0F0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   overflow: hidden;
   -moz-user-select: none; 
   -webkit-user-select: none; 
   -ms-user-select:none; 
   user-select:none;
   -o-user-select:none;
}

fieldset{
    border-width: 0.5px;
    font-size: 1em;
    padding: 0px;
    margin: 0px;
}

fieldset legend{
    font-size: 0.8em;
}

#ndbInternal_board{
	position: absolute;
	top: 37px;
    left: 40px;
    width: calc(100% - 46px);
    height: calc(100% - 43px);
	/*background: white;
	border-color: #000;
	border-style: solid;
    overflow: hidden;*/
    z-index: -999999999999;
}

.cena{
    width: 100%;
    height: 100%;
    background: white;
    border-color: #000;
    border-style: solid;
    overflow: hidden;
    z-index: -999999999999;
}

#ndbInternal_div1, #ndbInternal_div2, #ndbInternal_div3 {
    position: absolute;
    width: 100%;
    height: 100%; 
    border-style: none;
    border: none;
}

.menuButton{
    background-color: #77462d;
    border: none;
    color: white;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    position: absolute;     
    outline:0px;
    cursor: pointer; 
}

#ndbInternal_div2 table {
    margin: 0;
    position: absolute;
    top: 55%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: white;
    text-decoration: none;          
    font-size: 16px;
    font-family: Verdana,Geneva,sans-serif;
}

#ndbInternal_div3 table {
    margin: 0;
    color: white;
    text-decoration: none;          
    font-size: 16px;
    font-family: Verdana,Geneva,sans-serif;
}
#ndbInternal_div2 input {        
    background-color: #77462d;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: #77462d;
    color: white;
    text-decoration: none;          
    font-size: 16px;
    font-family: Verdana,Geneva,sans-serif;
    padding: 12px;
    border-radius: 16px;
    width: 280px;
    outline:0px;
}

.button1 {
    border-radius: 20px;top:55%;left:50%;margin-left:-150px;width: 300px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }
.button2 {
    border-radius: 20px;top:55%;margin-top:72px;left:50%;margin-left:-150px;width: 300px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }
.button3 {
    border-radius: 20px;top:55%;margin-top:72px;left:50%;margin-left:-160px;width: 150px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }
.button4 {
    border-radius: 20px;top:55%;margin-top:72px;left:50%;margin-left:10px;width: 150px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }
.button6 {
    border-radius: 20px;top:100%; margin-top: -60px; left:50%; margin-left:-230px; width: 220px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }
.button5 {
    border-radius: 20px;top:100%; margin-top: -60px; left:50%; margin-left:10px; width: 170px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #77462d 5%, #5b3520 100%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    }

.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover {
    background:linear-gradient(to bottom, #b96c46 5%, #945738 100%);
    background-color:#a6623f;
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    cursor: pointer
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-br {
    background-image: url(images/flags/br.png)
}

.flag-icon-es {
    background-image: url(images/flags/es.png)
}

.flag-icon-us {
    background-image: url(images/flags/us.png)
}


[data-tooltip] {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 16px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #77462d;
    color: #fff;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */


[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 9px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */

[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */


[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

.jconfirm .jconfirm-box {
        background-color: #f8f0ed;
        color: black;
        z-index: 999999;
    }

.jconfirm .jconfirm-box .jconfirm-buttons button, .btn-default {
    min-width: 100px;
    box-shadow: 3px 1px 6px -1px #3dc21b;
    background-color:#ce977e;
    background:#ce977e;
    border-radius:14px;
    box-shadow: -1px -1px 0px 0px #a6603f;
    border:1px solid #77462d;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #ce977e 5%, #ce977e 100%);
    background-color:#ce977e;  
}

.newbutton {    
    box-shadow: -1px -1px 0px 0px #a6603f;
    background:linear-gradient(to bottom, #975735 5%, #714128 80%);
    background-color:#77462d;
    border-radius:22px;
    border:1px solid #4a2b1c;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:12px 41px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
}

.newbutton:hover {
    background:linear-gradient(to bottom, #b96c46 5%, #945738 100%);
    background-color:#a6623f;
}

.userlogin a:link {color:#bf8360;text-decoration:none; }
.userlogin a:visited {color:#bf8360;text-decoration:none; }
.userlogin a:hover {color:#e9d4c8;text-decoration:none; }
.userlogin a:active {color:#bf8360;text-decoration:none; }

.buttonList {
    height:22px; width:180px;
    border-radius:6px;    
    border:1px solid #77462d;    
    cursor:pointer;
    text-decoration:none; 
    background-color: #ead2c8;
}

.alerts-border {
    border: #ff0000 solid;
    
    animation: blink 1s;
    animation-iteration-count: 3;
}

@keyframes blink { 50% { border-color:#fff ; }  }

#ndbInternal_share table{
    width: 100%;
    table-layout: fixed;
    
    
}
#ndbInternal_share table, #ndbInternal_share table th, #ndbInternal_share table td, #ndbInternal_share th, #ndbInternal_share td{
    font-size: 0.8em;
    font-family: Tahoma, Verdana, sans-serif;
    border: 1px solid #7E7E7E;
    padding: 6px;
    border-collapse: collapse;
    border-spacing: 10px;
    
}

#ndbInternal_share td select{
    width: -moz-fill-available;
    width: -webkit-fill-available;
}

a.upl:link {text-decoration: none; color: white;} 
a.upl:visited {text-decoration: none; color: white;} 
a.upl:active {text-decoration: none; color: white;} 
a.upl:hover {text-decoration: none; background-color:#ead2c8;color:black}

.container{
    position:relative;
    text-align:center;
}
.container .Loading{
    position:relative;
    width:500px;
    height:22px;
    background:rgba(255,255,255,.05);
    border-radius:25px;
    display:flex;
    align-items:center;
    border:5px solid #1b1f23;
}
.container .Loading span{
    position:absolute;
    width:0%;
    height:100%;
    background-color:#0fbcf9;
    border-radius:25px;
}
.container i{
    color:#fff;
    font-size:5em;
}

@media screen and (max-height: 400px) {
  #ndbInternal_copyright {
    display: none;
  }
}

.addButton {
    background: #454849; 
    color: white; 
    border: 0
}