.tmp{
    border:1px solid #ddd;background:#fff;border-top:none;border-bottom:none;min-height:calc(100vh - 126px);
}
.header_searh{
    border-bottom:1px solid #ddd;
}

.header_searh .breadcrumb{
    margin:0px;padding:20px;background:none;
}
.header_search2{
    padding:0 20px 20px;
}
@media (min-width:780px){
    .header_search2{
        padding:0 10px 20px;
    }
}
.tmp .header_search2 .dropdown-menu{
    border:none;border-bottom:3px solid #ddd;padding:0px;
}
.tmp .left_quick{
    padding:0px;
    border-top:1px solid #ddd;
}
.left_quick .left_quick_list{
    padding:10px 5px 10px 20px;
    border-right:1px solid #ddd;
    font-size:1.1em;
    background:#f5f5f5;
    line-height:14px;
    border-bottom:1px solid #ddd;
}

.left_quick .left_quick_list:last-child{
    padding:10px 5px 10px 20px;
    border-right:1px solid #ddd;
    font-size:1.1em;
    background:#f5f5f5;
    line-height:14px;
    border-bottom:none;
}
.left_quick .left_quick_list:hover{
    background:#299100;
    color:#fff;
}
.ol-style{
    padding:0px;
    margin:0px;
}
.ol-style li{
    padding:3px;
    font-size:.9em;
}
/*.col-md-2{
    width:16.6666% !important;
    float:left !important;
}*/
.form-control{
    width:auto;
}
.fixUI-mobile{
    max-height:270px;
}
.fix-select{
    float:left !important;
}
@media (max-width:780px) {
    /*.col-xs-7{
        width:58.3333% !important;
        float:right !important;
    }*/
    
    .fix-select{
        float:right !important;
    }
    .fixUI-mobile{
        max-height:none;
    }
}
.list-item-yp{
    border-bottom:1px solid #ddd;
    border-left:3px solid #fff;
    background:#f9f9f9;
}
.list-item-yp:last-child{
    border-bottom:none;
    border-left:3px solid #fff;
}
.list-item-yp .favo{
    display:none;
}
.list-item-yp:hover{
    border-left:3px solid #0094ff;
    background:#fff;
}
.list-item-yp:hover .favo{
    display:block;
}
.az-style{
    float:left;
    width:3.83%;
    text-align:center;
    font-weight:400;
    cursor:pointer;
    color:#333;
}

.btn-search-yp {
    border: 1px solid #ddd;
    background: #E8BD3B;
    color: #fff !important;
}

.search-filter, .az-filter {
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
}
.company-name-yp{
    font-weight:400;font-size:1em;
}
.company-add-yp{
    font-size:.9em;
}
.left-list-yp{
    height:38px;padding:3px 5px;font-size:.9em;display:inline-block;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;
    font-weight:400;
}
.az-style:hover{
    float:left;
    width:3.83%;
    text-align:center;
    font-weight:bold;
    color:#333;
}
.az-style.active{
    float:left;
    width:3.83%;
    text-align:center;
    font-weight:bold;
    color:#d00;
}

.page-header .breadcrumb-line{bcakground:}





/* bcardview */
.bcardview{margin-top:20px;}
.bcardview .card_item{font-size:1em;padding:15px;overflow:hidden;border-radius:3px;}
.bcardview .card_item .profile_position{white-space: inherit;}
.bcardview .card_item .pane-r, .bcardview .card_item .pane-l{text-align:right;height:131px;}
.bcardview .card_item .profile_name,.bcardview .card_item .profile_position,.bcardview .profile_i{text-align:right;}
.bcardview .card_item .avatar {  height: 90px; width: 90px;}
.bcardview .card_item .profile_name{line-height:1.2em; padding-top: 6px; padding-left:4px; border:0 none;}
.bcardview .card_item .pane-footer .company-logo{width:80px;padding:0;}
.bcardview .card_item .pane-footer .company-logo > img{height:40px;}
.bcardview .card_item .pane-footer .company-des{margin-left:82px; font-size:0.9em;}
.bcardview .card_item .pane-footer .company-des > div{height:40px;}
.bcardview .pane-footer{height:50px;}

