body {
}


.screentypes-list {
    padding-top: 20px;
    padding-left: 40px;
     background: #eee;
     float: left;
     width: 300px;
}

/*.screentype-list
{
   border-top:solid 1px #fff;
   height:80px;
   background:rgb(102, 182, 234);
}*/

.screentype-button
{
    /*width:82px;*/
    width:11%;
    display:inline-block;
    font-size:11px;
    min-height:70px;
    /*height:80px;*/
    background:rgb(87, 169, 224);
    float:left;
    border-right:solid 1px #fff;
    border-bottom:solid 1px #fff;
    color:#fff;
}
.screentype-button[type_selected='true'] {
    background:#000;
    color:#fff;

}
.paramtype-list{
    background:rgba(107, 183, 233, 0.21);
    clear:both;
    margin-top:5px;
}
.paramtype-button
{
    width:115px;
    display:inline-block;
    font-size:14px;
    padding:4px 10px;
    border-right:solid 1px #fff;
        text-align:center;
        background:rgb(173, 221, 255)
}
.paramtype-button[type_selected='true'] {
    background:#000;
    color:#fff;

}
.screentypes-header {
    padding: 8px 30px 8px 30px;
    border-bottom: solid 1px #B0BEC5;
    background: #eee;
    margin-bottom: 10px;
}

.screentypes-content {
    padding-top: 20px;
    padding-left: 40px;
}

.params-content-col {
    display: inline-block;
    padding: 2px 5px;
    clear:both;
    height:30px;

    /*width: 200px;
    border: thin;
    height: 70px;*/
}
[param_type='longtext'].params-content-col {
    height:60px;
}
[param_type='longtext'].params-content-col textarea {
    height:53px;
    width:218px;
}
[param_type='settings'] [param_type='longtext'] {
    height:auto;
}
[param_type='settings'] [param_type='longtext'].params-content-col textarea {
    height:53px;
    width:145px;
    font-size:11px;
}
.params-content-row {
    display: inline-block;
    padding: 20px 10px;
    width: 200px;
}

.screentype-content {
    padding-top: 20px;
    padding-left: 20px;
}

.screentype-image {
    padding-top: 20px;
    padding-left: 40px;
    display: inline-block;
    column-width: 150px;

}

screentype-setting {
 padding-top: 20px;
    padding-left: 40px;
    display: inline-block;
    column-width: 150px;
}

.screentype-else {
  padding-top: 20px;
    padding-left: 40px;
    display: inline-block;
    column-width: 150px;
}

.horizontal-list {
 list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eee;
    width: 350px;
 }

.nav-item {
    /*float:left;
    text-align: center;
    padding: 16px;
    text-decoration: none;*/
     background-color: rgba(107, 183, 233, 0.36);
}



.nav-item-icon {
    text-align: center;
    padding: 4px;
    text-decoration: none;
   
}

.blue-one {
     background-color: rgba(107, 183, 233, 0.21);
}

.blue-two {
     background-color: rgba(107, 183, 233, 0.36);
}
.blue-three{
    background-color: rgba(107, 183, 233, 0.45);
}

.screen-icon {
    height: 25px;
    width: 25px;
}

.included {
    background:#fff;
    margin:10px;
    float:left;
    display:inline-block;
    width:225px;
}

[param_type='wizard'] .included
{
    width: 300px;
    height: 300px;
    padding-top: 10px;
}

.all-params-content {
    float:left;
    
    width : 100%;
}



.params-container
{
    background:#eee;
    margin-bottom:10px;
    margin-top:20px;
}
.param-col-name
{
    display:inline-block;
    width:60px;
    /*float:left;*/
    text-align:right;
    font-size:11px;
    margin-right:5px;
        line-height:30px;
}
.param-col-ui
{
    display:inline-block;
    width:145px;
    /*float:right;*/
}
.param-col-del
{
    display:inline-block;
    width:35px;
}
.param-col-ui input
{
    width:100%;
}
.param-col-ui select
{
    width:100%;
}
.show-hidden-button
{
    margin:6px 0px 10px 74px;
    font-size:11px;
}
.param-utils
{
    clear:both;
    margin:10px;
}
.included-set
{
    padding:10px;
    margin:10px;
    border-bottom:solid 1px #000;
}
.param-num
{
    padding:4px 0px 0px 77px;
    font-size:18px;
}