div {
    display: block;
}

label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

.ui-widget {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    z-index: 2000 !important;
}

.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-draggable, .ui-droppable {
    background-position: top;
}
#catList{
    margin-left: 5%;

}
ul.categoryList{
    list-style: none;
    background: url(./img/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

ul.categoryList ul {
    margin-left: 10px;
}

ul.categoryList li {
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
    background: url(./img/node.png) no-repeat;
    color: #369;
    font-weight: bold;

}

span.inline{
    vertical-align: middle;

    display: flex;
    align-items: center;

    display: -webkit-flex;
    -webkit-align-items: center;

    -moz-box-align: center;
}

ul.categoryList li.last {
    background: #fff url(./img/lastnode.png) no-repeat;
}

.clickableTree{
    display: inline;
    cursor:pointer;
}
.clickableOption{
	 cursor:pointer;
}

.tableDocs {
	text-align:center;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    color: #676a6c;
    font-size: 13px;;
}

.tableDocs th, td{
	padding: 8px;
	border-bottom: 1px solid #ddd;
	
}
#DatosDiv .tableDocs td:first-child { font-weight:bold;}
.tableDocs tr:not(:first-child):hover {background-color: #ffa74f}
.tableDocs tr:nth-child(even):hover {background-color: #ffa74f}
.tableDocs tr:nth-child(even) {background-color: #f2f2f2}

.tableDocs input {
	display:inline;
}

.tableDocs tr > td + td {
    text-align: left;
}
.tableDocs tr > td + td + td {
    text-align: left;
}

.tableTemplates{
	max-width:550px;
	width: 100%;
	/*width: 504px;*/
	text-align:left;
    background-color: #ffffff;
    word-wrap:break-word;
    table-layout: fixed;
}

.tableTemplates th, td{
	padding: 4px;
	border-bottom: 0;
}

.tableTemplates tr:not(:first-child):hover {background-color: #ffd8bc}
.tableTemplates tr:nth-child(even):hover {background-color: #ffd8bc}
.tableTemplates tr:nth-child(even) {background-color: #f2f2f2}

.tableTemplates td:nth-child(1){width:20px}
.tableTemplates td:nth-child(2){width:346px;}
.tableTemplates td:nth-child(3){width:55px;}
.tableTemplates td:nth-child(4){width:83px;}

.tableTemplates th:nth-child(1){width:20px}
.tableTemplates th:nth-child(2){width:346px;}
.tableTemplates th:nth-child(3){width:55px;}
.tableTemplates th:nth-child(4){width:83px;}
/*
.tableTemplates td:nth-child(1){white-space:nowrap;width:20px;}
.tableTemplates td:nth-child(2){width:346px; word-wrap:break-word;}
.tableTemplates td:nth-child(3){white-space:nowrap;width:55px;}
.tableTemplates td:nth-child(4){white-space:nowrap;width:83px;}
*/
.tableDocs td:nth-child(1){white-space:nowrap;}
.tableDocs td:nth-child(2){width:60%;}
.tableDocs td:nth-child(3){white-space:nowrap;}
.tableDocs td:nth-child(4){white-space:nowrap;}
.tableDocs td:nth-child(5){width:20%;}
.tableDocs td:nth-child(6){white-space:nowrap;}

img.category-open,
img.category-nochild,
img.category-closed{
    width:25px;
    height:25px;
}
img.category-open,
img.category-closed,
img.showUsos{

    cursor:pointer;
}
label.showUsos{
	cursor:pointer;
}
.form-filtro{
	width: 50%;
}
.form-table-filtro td{
	padding: 0px;
}
.form-table-filtro th{
	padding: 0px;
	text-align: center;
}
.tableUsages td tr{
	width: 70%;
	max-width: 70%;
	padding: 4px;
	text-align: center;
}

.DatosDiv{
	float :right;
}

div.pagination{
    padding-top: 8px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    margin: 15px 0;
}

.valorlargo{
	width: 100%;	
}
.valorlargo p{
	background-color: #ffffff;
	text-align: justify;
	word-break:break-all;
}
.catList{
	text-align: center;
}
h4{
	text-align: left;
}


/* Estilos para revision */
div.options{
	text-align: left;
	display: block;
	margin:3px;
}
.mini-text{
	font-size: 9px;
	cursor:default;
}
label{
	cursor:default;
}
input.docxpressofilter{
	width:65%;
}
label.noclickable{
	color:#23282d;
}
button.close-button{
	float:left;
}

.ui-dialog-buttonset {
	float:left;
}
div.pagination{
	float:right;
}


/* estilos nuevos jorge */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

.SAAS_plugin-views-template-php div#wpcontent,
.SAAS_plugin-views-data_usage-php div#wpcontent,
.SAAS_plugin-views-options-php div#wpcontent,
.SAAS_plugin-views-avanzado-php div#wpcontent  {
    /*background: url('img/shattered.png'); */
	font-family: 'Open Sans', sans-serif;
	color:#676a6c;
	padding-left:0;
}
.SAAS_plugin-views-template-php #wpbody-content,
.SAAS_plugin-views-data_usage-php #wpbody-content,
.dSAAS_plugin-views-options-php #wpbody-content,
.SAAS_plugin-views-avanzado-php  #wpbody-content {
    width: 100%;
    min-height: 100%;
    background: #f3f3f4;
    max-width: 1024px;
    /* -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); */
    /* -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); */
    /* box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); */
    padding: 0;
    position: relative;
    margin: 0 auto;
    display: table;
    float: none;
}
.SAAS_plugin-views-template-php #wpfooter,
.SAAS_pluginn-views-data_usage-php #wpfooter,
.SAAS_plugin-views-options-php #wpfooter,
.SAAS_plugin-views-avanzado-php  #wpfooter {
	position:relative;
}

.SAAS_plugin-views-template-php .header-plugin,
.SAAS_plugin-views-data_usage-php .header-plugin,
.SAAS_plugin-views-options-php .header-plugin,
.SAAS_plugin-views-avanzado-php .header-plugin {
    background: #fff url('img/logo.png') no-repeat right center;
    padding: 40px 200px 40px 25px;
}

.SAAS_plugin-views-template-php .header-plugin h2,
.SAAS_plugin-views-data_usage-php  .header-plugin h2,
.SAAS_plugin-views-options-php .header-plugin h2,
.SAAS_plugin-views-avanzado-php .header-plugin h2 {
    font-weight: 100;
    font-size: 32px;
    margin: 20px 0px;
	color:#676a6c;
}

.SAAS_plugin-views-template-php .header-plugin .button-primary,
.SAAS_plugin-views-data_usage-php .header-plugin .button-primary,
.SAAS_plugin-views-options-php .header-plugin .button-primary,
.SAAS_plugin-views-avanzado-php .header-plugin .button-primary { margin:0;}

.SAAS_plugin-views-template-php .wrap,
.SAAS_plugin-views-data_usage-php .wrap,
.SAAS_plugin-views-options-php  .wrap,
.SAAS_plugin-views-avanzado-php .wrap {padding:25px; margin:0;}

.SAAS_plugin-views-template-php .content,
.SAAS_plugin-views-data_usage-php .content,
.SAAS_plugin-views-options-php .content,
.SAAS_plugin-views-avanzado-php .content  {
    /*width: inherit;*/
    background: #fff;
    padding: 25px 25px 15px;
    margin-bottom: 26px;
}

.SAAS_plugin-views-template-php h3.title-section,
.SAAS_plugin-views-data_usage-php h3.title-section,
.SAAS_plugin-views-options-php  h3.title-section,
.SAAS_plugin-views-avanzado-php h3.title-section {
    font-weight: 100;
    font-size: 24px;
    color: #676a6c;
    margin: 0 0 15px;
    border-bottom: 1px solid #d45a00;
    padding-bottom: 15px;
}
.SAAS_plugin-views-template-php .row,
.SAAS_plugin-views-data_usage-php .row,
.SAAS_plugin-views-options-php  .row,
.SAAS_plugin-views-avanzado-php .row {
    overflow: auto;
    padding: 15px 0;
}

.SAAS_plugin-views-template-php .col-sm-6,
.SAAS_plugin-views-data_usage-php .col-sm-6,
.SAAS_plugin-views-options-php  .col-sm-6,
.SAAS_plugin-views-avanzado-php .col-sm-6 {
    width: 50%;
    float: left;
    position: relative;
}
.SAAS_plugin-views-template-php .col-sm-12,
.SAAS_plugin-views-data_usage-php .col-sm-12,
.SAAS_plugin-views-options-php .col-sm-12,
.SAAS_plugin-views-avanzado-php .col-sm-12  {
    width: 100%;
    float: left;
    position: relative;
}



.SAAS_plugin-views-template-php input[type="text"],
.SAAS_plugin-views-data_usage-php input[type="text"],
.SAAS_plugin-views-options-php  input[type="text"],
.SAAS_plugin-views-avanzado-php input[type="text"]  {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
    width: 97%;
	/*-webkit-box-shadow: none;*/
    /*box-shadow: none;*/
}

.SAAS_plugin-views-template-php .button-primary,
.SAAS_plugin-views-data_usage-php .button-primary,
.SAAS_plugin-views-options-php .button-primary,
.SAAS_plugin-views-avanzado-php .button-primary  {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
    box-shadow: none;
    text-shadow: none;
	margin: 0 7px;
}

.SAAS_plugin-views-template-php.wp-core-ui .button-primary:hover,
.SAAS_plugin-views-template-php.wp-core-ui .button-primary:focus,
.SAAS_plugin-views-data_usage-php.wp-core-ui .button-primary:hover,
.SAAS_plugin-views-data_usage-php.wp-core-ui .button-primary:focus,
.SAAS_plugin-views-options-php .button-primary:hover,
.SAAS_plugin-views-options-php .button-primary:focus,
.SAAS_plugin-views-avanzado-php .button-primary:hover,
.SAAS_plugin-views-avanzado-php .button-primary:focus  {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}

.SAAS_plugin-views-template-php .buttons,
.SAAS_plugin-views-data_usage-php .buttons,
.SAAS_plugin-views-options-php .buttons,
.SAAS_plugin-views-avanzado-php .buttons  {
    display: table;
    margin: 15px auto 0;
}

/** PLACEHOLDER **/

.SAAS_plugin-views-template-php input::-webkit-input-placeholder,
.SAAS_plugin-views-template-php textarea::-webkit-input-placeholder,
.SAAS_plugin-views-data_usage-php input::-webkit-input-placeholder ,
.SAAS_plugin-views-data_usage-php textarea::-webkit-input-placeholder,
.SAAS_plugin-views-options-php input::-webkit-input-placeholder,
.SAAS_plugin-views-options-php textarea::-webkit-input-placeholder,  {  transition: all 0.3s ease-in-out; color:#999;}



.SAAS_plugin-views-template-php input:focus,
.SAAS_plugin-views-template-php input#:valid,
.SAAS_plugin-views-template-php textarea#:valid,
.SAAS_plugin-views-template-php textarea:focus,

.SAAS_plugin-views-data_usage-php input:focus,
.SAAS_plugin-views-data_usage-php input:valid,
.SAAS_plugin-views-data_usage-php textarea:focus,
.SAAS_plugin-views-data_usage-php textarea:valid,

.SAAS_plugin-views-options-php input:focus,
.SAAS_plugin-views-options-php input:valid,
.SAAS_plugin-views-options-php textarea:focus,
.SAAS_plugin-views-options-php textarea:valid{
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}


.SAAS_plugin-views-template-php input:focus::-webkit-input-placeholder,
.SAAS_plugin-views-template-php textarea:focus::-webkit-input-placeholder,
.SAAS_plugin-views-data_usage-php input:focus::-webkit-input-placeholder,
.SAAS_plugin-views-data_usage-php textarea:focus::-webkit-input-placeholder,
.SAAS_plugin-views-options-php input:focus::-webkit-input-placeholder,
.SAAS_plugin-views-options-php textarea:focus::-webkit-input-placeholder  {
  font-size: 12px;
  transform: translateY(-25px) translateX(-10px);
  visibility: visible !important;
  padding-left:0;
  color:#d45a00;
  margin-left:-30px;
}