﻿
#ipanel { width: 20%; min-width: 270px;  }
#ipanel, .spanel {height: 80px; bottom: 0; background: #ccc; position: fixed; padding: 0.5% 1%; z-index: 9000;}
#ipanel { padding-right: 5px;}
#apanel { float: left; }
#cpanel { margin-left: 60px;}
#cpanel h5 { margin: 0; padding: 0;}


.spanel { margin-left: 22%; width: 78%; display: none }

.toload:before { content: "... подождите ..."; display:block; font-weight: bold; padding: 10%; width: 80%; height: 80%; opacity: 0.8; background: white url('../img/loading.gif') no-repeat center center; position: absolute}
.toload { position: relative; }

*[contenteditable=true] { min-width: 1em; }

.panelblock { float: left; margin-right: 50px; padding: 0 5px;}
.fshide { opacity: 0.3; position: relative}
.fshide:before { content: " - СКРЫТ - "; display: block; position: absolute; top: 50%; left: 50%; z-index: 8888; font-weight: bold; color: #990000; font-size: 18px;}

.block_header { background: #d0e9c6;}
.block_header h3 { margin-left: 10px; float: left; width: 80%}
.block_header .handle { float: left; width: 30px; }
.block_header .handle i { margin: 10px 0 0 5px;  }
.block_content { position: relative; }
.block_panel { position: absolute; z-index: 960; left: 1%; top: 10px; opacity: 0.1}
.block_panel:hover { opacity: 1}
.block_content .handle {  }

.colorselect { margin: 0; padding: 0; }
.colorselect li { cursor: pointer; width: 16px !important; min-width: 16px; display: inline-block; height: 16px; padding: 0; margin: 0 0 0 2px; text-indent: -1000px; border: 1px #666 solid;}
.panelblock li { display: inline-block; margin: 0 0 0 2px;}
.bgred { background-color: #eed3d7; }
.bgyellow { background-color: yellow }


.floating { float: left; z-index: 2; position: absolute; }
.price_desc .floating { left: 0;}

.modal form { margin: 0 }

.editmode .feature_icons .icon { border: 1px #ccc dashed; }

.modal-body .icon {    margin: 2px !important; }

.bga0 {background: 0;}
.bga1 {background: rgba(255,255,255,1);}
.bga09 {background: rgba(255,255,255,0.9);}
.bga08 {background: rgba(255,255,255,0.8);}
.bga07 {background: rgba(255,255,255,0.7);}
.bga06 {background: rgba(255,255,255,0.6);}
.bga05 {background: rgba(255,255,255,0.5);}


.custom-enter,
.custom-leave,
.custom-move {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
    position:relative;
}

.custom-enter {
    left:-10px;
    opacity:0;
}
.custom-enter.custom-enter-active {
    left:0;
    opacity:1;
}

.custom-leave {
    left:0;
    opacity:1;
}
.custom-leave.custom-leave-active {
    left:-10px;
    opacity:0;
}

.custom-move {
    opacity:0.5;
}
.custom-move.custom-move-active {
    opacity:1;
}


.align-center, .align-center * {
    text-align: center;
}
.align-center input {
    margin-left: auto;
    margin-right: auto;
}

.align-right, .align-right * {
    text-align: right;
}
.align-right input {
    margin-left: auto;
}

.white-bg {
    background: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    -moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
    -webkit-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
    box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
    margin-bottom: 60px;
    position: relative;
}

.fbgX { background-image: none; }
.fbg0 { background: url(../img/bgs/bg0.jpeg) no-repeat center center; }
.fbg00 { background: url(../img/bgs/bg00.jpeg) no-repeat center center; }
.fbg000 { background: url(../img/bgs/bg000.jpeg) no-repeat center center; }
.fbg1 { background: url(../img/bgs/bg1.jpeg) no-repeat center center; }
.fbg2 { background: url(../img/bgs/bg2.jpeg) no-repeat center center; }
.fbg3 { background: url(../img/bgs/bg3.jpeg) no-repeat center center; }
.fbg4 { background: url(../img/bgs/bg4.jpeg) no-repeat center center; }
.fbg5 { background: url(../img/bgs/bg5.jpeg) no-repeat center center; }
.fbg50 { background: url(../img/bgs/bg50.jpeg) no-repeat center center; }
.fbg51 { background: url(../img/bgs/bg51.jpeg) no-repeat center center; }
.fbg52 { background: url(../img/bgs/bg53.jpeg) no-repeat center center; }
.fbg70 { background: url(../img/bgs/bg70.jpeg) no-repeat center center; }
.fbg81 { background: url(../img/bgs/bg81.jpeg) no-repeat center center; }
