/* Base class */
.stg-view {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.stg-view:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


.stg-logicfiter {display:none;width:57px;float:left}
.stg-clone-sep {float:left;clear:both; border-top: 1px dotted #E5E5E5;}
.stg-gdProc{
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    height: 26px;
    width: 26px;
	display: inline-block;
	margin: 0px;
	padding: 1px;
}

.stg-disp {
  color: #4EAACF;
  font-size: medium;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.stg-disp-small {
  color: #4EAACF;
  font-size: small;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.stg-disp-x-small {
  color: #4EAACF;
  font-size: x-small;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.stg-disp-medium {
  color: #4EAACF;
  font-size: medium;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.stg-disp-large {
  color: #4EAACF;
  font-size: large;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.stg-strike {
	text-decoration:line-through
}

.stg-negative {
	color:red;
}

.stg-alert-1 {
	color:red;
}

.stg-alert-2 {
	color:#FE9A2E;
}

.stg-alert-3 {
	color:blue;
}

div.stg-messages {
	position: fixed;
	top: 50px;
	left: 25%;
	right: 25%;
	z-index: 7000;
}


.stg-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}

.stg-video.widescreen { padding-bottom: 57.25%; }
.stg-video.vimeo { padding-top: 0; }

.stg-video iframe,
.stg-video object,
.stg-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.st-video { padding-top: 0; }
}



/*
.ui-menu { position: absolute; width: 250px; };
.stg-view {float:left;width:100%}
.stg-labelR {float:left;text-align:right;width:100px}
.stg-obligate {color: orange;}
.stg-invalid {background-color: #BE2E17;}

.stg-i {float:left; padding-top:7px; padding-right:7px;}
.stg-clone {float:left;clear:both}

.stg-lblfilter {width:50px;float:left}

.stg-gdEdit {
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    height: 16px;
    width: 16px;
	display: inline-block;
	margin: 0px;
	padding: 1px;
	};

.stg-imgBox {
  color: #686868;
  padding: 5px;
  border: 1px solid #CFCFCF;
}



.stg-icon-attach { 
  background-image: url(../img/anexo.png) !important; 
}



*/