.success-msg{
    font-size: 18px;
    font-weight: bold;
    display: none;
}
.popup-rec{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    height: 28px;
}
.popup-rec .top-holder{
    background: #447bc9;
    padding: 13px 20px;
}
.popup-rec .top-holder:after{
    display: block;
    clear: both;
    content: '';
}
.btn-top-holder{
    background-color: #447bc9;
    color: rgb(214, 214, 214);
    border: solid 1px rgb(214, 214, 214);
}
.top-holder-header,
.top-holder-buttons {
    color:#fff;
    font-size: 12px;
	width: 50%;
	float: left;
}
.popup-rec .btn-transparent {
	float: right;
	margin: 0 0 0 10px;
}
.slide-block {
	background: #fff;
    height: 258px;
}
.btn-top-holder:hover{
    color: #fff;
    border: solid 1px #fff;
}
.popup-rec a {text-decoration: none;}
.popup-rec .opener{
    display: block;
    max-width: 170px;
    background: #447bc9;
    padding: 8px 11px 5px;
    color: #fff;
    text-transform: uppercase;
    font: 13px/16px 'Ubuntu_bold', Arial, Helvetica, sans-serif;
}
.popup-rec .opener:hover{
    text-decoration: none;
    opacity: 0.9;
}
.popup-rec .opener .icon-user,
.popup-rec .opener .icon-heart{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin: -6px 6px 0 0;
	font-weight: bold;
}
.popup-rec .close{
    float: right;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    font-size: 21px;
    margin: -3px 0 0;
}
.popup-rec .tab-content .slide-holder{
    background: #fff;
    height: 215px;
    overflow: visible;
}
.popup-rec .similar-carousel{
    height: 200px;
    max-width:90%;
    margin: 0 auto;
    position: relative;
    color: #757575;
}
.popup-rec .slide .col-info,.popup-rec .slide .col-info:first-child{
    width:181px;
    border: 1px solid #a8b8cd;
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    background: #fff;
    min-height:190px;
}
.popup-rec .col-info .price{
    font-size: 14px;
    line-height: 17px;
}
.popup-rec .col-info .holder{
    padding: 8px 7px 8px;
    margin: 0 0 5px;
    overflow: hidden;
    background: #7aa0d4;
    color: #fff;
}
.popup-rec .col-info address{font: bold 12px/14px Arial, Helvetica, sans-serif;}
.popup-rec .col-info .frame {
    padding: 0 30px 3px 9px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
}
.popup-rec .similar-carousel .mask .slide{
    margin: 6px 17px 0 4px;
    padding: 0;
    float: left;
    width: auto;
}
.popup-rec .similar-carousel .mask .slideset {

    float: left;
}


.popup-rec .similar-carousel .slide:last-child{padding: 0;}
.popup-rec .similar-carousel .btn-prev{left: -35px;}
.popup-rec .similar-carousel .btn-next{right: -35px; left: auto;}
.popup-rec .similar-carousel .mask {
    position: relative;
    overflow: hidden;
}
.popup-rec .similar-carousel .btn-prev, .similar-carousel .btn-next {
    position: absolute;
    top: 50%;
    left: -32px;
    color: #002a76;
    font-size: 26px;
    line-height: 29px;
    margin: -25px 0 0;
}
.popup-rec .icon-trash{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 20px;
    color: #8d8d8d;
}
.popup-rec .icon-trash:hover{
    text-decoration: none;
    opacity: 0.9;
}
.popup-rec label, .confirm-box label{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
}

