/* ===================
    ALL: MIxit
   =================== */

#Container {



    position: relative;
    min-height: 580px;

    overflow: hidden;
}

#Container .mix {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;

   background-color: #f4f2ee;
    margin-bottom: 4%;
    display: none;
    font-size: 25px;

    cursor: pointer;


    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    vertical-align: top;
    -webkit-backface-visibility: hidden;

}

#Container .mix:hover div.description {
    background: #fcfbfa; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f6f4 0%, #e7e3da 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f4), color-stop(100%,#e7e3da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f6f4 0%,#e7e3da 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f6f4 0%,#e7e3da 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f6f4 0%,#e7e3da 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f6f4 0%,#e7e3da 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f4', endColorstr='#e7e3da',GradientType=0 ); /* IE6-9 */

}
#Container .mix:hover div.title {

    background: #c1b18c; /* Old browsers */
    background: -moz-linear-gradient(top, #c1b18c 0%, #8f7b4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1b18c), color-stop(100%,#8f7b4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1b18c 0%,#8f7b4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1b18c 0%,#8f7b4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1b18c 0%,#8f7b4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1b18c 0%,#8f7b4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b18c', endColorstr='#8f7b4e',GradientType=0 ); /* IE6-9 */

}

#Container .mix:before {
    content: '';

    vertical-align: middle;
}

#Container .mix:after {
    content: '';
    position: absolute;


}


#Container .gap,
#Container .mix {
    width: 100%;
}

#Container.list .mix {
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
}

#Container.list .mix:before {
    padding-top: 3%;
}

#Container.pagination {
    min-height: 0;
    background: #6bd2e8;
    padding: 15px;
}

#Container.pagination .mix {
    margin-bottom: 4%;
    width: 48%;
}

#Container.pagination .mix:before {
    padding-top: 45%;
}




aside h2{
    background-color: #1a194e;
    color: #fff;
    margin-top: 0px;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    padding-left: 10px;
    font-size: 16px;
    line-height: 28px;
    min-height: 30px;
}

.sandbox-control-bar .toggle-config {
    width: 36px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 0;
    cursor: pointer;
    background: url(im/sprite.svg) center -24px no-repeat;
    border: 0 none;
    opacity: .3;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.sandbox-control-bar .toggle-config:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sandbox-control-bar .toggle-config:active {
    border: 0 none;
}

.sandbox-control-bar .toggle-config.config-open {
    opacity: 1;
    -webkit-transform: scale(1) rotate(90deg);
    -moz-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
}

.sandbox-control-bar .toggle-layout {
    position: relative;
}

.sandbox-control-bar .toggle-layout:hover i {
    background: #68b8c4;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    transition: 0;
}

.sandbox-control-bar .toggle-layout:hover i:after,
.sandbox-control-bar .toggle-layout:hover i:before {
    background: #68b8c4;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    transition: 0;
}

.sandbox-control-bar .toggle-layout i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -10px;
    pointer-events: none;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    -ms-transition: background-color 150ms;
    transition: background-color 150ms;
}

.sandbox-control-bar .toggle-layout i:before,
.sandbox-control-bar .toggle-layout i:after {
    position: absolute;
    content: '';
    right: 0;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    -ms-transition: background-color 150ms;
    transition: background-color 150ms;
}

.sandbox-control-bar .toggle-layout i:before {
    -webkit-transform: translateY(-220%);
    -moz-transform: translateY(-220%);
    -ms-transform: translateY(-220%);
    transform: translateY(-220%);
}

.sandbox-control-bar .toggle-layout i:after {
    -webkit-transform: translateY(220%);
    -moz-transform: translateY(220%);
    -ms-transform: translateY(220%);
    transform: translateY(220%);
}

