/*Creado con Ardora - www.webardora.net
bajo licencia Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
para otros usos contacte con el autor*/
@font-face {font-family: "Ardora_arrows";src: url("fonts/ardoraArrows/Ardora_arrows.eot");src: local("?"), url("fonts/ardoraArrows/Ardora_arrows.woff") format("woff"),
url("fonts/ardoraArrows/Ardora_arrows.ttf") format("truetype"), url("fonts/ardoraArrows/Ardora_arrows.svg") format("svg");font-weight: normal;font-style: normal;}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,footer,header,nav,section {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
figcaption,figure,main {display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset{padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details,menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template{display: none;}
[hidden]{display: none;}
/*!END normalize.css v7.0.0*/
html, body {margin: 0;overflow: hidden;height:100%;width:100%}
#ardoraEnu{margin-right:50px;margin-left:20px;width:auto;font-family:'Times New Roman', Times, serif; font-size:26px; position: relative; padding: 5px; margin-bottom: 10px; float: left;text-align: justify;z-index:20;}
#imaBar, #vidBar, #imaRec{padding: 6px 6px 0px 0px;height: calc(100% - 20px); position: fixed; right: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-left-style:solid;border-width:1px;border-top-left-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(0,191,0,1);box-shadow: 0px 0px 2px 4px rgba(50, 50, 50, 0.3);overflow: hidden;width:60px;overflow-x:scroll;margin-right:-70px;}
#txtBar{padding: 6px 6px 0px 0px;height: calc(100% - 20px); position: fixed; right: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-left-style:solid;border-width:1px;border-top-left-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(0,213,0,1);box-shadow: 0px 0px 2px 4px rgba(50, 50, 50, 0.3);overflow: hidden;width:60px;overflow-x:scroll;margin-right:-70px;}
#draBar,#draFlow{padding: 6px 6px 0px 0px;height: calc(100% - 20px); position: fixed; right: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-left-style:solid;border-width:1px;border-top-left-radius:4px;border-top-style:solid;border-top-width:1px;background-color:rgba(0,213,0,1);box-shadow: 0px 0px 2px 4px rgba(50, 50, 50, 0.3);overflow: hidden;width:60px;overflow-x:scroll;margin-right:-70px;}
#pluBar{padding: 6px 6px 0px 0px;height:36px;position: fixed; right: 0px; top: 0px; color: #cc0000;margin-top: 5px; border-color:black;border-left-style:solid;border-width:1px;border-top-left-radius:4px;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;background-color:rgba(0,213,0,1);box-shadow: 0px 0px 2px 4px rgba(50, 50, 50, 0.3);overflow: hidden;width:300px;margin-right:-370px;}
#imaBar img, #vidBar img{cursor: pointer;padding:2px;}
.textDrag{cursor: pointer;font-family:Verdana, Geneva, sans-serif;float:left;padding:5px;width:50px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-size:12px;color:#000000;}
.drag,.viddr,.auddr{float:left;padding-left:5px;}
.viddr,.auddr{padding:0 2px 2px 2px;margin-bottom:5px;}
#pizarra{width: 100%;background-position:center;background-repeat:no-repeat;height:100%;display: flex;align-content:center;position:absolute;
background-color:rgba(255,255,32,1);}
#addTextNew {
   visibility:hidden;
   padding:5px;
   width:200px;
   height:100px;
   font-size:24px;
   font-weight:normal;
   font-style:normal;
   font-family:"Verdana, Geneva, sans-serif";
   text-align:justify;
background-color:;
}
.buttonIma{ visibility:hidden; position:absolute; cursor:pointer}
.imageHide{ visibility:hidden; position:absolute;}
.selec { 
   text-align:center; position:absolute; border:solid; border-color:#1A1A1A;
   -webkit-transform:  rotate(0deg) ;-moz-transform: rotate(0deg) ;-o-transform:  rotate(0deg);
   -ms-filter progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   filter:alpha(opacity=100); opacity:1;
}
.ui-draggable-helperMoving {
   border: 1px dotted #000; padding: 6px; background: #fff; font-size: 1.2em;
}
.ui-draggable-helperStoped {
   border: 1px solid #000; width:5px; height:5px;
}
#element{border:1px solid red}
a:focus { outline: none;}
.panelImages {
   position: fixed;
   top: 42px; left:0px; display: none;
   background-color:#FFFFFF; border:1px solid #111111;
   width: 300px; height: auto;
   padding: 0px 10px 10px 10px;
   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   -moz-border-radius-topright: 0px;
   -webkit-border-top-left-right: 0px;
}

.panelText {
   position: fixed; top: 82px; left:0px; display: none;
   background-color:#FFFFFF; border:1px solid #111111;
   width: 300px; height: auto;
   padding: 0px 10px 10px 10px;
   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   -moz-border-radius-topright: 0px;
   -webkit-border-top-left-right: 0px;
}


#bottomBar{width:44px;height: 100%; position: fixed; right: 50px; top:0px; color: #cc0000; margin-right:-50px;padding-top: 15px 15px 0 15px;border-color:black;border-width:1px;border-left-style:solid;background-color:rgba(0,128,0,1);box-shadow: 0px 0px 2px 4px rgba(50, 50, 50, 0.3);}
#bottomBar p{width:31px; padding: 0 0 5px 0; margin: 5px;  text-align: center;}
.butfont{ height:26px; font-family:"Ardora_arrows",Sans-Serif; font-size:26px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFF00;
opacity:1;box-shadow: -2px 2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px; margin-right: 5px;}
.butfont:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFF00; background-color:#000000;}
.butRi{float: right;}
.butLe{float: left;}
#ButAdd{height:18px; font-size: 16px; width:18px; padding:3px 0 0 0;}
.butUp{float: left; margin: 5px;}
#textNew{float: left; margin: 10px 5px 0px 5px; border-color: black; border-style: solid; border-width: 1px; width:  200px;}
.keyboardInputInitiator{float: left; margin: 10px 5px 0px 5px;}
.bcolor{width:22px;height:22px;padding:1px;}
#imaBar, #txtBar, #draBar, #pluBar, #vidBar, #imaRec, #imaBack{z-index: 2147483630;}
#bottomBar{z-index: 2147483640;}
#div_canvas{width: 100%; height: calc(100% - 80px);position:absolute;z-index: 2147483620;}
.subbutfont{font-family:"Ardora_arrows",Sans-Serif; font-size:22px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px;margin: 2px 5px 0px 2px;}
.subbutfont:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFFFF; background-color:#000000;}
.clearcanvas{padding: 0 2px 0 2px;position:absolute;bottom:2px;}
#colorDraw, #colorBackline, #colorBack, #colorFlow,#textcolorFlow{width:32px;padding:0;height:32px;position:absolute;top:180px;left:1px;}
#numberDraw, #numberBackline , #numberBack, #numberFlow,#textnumberFlow{width:40px; border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;position: absolute;top:210px;left:1px;margin: 2px;}
.closecanvas{margin-right:25px;}
.pen{padding: 0 3px 0 3px;}
.penbutfont{font-family:"Ardora_arrows",Sans-Serif; font-size:22px; cursor: pointer; border:1px #666;border-style:solid;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5); border-radius: 4px;margin: 2px 5px 0px 2px;}
.pensel{box-shadow:0px 0px 0px rgba(50, 50, 50, 0); cursor: not-allowed; border:none;}
.butfontIma{padding: 4px;border-radius:6px;font-size:18px;box-shadow:2px -2px 2px rgba(50, 50, 50, 0.5);;cursor:pointer;min-width: 22px;min-height:22px;text-align:center;border-width: 2px;}
.butfontImaSmall{padding: 6px 2px 0 2px !important;border-radius:30px !important;font-size:16px !important;box-shadow:2px -2px 2px rgba(50, 50, 50, 0.5) !important;;cursor:pointer;min-width:22px;min-height:18px;text-align:center;border-width:1px !important;font-family: sans-serif !important;}
.smallfont{font-size:14px !important;}
#fontColor, #backColor {width: 26px !important;padding: 0 !important;height: 26px !important;border-radius:0px !important;}
#imaBack, #imaRec{overflow: hidden;height:calc(100% - 20px);right:0px;border-left-width:1px;border-left-style:solid;border-left-left-radius: 4px; border-right-left-radius: 4px;margin-right:-60px;padding-right:5px;width:60px;overflow-x:scroll;margin-top: 5px;margin-bottom:5px;position: fixed;color: #cc0000;border-color:black; border-color:black; border-width:1px;border-top-style:solid;border-left-style:solid;border-right-style:solid;background-color:rgba(255,255,255,1);box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);}
#backLine, #backBack{color:black;padding: 0 5px 0 5px;font-size: 16px;display: inline-block;width:100%;height:60px;position:relative;}
#colorBackline, #numberBackline, #colorBack, #numberBack{margin-left: 5px;}
.il{display:inline-block;}
.media{padding: 0px 5px 30px 5px;}
.media:hover{border-style: solid;border-width: 2px;border-radius: 5px;}
#btns{display:inline;}
button{cursor:pointer;margin-top: 10px;}
.blink_me {animation: blinker 1s linear infinite;color: red;}
@keyframes blinker {50% { opacity: 0; }}
#ButRec{color:red;}
#gra{display:inline;font-size:10px;}
#gUMbtn, #start, #stop{padding: 3px;border-radius: 5px;margin-left: 5px;margin-right: 5px;font-size:10px;}
#micAudioToggle{margin-top:10px;}
svg.leader-line {pointer-events: auto!important;font-family: Arial;}
.pulldiv{width:1px;height:1px;position: absolute;cursor: pointer;border-radius: 20px;background-color: rgb(255, 255, 0);opacity:0;border-style: solid;border-width: 2px;}
#dashFlow{border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;position: absolute;top:1px;margin: 2px;left:15px;}
label[for="dashFlow"] {color:black;left: 35px;position: absolute;top: 1px;}
#animateFlow{visibility: hidden;border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;position: absolute;top:15px;margin: 2px;left:35px;}
label[for="animateFlow"] {visibility: hidden;color:black;left: 55px;position: absolute;top: 15px;}
#colorFlow{float:left;position: relative;}
#numberFlow,#startPlugFlow,#endPlugFlow,#pathFlow,#textFlow,#textcolorFlow,#textnumberFlow,#textpositionFlow{position: relative;float: left;margin-left:5px;}
#dashdiv,#pathdiv{float:left;border-right-color:gray;border-right-style:dotted;border-right-width: 1px;border-left-color:gray;border-left-style:dotted;border-left-width: 1px;position:relative;margin-left: 5px;width: 120px;height: 36px;}
#startPlugFlow,#endPlugFlow,#pathFlow,#textpositionFlow{height:26px;margin:5px 0 0 0;width:45px;left:5px;}
#colorFlow,#numberFlow,#dashFlow{top:0px;left:5px;}
label[for="dashFlow"] {left:20px;}
#draFlow{width:100px;margin-left:-370px;overflow: hidden;}
#dashdiv{border-style: none;}
#animateFlow{left:20px;}
label[for="animateFlow"] {left:40px;}
#pathdiv{margin-left: 0px;}
#textcolorFlow{top:5px;margin-left: 0px;left:5px;}
#textnumberFlow{top:5px;margin-left:15px;}
#textpositionFlow{top:5px;margin-left: 0px;left:5px;}
#pathFlow,#textpositionFlow{width: 90px;}
#textFlow{margin-top: 3px;width: 80px;margin-left:0;left:5px;}
#numberFlow{margin-left:10px;}
#numberFlow,#textnumberFlow{height:22px;margin-top:2px;}
#editFlow{padding:10px 5px 5px 5px;position:absolute;width:275px;height:310px;background-color:white;visibility:hidden;border-style: solid;border-color:black;border-width:1px;border-radius: 4px;box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);left:100px;top:100px;}
#editcolorFlow{width:32px;height:32px;position: absolute;top: 15px;left: 15px;}
#editnumberFlow{width:40px; border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;top:5px;margin: 2px; top: 15px;margin: 2px;position: absolute;left:60px;height: 26px;}
#editIndex{position: absolute;top: 5px;font-size: 30px;left: 250px;margin:0;}
#editdashFlow{position: absolute;top:60px;left:15px;}
label[for="editdashFlow"] {color:black;left: 35px;position: absolute;top:55px;}
#editanimateFlow{border-style: solid;border-width:1px; border-radius: 4px;border-color: black;position: absolute;top:75px;margin: 2px;left:35px;}
label[for="editanimateFlow"] {color:black;left:55px;position: absolute;top:75px;}
#editstartPlugFlow{position:absolute;left:15px;top:105px;height: 32px;}
#editendPlugFlow{position:absolute;left:100px;top:105px;height: 32px;}
#editpathFlow{position:absolute;left:190px;top:105px;height: 32px;}
#edittextFlow{position:absolute;left:15px;top:165px;height:26px;width: 210px;}
#edittextcolorFlow{position:absolute;top:165px;left:238px;width:32px;height:32px;}
#edittextnumberFlow{position:absolute;left:15px;top:210px;width:40px;height:26px; border-style: solid;border-width: 1px; border-radius: 4px;border-color: black;margin: 2px;}
#edittextpositionFlow{position: absolute;top: 212px;left: 80px;height: 32px;}
#editOk{left: 233px; position: absolute;}
#editDel{left: 100px; position: absolute;}
#backeditFlow{position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);visibility:hidden;}
#editBar, #pizBar{position: absolute;bottom:0px;width: 100%; padding: 0px 0px 5px 0px;}
#editBar p, #pizBar p{width:27px;padding: 0 0 5px 0;margin: 5px;text-align: center;}
#openPiz{padding:10px 5px 5px 5px;position:absolute;width:400px;height:150px;background-color:white;visibility:hidden;border-style: solid;border-color:black;border-width:1px;border-radius: 4px;box-shadow: 2px -2px 2px 0px rgba(50, 50, 50, 0.5);left:100px;top:100px;}
#openPiz p{margin: 0 0 0 5px;}
#pizOk{left:360px;position:absolute;}
.butfontImaDraw{margin: 2px 4px 0 0;opacity: 1;padding: 2px 2px 0 2px;border-radius: 4px;font-size: 14px;box-shadow: 2px -2px 2px rgba(50, 50, 50, 0.5);cursor: pointer;width: 22px;text-align: center;border-width: 1px;min-height: 23px;}
.butpres{box-shadow:0px 0px 0px rgba(50, 50, 50, 0) !important; border-color:red; color:red;}
#b_drawRectangle{margin-top: 75px;}
#b_drawFill{margin-top: 25px;}
#divline{float: left;padding-top:30px;top:28px;position:absolute;}
#numberPoly{float: left;width: 40px;border-style: solid;border-width: 1px;border-radius:4px;border-color:black;margin:5px;}