.popup-rec .chk-area.chk-checked + input[type="checkbox"] + .col-info label .checked{display: block;}
.popup-rec .chk-area.chk-checked + input[type="checkbox"] + .col-info{
    border: 4px solid #447bc9;
    margin: -3px 0 0;
}
.popup-rec .checked{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    text-align: center;
    color: #fff;
    font-size: 70px;
    background: rgba(0, 0, 0, 0.6);
    padding: 14px 0 0;
}
.popup-rec .chk-area.chk-checked + .col-info .add{display: none;}
.popup-rec .add{
    color: #fff;
    position: absolute;
    left: 7px;
    bottom: 7px;
    display: inline-block;
    vertical-align: bottom;
    font: 10px/14px 'Ubuntu_regular', Arial, Helvetica, sans-serif;
}
.popup-rec .add .icon-user{
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    margin: -2px 5px 0 0;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
}
.draws .popup-rec.favorite{ display: block}
.popup-rec.favorite .item-text{
    font: 14px/17px 'Ubuntu_light', Arial, Helvetica, sans-serif;
    float: left;
}
.popup-rec .col-info.active{
    border: 5px solid #447bc9;
    margin: 0 35px 0 0;
}
.popup-rec .list-tabset{
    float: left;
    padding: 0;
    margin: 0 -3px 0 0;

    list-style: none;

    font: 14px/17px 'Ubuntu_bold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
}
.popup-rec .list-tabset li{
    float: left;
    position: relative;
    padding: 0 10px;
    margin: 0;
    border-bottom: none;
}