.sandbox-control-bar .toggle-layout i,
.sandbox-control-bar .toggle-layout i:before,
.sandbox-control-bar .toggle-layout i:after {
    width: 20px;
    display: block;
    height: 3px;
    background: #333333;
    border-radius: 1px;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.sandbox-control-bar .toggle-layout i:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sandbox-control-bar .toggle-layout.grid-icon i {
    height: 16px;
    margin-top: -8px;
}

.sandbox-control-bar .toggle-layout.grid-icon i:before,
.sandbox-control-bar .toggle-layout.grid-icon i:after {
    width: 22px;
    margin-right: -1px;
    background: white;
    height: 4px;
    -webkit-transform: translateY(150%);
    -moz-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
}

.sandbox-control-bar .toggle-layout.grid-icon i:after {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(150%) rotate(90deg);
    -moz-transform: translateY(150%) rotate(90deg);
    -ms-transform: translateY(150%) rotate(90deg);
    transform: translateY(150%) rotate(90deg);
}

.sandbox-control-bar.pagination .btn.active {
    background: #6bd2e8;
    border-top-color: #1c9cb7;
}

.sandbox-control-bar.pagination .disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

/* Control Bars */
.control-bar {
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}

.control-bar label {
    margin: 0 0px 0 3px;
    display: inline-block;
    vertical-align: middle;
    color:#6c6b6b;
    font-size: 11px;
    line-height: 14px;
    margin-top: -5px;
}

.control-bar .legend {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.control-bar .legend label {
    margin: 0 20px 0 5px;
}

.control-bar .legend .dot {
    margin: 0 5px 0 0;
}

.control-bar form {
    text-align: left;
    width: 250px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
}

.control-bar,
.meta-bar {
    overflow: hidden;
}

.control-bar .btn,
.meta-bar .btn {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    background: white;
    color: #555555;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #f2f2f2;
}

.control-bar .btn:hover,
.meta-bar .btn:hover {
    color: #68b8c4;
}

.control-bar .btn.active,
.meta-bar .btn.active {
    background: #68b8c4;
    color: white;
    font-weight: 700;
    border-top: 1px solid #03899c;
    border-bottom: 0 none;
}

.control-bar .btn:active,
.meta-bar .btn:active {
    border-bottom-color: transparent;
    border-top: 1px solid #ddd;
}

.control-bar.pagination .disabled,
.meta-bar.pagination .disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.btn, .ed_button {
    font-family: 'effra', sans-serif;
    font-size: 10px;
    line-height: 1;
    background: #68b8c4;
    padding: 1em 1em;
    margin: 0;
    min-width: 40px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: white;
    border: 0 none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #03899c;
    display: inline-block;
    border-radius: 2px;
    -webkit-appearance: none;
}



#Container .mix div.title{
    font-family:'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    display: block;
    padding: 4px 10px 4px 10px ;
    padding-right: 10px;
    line-height: 18px;

    border-bottom: 4px solid #fff;

    background: #c1b18c; /* Old browsers */
    background: -moz-linear-gradient(top, #c1b18c 0%, #a18a57 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1b18c), color-stop(100%,#a18a57)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1b18c 0%,#a18a57 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1b18c 0%,#a18a57 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1b18c 0%,#a18a57 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1b18c 0%,#a18a57 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b18c', endColorstr='#a18a57',GradientType=0 ); /* IE6-9 */


}

#Container .mix div.description{
    font-family:'PT Sans', sans-serif;
    font-size: 16px;


    color:#fff;
    display: block;
    padding: 4px 10px 10px 10px ;


    background: #fcfbfa; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfbfa 0%, #f4f2ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbfa), color-stop(100%,#f4f2ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfbfa 0%,#f4f2ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfbfa 0%,#f4f2ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfbfa 0%,#f4f2ee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfbfa 0%,#f4f2ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfa', endColorstr='#f4f2ee',GradientType=0 ); /* IE6-9 */


}
#Container .mix div.description div.desc_tags{
    display: block;
    font-size: 12px;
    color:#4f4f4f;
    line-height: 16px;
}
#Container .mix div.description div.desc_tags span, #Container .mix div.description div.updated span{
    color: #8f7636;
}
#Container .mix div.description div.Status{
    text-align: right;
    float: right;
    margin-top: 3px;
    background-image:url('../img/status_symbol.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

#Container .mix div.description div.updated{
    display: block;
    font-size: 12px;
    color:#4f4f4f;
    line-height: 16px;
}
{}

#Container .mix div.description div.Status span{
    display: none;
}


fieldset{
    margin-bottom: 20px;
}
fieldset h4{
    display:block;
    font-family:'PT Sans', sans-serif;
    font-size: 12px;
    color:#0b1961;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    margin-left: -5px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
}

fieldset .checkbox{
    display:block;
    padding-left: 10px;
    line-height:20px;
}
fieldset .disabled input[type="checkbox"]{

    opacity: 0.4;
}
fieldset .disabled label{
    opacity: 0.4;
}
fieldset .checkbox input[type="checkbox"]{

    width:12px;
    height: 12px;






}