html, body
{
    height: 100%;
}

.image-checked:before {
    content: "\e013";
}

.image-not-checked, .image-checked {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 9px;
    margin-right: .9rem;
}

.menuBlock .panel-heading .image-not-checked, .menuBlock .panel-heading .image-checked {
    margin-right: 0;
}

#toolBoxBar
{
    width: 100%;
    background: url('../images/toolbox_wallpaper.png') repeat-x top left #fff;
    border-bottom: 2px solid #000;
}

#toolBoxBar .left
{
    width: 50%;
    float: left;
}

#toolBoxBar .right
{
    width: 50%;
    right: 0;
    float: right;
}

#toolBoxBar .part
{
    margin: 5px;
    display: block;
    float: left;
}

#toolBoxBar .right .part 
{
    float: right;
}

#toolBoxBar .part p
{
    padding: 7px 0;
    color: #6e6e6e;
    font: normal 12px Helvetica, Arial, sans-serif;
}

#toolBoxBar .part a.button {
    display: inline-block;
    text-align: center;
    padding: 8px 11px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, 0.2);
}

#toolBoxBar .part a.button:hover {
	border: 1px solid #DEE7E7;
	color: #fff;
}

#toolBoxBar .part a.arrowDown 
{
    background: url('../images/toolbox_arrow_down.png') no-repeat 90% 50%;
    padding-right: 27px;
}

#toolBoxBar .part a.arrowDown:hover
{
    background: url('../images/toolbox_arrow_down_hover.png') no-repeat 90% 50%;
}

#toolBoxBar .part ul, #toolBoxBar .part div.listConstraints
{
    width: 275px;
    margin-top: 7px;
    list-style-type: none;
    position: absolute;
    z-index: 999999;
    background-color: #eaeaea;
}

#toolBoxBar .part div.listConstraints
{
    width: 600px;
}

#toolBoxBar .right .part ul 
{
    margin-left: -175px;
}

#toolBoxBar .part ul li:first-child a.button
{
    margin: 5px 5px 0;
    background: #ddd;
    border: 0;
    padding: 4px;
    width: 35px;
    height: 25px;
    background: url('../images/toolbox_reload.png') no-repeat 50% 50% #ddd;
}

#toolBoxBar .part ul li:not(:first-child), #toolBoxBar .right .part ul li, #toolBoxBar .part h3
{
    margin: 4px 5px;
    padding: 5px 8px;
    background-color: #fff;
    border-bottom: 1px dotted #eaeaea;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 1px 0 0 #ccc;
}

#toolBoxBar .part h3, #toolBoxBar .part h3 a
{
    color: #000;
    font-weight: normal;
}

#toolBoxBar .part h3 a:hover
{
    text-decoration: underline;
}

#toolBoxBar .part ul li:last-child
{
    border-bottom: 0;
}

.debugSepLine
{
    border-style: dashed;
    border-color: Red;
    border-width: 0px;
}

.errorException 
{
    width: 600px;
    background-color: #ddd;
}

.errorException .errorTitle
{
    padding: 10px;
    color: #fff;
    background-color: #991111;
}

.errorException .errorCode
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px dashed #ccc;
    margin: 10px 10px 0;
    height: 175px;
    overflow: auto;
    background-color: #fff;
}

.errorException .errorContent 
{
    padding: 10px;
    line-height: 21px;
}

.errorException .errorLocation
{
    color: #fff;
    padding: 10px;
    background-color: #222;
}

.gframeCheck
{
    margin: 0 auto;
    width: 700px;
    border: 1px solid #e10000;
    background-color: #ffc3c3;
}

.dni 
{
    display: none;
    border: 1px dotted red;
    background-color: white;
    padding: 2px 3px;
    margin: 0 1px;
    font-size: 10px;
}

.dni-bar {
    display: none;
}

div.broken,
div.missing {
	margin: auto;
	position: relative;
	top: 50%;
	width: 193px;
}
div.broken a,
div.missing a {
	height: 63px;
	position: relative;
	top: -31px;
}
div.broken img,
div.missing img {
	border-width: 0px;
}
div.broken {
	display: none;
}