@media screen and (max-width: 480px) {
	.theme-preview-footer .theme-preview-company-name{font-size:0.9em}
	.theme-preview-footer .theme-preview-company-address{font-size:0.85em}
}

/* template 1 */

.canvas-card.template_1{
	display:table;
    font-size:1em;
    position:relative;
}

.canvas-card.template_1 .card_item{padding:0;margin:0; display:block; overflow:hidden; border-radius:3px;}

.canvas-card.template_1 .theme-preview-body{display:table;width:100%;height:135px;float:left;margin-bottom:10px;}

.canvas-card.template_1 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.canvas-card.template_1 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

.canvas-card.template_1 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

    .search-filter, .az-filter {
        border-bottom: 1px solid #ddd;
        background: #f4f4f4;
    }
    .company-name-yp{
        font-weight:400;font-size:1em;
    }
    .company-add-yp{
        font-size:.9em;
    }
    .left-list-yp{
        height:38px;padding:3px 5px;font-size:.9em;display:inline-block;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;
        font-weight:400;
    }
    .az-style:hover{
        float:left;
        width:3.83%;
        text-align:center;
        font-weight:bold;
        color:#333;
    }
    .az-style.active{
        float:left;
        width:3.83%;
        text-align:center;
        font-weight:bold;
        color:#d00;
    }
  
/*------------------ page detail -----------------*/

.position-right{margin-right:5px;}

.page-profiledt{margin:20px auto;}

.page-profiledt .form-group{margin-bottom:5px;}

.page-profiledt .profile-img{
	background-repeat: no-repeat;
    border-style: solid;
    background-size: cover;
    border:1px solid #999;
    border-radius:3px;
    display: block;
    height: 200px;
    width: 200px;
    margin:0 auto;
}

.page-profiledt .basic-info .row{display:flex}

.page-profiledt .basic-info .row > div{position:relative;}

.page-profiledt .basic-info .row > div:first-child{flex:1 25%;}

.page-profiledt .basic-info .row .no-avatar{height:200px;}

.page-profiledt .basic-info h3.title{margin-bottom:25px;}

.page-profiledt .basic-info ul.about{padding:0}
.page-profiledt .basic-info ul.about li{padding:5px 0;}

.page-profiledt a{color:#58666e;}

.page-profiledt .basic-info .control{position:absolute;bottom:0;rig/ht:40px;left:15px}

@media(max-width:480px){
	.page-profiledt .basic-info .row{display:table}
	.page-profiledt .basic-info .control{position:relative;text-align:center;right:0}
}

.panel-content label.control-label{font-weight:600;}

.page-profiledt .basic-info h3.title, .page-profiledt .company-info h3.title, .page-profiledt .occupation-info h3.title{border-bottom:1px solid rgba(82,102,110,0.6);padding:5px 0}

.page-profiledt .occupation-info h3.title{margin-bottom:20px;margin-top:10px}
.canvas-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.canvas-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.canvas-card.template_1 .theme-preview-footer{
	border-top:1px solid rgba(255,255,255,0.5);		
	display:table;
	float:left;
	width:100%;
	height:80px;
}

@media(max-width:480px){
	.canvas-card.template_1 .theme-preview-footer{
		height:90px;
	}
}

.canvas-card.template_1 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.canvas-card.template_1 .theme-preview-footer > div{}
}

.canvas-card.template_1 .theme-preview-footer .theme-preview-footer-left{width:80px}

.canvas-card.template_1 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.canvas-card.template_1 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.canvas-card.template_1 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.canvas-card.template_1 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 2 */

.canvas-card.template_2{
	background-color:#fff;
	display:table;
    font-size:1em;
    position:relative;
}
.canvas-card.template_2 .card_item{border:1px solid #ddd;padding-bottom:0; display:block; overflow:hidden; border-radius:3px;}

.canvas-card.template_2 .theme-preview-body{display:table;width:100%;height:132px;float:left;margin-bottom:10px;padding-top:15px;}

.canvas-card.template_2 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.canvas-card.template_2 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

.canvas-card.template_2 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.canvas-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.canvas-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.canvas-card.template_2 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:81px;
	color:#fff;
}

