/*Popup CSS Code Start */
.popup-box {
	margin-bottom: 0;
    outline: medium none;
    vertical-align: middle;
    white-space: nowrap;
	margin-top:8px;
	text-align:left;
}

.popup-box .add-on {
    background-color: #EBEBEB;
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin-bottom: 0;
    margin-right: -4px;
    min-width: 100px;
    padding: 0 2% 0 4%;
    width: 14%;
}

.popup-box .wg-input {
    background-color: #FFFFFF;
    border: 0 none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #848484 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    line-height: 20px;
    margin-bottom: 0;
    outline: medium none;
    padding: 4px 15px;
    vertical-align: middle;
    width:66%;
    
}
.select_w {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #716D6E;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 32.2%;
}
.select_w label {
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    margin-top: -18px;
    padding: 0;
}

/*Popup CSS Code End */


/* popModal */
.popModal 
{
	width:320px;
    position:absolute;
    background:linear-gradient(to bottom, #D5281D 0%, #A51B2A 100%) repeat scroll 0% 0% transparent;
    background:-webkit-linear-gradient(top, #d5281d 0%,#A51B2A 100%);
	background:-moz-linear-gradient(top, #d5281d 0%,#A51B2A 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5281d', endColorstr='#a51b2a',GradientType=0 );
    padding:15px;border:1px solid #aaa;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
    text-align:left;z-index:99;box-sizing:border-box;
}
.popModal .close 
{
    line-height:12px;font-size:32px;font-weight:bold;color:White;
    font-family:serif;position:absolute;right:8px;top:5px;
    padding:0;cursor:pointer;background:transparent;border:0;outline:0;opacity:1
 }
.popModal .popModal_content 
{
    margin:15px auto;word-wrap:break-word;font-family:sans-serif;font-size:14px;font-weight:initial;
    font-style:initial;color:White;text-decoration:initial;text-transform:initial;padding:initial;
    text-align:center;
 }
.popModal .popModal_content.popModal_contentOverflow {margin:15px -8px;padding:0 7px; margin-top:-10px; margin-bottom: 0px;}
.popModal .popModal_content:before {content:'';position:absolute;left:0;right:0;height:20px;bottom:-20px}
.popModal:before,
.popModal:after {content:'';position:absolute;border:10px solid transparent}
.popModal:after {z-index:1}
.popModal.bottomRight {right:0}
.popModal.bottomLeft:before,
.popModal.bottomRight:before,
.popModal.bottomCenter:before {border-top-width:0;border-bottom-color:#aaa;top:-10px;left:6px}
.popModal.bottomLeft:after,
.popModal.bottomRight:after,
.popModal.bottomCenter:after {border-top-width:0;border-bottom-color:#D3271D;top:-9px;left:6px}
.popModal.bottomRight:before,
.popModal.bottomRight:after {left:auto;right:6px}
.popModal.bottomCenter:before,
.popModal.bottomCenter:after {left:50%;margin-left:-10px}
.popModal.leftTop:before,
.popModal.leftCenter:before {border-right-width:0;border-left-color:#aaa;top:6px;right:-10px}
.popModal.leftTop:after,
.popModal.leftCenter:after {border-right-width:0;border-left-color:#fff;top:6px;right:-9px}
.popModal.rightTop:before,
.popModal.rightCenter:before {border-left-width:0;border-right-color:#aaa;top:6px;left:-10px}
.popModal.rightTop:after,
.popModal.rightCenter:after {border-left-width:0;border-right-color:#fff;top:6px;left:-9px}
.popModal.leftCenter:before,
.popModal.rightCenter:before {top:50%;margin-top:-10px}
.popModal.leftCenter:after, 
.popModal.rightCenter:after {top:50%;margin-top:-10px}




@media (max-width: 1000px){
.dialogModal .dialogModal_container {width:78%}
}


/* animation */
.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeOutTop {-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}

.animated {-moz-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-moz-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-moz-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-moz-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-moz-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-moz-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeOutTop {-moz-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-moz-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-moz-animation-name:fadeOutBottom;animation-name:fadeOutBottom}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutLeft {
  100% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutRight {
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutTop {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutTop {
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutBottom {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutBottom {
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}