.form-control
{
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.textarea-control
{
    height: auto !important;
}

/* new feature window */

.featureWindow 
{
    border: 0;
    opacity: 0.9;
    background-color: #fff;
}

.featureWindow tr th
{
    background: url('../Images/featureheader-wrapper.png') repeat-x top left;
}

.featureWindow tr th:nth-child(1) 
{
    width: 20%;
    text-align: left;
}

.featureWindow tr th:nth-child(2)
{
    width: 60%;
    font-weight: normal;
}

.featureWindow tr th:nth-child(3) 
{
    width: 20%;
    text-align: right;
}

.featureWindow tr th .btnArrowUp, .featureWindow tr th .btnArrowDown 
{
    border: 0;
    width: 20px;
    height: 18px;
    cursor: pointer;
}

.featureWindow tr th a.btnFullScreen
{
    display: block;
    padding: 4px 11px;
    color: #000;
    float: right;
    text-decoration: none;
}

.featureWindow tr th a.btnFullScreen:hover 
{
    background-color: #fff;
    opacity: 0.25;
}

.featureWindow tr th a.btnCloseWindow, #priceDialog .dialogOptions a
{
    display: block;
    padding: 4px 14px;
    float: right;
    background-color: #fff;
    color: #000;
    opacity: 0.5;
    text-decoration: none;
}

.featureWindow tr th a.btnCloseWindow:hover, #priceDialog .dialogOptions a:hover
{
    background-color: #ff0000;
    opacity: 0.8;
}

.featureWindow tr th.draggable
{
    cursor: move;
}

.featureWindow tr th 
{
    color: #000;
    padding: 5px;
}

.featureWindow tr td table 
{
    width: 100%;
}

.featureWindow tr td table tr td
{
    padding: 3px 4px;
}

/*
.featureWindow input.configtext, .featureWindow input.integer
{
    padding: 2px 3px;
    background: url('../images/input-wrapper.png') repeat-x top left #fff;
    font: normal 10pt "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    color: #000;
}*/

#top-left .featureWindow tr.green td.featureDescription
{
    background-color: #fff;
    color: #000;
    padding: 2px 4px;
    border-bottom: 2px solid #ccc;
    line-height: 18px;
}

#top-left .featureWindow tr.red td.featureDescription
{
    background-color: #fff;
    color: #000;
    padding: 2px 4px;
    border-bottom: 2px solid #ccc;
    line-height: 18px;
}

.featureValue
{
    width: 100%;
}

/* viewas: configtext */

.featureConfigText tr td:nth-child(1)
{
    width: 30%;
    min-width: 100px;
    font-weight: bold;
    color: #000;
}

.featureConfigText tr td:nth-child(2)
{
    width: 40%;
    min-width: 150px;
}

.featureConfigText tr td:nth-child(3)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureConfigText tr td:nth-child(4)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

/* viewas: richtext */

.featureRichText tr td:nth-child(1)
{
    width: 20%;
    min-width: 100px;
    font-weight: bold;
    vertical-align: text-top;
    color: #000;
}

.featureRichText tr td:nth-child(2)
{
    width: 80%;
    min-width: 400px;
}

/* viewas: memo */

.featureMemo tr td:nth-child(1)
{
    width: 30%;
    min-width: 100px;
    font-weight: bold;
    color: #000;
    vertical-align: text-top;
}

.featureMemo tr td:nth-child(2)
{
    width: 70%;
    min-width: 250px;
}

.featureMemo tr td:nth-child(2) textarea 
{
    width: 98%;
}

/* viewas: integer */

.featureInteger tr td:nth-child(1)
{
    width: 30%;
    min-width: 100px;
    font-weight: bold;
    color: #000;
}

.featureInteger tr td:nth-child(2)
{
    width: 40%;
    min-width: 150px;
}

.featureInteger tr td:nth-child(3)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureInteger tr td:nth-child(4)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

/* viewas: date */

.featureDate tr td:nth-child(1)
{
    width: 30%;
    min-width: 100px;
    font-weight: bold;
    color: #000;
}

.featureDate tr td:nth-child(2)
{
    width: 40%;
    min-width: 150px;
}

.featureDate tr td:nth-child(3)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureDate tr td:nth-child(4)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

/* viewas: radio */

.featureRadio tr td:nth-child(1)
{
    width: 5%;
    min-width: 45px;
}

.featureRadio tr td:nth-child(2)
{
    width: 65%;
    min-width: 175px;
    font-weight: bold;
    color: #000;
}

.featureRadio tr td:nth-child(3)
{
    width: 12%;
    min-width: 50px;
    text-align: right;
}

.featureRadio tr td:nth-child(4)
{
    width: 18%;
    min-width: 60px;
    text-align: right;
}

.featureRadio tr td.description
{
    padding-left: 57px;
}

/* viewas: checkbox */

.featureCheckBox tr td:nth-child(1)
{
    width: 5%;
    min-width: 45px;
}

.featureCheckBox tr td:nth-child(2)
{
    width: 65%;
    min-width: 175px;
    font-weight: bold;
    color: #000;
}

.featureCheckBox tr td:nth-child(3)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureCheckBox tr td:nth-child(4)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureCheckBox tr td.description
{
    padding-left: 57px;
}

/* viewas: dropdown */

.featureDropDown tr td select
{
    max-width: 130px;
}

.featureDropDown tr td:nth-child(1)
{
    width: 30%;
    min-width: 100px;
    font-weight: bold;
    color: #000;
}

.featureDropDown tr td:nth-child(2)
{
    width: 40%;
    min-width: 150px;
}

.featureDropDown tr td:nth-child(3)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

.featureDropDown tr td:nth-child(4)
{
    width: 15%;
    min-width: 50px;
    text-align: right;
}

/* viewas: slide */

.featureSlide a img 
{
    margin: 10px auto;
}

.featureSlide a 
{
    color: #000;
}

.featureSlide a:hover 
{
    text-decoration: none;
}

/* viewas: line */
.featureLine tr td
{
    font-weight: bold;
    color: #000;
}


.featureWindow tr td table tr td.description 
{
    font-weight: normal;
    line-height: 18px;
}

.featureWindow tr td table tr td.description img
{
    float: left;
    margin-right: 5px;
}

.feature1b1 #columnSecondFeature 
{
    width: 100%;
    display: block;
    position: relative;
    /*border: 1px dotted green;*/
}

.feature1b1 #columnSecondFeature.notVisible
{
    display: block;
}

.feature1b1 #columnSecondFeature #secondPanel
{
    height: 100%;
    min-width: 55px;
    display: block;
    float: right;
}

.feature1b1 #columnSecondFeature #secondPanel
{
    width: auto;
    /*width: auto !important;*/
}

.feature1b1 #columnSecondFeature .ui-handle
{
	height: 480px;
    width: 50px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    float: left;
}

.feature1b1 #columnSecondFeature .ui-handle #handle-overview 
{
    /*width: 484px;*/
    position: absolute;
    top: 315px;
    left: -215px;
    width: 484px;
        
    /* Safari */
    -webkit-transform: rotate(-270deg);

    /* Firefox */
    -moz-transform: rotate(-270deg);

    /* IE */
    -ms-transform: rotate(-270deg);

    /* Opera */
    -o-transform: rotate(-270deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.feature1b1 #columnSecondFeature .ui-handle #handle-overview div background-color
{
    font-size: 18px;
}

.feature1b1 #columnSecondFeature .well
{
    height: 480px;
    margin: 0;
    padding: 0;
    background: none;
    background-color: #e8e8e8;
    box-shadow: none;
    border: 1px solid #ddd;
    float: left;
    overflow-y: scroll;

    /* initial state */
    opacity: 0;
    width: 5px;
}

.feature1b1 #columnSecondFeature .secondContent
{
    width: auto;
    margin: -1 0 0 0;
}

.feature1b1 #sidebar,
.feature1b1 #columnFeatureContent
{
    position: relative;
    min-height: 1px;
    float: left;
}

.datepicker {
    z-index: 9999 !important;
}

/* Three JS progress bar loader - default */

.progressbar {
    background: #fff;
    text-align: center;
    position: absolute;
}

.progressbar .totalbar {
    width: 202px;
    height: 25px;
    border: 1px solid #000;
    display: block;
    position: relative;
}

.progressbar .info {
    top: 100px;
    font-size: 16px;
    color: #000;
    position: relative;
    text-transform: uppercase;
}

.progressbar .totalbar .bar {
    height: 100%;
    background-color: grey;
}

/* CRUD component  */

.d01-crud input[type="text"] 
{
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.d01-crud .btn {
    margin-left: 10px;
}

.d01-crud .crud_create {
    float: left;
}

.d01-crud .edit_record {
    
}

.d01-crud .crud_save_entry , .d01-crud .crud_save_edit{
    margin-bottom: 20px;
}

.d01-crud .default {
    float: right;
    margin-bottom: 20px;
}

.d01-crud .crud_tableview_inputcell {
    border: none;
}

.d01-crud .crud_show_entries {
    float:right;
}

.d01-crud .crud_toggle {
    margin-left:10px;
}


.d01-crud .inputvalues {
    height: auto !important;
}

.d01-crud .manage {
    margin-bottom: 30px;
    float: left;
}

.d01-crud .create_container , .d01-crud .edit_container 
{
    width: 100%;
}

.d01-crud .table_crud {
    margin-top: 20px;
}

.d01-crud .table_crud th {
    width: 80px;
}

.d01-crud .pagination {
    margin-top: 12px;
    margin-left: 10px;
}