@media(max-width:480px){
	.canvas-card.template_2 .theme-preview-footer{
		height:91px;
	}
}

.canvas-card.template_2 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.canvas-card.template_2 .theme-preview-footer > div{}
}

.canvas-card.template_2 .theme-preview-footer .theme-preview-footer-left{width:78px}

.canvas-card.template_2 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.canvas-card.template_2 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.canvas-card.template_2 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:10px 0 0;
}

.canvas-card.template_2 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 3 */

.canvas-card.template_3{
    display:table;
    font-size:1em;
    position:relative;width:100%;
}

.canvas-card.template_3 .card_item{padding:15px 15px 0; display:block; overflow:hidden; border-radius:3px;}

.canvas-card.template_3 .theme-preview-header{
    float: left;
    height: 45px;
    position: absolute;
    width: 100%;
} 

.canvas-card.template_3 .theme-preview-header .theme-preview-company-logo{
	background-repeat: no-repeat;
    background-size: auto 45px;
    background-image: url('/static/images/logo-w.png');
    height: 45px;
    width: auto;
}

.canvas-card.template_3 .theme-preview-body{display: table;
    height: 115px;
    margin-bottom: 15px;
    min-height: 115px;
    width: 100%;}
.canvas-card.template_3 .theme-preview-body .theme-preview-body-right{display:table-cell; vertical-align: middle;}
.canvas-card.template_3 .theme-preview-body .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}
.canvas-card.template_3 .theme-preview-body .theme-preview-details{
	text-align:right;
}

.canvas-card.template_3 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:80px;
	border-radius: 0 0 4px 4px ;
	color:#fff;
}

.canvas-card.template_3 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.canvas-card.template_3 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
}

/* gridview */

.gridview{margin-top:20px;}

@media screen and (max-width: 480px) {
	.gridview > div{padding-left:0px; padding-right:0px;}
	.gridview .card_item .avatar{width:75px; height:75px;}
	.gridview .card_item{padding: 10px 8px 5px;font-size: 1em;}
	.gridview .card_item .pane-l, .gridview .card_item .pane-r{height:auto;}
 	.gridview .card_item .pane-r{ font-size: 90%; line-height: 1.2em;padding-left:4px; }
    .gridview .card_item .profile_name{font-size: 1.2em; line-height: 1.2em;}
	.gridview .card_item .pane-footer{height: 45px; font-size:0.9em; padding-top:4px;line-height:1em;}
	.gridview .card_item .pane-footer .company-logo{ max-height: 40px;  padding: 0 6px; width: 70px;}
	.gridview .card_item .pane-footer .company-logo > img{height:35px;max-width:70px;}
	.gridview .card_item .pane-footer .company-des{line-height: 16px; margin-left: 70px;}
	.gridview .card_item .pane-footer .company-des > div{height:40px; }
}
.gridview .card_item{font-size:1em;padding:15px;overflow:hidden;border-radius:3px;margin-bottom:15px;}

/* template 1 */

.grid-card.template_1{
	display:table;
    font-size:1em;
    position:relative;
}

.grid-card.template_1 .card_item{padding:15px 15px 0; display:block; overflow:hidden; }

.grid-card.template_1 .theme-preview-body{display:table;width:100%;height:135px;float:left;margin-bottom:10px;}

.grid-card.template_1 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.grid-card.template_1 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	padding-top:20px;
}

.grid-card.template_1 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.grid-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.grid-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.grid-card.template_1 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:80px;
}

@media(max-width:480px){
	.grid-card.template_1 .theme-preview-footer{
		height:90px;
	}
}

.grid-card.template_1 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.grid-card.template_1 .theme-preview-footer > div{}
}

.grid-card.template_1 .theme-preview-footer .theme-preview-footer-left{width:80px}

