/* CONTAINER */
 .jsonv-box{
     margin-left: 9px;
     margin-right: 9px;
}
 .jsonv-box.jsonv-box-arrayelem {
     margin:9px;
     border-radius:10px;
}
 .jsonv-box.jsonv-box-arrayelem {
     box-shadow: 1px 1px 6px;
}
.jsonv-hide{
    display: none !important;
}
.jsonv_field_box{
    width: 100% !important;
}
/* .jsonv-row-object{
     float:left;
     margin-left:24px;
}
 .jsonv-row-array{
     float:left;
     margin-left:24px;
}
 */

.jsonv-layout-fill{
    width: 100% !important;
}
.json-box-columns-container{
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.jsonv-box-columns{
    margin-right: 12px;
}
.jsonv-box-col-1{
    width: calc(100% - 12px);;
}
.jsonv-box-col-2{
    width: calc(50% - 12px);
}
.jsonv-box-col-3{
    width: calc(33% - 12px);
}
.jsonv-box-col-4{
    width: calc(25% - 12px);
}
.jsonv-box-col-5{
    width: calc(20% - 12px);
}
.jsonv-box-col-6{
    width: calc(16% - 12px);
}
.jsonv-box-col-7{
    width: calc(14.2% - 12px);
}
.jsonv-box-col-8{
    width: calc(12.5% - 12px);
}
.jsonv-box-col-9{
    width: calc(11.1% - 12px);
}
.jsonv-box-col-10{
    width: calc(10% - 12px);
}
.jsonv-box-break-row{
  flex-basis: 100%;
  height: 0;
}

/* INTESTAZIONI */
 .jsonv-header.header-object, .jsonv-header.header-array{
     width:100%;
     padding: 12px 12px;
     border: 1px solid #cecece;
   /*  border-top-left-radius:15px;
     border-top-right-radius:15px;*/
     margin-top: 9px;
     /*white-space: nowrap;*/
}

 .jsonv-header.header-object.level-0, .jsonv-header.header-array.level-0{
     font-size: 115%;
     font-weight: 700;
     /*background-color:#3CAF85;*/   
     background-color:#336FA0;
     color:#ffffff;
}
 .jsonv-header.header-object.level-1, .jsonv-header.header-array.level-1{
     font-size: 105%;
     font-weight: 600;
     background-color:#78C3D6;
     color:#ffffff;
}
 .jsonv-header.header-object.level-2, .jsonv-header.header-array.level-2{
     font-size: 100%;
     font-weight: 550;
     /*background-color:#10964A;*/
     background-color:#336FA0;
     color:#ffffff;
}
.jsonv-header.header-object.level-3, .jsonv-header.header-array.level-3{
     font-size: 100%;
     font-weight: 550;
     /*background-color:#2a7636;*/
     background-color:#336FA0;
     color:#ffffff;
}
.jsonv-header.header-object.level-4, .jsonv-header.header-array.level-4{
     font-size: 100%;
     font-weight: 550;
     /*background-color:#c8cbdb;*/
     background-color:#336FA0;
     color:#ffffff;
}
.jsonv-header.header-string-keyvalue{
     position: relative;
     display: flex;
     align-items: center;
     padding: 2px 6px;
     border: 1px solid #cecece;
     width: 30%;
     background-color:transparent;
     font-weight: 500;
     font-size:90%;
}
.jsonv-header.header-string-floating{
    font-size: 90%;
    color: #858484;
}
.jsonv-box-arrayelem-header{
     padding: 5px !important;
     padding-left:10px !important;
     background-color: #d1d4e5;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     font-weight: 500;
}

.jsonv-box-object-collapse{
    padding-right: 4px;
}
.jsonv-box-object-collapse>i{
    font-size: 103%;
    top: 5px;
}

/* TABS */
/*
.t-Tabs.t-Tabs--fillLabels.t-Tabs--pill.t-Tabs--large.a-Tabs{
    border-radius: 0px !IMPORTANT; 
    border-top-left-radius: 0px !IMPORTANT; 
    border-top-right-radius: 0px  !IMPORTANT;
    /*border-color: #274f7d  !IMPORTANT;*//*
    border-color: #4890e9  !IMPORTANT;
    margin-bottom: 0px  !important;
}
*/

.jsonv-tabs {
	background-color: #109648 !important;
	
	& > a.t-Tabs-link {
		border: 1px solid #cecece !important;
		}

	& > .t-Tabs{
		background:#ffffff ;
	}

	& > a.t-Tabs-link:hover{
		background: #336fa0 !important;
	}

	& > .jsonv-header-tab{
			padding: 10px;
		cursor: pointer;
		padding-left: 24px;
		padding-top: 6px;
		padding-bottom: 6px;
		font-weight: bold;
		border-right: 2px solid darkgray;
		cursor: pointer;    
		height: 40px;
	}

	& > .jsonv-header-tab:hover{
		background-color: #336fa0 !important;
		color:#ffffff;
	}


	& > .jsonv-header-tab-selected{
		background-color: #336fa0 !important;
		color:#ffffff;
	}
}
/*
.jsonv-header-tab {
background-color: #336fa0 !important;
}*/

/*
.jsonv-header-tab-selected{
    background-color: #336fa0 !important;
}*/

/* OBJECT */
 .jsonv-title.title-object{
     display:inline-block;
}
 .jsonv-value.value-object{
     width:100% ;
     padding:0px;
     border: 0px solid #cecece;
    /* border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;*/
     MARGIN-TOP: 3PX;
}

/* STRING */
.jsonv-row-string {
    min-height: 48px;
}
.jsonv-row-string:hover {
     background-color: #fbfbfb;
}
.jsonv-row-string-keyvalue {
     display: -webkit-flex;
}
.jsonv-row-string-floating {
    border: 1px solid #c9c3c3;
    padding: 0px 6px;
    margin-top: 6px;
    background: #F9F9F9;
}
.jsonv-value.value-string-keyvalue{
     display: flex;
     align-items: center;
     padding: 2px 6px;
     border: 1px solid #cecece;
     width: 70%;
     background-color:transparent;
     font-style:italic;
}

.jsonv-array-table{
    width: 100%;
    border: 1px solid silver;
}

.jsonv-array-table {
	& > th, td{
		border: 1px solid silver;
	}
}

.jsonv-value.value-string-table{
    width: 100% !important;
    min-height: 22px;
}

.header-string-floating > .header-string-label{
    font-size: 80%;
    font-weight: 700;
    color: #2a2a2a;
}
.header-string-label-editing{
    font-size: 70% !important;
}
/* ARRAY */
 .jsonv-value.value-array-card{
     margin-bottom:20px;
     border: 1px solid #cecece;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
     width:100%;
}
.jsonv-value.value-array-table{
     border: 1px solid #cecece;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
     width:100%;
     overflow: auto;
}
.jsonv-array-table-colheader{
    font-weight: bold;
}

/* FOOTER */
 .jsonv-infofooter {
     font-size: 73%;
     padding: 0px 9px;
     margin-top: 10px;
     BORDER-BOTTOM-RIGHT-RADIUS: 10PX;
     BORDER-BOTTOM-LEFT-RADIUS: 10PX;
     border-top: 1px solid #cecece;
     background-color: #e5e7f2;
     margin-top: 0px;
     height: 25px;
     display: flex;
     align-items: center;
     flex-basis: 100%;
}
.jsonv-array-table-colheader.table-colheader-info{
    width: 250px;       
}

.jsonv-infofooter-table {
     font-size: 73%;
     padding: 0px 9px;
     margin-top: 10px;
     background-color: #e5e7f2;
     margin-top: 0px;
}
/* BOTTONI */
 .jsonv-box-arrayelem-title{
     display:inline-block;
}
 .jsonv-title.title-array, .jsonv-title.title-object{
     display:inline-block;
}


.jsonv-box-buttons-object{
     display:inline-block;
     float:right ;
     margin-right:12px ;
}
 .jsonv-box-buttons-arrayelem{
     display:inline-block;
     float:right;
     margin-right:12px;
}
 .jsonv-box-buttons-array{
     display:inline-block;
     float:right ;
     margin-right:12px ;
}
.jsonv-box-buttons-string{
    position: absolute;
    right: 0;
}
.jsonv-button-mini>i{
    font-size: 100%;
}
 
.jsonv-button{
     background-color: #ffffff !important;
     color: #000000 !important;
}
 .jsonv-button:hover{
     background-color: green !important;
     color: #ffffff !important;
}
 
/* EDITING */
.jsonv_field_box{
    width: 100% !important;
}
.jsonv-field-text, .jsonv-field-textarea{
    width: 100% !important;
    min-width: 150px;
    border: 1px solid #035dc6;
}
.jsonv-field-textarea{
    height: 100px;
}

.jsonv-value.value-object.value-tabs-allcontainer.level-0{
        border: 1px solid #cecece;
}