.popup-rec .list-tabset .number{
    background: #3662a1;
    color: #6487bc;
}
.popup-rec .list-tabset li.active a,
.popup-rec .list-tabset li:hover a{color: #fff;}
.popup-rec .list-tabset .active .number,
.popup-rec .list-tabset li:hover .number{
    background: #a1bde4;
    color: #fff;
}


.popup-rec .list-tabset li:after{
    position: absolute;
    content: '';
    top: 1px;
    left: 0;
    height: 14px;
    border-right: 1px solid #666;
}
.popup-rec .list-tabset li:first-child:after{display: none;}
.popup-rec .list-tabset li a{
    color: #87a7d4;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    line-height: 17px;
    text-decoration: none;
}
.popup-rec .list-tabset .number {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #87a7d4;
    padding: 3px 8px 1px;
    border-radius: 12px;
    margin: -2px 0 0 3px;
}

.popup-rec .list-tabset .active .number,
.popup-rec .list-tabset li:hover .number{background: #2f568c;}
.popup-rec .nav-tabs{
    border: none;
    float: left;
    display: none;
}
.popup-rec .nav-tabs > li a{
    width: 72px;
    height: 72px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    line-height: 23px;
    margin: 0 1px 0 0;
    padding: 22px 10px;
}
.popup-rec .nav-tabs>li.active>a,
.popup-rec .nav-tabs>li.active>a:hover,
.popup-rec .nav-tabs>li>a:hover,
.popup-rec .nav-tabs>li.active>a:focus,
.popup-rec .nav-tabs > li > a:hover{
    background: #447bc9;
    color: #fff;
    border-radius: 0;
    border: none;
}
.popup-rec h1{
    display: none;
    margin: 0 0 15px;
    font:24px/27px 'Ubuntu_regular', Arial, Helvetica, sans-serif;
}
.popup-rec .pagination{
    margin: 0;
    width: 100%;
    display: none;
}
.popup-rec .pagination ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.popup-rec .pagination ul li{
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 7px;
    background: #b2b2b2;
    border-radius: 100%;
    margin: 0 8px;
    text-indent: -9999px;
    overflow: hidden;
}
.popup-rec .pagination ul li.active{background: #5982c0;}
.popup-rec .pagination a{
    display: block;
    height: 100%;
}
.popup-rec input[type="submit"]{
    display: none;
    padding: 10px;
    margin: 0 auto;
    background: #2f63b0;
    border: none;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 241px;
    font-size: 14px;
    line-height: 23px;
}
.popup-rec input[type="submit"]:hover{
    text-decoration: none;
    opacity: 0.9;
}
.popup-rec .btn-holder{
    display: none;
    overflow: hidden;
    padding: 0 0 32px;
}
.popup-rec .btn-select,
.popup-rec .btn-clear{
    border: 1px solid #486693;
    color: #486693;
    float: left;
    padding: 3px 5px;
    margin: 0 8px 0 0;
    font: 13px/16px Arial, Helvetica, sans-serif;
}
.popup-rec .btn-select:hover,
.popup-rec .btn-clear:hover{
    text-decoration: none;
    opacity: 0.9;
}
.popup-rec .btn-select .icon-check,
.popup-rec .btn-clear .icon-close{
    font-size: 9px;
    line-height: 18px;
    color: #21457c;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    font-weight: bold;
}
.popup-rec.favorite.active, .popup-rec.slide-popup.active{
    height: 285px;
}
.slide-holder .col-info img,.confirm-box .col-info img {
    height: 98px;
    width: 100%;
}
.recipient .ico{
    float: left;
    margin: 4px 12px 0 6px;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #7aa0d4;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    padding: 7px 0 0;
}
.recipient .icon-home{
    background: #6ecbc6;
}
.recipient .recipient-values{ float: left;padding-top: 4px;}
.recipient .user-type{font-size: 1.2rem;display: block;}
.recipient .name{font-size: 2rem;}
.recipient .icon-user{
    background: #7aa0d4;
}
.recipient .icon-close, .recipient .email{
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.4rem;
}
.modal .modal-body .icon-close{
    font-size: 2rem;
}
.recipient .recipient-info{
    padding-top: 13px;
}
#send-recom .inner-box{
    text-align: left;
    display: none;
}
.searchUsers-input-group {
	/*margin: 4px 0 10px 0;*/
	/*position: relative;*/
}
#send-recom .searchUsers{
    width: 100%;
    height:40px;
	margin: 0 0;
}
.input-group-rec {
	height: 40px;
	margin: 0 0 10px;
}
#send-recom .recipient{
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px #ccc;
    height: 48px;
    background-color: #f5f7f9;
}
.send-recom h2 {
	font-size: 20px;
	line-height: 22px;
}
.send-recom h5{
	font-size: 15px;
	line-height: 17px;
    color: #447bc9;
}
#send-recom .icon-search{
    color: #fcbc24;
    font-size: 20px;
    font-weight: bold;
}
#send-recom .input-group-addon {
	border-radius: 0;
}
#send-recom .modal-body .recommend{
    display: block;
    width: 163px;
    margin: 0 5px 10px 5px;
    border: 1px solid #a8b8cd;
    float: left;
    position: relative;
    background: #fff;
    min-height:initial;
}
#send-recom .col-info address{
    font-size: 10px;
    margin: 0 0 5px;
    font-style: normal;
    font-weight: bold;
    color: #7a7a7a;
    line-height: 17px;
    text-transform: uppercase;
    text-align: left;
}
#send-recom .col-info .price{
    font:15px/23px 'Ubuntu_light', Arial, Helvetica, sans-serif;
}
#send-recom .col-info .frame{
    padding: 0 9px 0;
}
#send-recom .col-info .holder{
    margin-bottom: 3px;
    overflow: hidden;
    background: #7aa0d4;
    padding: 8px 10px 4px;
    color: #fff;
    margin: 0 0 10px;
}
#send-recom .twitter-typeahead{
    left:0;
    height: 40px;
    width: 100%;
}
#send-recom .modal-body{
    font-family: 'Ubuntu_light';
}
#send-recom .show-error{
    display: none;
    color: red;
}
#send-recom .recipients{margin-top:0;}
.popup-rec .draws .slide-holder{
    background-color: #fff;
    height: 210px;
    overflow: visible;
}
.confirm-box .x-remove{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    padding-top: 70px;
    padding-left: 12px;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: 12px;
}
#fileupload-button {
    background: #7aa0d4;
    border: none;
    padding:0;
}
#send-recom .confirm-box{ padding-top: 25px;}
#uploadModal hr{border-top: solid 2px #7aa0d4;}
#save-images{margin-right: 15px;}
@media only screen and (max-width:768px){
	.top-holder-header {
		width: 35%;
	}
	.top-holder-buttons {
		width: 64%;
	}
}
@media only screen and (max-width:700px){
    .popup-rec .similar-carousel .btn-next,.popup-rec .similar-carousel .btn-prev {
       display: none;
    }
}