.grid-card.template_1 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.grid-card.template_1 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.grid-card.template_1 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.grid-card.template_1 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 2 */

.grid-card.template_2{
	background-color:#fff;
	display:table;
    font-size:1em;
    position:relative;
}

.grid-card.template_2 .card_item{border:1px solid #ddd;padding-bottom:0;}

.grid-card.template_2 .theme-preview-body{display:table;width:100%;height:132px;float:left;margin-bottom:10px;}

.grid-card.template_2 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.grid-card.template_2 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	padding-top:25px;
}

.grid-card.template_2 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.grid-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.grid-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.grid-card.template_2 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:81px;
	color:#fff;
}

@media(max-width:480px){
	.grid-card.template_2 .theme-preview-footer{
		height:91px;
	}
}

.grid-card.template_2 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.grid-card.template_2 .theme-preview-footer > div{}
}

.grid-card.template_2 .theme-preview-footer .theme-preview-footer-left{width:78px}

.grid-card.template_2 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.grid-card.template_2 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.grid-card.template_2 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:10px 0 0;
}

.grid-card.template_2 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 3 */

.grid-card.template_3{
    display:table;
    font-size:1em;
    position:relative;
}

.grid-card.template_3 .card_item{padding:15px 15px 0;}

.grid-card.template_3 .theme-preview-header{
    height: 45px;
} 

.grid-card.template_3 .theme-preview-header .theme-preview-company-logo{
	background-repeat: no-repeat;
    background-size: auto 45px;
    background-image: url('/static/images/logo-w.png');
    height: 45px;
    width: auto;
}

.grid-card.template_3 .theme-preview-body{margin-bottom:15px;min-height:85px;}

.grid-card.template_3 .theme-preview-body .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}
.grid-card.template_3 .theme-preview-body .theme-preview-details{
	text-align:right;
}

.grid-card.template_3 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:80px;
	border-radius: 0 0 4px 4px ;
	color:#fff;
}

.grid-card.template_3 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.grid-card.template_3 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
}

/* listview */
.listview{margin-top:20px;}
.listview .card_item{font-size:1em;padding:15px;overflow:hidden;border-radius:3px;margin-bottom:5px;}

/* template 1 */

.list-card.template_1{
	display:table;
    font-size:1em;
    position:relative;
}

.list-card.template_1 .card_item{padding:15px 15px 0}

.list-card.template_1 .theme-preview-body{display:table;width:100%;height:135px;float:left;margin-bottom:10px;}

.list-card.template_1 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.list-card.template_1 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	padding-top:20px;
}

.list-card.template_1 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.list-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.list-card.template_1 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.list-card.template_1 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:80px;
}

@media(max-width:480px){
	.list-card.template_1 .theme-preview-footer{
		height:90px;
	}
}

.list-card.template_1 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.list-card.template_1 .theme-preview-footer > div{}
}

.list-card.template_1 .theme-preview-footer .theme-preview-footer-left{width:80px}

.list-card.template_1 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.list-card.template_1 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.list-card.template_1 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.list-card.template_1 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 2 */

.list-card.template_2{
	background-color:#fff;
	display:table;
    font-size:1em;
    position:relative;
}

.list-card.template_2 .card_item{border:1px solid #ddd;padding-bottom:0;}

.list-card.template_2 .theme-preview-body{display:table;width:100%;height:132px;float:left;margin-bottom:10px;}

.list-card.template_2 .theme-preview-body .theme-preview-body-left{
	display: table-cell;
	width:105px;
	position: relative;
} 

.list-card.template_2 .theme-preview-body .theme-preview-body-right{
	display: table-cell;
	position: relative;
	padding-top:25px;
}

.list-card.template_2 .theme-preview-body .theme-preview-body-left .theme-preview-avatar{
	border-radius: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/user_noimage.jpg');
    height: 90px;
    width: 90px;
    border: 1px solid #fff;
    text-align:center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
}

.list-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}

.list-card.template_2 .theme-preview-body .theme-preview-body-right .theme-preview-details{
	text-align:right;
}

.list-card.template_2 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:81px;
	color:#fff;
}

