﻿#popin-overlay
{
    position:fixed;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.0;
    z-index:10;

   -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#popin-overlay.open {
    opacity:0.5;
}



.popin-title a.close-popin { 
    float: right;
    cursor: pointer;
    color: #232323;
    text-decoration: none;
    font-size: 80%;
    opacity: 0.5;
    text-shadow: 1px 1px 1px #b7b7b7;
    line-height: 26px;
}

.popin-content a.close-popin { 
    cursor: pointer;
    color: #eee;
    text-decoration:none;
    line-height: 26px;
}

.popin-buttons {
    padding-bottom:0;
    margin-bottom:0;
    margin-top:20px;
}

.popin .checkbox-list ul{
    padding:0;
    margin:0;
}
.popin .checkbox-list li:first-child {
    margin-top:0;
}
.popin .checkbox-list li {
    margin:1em 0;
}

.popin { 
    display:none;
    z-index: 9999;
    left: 50%;
    position: fixed;
    top: 50%;  
    opacity:0;
   -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
     transform-origin: 0 0;

    -webkit-transform: scale(0.65) translate(-50%, -50%);
	-moz-transform: scale(0.65) translate(-50%, -50%);
	-ms-transform: scale(0.65) translate(-50%, -50%);
	-o-transform: scale(0.65) translate(-50%, -50%);
	transform: scale(0.65) translate(-50%, -50%);
    pointer-events: none;
}
.popin h2 {
    color:#B2C5D7;
}

.popin > div {
    padding:20px;
    padding-bottom:0;
    overflow: auto;
}

.popin.open {
    opacity:1;
    display:block;
    pointer-events: all;
    height: 100%;
    -webkit-transform: scale(1) translate(-50%, -35%);
	-moz-transform: scale(1) translate(-50%, -35%);
	-ms-transform: scale(1) translate(-50%, -35%);
	-o-transform: scale(1) translate(-50%, -35%);
	transform: scale(1) translate(-50%, -35%);
}

.popin .popin-title {
    background:#2E4459;
    color:#fff;
    padding: 10px 20px;
    font-size:22px;
}

.popin .popin-form {
    color:#333;
    background:#fff;
    padding:12px 10px;
}
	


.popin td {
    padding:2px;
}

.popin .popin-buttons {
    margin: 0;
    padding: 20px;
}



    .popin .ui-slider .ui-slider-handle {
        background:#80CBC4;
        outline:0;
    }
    .popin .ui-slider .ui-slider-range  {
        background:#80CBC4;
        height:2px;
    }
    .popin .ui-widget-content {
        background:#666F77;
        height:2px;
    }

    .popin hr {
        border-top: 1px solid #435767;
        margin-top: 29px;
    }