@media(max-width:480px){
	.list-card.template_2 .theme-preview-footer{
		height:91px;
	}
}

.list-card.template_2 .theme-preview-footer > div{position:relative;display:table-cell;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.list-card.template_2 .theme-preview-footer > div{}
}

.list-card.template_2 .theme-preview-footer .theme-preview-footer-left{width:78px}

.list-card.template_2 .theme-preview-footer .theme-preview-company-logo{
	width:100%;
	height:auto;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);
   	-o-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
    margin-left: auto;
	margin-right: auto;
	max-height:60px;
	max-width:78px;
}

.list-card.template_2 .theme-preview-footer .theme-preview-footer-right{padding-left:15px;}

.list-card.template_2 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:10px 0 0;
}

.list-card.template_2 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
	height:25px;
}

/* template 3 */

.list-card.template_3{
    display:table;
    font-size:1em;
    position:relative;
}

.list-card.template_3 .card_item{padding:15px 15px 0;}

.list-card.template_3 .theme-preview-header{
    height: 45px;
} 

.list-card.template_3 .theme-preview-header .theme-preview-company-logo{
	background-repeat: no-repeat;
    background-size: auto 45px;
    background-image: url('/static/images/logo-w.png');
    height: 45px;
    width: auto;
}

.list-card.template_3 .theme-preview-body{margin-bottom:15px;min-height:85px;}

.list-card.template_3 .theme-preview-body .theme-preview-name{
    font-size: 1.4em;
    font-weight: 600;
    text-align: right;
    margin:0 0 5px;
    line-height:1;
}
.list-card.template_3 .theme-preview-body .theme-preview-details{
	text-align:right;
}

.list-card.template_3 .theme-preview-footer{
	border-top:1px solid #fff;		
	display:table;
	float:left;
	width:100%;
	height:80px;
	border-radius: 0 0 4px 4px ;
	color:#fff;
}

.list-card.template_3 .theme-preview-footer .theme-preview-company-name{
	text-align:left;
	font-weight: 600;
	font-size: 1.1em;
	line-height:1;
	margin:9px 0 0;
}

.list-card.template_3 .theme-preview-footer .theme-preview-company-address{
	text-align:left;
}



/*Kiet add pages */
.cd-main-content{
    background:#fcfcfc;
}
.page-header{
    margin:0;
    padding:0;margin-bottom:20px;
    background:#fff;
}
.page-header .breadcrumb-line{
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.page-header .breadcrumb-line .icon-home2{
    font-size:.9em;
}
.page-header .search-container{ margin:20px 0 0;}
.page-header .az-container{ margin:10px 0 0;padding:10px 0px;}

.page-header .breadcrumb-line .container .breadcrumb{
    margin:0px;
    padding:10px 15px;
    background:none;
}
.position-left {
    margin-right: 7px;
}

.az-container .input-group-addon.az-filter{
    background: none;
    border: none;
}
.az-container  .occupation-title{
    width:100px;display:inline-block;
    padding-top:2px; vertical-align:top;
    text-align:center;
}
.az-container .occupation-filte{
    width:calc(100% - 180px); max-width:600px;
    text-align:center;display:inline-block;
}
.az-container  .occupation-viewall{
    padding-top:2px;display:inline-block;vertical-align:top;
    width:80px;
    text-align:center;
}
.page-header .breadcrumb-line .container .search-container .form-group{
    width:80%;
}
.page-header .breadcrumb-line .container .search-container .form-group #search-occupation{
    width:calc(30% - 30px);
}
.page-header .breadcrumb-line .container .search-container .form-group #search-text{
    width:calc(30% - 30px);
}
.page-header .breadcrumb-line .container .search-container .form-group #search-location{
    width:calc(30% - 30px);
}
.page-header .breadcrumb-line .container .search-container .form-group .btn-search-sty{
    width:90px;
}
@media(max-width:780px){
    
    .page-header .breadcrumb-line .container .search-container .form-group .btn-search-sty{
        width:90px;
        border-radius:0;
    }
    .page-header .breadcrumb-line .container .search-container .form-group{
        width:100%;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-occupation{
        width:calc(33.33333% - 30px);
        float:left;
        border-right:none;
        border-radius:0;
        margin-bottom:0px;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-text{
        width:calc(33.33333% - 30px);
        float:left;
        border-radius:0;
        margin-bottom:0px;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-location{
        width:calc(33.33333% - 30px);
        float:left;
        border-left:none;
        border-right:none;
        border-radius:0;
    }
    .page-header .occupation-filte{
        width:100%;
        text-align:center;
    }
    .page-header .occupation-filte .az-style{
        width:7.69230769%;
        padding:5px;
        text-align:center;
    }
}
@media(max-width:480px){
    
    .page-header .breadcrumb-line .container .search-container .form-group .btn-search-sty{
        width:90px;
        border-radius:0;
    }
    .page-header .breadcrumb-line .container .search-container .form-group{
        width:100%;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-occupation{
        width:50%;
        margin-bottom:10px;
        float:left;
        border-right:none;
        border-radius:0;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-text{
        width:50%;
        float:left;
        margin-bottom:10px;
        border-radius:0;
    }
    .page-header .breadcrumb-line .container .search-container .form-group #search-location{
        width:calc(100% - 90px);
        float:left;
        border-right:none;
        border-left:1px solid #ddd;
        border-radius:0;
    }
}
.list-group{margin-bottom:0;}
.list-group .occupation-group-item{
    cursor:pointer;
    border-left:none;
    border-right:none;
    padding-right:5px;
}
.list-group .occupation-group-item:first-child,.list-group .occupation-group-item:last-child{
    border-radius:0;
    border-bottom:none;
}
.list-group .occupation-group-item,.list-group .occupation-group-item{
    text-align:left;
}
.list-group .occupation-group-item .occupation-group-item-group-name{
    width:calc(100% - 38px);
    text-align:left;
}

.list-group .occupation-group-item .occupation-group-item-group-count{
    width:38px;
}
.list-group .occupation-group-item .occupation-group-item-group-count{
    text-align:center;
}
.list-group .occupation-group-item:hover{
    border-left:3px solid rgba(0,100,0,.7);
    padding-left:12px;
}

/*bat buoc*/
.list-group .list-group-item.occupation-group-item.active{
    color: #fff !important;
    background-color: rgba(0,100,0,.7) !important;
    border-color: rgba(0,100,0,.2) !important;
}
/*/bat buoc*/

.panel-default .panel-heading .panel-title{
    font-weight:400;
    font-size:1.1em;
}
.panel-default .panel-heading{
    padding:15px;
    background:#006400;
    font-weight:500;
    color:#fff;
}
.panel.panel-default,.panel.panel-default .panel-heading,.panel.panel-default div .list-group,.panel.panel-default div .list-group .occupation-group-item{
    width:100%;
    float:left;
}

#occupation-container .occupation-list{
   	overflow: hidden;
	padding: 15px;
	/*display:table;*/
}
#occupation-container .occupation-list .occupation-item{
    float:left;
    padding:5px 15px;
    cursor:pointer;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;      
}
#occupation-container .occupation-list .occupation-item i{
	display:inline-block;
	float:left;
	margin-bottom:10px;
	margin-top:3px;
}
#occupation-container .occupation-list .occupation-item span{
}

.occupation-group-item .badge.badge-empty.badge-danger {
    background: #f4f4f4;
    color: #757575;
    border-color: #aaa;
}
#occupation-container .occupation-list .occupation-item:hover{
    color:#006400;
}
 #occupation-container .fa.fa-crosshairs.position-left{
     font-size:1.2em;
 }
.badge, .label {
    font-weight: normal;
}
.az-style:hover{
    color:#d00;
}
.az-container  .occupation-viewall{
    text-decoration:underline;
}
#search-form .form-control{margin-bottom:15px;width:25%;}
#search-form button{display:inline-block;margin-bottom:15px;}

@media(max-width:480px){
	#search-form .form-control{width:100%;}
}
/* /Kiet add pages */