/*** default ***/
body {background: #f7f7f8;font-weight: 400;color: #333;font-family: Arial,sans-serif,FontAwesome;position: relative;}
a {cursor: pointer}
a:focus,a:hover {outline: none;text-decoration: none}
p {font-family: Arial,sans-serif;}
label {font-weight: 400; }
a:hover .fa-facebook{color: #3b5998}
a:hover .fa-google-plus{color: #d34836}
a:hover .fa-twitter{color: #4875B4}
a:hover .fa-linkedin{color: #4099FF}
.text-white{color:#fff}
select > option {
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 12px;
}
.ui-widget-header{color:#333}
.ui-state-default, .ui-state-default span, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-align: center}
.checkbox input[type="checkbox"]{left: 0;margin: 4px 0 0}
/*** end default ***/

/*** begin top second navigation bar navbar-top-second ***/
.header {background: #888; /*rgb(39, 39, 39);*/ /*#454545;*/}
.navbar {border-radius:0; border-color: transparent;}
.navbar-top-second {min-height: 0; margin-bottom:0}
.navbar-top-second .main-menu > li:first-child a{padding-left: 0}
.navbar-top-second .main-menu-left ul.navigation {float: left;}
.navbar-top-second .main-menu ul.navigation ul.sub-menu, 
.navbar-top-second .main-menu-left ul.navigation{padding: 0;}
.navbar-top-second .main-menu ul.navigation{float:right;}
.navbar-top-second .main-menu ul.navigation > li > a, 
.navbar-top-second .main-menu-left ul.navigation > li > a{
    color:#C7D1D8;
    line-height: 35px;
    padding: 0 10px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
}
/*.main-menu-left ul.navigation > li:first-child > a{padding-left: 0;}*/
/*.main-menu ul.navigation > li:last-child > a{padding-right: 0;}*/
.navbar-top-second .main-menu ul.navigation > li.language > a span, 
.navbar-top-second .main-menu-left ul.navigation > li.language > a span{
    background: #46a0cd;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
}
.navbar-top-second .main-menu ul.navigation li a.dropdown-toggle, 
.navbar-top-second .main-menu-left ul.navigation li a.dropdown-toggle{padding-right: 20px;}
.navbar-top-second .main-menu ul.navigation li a.dropdown-toggle:after, 
.navbar-top-second .main-menu-left ul.navigation li a.dropdown-toggle:after{
    content: "\f078";
    position: absolute;
    right: 3px;
    top: 17px;
    font: normal normal normal 14px/1 FontAwesome;
}
.navbar-top-second .main-menu ul.navigation > li ul.dropdown-menu li:hover a,
.navbar-top-second .main-menu ul.navigation > li.active > a,
.navbar-top-second .main-menu ul.navigation > li:hover > a,
.navbar-top-second .main-menu ul.navigation > li > a:focus {background: #2f2f2f;color:#fff;}
.navbar-top-second .main-menu-left ul.navigation > li ul.dropdown-menu li:hover a,
.navbar-top-second .main-menu-left ul.navigation > li.active > a,
.navbar-top-second .main-menu-left ul.navigation > li:hover > a,
.navbar-top-second .main-menu-left ul.navigation > li > a:focus {background: #2f2f2f;color:#fff;}
.navbar-top-second .main-menu ul.navigation > li ul.dropdown-menu, 
.navbar-top-second .main-menu-left ul.navigation > li ul.dropdown-menu{
    background: #454545;
    box-shadow: none;
    border:none;
    border-radius: 0;
    padding: 0;
}
.navbar-top-second .main-menu ul.navigation > li ul.dropdown-menu li a, 
.navbar-top-second .main-menu-left ul.navigation > li ul.dropdown-menu li a{
    padding: 8px 15px;color:#999;text-transform: capitalize;}
/*** end top second navigation bar ***/

/*** begin top navigation bar ***/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #00648f}
.horizontal-navbar.navbar-default .navbar-nav > .open > a,
.horizontal-navbar.navbar-default .navbar-nav > .open > a:focus,
.horizontal-navbar.navbar-default .navbar-nav > .open > a:hover {background-color:transparent}
.navbar-top-fisrt .navbar-brand > img {display: inline;}
.navbar-top-fisrt .navbar-brand {line-height:57px;}
.navbar-top-fisrt {margin-bottom:0;height:56px}
.navbar-top-fisrt .navbar-nav>li{height:55px}
.navbar-top-fisrt .navbar-nav>li>a{color:#888;line-height:30px;padding:14px 18px;font-size:14px}
.navbar-top-fisrt .navbar-nav.navbar-left>li>a{color:#555}
.navbar-top-fisrt .navbar-nav li.active{border:none;background-color:transparent}
.navbar-top-fisrt .navbar-nav li.active>a{font-weight:600;background:0 0}
.navbar-top-fisrt .navbar-nav li.active>a:focus,.navbar-top-fisrt .navbar-nav li.active>a:hover{background:0 0;color:#f7941d}
.navbar-top-fisrt .navbar-form{margin-top:13px}
.navbar-top-fisrt .navbar-brand{padding:0}
.navbar-top-fisrt .navbar-right>li>a{padding:0 15px;margin-top:15px}
.navbar-top-fisrt .navbar-right>li>a.box-search-job{margin-right:15px;padding-right:20px;border-right:1px #ccc solid;display:inline-block;color:#00648f}
.navbar-top-fisrt .navbar-right>li i, .navbar-top-fisrt .navbar-right>li img{display:inline-block;}
.navbar-top-fisrt .navbar-right>li .fa-user-plus {margin-right: 3px;}
.navbar-top-fisrt .navbar-right>li .profile-image{margin-top:-3px}
.navbar-top-fisrt .navbar-right>li .fa,.navbar-top-fisrt .navbar-right>li .glyphicon{font-weight:300}
.navbar-top-fisrt .navbar-right>li .fa-user{color:#fff}

@media (min-width:768px) and (max-width:991px){
    .navbar-top-fisrt .navbar-right>li a{padding:0 10px;border-right:none}

}
.navbar-top-fisrt .navbar-header{margin-right:40px;margin-left:20px}
.navbar-top-fisrt .fa-bell,.navbar-top-fisrt .fa-comments-o,.navbar-top-fisrt .fa-search,.navbar-top-fisrt .glyphicon{font-size:22px}
.navbar-top-fisrt .glyphicon{margin-top:5px;font-size:21px}
@media (max-width:767px){
    .navbar-top-fisrt .glyphicon-search{color:inherit}
    .navbar-top-fisrt .glyphicon{margin-top:0;font-size:19px}
}
.horizontal-navbar__employer-site{background:#00648f;-webkit-transition:background-color .3s;transition:background-color .3s}
.horizontal-navbar__employer-site:hover{background:#0272a5}
.horizontal-navbar__employer-site a{line-height:20px!important;margin-top:10px!important}
.horizontal-navbar__employer-site strong{font-weight:500; color: #FFF}
.horizontal-navbar__employer-site span{color:#00b9f2;font-size:13px}

@media (max-width:767px){
    .horizontal-navbar__employer-site a{margin-top:0!important}
}

.navbar-top-fisrt .dropdown .dropdown-menu{padding:0;min-width:300px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;box-shadow:7px 7px 8px -3px rgba(51,51,51,.16);border:1px solid #e0e0e0}
.navbar-top-fisrt .dropdown.dropdown-popover-theme .dropdown-caret{position:absolute;color:#fff;bottom:-10px;left:50%;font-size:26px;margin-left:-8px;display:none}
.navbar-top-fisrt .dropdown.dropdown-popover-theme.open .dropdown-caret{display:block;z-index:1001}
.navbar-top-fisrt .dropdown.dropdown-popover-theme li{border-top:1px solid #f2f2f2}
.navbar-top-fisrt .dropdown.dropdown-popover-theme li:first-child{border-top:none}
.navbar-top-fisrt .dropdown.dropdown-popover-theme li a{margin:0;padding:15px}
.navbar-top-fisrt .dropdown.dropdown-with-icon li a{padding-left:50px;padding-right:50px;color:#555}
.navbar-top-fisrt .dropdown.dropdown-with-icon li a i{margin-left:-33px;margin-right:10px;color:#888}
.navbar-top-fisrt .dropdown.dropdown-with-icon .no-icon{padding-left:20px}
.navbar-top-fisrt .dropdown.dropdown-more>a>i{margin-right:0}
.navbar-top-fisrt .dropdown .static-menu-item{display:inline-block;margin:15px 0 5px}
.navbar-top-fisrt .dropdown li a.btn{padding:7px 35px;color:#fff;margin-left:20px;display:inline-block;margin-bottom:6px}
.navbar-top-fisrt .dropdown li a.btn:focus,.navbar-top-fisrt .dropdown li a.btn:hover{color:#fff;background-color:#e38008;border-color: #e38008;}
.navbar-top-fisrt .user-account img{height:32px;width:32px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:1px solid rgba(255,255,255,.8)}
.navbar-top-fisrt .user-account img:hover{border-color:#fff}
.navbar-top-fisrt .user-account>a{font-size:13px!important;color:#999}
.navbar-top-fisrt .user-account__name{text-transform:uppercase}
.navbar-top-fisrt .user-account .fa-stack{margin-top:0;line-height:32px}
@media (max-width:1199px){.navbar-top-fisrt .navbar-nav.navbar-left>li>a{padding:14px}
}
@media (max-width:991px){
    .navbar-top-fisrt .nav.navbar-left>li>a>i:first-child{display:none}
    .navbar-top-fisrt .navbar-nav.navbar-left>li>a{padding:14px 7px}
}
.navbar-top-fisrt .mobile-nav ul{list-style:none;margin-bottom:0;padding-left:0}
.navbar-top-fisrt .mobile-nav ul:after,.navbar-top-fisrt .mobile-nav ul:before{content:" ";display:table}
.navbar-top-fisrt .mobile-nav ul:after{clear:both}
.navbar-top-fisrt .mobile-nav li{float:right;height:60px;color:#fff;padding:20px 15px;margin-left:10px}
.navbar-top-fisrt .mobile-nav li a{color:#6f6f6f}
.navbar-top-fisrt .mobile-nav li a:focus,.navbar-top-fisrt .mobile-nav li a:hover{color:#f7941d}
.navbar-top-fisrt .mobile-nav li.active{border-bottom:2px #f7941d solid}
.navbar-top-fisrt .mobile-nav .fa-comments-o,.navbar-top-fisrt .mobile-nav .fa-plus{font-size:20px}
.navbar-top-fisrt .mobile-nav .menu-toggler i{font-size:20px}
.navbar-top-fisrt .mobile-nav .mobile-logo{padding:5px 0;margin-left:0;width:60px;border-right:none}
.navbar-top-fisrt .mobile-nav .mobile-logo img{height:40px}
.navbar-top-fisrt .notifications{position:relative}
.navbar-top-fisrt .notifications .number{color:#fff;background:#ef474f;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;display:inline-block;width:15px;height:15px;vertical-align:15px;text-align:center;font-size:10px;position:absolute;border:1px solid #fff;top:0;right:10px;line-height:13px}
@media (min-width:768px){.navbar-top-fisrt .notifications .number{right:5px}
}
@media (max-width:767px){.navbar-top-fisrt .notifications .number{top:-5px;right:-5px}
}
.language-switcher a{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.language-switcher .en{display:none!important}
.language-switcher .vi{display:inline-block!important}
.language-switcher.en .en{display:inline-block!important}
.language-switcher.en .vi{display:none!important}
@media (max-width:767px){
    .language-switcher a{border-right:0}
    .language-switcher .vi{display:inline-block}
    .language-switcher.en .en{display:inline-block}
}
.language-switcher a{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.language-switcher .en{display:none!important}
.language-switcher .vi{display:inline-block!important}
.language-switcher.en .en{display:inline-block!important}
.language-switcher.en .vi{display:none!important}
@media (max-width:767px){
    .language-switcher a{border-right:0}
    .language-switcher .vi{display:inline-block}
    .language-switcher.en .en{display:inline-block}
}
.notification-item{padding:10px 0;padding-left:40px;cursor:pointer;padding-right:10px}
.notification-item a{padding:0;color:#555}
.notification-item a:hover{color:#f7941d}
.notification-popover{width:300px;max-width:none;box-shadow:7px 7px 8px -3px rgba(51,51,51,.16);border:1px solid #e0e0e0}
.notification-popover .arrow{display:none}
.notification-popover .popover-title{background:#fff}
.notification-popover .popover-content{padding:0}
.notification-popover .notification-item:nth-child(even){background:#f7f7f7}
.notification-popover .fa-fw{margin-left:-36px;width:34px;color:#fff;-webkit-text-stroke:1px #888;font-size:14px}
.notification-popover .notification-item__label{margin-left:-31px;margin-right:4px;position:relative;top:-2px}
/*** end top navigation bar ***/

/*** begin popover ***/
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:500px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #B6B6B6;border-radius:2px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}
.page_404{
    min-height: 600px;background: url('../images/404.jpg') no-repeat center center #f9f9ef;
    background-size: auto 100%;padding:50px 0
}
/*** end popover ***/

/*** begin modal popup for menu on mobile ***/
.modal-open{overflow:hidden}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{position:relative;margin-left:auto;margin-right:auto;width:auto;padding:10px;z-index:1050}
.modal-dialog{width:750px!important}
.modal-dialog.modal-xs{width:500px!important}
.modal-dialog.modal-xs .modal-header{padding:10px}
@media (max-width:767px){.modal-dialog.modal-xs .modal-header{padding:5px}
}
.modal-dialog.modal-xs .modal-body{padding:10px}
.modal-dialog.modal-sm{width:600px;height:100%!important;padding-top:10%}
.modal-dialog.modal-sm .modal-header{padding:15px}
.modal-dialog.modal-sm .modal-body{padding:15px}
.modal-dialog.modal-sm .modal-footer{padding:5px 15px 15px 15px;margin-top:0;border:none}
.modal-dialog.modal-lg{width:940px}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:20px 30px;border-bottom:0 solid #e5e5e5}
@media (max-width:767px){.modal-header{padding:10px 15px}
}
.modal-header .close{margin-top:-2px}
.modal-header .close span{padding:5px}
h4.modal-title{margin:0;line-height:1.42857143;font-size:1.4em;font-weight:400;overflow:visible}
.modal-body{position:relative;padding:15px 30px}
@media (max-width:767px){.modal-body{padding:15px}
}
.modal-footer{margin-top:0;padding:15px 30px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer:after,.modal-footer:before{content:" ";display:table}
.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
@media screen and (min-width:768px){.modal-dialog{width:660px;padding-top:30px;padding-bottom:30px}
                                    .modal-dialog .modal-title .small{font-size:12px}
                                    .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
}
@media screen and (max-width:768px){
    .modal-dialog{width:100%!important;height:100%;padding:0}
    .modal-dialog .modal-title .small{font-size:.6em}
}
.modal.modal-menu button.close{top:8px;right:12px;position:absolute;font-size:32px;font-weight:100;width:auto;height:auto;text-indent:0}
.modal.modal-menu button.close:focus{background:0 0;outline:0}
.modal.modal-menu ul{list-style:none;padding-left:0;margin:0}
.modal.modal-menu li{border-bottom:1px solid #eee;padding:15px;padding-left:50px}
.modal.modal-menu li i:first-child{margin-left:-35px;margin-right:7px;color:#555}
.modal.modal-menu li>a{color:#555;display:block}
.modal.modal-menu li a:hover{color:#f7941d}
.modal.modal-menu .modal-dialog{padding:0;margin:0;height:100%}
.modal.modal-menu .modal-content{min-height:100%;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.modal.modal-menu .modal-body{padding:0}
.modal.modal-menu .menu-header{padding-left:20px;font-weight:700;color:#616161}
.modal.modal-menu .secondary-level-menu{display:none}
.modal.modal-menu .secondary-level-menu li{border-bottom:none;padding-bottom:0;padding-left:35px;text-transform:none}
.modal.modal-menu .highlight-menu{background:#f9f9f9}
.modal.modal-menu .highlight-menu i,.modal.modal-menu .highlight-menu i:first-child,.modal.modal-menu .highlight-menu span{color:#f7941d}
.modal.modal-menu .user-profile{padding-left:20px}
.modal.modal-menu .user-profile .btn{padding:7px 28px}
.modal.modal-menu .user-profile .name{margin-bottom:5px}
.modal.modal-menu .user-profile .col-xs-3{width:72px}
.horizontal-navbar__employer-site .fa{float:left;color: #fff}
.modal.modal-menu li.horizontal-navbar__employer-site .fa{color:#fff}
/*** end modal popup for menu on mobile ***/

/*** how-it-works  ***/
.how-it-works {background-color:#f9f9f9;padding-bottom: 30px;}
.how-it-works .icon-find {
    display: inline-block;
    width: 100%;
    height: 135px;
    background: url('../images/icon-find.svg') 50% no-repeat;
    background-repeat: no-repeat;
}
.how-it-works .icon-hire {
    background: url('../images/icon-hire.svg') 50% no-repeat;
    display: inline-block;
    width: 100%;
    height: 135px;
    background-repeat: no-repeat;
}
.how-it-works .icon-work {
    background: url('../images/icon-work.svg') 50% no-repeat;
    display: inline-block;
    width: 100%;
    height: 135px;
    background-repeat: no-repeat;
}
.how-it-works .icon-pay {
    background: url('../images/icon-pay.svg') 50% no-repeat;
    display: inline-block;
    width: 100%;
    height: 135px;
    background-repeat: no-repeat;
}
.how-it-works article h3 {text-transform:uppercase; margin-bottom: 15px;}
.how-it-works h2 {margin-bottom: 70px; margin-top: 70px; text-transform:uppercase; }
.how-it-works .row {padding-bottom: 80px;}
/*** how-it-works  ***/

/*** top-skills  ***/
.top-skills {background-color: #FFF;padding-bottom: 30px;}
.top-skills article h3 {text-transform:uppercase; margin-bottom: 15px;}
.top-skills h2 {margin-bottom: 70px; margin-top: 70px; text-transform:uppercase; }
.top-skills ul li {line-height: 16px;margin-bottom: 16px;}
.top-skills ul li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-right: 10px;
    color: #969ea7;
}
/*** how-it-works  ***/

/**** begin gereral style
***** Tat ca cac css style chung chung khong thuoc rieng block noi dung nao
*****/
.no-padding{padding: 0!important}
.no-margin{margin: 0!important}
/**** end general style ****/

.form-control,.bootstrap-tagsinput,.input-group-addon{border-radius: 0}
.table > thead > tr > th{border-width: 1px;border-color: #dadada}
.alert{margin: 15px 0 10px;border-radius: 0}
.editable-pre-wrapped{white-space: normal}
.editable-empty, .editable-empty:hover, .editable-empty:focus,
.editable-click,.editable-click:hover, .editable-click:focus,
a.editable-click, a.editable-click:hover,a.editable-click:focus
{
    color:#333 ;font-style: normal;
    cursor: pointer;border-bottom: none;background: #f7f7f7;
}
div.login_register a{
    color: #999;display: inline-block;

    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    padding: 0 10px;
    text-align: center
}

.navbar-toggle + .login_register{
    display: none;
}
.navbar-toggle.collapsed + .login_register{
    display: inline-block;
}
.editable-empty,.editable-click,a.editable-click{border-bottom: none;color: #666;cursor: pointer;background: none;position: relative;padding-right: 17px}
/*.profile-link .editable-click{padding-right: 0;}
.profile-link .editable-click:before,.profile-link .editable-click:after{display: none}*/
.profile-link .editable-click:hover{color: #000;background: #ddd}
.page-profile .box ul[class*="list-"]{position: relative;padding-right: 17px;cursor: pointer;padding-bottom: 15px;margin: 0}
.page-profile .block-content ul[class*="list-"]{padding-right: 17px;padding-bottom: 15px;margin: 0}
.page-profile .box.box-skill ul.list-change{cursor: default}
.page-profile .box ul[class*="list-"]:hover{background: #f7f7f7;padding-bottom: 15px;margin: 0}
.page-profile .box ul[class*="list-"] + ul[class*="list-"],
.page-profile .block-content ul[class*="list-"] + ul[class*="list-"]
{padding-top: 15px}
.page-profile .box.box-skill ul.list-change:hover{background: none}
.editable-empty:after,.editable-click:after,a.editable-click:after,.page-profile .box ul[class*="list-"]:after{
    position: absolute;z-index: 1;top:0px;right: 1px;
    content: "\f040";font-family: 'FontAwesome';
    opacity: 0;transition: ease all 0.3s;
}
.logo{
    padding-top: 8px;
}
.logo img{
    display: block;
    margin: 0 auto;
    max-height: 35px;
}
h2.title .editable{padding-right: 27px}
.page-profile .box.box-skill ul.list-change:after{display: none}
.editable-empty:hover:after,.editable-click:hover:after,a.editable-click:hover:after,.page-profile .box ul[class*="list-"]:hover:after{opacity: 1;color: #006699}
.block-summary .editableform,.block-summary .editable-container,.block-summary .editable-container .form-group{display: block}
.block-summary .editable-container textarea{resize: vertical;width: 100%}
.block-summary .editable-container .editable-input{
    width: calc(100% - 85px);
    width: -o-calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width:-webkit-calc(100% - 85px);
}

/*Header*/

.login_register{text-align: center}
.updatecredit{
    position: fixed;
    top: 100px;left: 50px;z-index: 999;
    display: inline-block;padding: 7px 25px 10px 35px;line-height: 35px;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-name: fadeOutUp2;
    animation-name: fadeOutUp2;
}
@-webkit-keyframes fadeOutUp2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0);
    }
}

@keyframes fadeOutUp2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0);
    }
}
.addcredit{
    background:url('../images/credit_plus.png') no-repeat 10px center;
    background-color:#fff;
}
.subcredit{
    background:url('../images/subcredit.png') no-repeat 10px center;
    background-color:#fff;
}
/*End Header*/

/*Main Content*/
hr.line{
    border-top:  2px dotted #b2b2b2;
    margin: 20px 0;
}
.homepage{background: #fff}
/***** BEGIN SLIDER ****/
.homepage > .sliderhome {position: relative;}
.homepage > .sliderhome >  .bx-wrapper{padding:0;margin:0;border-radius: 0;box-shadow: none;border:none}
.homepage > .sliderhome >  .bx-wrapper .bx-controls.bx-has-pager{
    position: absolute;bottom:0;left: 0;width: 100%;text-align: center;
}
.homepage > .sliderhome .swiper-container-horizontal > .swiper-pagination-bullets, 
.homepage > .sliderhome .swiper-pagination-custom,
.homepage > .sliderhome .swiper-pagination-fraction{
    bottom:110px;;padding: 0
}
.homepage > .sliderhome  a.companyName{
    position: absolute;bottom: 10px;
    left: 0;color: #fff;white-space: nowrap;
    text-align: center;width: 100%;
}
.swiper-pagination-bullet{
    box-shadow: 0 0 7px #ccc,0 0 7px #ccc,0 0 7px #ccc;
}
.homepage > .sliderhome  a.companyName .comp{
    display: inline-block;border-radius: 7px;padding:10px 40px 10px 10px;
    background: rgba(0, 0, 0, 0.65);transition: ease all 0.3s;position: relative;
}
.homepage > .sliderhome  a.companyName:hover .comp{
    background: rgba(0, 0, 0, 0.85);color: #fff
}
.homepage > .sliderhome a.companyName .comp:before{
    content:"";top:0;right: 25px;position: absolute;width: 1px;height: 100%;background:rgba(255,255,255,0.5);
}
.homepage > .sliderhome  a.companyName .comp:after{
    content:"\f105";font-family: 'FontAwesome';top:50%;right: 7px;font-size: 30px;position: absolute;
    transform: translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);

}
.homepage > .sliderhome .companyBanner  { 
    min-width: 100%;width: auto;height: auto;
}
.homepage > .sliderhome  a.companyName .name_slogan{
    float: left
}
.homepage > .sliderhome a.companyName p{
    white-space: nowrap;
}
.homepage > .sliderhome  a.companyName .companyLogo{
    float: left;height: 56px;text-align: center;margin-right: 10px
}
.homepage > .sliderhome  a.companyName .companyLogo img{
    max-height: 100%;max-width: 100%;width: auto;height: auto;display: inline-block
}
.homepage .advanceSearch{
    position: absolute;width: 100%;top:50%;left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);text-align: center;
    z-index: 1
}
.homepage .advanceSearch form{
    display: inline-block;background: rgba(0,0,0,0.75);padding:25px 25px 10px;border-radius: 8px
}
.homepage .advanceSearch form div[class*="col-"]{
    padding-left: 5px;padding-right: 5px;
}
.homepage .advanceSearch form .ui-multiselect {
    padding: 6px 10px 5px;
}
.swiper-pagination-bullet{opacity: 1;width: 15px;height: 15px;background: #fff}
.swiper-pagination-bullet-active{background: #0077ff}
.swiper-container {
}
.swiper-slide {
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/***** END HERO SLIDER ****/

ul.slick-dots > li{float: left;margin: 0;padding: 0 3px;height:auto;display: table}
ul.slick-dots > li{border-right:1px solid rgba(255,255,255,0.5)}
ul.slick-dots > li:last-child{border:none}
ul.slick-dots > li a{
    color: rgba(255,255,255,0.5);
    height: 35px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-overflow: ellipsis;
}
ul.slick-dots > li a:hover,ul.slick-dots > li.slick-active a{color: #fff}
ul.slick-dots > li:first-child:nth-last-child(1){width: 100%;}
/* two items */
ul.slick-dots > li:first-child:nth-last-child(2),
ul.slick-dots > li:first-child:nth-last-child(2) ~ li{
    width: 50%;
}
/* three items */
ul.slick-dots > li:first-child:nth-last-child(3),
ul.slick-dots > li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}
/* four items */
ul.slick-dots > li:first-child:nth-last-child(4),
ul.slick-dots > li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}
ul.slick-dots > li:first-child:nth-last-child(5),
ul.slick-dots > li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
ul.slick-dots > li:first-child:nth-last-child(6),
ul.slick-dots > li:first-child:nth-last-child(6) ~ li {
    width: 16.66%;
}
ul.slick-dots > li:first-child:nth-last-child(7),
ul.slick-dots > li:first-child:nth-last-child(7) ~ li {
    width: 14.28%;
}
ul.slick-dots > li:first-child:nth-last-child(8),
ul.slick-dots > li:first-child:nth-last-child(8) ~ li {
    width: 12.5%;
}
ul.slick-dots > li:first-child:nth-last-child(9),
ul.slick-dots > li:first-child:nth-last-child(9) ~ li {
    width: 11.11%;
}
ul.slick-dots > li:first-child:nth-last-child(10),
ul.slick-dots > li:first-child:nth-last-child(10) ~ li {
    width: 10%;
}
.owl-control{margin: 0;padding: 0}

.addthis_toolbox li a.addthis_button_facebook:hover{
    border-color: #3b5998;
}

.addthis_toolbox li a.addthis_button_google:hover{
    border-color: #d34836;
}
.addthis_toolbox li a.addthis_button_twiter:hover{
    border-color: #4099FF;
}
.addthis_toolbox li a.addthis_button_linkedin:hover{
    border-color: #4875B4;
}
.main-content .current-position ~ p{
    color:  #fff;margin-top: 10px;
}
.main-content .like-profile{
    padding-left: 25px;
    background: url('../images/btn-interest-hover.png') no-repeat 0 100%;

    line-height: 30px;border-top: 1px solid #1a76a3;padding-top:5px;
}
.main-content .credit-profile{
    padding-left: 30px;
    background: url('../images/credit.png') no-repeat 0 center;
    line-height: 50px;

}
.text-fullname{

    font-size: 17px;
}
.main-content .partner-slider{
    margin: 15px 0 10px;
}
.main-content .partner-slider ul{
    text-align: center;
    padding: 0 40px;
}
.main-content .partner-slider .block-content ul .owl-item li{
    display: inline-block;
    padding: 0 5px;
    width: 100%;
}
.main-content .partner-slider .block-content ul .owl-item li a{
    padding: 10px;
    border:1px solid #e2e2e2;
    display: block;
    color: #666;
    text-align: center;
    height: 90px;
}
.main-content .partner-slider .block-content ul .owl-item li a img{
    height: 50px;
    object-fit: cover;
    width: auto;display: block;
    margin: 0 auto;
}
.main-content .partner-slider .block-content ul .owl-item li a p{
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-content .partner-slider .block-content{
    position:relative;
}
.main-content .partner-slider .block-content .control-slider span{
    position: absolute;
    top: calc(50% - 20px);
    padding: 5px 10px;
    font-size: 18px;
    color: #b3b3b3;
    background: #efefef;
    cursor: pointer;
    z-index: 99;
}
.main-content .partner-slider .block-content .control-slider span.owl-prev{
    left: 0;
}
.main-content .partner-slider .block-content .control-slider span.owl-next{
    right: 0;
}
.main-content .block-list .block-list-title{

    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
}
.main-content .block-list .block-list-title:before{
    content: "";
    background: #999;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 12px;
    left: 0;
}
.main-content .block-list .block-list-title > *{
    background: #fff;
    padding: 0 10px;
    z-index: 999;
    position: relative;
}
.main-content .block-list .block-list-title .text-align-right{
    font-size: 11px;
    float: right;
    padding-top: 4px;
    line-height: 11px;
    color:#666;
    font-weight: 400;
}
.main-content .block-list .block-list-title .text-align-right:hover{
    color: #006699
}
.main-content .block-list .block-list-title span[class*="text"]{
    transition:  all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    left:0
}
/*.main-content .block-list:hover .block-list-title span[class*="text"]{left:30px}*/
.main-content .block-list .block-list-title span.text-red{
    color:#f00;text-transform: uppercase;
}
.main-content .block-list .block-list-title span.text-blue{
    color:#006699;
}
.main-content .block-list .block-list-title span.text-orange{
    color:#ff9900;
}
.block-list .block-list-content ul:not(.list-employer) li{
    padding: 0px 10px 15px 10px;
    position: relative;
    padding-left: 20px;
}
.block-list .block-list-content ul:not(.list-employer) li:before{
    position: absolute;
    content: "\f105";
    left: 10px;
    top: 0;
    font: normal normal normal 14px/1 FontAwesome;
}
.block-list .block-list-content ul li .company,
.block-list .block-list-content ul li .title{
    color:#006699;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}
.block-list .block-list-content ul li .title a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: calc(100% - 25px);
    max-width: -o-calc(100% - 25px);
    max-width: -moz-calc(100% - 25px);
    max-width:-webkit-calc(100% - 25px);
}
.block-list .block-list-content ul li .company{
    font-size: 13px;

}
.block-list .block-list-content ul li .company{
    color:#666;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.block-list .block-list-content ul.list-employer{
    padding-left: 10px;
}
.block-list .block-list-content ul.list-employer li{
    width: calc(100%/6);
    float: left;
    padding: 5px 0;
}
.main-content .block-list .block-list-content .list-employer li a{
    border:1px solid #e2e2e2;
    padding: 10px;
    display: block;
    margin: 0 3px;
    height: 90px;
}
.main-content .block-list .block-list-content .list-employer li a img{
    margin: 0 auto;
    max-height: 100%;
}
.block-list-content ul li .hightlight{
    position: relative;
}
.hightlight *[class*="hotjob"]{
    width: 21px;height: 13px;
    background: url('../images/hot.png') no-repeat 0 0;
    display: inline-block
}
.hightlight *.hotjob2{
    background: url('../images/hot_2.png') no-repeat 0 0;
}
.main-content .block-ads-content{
    margin: 20px 0;
    text-align: center;
}
.main-content .block-ads-content img,.topAdvs img{
    max-width: 100%;height: auto
}
.main-content .block-content-left{
    width: calc(100% - 300px);
    float: left;
}
.main-content .block-content-left .list-box .block-list .block-list-content ul li:not(.not-content){
    margin-top: 5px;
}
.main-content .block-content-left .list-box .block-list .block-list-content ul li.not-content{
    padding: 0;
}
.main-content .block-content-left .list-box .block-list .block-list-content ul li.not-content:before{
    content: '';
}
.main-content .block-content-left .list-box .block-list .block-list-content .hightlight{
    background: #daecf5;
    padding: 10px;
    border-bottom: 1px solid #fff;
}
.main-content .block-content-left .list-box .block-list .block-list-content .hightlight a{
    color:#006699;
}
.main-content .block-content-left .list-box .block-list .block-list-content .hightlight a.company{
    color:#666;
}
.main-content .block-content-left .list-box .block-list .block-list-content .hightlight a.company:hover{
    color:#006699;
}
.main-content .block-sidebar img {margin-bottom: 10px;}
.main-content .block-sidebar{
    width: 300px;
    float: left;
}
.main-content .block-sidebar .block-ads{
    margin-bottom: 10px;
}
.main-content .block-list.block-list-category .block-list-content ul.lst-categories li{
    padding: 7px 0 7.5px 25px;
}
.main-content .block-list.block-list-category .block-list-content ul.lst-categories li:before{
    top: 10px;
}
.main-content .block-list.block-list-category .block-list-content .showmore{
    background: #006699;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    display: block;
}
.main-content .block-list-category ul.lst-categories li a{
    font-size: 13px;

}
.main-content .block-list-city{
    background: #46a0cd;
}
.main-content .block-list-category ul.lst-categories,
.main-content .block-list-city ul.lst-cities{
    padding:0 20px;
    max-height: 300px;
    overflow: hidden;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.main-content .block-list-category ul.lst-categories.active, .main-content .block-list-city ul.lst-cities.active{
    max-height: 1000px
}
.main-content .block-list-category ul.lst-categories{
    padding: 0 10px;
}
.main-content .block-list-city .block-title{

    font-size: 16px;
    color:#fff;
    padding: 10px;
}
.main-content .block-list-city .block-content{
    background: none;
}
.main-content .block-list-city .block-content ul li{
    padding: 5px 0;
}
.main-content .block-list-city .block-content ul li a .text-muted,
.main-content .block-list-city .block-content ul li a{
    color:#fff;
    font-size: 12.5px;
}
.main-content .block-list-city .block-content .showmore{
    color: #fff;
    text-align: center;
    display: block;
    padding: 5px 0;
    background: #53aedc;
}
.main-content .block-middle-content .detail-link{
    float: left;margin-right: 5px;margin-bottom: 5px;
}
.main-content .block-middle-content .sub-title{font-size: 15px;margin-top: 0;}
.main-content .block-middle-content .detail-link img{
    border: 1px solid #e5e5e5;
}
.main-content .block-middle-content .title,.title{

    font-size: 16px;
    margin: 10px 0;
    color: #006699;
    font-weight: 400;
    position: relative;
}
.main-content .block-middle-content .title > *{
    position: relative;background: #fff;
    z-index: 1;
    padding:  0 5px;display: inline-block
}
.main-content .block-middle-content .title a{
    font-size: 13px;
    color: #333;
}
.main-content .block-middle-content .title:before{
    top: 12px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    content: ''
}
.main-content .block-middle-content .title .text-align-right{
    float: right;
    padding-top: 3px;
}
.main-content .block-middle-content ul.lst-documents li a{
    line-height: 20px;
    margin-bottom: 3px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.subscribe-section{
    background: url('../images/bg-subscribe.jpg') no-repeat 0 50% #ebf0f4;
    min-height: 90px;margin-bottom: 10px;margin-top: 10px;

}
.subscribe-section .form-subcribe{
    padding: 30px 10px;
    height: 90px;
    position: relative;
    min-width: 295px;
}

.main-content .block-middle-content ul.lst-bookjobs li{
    margin-bottom: 5px
}

.main-content .block-middle-content ul.lst-bookjobs li:first-child ~ li a{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.main-content .block-middle-content ul.lst-bookjobs li:first-child ~ li a:hover{
    color: #337ab7;
}
.main-content .block-middle-content ul.lst-bookjobs li:first-child ~ li a:before{
    content: "\f192";font-family:'FontAwesome';padding-right: 5px;
}
.main-content .form-subcribe .form-group .subscribe-text,
.main-content .form-subcribe .form-group label{
    color:#666;

    font-size: 15px;
}
.main-content .form-subcribe .form-group .subscribe-text{
    cursor: pointer;
    color: #46a0cd;font-size: 17px; display: inline-block;padding:0 10px;
}
.main-content .form-subcribe .alert {
    position: absolute;
    padding: 5px 10px;
}
.main-content .form-subcribe .form-group .form-control{
    border: 1px solid #e2e2e2;
    padding: 5px;
    width: 50%;
    min-width: 275px;
    border-bottom-width: 2px;
}
.btn{border-radius: 0}
/***************END******************/
.btn-primary{color: #FFF;background: #182642;}
ul[class*="-menu"] li.parent{position: relative}
ul[class*="-menu"] li.parent > .sub-menu{position: absolute;top: 28px;left: 10px;display: none;
                                         transition: ease-in-out all 0.3s;padding: 0;background: #fff;box-shadow: 0 0 3px #f5f5f5
}
ul[class*="-menu"] li.parent:hover .sub-menu{display:block;height: auto}
ul[class*="-menu"] li.parent > .sub-menu > li {
    border-bottom: 1px solid #f7f8f9;
}
/*End Header*/

/*Carousel*/
.carousel-slider .control-slider{top: 10px;right: 15px;position: absolute;z-index: 999;}
.carousel-slider .carousel-indicators{width: auto;left: auto;}
.carousel-slider .control-slider li{width: 15px;height: 15px;cursor: pointer;}
.carousel-slider .search-content .sologan{color: #333;}
/*End Carousel*/
/*Main Content*/
.form-search .chosen-container-multi .chosen-choices li.search-field input[type="text"]{height: 28px;margin: 0}

.chosen-container-multi .chosen-choices{border-color: #c8c7cc;background: #fff;position: relative}
.chosen-container-multi .chosen-choices:after{position: absolute;right: 10px;top: 5px;content: '\f0d7';font-family: FontAwesome}
.main-content .nav-content{padding: 10px 0;}
.breadcrumb{border-radius: 0;margin: 0}
.main-content .nav-content ul li a span{position: relative;}
.main-content .nav-content ul li a span:before{position: absolute;content: "";right: -23px;top: 0;display: block;background: url(../images/new.gif) no-repeat;width: 21px;height: 9px;}
.main-content .nav-content ul li a{}
.main-content .main-profile label{line-height: 33px}
.main-content .main-profile input[type="text"],.main-content .main-profile input[type="email"],.main-content .main-profile input[type="password"]{line-height: 22px}
.main-content .logo-slider{
    display: inline-block;padding: 0;margin: 10px 0;
}
/*End Main Content*/
/*Footer*/
.footer{background-color:rgb(27, 40, 48);color: #969ea7;margin-top: 10px; padding-bottom: 10vh;}
.flike-wrapper { display: inline-block;overflow: hidden!important;float:right; margin: 15px 0 0;}
.footer-corporate{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 32px 0 0;border-top: 1px solid #363f4d;}
.footer-support{background: #999;color: #fff;padding: 10px;}
.footer-support .container{line-height: 40px;}
.nav-bottom{padding: 10px 0}
.footer-content ul.list-apps img{width: 50%}
.footer-content .col-footer{padding-top: 20px;}
.logo-footer{margin-bottom: 20px;}
.footer-content{padding: 20px 0;}
.connect-footer{padding-left: 15px;}
.connect-footer p{color:#8e8e93}
.connect-footer img{float: left;width: 50%;padding-right: 10px;}
.social-subcribe{margin-top: 15px;}
.app-store a:last-child img{float: none;}
.contact-address{border-top: 1px solid #464646;}
.contact-address .fa{margin-right: 8px}
.contact-address{padding-top: 7px;}
.footer-content ul li{padding: 5px 0;}
.footer-content h4.head-title{color: #fff;font-weight: 400;font-size: 16px;padding-bottom: 20px}
.footer-content ul li a, .footer-content span{color: #969ea7;}
.footer-content img{}
/*End Footer*/

/*Sidebar*/
.sidebar-job-featured{background: #f2f2f2;}
.sidebar .advertisement{width: 100%}
.sidebar .advertisement > * {float: left;margin-bottom: 3px;max-width: 100%}
.sidebar .advertisement > *:last-of-type{margin-bottom: 0}
.sidebar-job-item{padding: 5px;border-bottom: 2px solid #fff;}
.sidebar-job-item ul li{padding: 3px 0;}
.sidebar-ads ul li{float: left;margin: 5px;}
.sidebar-ads .block{margin:10px 0;}
.sidebar-ads .block h3{color: #287bbc;}
.detail-sidebar ul.sidebar-toolbar{list-style: none;padding: 10px 0;background: #FAFAFA;}
.detail-sidebar ul.sidebar-toolbar li{padding: 5px 20px;}
/*End Sidebar*/
/*Sidebar filter*/
.sidebar-filter .clip-check input[type="checkbox"]:checked + label:before{
    border-width: 8px;
}
.sidebar-filter .clip-check label:before{
    height: 15px;
    width: 15px;
}
.sidebar-filter .clip-check label:after{
    left: 2px;
    width: 15px;
    height: 15px;
}
.sidebar-filter .clip-check label{
    font-size: 11px;
    padding-left: 20px !important;
    line-height: 20px;
    color: #000;
}
.sidebar-filter .box-filter .box-popover{
    cursor: pointer;
    position: relative;
}
.sidebar-filter .box-filter .box-popover:after{
    position: absolute;
    border-left: 5px solid #bbb;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    top: 5px;
    right: 5px;
}
.sidebar-filter .box-filter{
    position: relative;
}
.sidebar-filter .refine-result .box-title{
    font-size: 20px;
    color: #006699;
}

.sidebar-filter .refine-result,
.sidebar-filter .box-sidebar{
    border-bottom: 1px solid #e2e2e2;
    padding:5px 10px;
    position: relative;
}
.sidebar-filter .refine-result .box-body ul li a{
    padding: 5px 10px;
    display: block;
    padding-left: 0;
    font-size: 14px;
}
.sidebar-filter .refine-result .box-body ul li:hover a,
.sidebar-filter .refine-result .box-body ul li.active a{
    color: #006699;
}
.radio label, .checkbox label{
    font-weight: 400;
    color: #000;line-height: 22px;
}
#OutletForm .checkbox input[type="checkbox"],
#OutletForm .checkbox-inline input[type="checkbox"],
#OutletForm .radio input[type="radio"],
#OutletForm .radio-inline input[type="radio"]{left: 0;margin: 0}
.radio, .checkbox{margin-top: 0}
.box-title{

}
.sidebar-filter .refine-result .box-body ul li a{
    color:#182642;
}
.wait-ajax, .form-group span{
    font-size: 12px;line-height: 20px;
}
.sidebar-filter .box-sidebar .box-title span.btn-toggle-filter:before{
    content: "\f0d8";
    font-family: FontAwesome;
    font-size: 14px;
}
.sidebar-filter .box-sidebar .box-title span.btn-toggle-filter.collapsed:before{
    content: "\f0d7";
}
.sidebar-filter .box-sidebar .box-title span.btn-toggle-filter{
    cursor: pointer;
    width:20px;
    float: left;
}
.sidebar-filter .box-sidebar .box-body{
    padding: 5px 0;
    width: 100%
}
.sidebar-filter #form_currency span.number{
    display: none
}
.sidebar-filter .box-sidebar .box-body ul li{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.sidebar-filter .box-sidebar .box-body ul li span.number{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12px;
}
.sidebar-filter .box-sidebar .box-body ul li.last{
    font-size: 12px;
    cursor: pointer;
}
.sidebar-filter .box-sidebar .box-body ul li.last span{
    background: #f1f1f1;
    padding: 3px 5px;
}
.sidebar-filter .addfilter{
    color: #666;
    background: url(../images/plus.jpg) left center no-repeat;
    padding-left: 15px;
    display: block;
}
.addMoreSearch .autocomplete{display: none}
.addMoreSearch .addfilter{background: none}
/*End Sidebar filter*/

/*start job detail page*/
.detail-job,.page-profile{

    padding-top:60px; 
    color: #666666;position:relative;
}
.detail-job:before,.page-profile:before{
    content: '';position: absolute;z-index: -1;top: 0;left: 0;
    width: 100%;height: 400px;
    background: url('../images/personal-bg-1.jpg') no-repeat 50% 0/cover;
}
.cover-style-1:before{
    background-image: url('../images/personal-bg-1.jpg');
}
.cover-style-2:before{
    background-image: url('../images/personal-bg-2.jpg');
}
.cover-style-3:before{
    background-image: url('../images/personal-bg-3.jpg');
}
.cover-style-4:before{
    background-image: url('../images/personal-bg-4.jpg');
}
.cover-style-5:before{
    background-image: url('../images/personal-bg-5.jpg');
}
.cover-style-6:before{
    background-image: url('../images/personal-bg-6.jpg');
}
.detail-job .inner-text, .page-profile .inner-text {line-height :22px;}
.detail-job > .container > .main-content{position: relative;margin-bottom: 30px}
.content-area{
    /*white-space: pre-line;
    overflow-wrap: break-word;*/
    /*font-size: 13px;*/
    color: #666666;
    line-height: 22px;
}
.content-area p,.content-area ul{margin-bottom: 9px}
.content-area ul li{margin-bottom: 5px;}
.content-area ul li.name{font-weight: 500;}
.content-area ul li:last-child{margin-bottom: 0px;}
.content-area a{color:  #006699;text-decoration: none;}
.content-area img{max-width: 100%;display: block;margin: 5px auto;}
.content-area .contact-info li img{margin:0;}
.content-area .contact-info li{background-repeat: no-repeat;background-position: 100px center;}
.content-area img.left{display: inline-block;float: left}
.content-area img.left + *{clear: left}
.content-area img.right{float: right;}
.content-area img.right + *{clear:  right;}
*[class*="desc"],.content-area{/*white-space: pre-line;*/}
.content-area .btn-azure,.btn-azure{color: #f5f5f5;background: #006699;font-size: 14px;}
.content-area .btn-apply{color: #f5f5f5;background: #006699;font-size: 14px;font-weight: 400;height: auto;padding: 3px 15px;transition:all 0.3s ease;}
.content-area .btn-azure:hover, .btn-azure:hover,.btn-apply:hover,
.content-area .btn-azure:focus, .btn-azure:focus,.btn-apply:focus{color: #fff;background: #333;border-radius: 5px;}
.detail-job > .container > .main-content > *,
.page-profile > .container > .main-content > *,
.forgot-page > .container > .main-content > *
{background: #ffffff;padding-bottom: 10px;margin-left: 0;margin-right: 0}
.detail-job.company-detail > .container > .main-content > *{margin-bottom: 10px}
.detail-job > .container > .main-content > .moreCompanyInfo,
.detail-job > .container > .main-content > .box-archive
{background: none;}
.detail-job > .container > .main-content > .box-archive > *{}
.detail-job > .container > .main-content > .box-archive > .box-job-detail{}
.detail-job > .container > .main-content > .box-archive > .box-job-detail > .row,
.detail-job > .container > .main-content > .moreCompanyInfo > .block-content > .row,
.page-profile .profileDetail > .row 
{margin-right: 0;background: #fff}

.detail-job > .container > .main-content > .moreCompanyInfo > .block-content > .row,.page-profile > .container > .main-content > .block-profileDetail,.page-profile > .container > .main-content > .block-profileDetail > .profileDetail{background: none}
.detail-job > .container > .main-content > .moreCompanyInfo > .block-content > .row > * ,.page-profile > .container > .main-content > .block-profileDetail > *{background: #fff;margin-bottom: 10px}
.detail-job > .container > .main-content > .box-archive > .box-job-detail > .row > *,
.page-profile > .container > .main-content > .block-profileDetail .profileDetail > .row > *
{border-bottom: 10px solid #f5f5f5;}
.detail-job > .container > .main-content > .moreCompanyInfo > .block-content > .row > #list-jobs{
    margin-bottom: 0
}
.page-profile > .container > .main-content > .block-profileDetail .profileDetail > .row > *{padding-bottom: 10px;}
.detail-job > .container > .main-content > .box-archive > .box-job-detail > .row > *:last-of-type{border-bottom: none}
.detail-job > .container > .main-content  .widget,
.page-profile > .container > .main-content  .widget
{padding: 0;background: none;}
.detail-job > .container > .main-content  .widget > *,
.page-profile > .container > .main-content  .widget > *
{background: #fff;padding-bottom: 10px; margin-bottom: 10px;}
.widget h3.title{
    font-size: 15px;color: #fff;background: #454545;
    padding: 10px;font-weight: 400;margin: 0 0 10px;display: inline-block
}
.widget .subtitle{
    border-bottom:1px solid #ccc;
    font-size: 14px;color: #666666;
    padding: 15px 10px 5px;font-weight: 400;margin: 0 0 10px;
}
.widget .post-job-desc{
    font-size: 13px;color: #666666;padding: 5px 10px;
}
.btn-save,.btn-saved{
    font-size: 15px;font-weight: 700
}
._or{display: inline-block;padding: 0 7px}
.btn-save{
    border: 1px solid #dadada;
    border-bottom-width: 2px;
}
.btn-save:hover,.btn-saved,.btn-saved:hover{
    color: #f5f5f5;background: #006699;border-color:#006699; 
}
.loading{
    position: absolute;left: 0;top: 0;z-index: 1000;
    background: url(../images/loader.gif) no-repeat 50% 50% rgba(255,255,255,0.7);
    width: 100%;
    height: 100%;
}
.ui-autocomplete-loading{
    background: url('../images/small_loading.gif') no-repeat 100% center;
}
.ui-widget-content{
    font-size: 12px;line-height: 15px;
    border-color: #dadada;
}
.thumbnail{border-radius: 0;padding: 1px;margin-bottom: 5px; border: none;}
.box-archive > .widget .thumbnail {height: 50px;width: 50px;overflow: hidden;line-height: 40px;margin-bottom: 10px}
.box-archive > .widget .thumbnail img{display: inline}
.list-similar > li > .thumbnail-img{width: 50px;}
.list-similar > li > .info{
    width: calc(100% - 50px);
    width: -o-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width:-webkit-calc(100% - 50px);
    padding-right: 0;
}
.list-similar > li > .info .location,.list-similar > li > .info .time,
.list-similar > li > .info .location a{
    color: #666;font-size: 11px;
}
.list-similar > li {margin-bottom: 10px;}
.box-sidebar .view-more{padding-top: 10px;border-top: 1px solid #f5f5f5}
.box-company {margin-bottom: 10px;padding-bottom: 10px;}
.box-company  .company-logo img{
    max-width: 100%;
    background: #fff; 
    display: inline;
}
.box-company .company-logo{
    margin-top: -50px;
    display: block;
    max-width: 160px;height: 160px;border:1px solid #dcdcdc;padding:1px;
    line-height: 153px;
    text-align: center;background-color: #fff;
    background-position: 50% ;
    background-repeat: no-repeat;background-size: 150px;

}
.pager-carousel li{display: inline-block}
.box-company > .companythumb{
    width: 180px;
}
.box-company > .info{
    width: calc(100% - 180px);
    width: -o-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width:-webkit-calc(100% - 180px);
}
.box-company  .salaryrange,.salary-line .value{
    background: #dfeaf1;
    display: inline-block;
    padding:1px 3px;
    color: #3e6d8e;
    font-size: 11px;
}
.list-info > li{margin-bottom: 3px;background-repeat: no-repeat;background-position: 60px center;}
.blurry-text{color:transparent;text-shadow:0 0 10px rgba(0,0,0,1);-webkit-text-shadow:0 0 10px rgba(0,0,0,1);-khtml-text-shadow:0 0 10px rgba(0,0,0,1);-moz-text-shadow:0 0 10px rgba(0,0,0,1)}
.blurry-text::selection{background: transparent;}
.jobcities{background: #C7D1D8;color:#fff;padding:1px 3px;display: inline-block;font-size: 11px;margin-bottom: 3px;}
.jobcities:hover,.jobcities.current{background: #454545;color: #fff}
.morecity{display: none;}
.showmorecity {line-height: 18px;display: inline-block;border-left: 1px solid #b2b2b2}
.showmorecat{margin-left: 7px;color: #666;display: inline-block;}
.showmorecat:hover{color: #006699;}
.showmorecity .fa{font-size: 9px;padding: 1px 2px 0;color: #fff;background: #b2b2b2;margin-left: 4px;line-height: 10px}
.showmorecity:hover .fa{color: #fff;background: #454545;}
.box-company .title{font-size: 20px;margin-top: 15px;margin-bottom: 10px}
.box-company .subtitle{
    font-size: 15px;font-weight: 400;
    margin-top: 0px;margin-bottom: 20px
}
.box-company .subtitle a{
    color: #666;
}
.box-company .subtitle a:hover{
    color: #0395D1;
}
.addthis_toolbox li,.list-tags li,.box-skill .list-change li{display: inline-block;}
.addthis_toolbox li a[class*="addthis_button_"],.addthis_toolbox li a{display: inline-block;width: 23px;height: 23px;border-radius: 50%;border: 1px solid #545454;line-height: 21px;text-align: center;color: #545454}
.box-company  .companyinfo{display: inline-block;padding: 10px 10px 0 0 }
.box-company  .interested{margin-top: 10px;padding: 10px 10px 10px 40px;border: 1px solid #dadada;background: url('../images/btn-interest.png') no-repeat 10px 50%;display: block;color: #666}
.box-company  .interested:hover,.box-company  .interested.active{background-image: url('../images/btn-interest-hover.png');color: #46a0cd}
.list-tags li a, .box-skill .list-change li a{
    background-color: #e0e0e0;
    border-radius: 0px;margin-right: 2px;margin-bottom: 2px;
    color: #494949;
    font-size: 11px;
    display: inline-block;
    cursor: default;
    padding: 3px 5px;
    line-height: 1;
    vertical-align: middle;
}
.list-tags li a:hover,.box-skill .list-change li a:hover,.list-tags li a.active{background: #333;color: #fff}
.box-job-detail h3.title,.box-company-about h3.title,.box-similar h3.title,
.main-content > * h3.title,.form-postjob .title,.page-apply .apply-content .title
{

    font-size: 18px;color: #006699;
    padding:15px 0px 0;font-weight: 400;margin: 0 0 10px;line-height: 25px;
}
.main-content .box-company-about .information ul li{
    margin-bottom: 8px;
}
.main-content .box-company-about .information ul li p{
    margin: 0;
}
.title .addInfo{
    font-size: 12px;color: #666;font-weight: 400;cursor: pointer
}
.title .addInfo:hover{
    color: #006699;
}
.box-similar h3.title{padding: 10px}
.box-job-detail .job-details{
    padding-bottom: 10px
}
.box-job-detail .job-control{
    margin-top: 8px;padding-top: 15px;
    border-top: 1px solid #dcdcdc;
}
.box-job-detail .job-control li{
    display: inline-block
}
.box-job-detail .contact-info > li{
    margin: 0 0 5px;
}
.box-similar{margin-top: 10px;}
.box-similar .lst-companies li{
    float: left;width: 60px;height: 60px;
    margin: 0 15px 15px 0;position: relative;
}
.box-similar .lst-companies li a{
    position: absolute;width: 100%;height: 100%;
    left: 0;top: 0;overflow: hidden;line-height: 53px;text-align: center;padding:1px;
    border:1px solid #dadada;
}
.box-similar .lst-companies li a img{max-height: 100%;max-width: 100%;display: inline}
.container > .main-content > .scrollbar-menu{
    display: inline-block;
    position: fixed;top: 0;
    left: -60px;background: none
}
.scrollbar-menu a{float: left;background: #a6cde1;border-bottom:  1px solid #afd2e4; }
.scrollbar-menu li{display:table;}
.scrollbar-menu li:after,.scrollbar-menu li a:after{clear: left}
.scrollbar-menu a:hover,
.scrollbar-menu .active{
    background: #006699;
    color: #fff;
}
.block-profileDetail .viewing{
    background: #efefef
}
.scrollbar-menu .fa{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    color: #fff;
    float: left;
    border-right: 1px solid #afd2e4;
}
.scrollbar-menu ul{margin: 0}

.scrollbar-menu label,.scrollbar-menu label span{
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    float: left;padding: 0 10px;
    cursor: pointer;

}
.scrollbar-menu label{
    width: 0;
    margin: 0;
    padding:0
}
.scrollbar-menu li:hover label{
    width: auto
}
.bx-wrapper .bx-viewport .companyslider{
    padding:0;
}
.box-galary{padding-top: 15px;padding-right: 15px}
/*.box-slide-home .slide-controls{
    position: absolute;top: 45%;left: 30px;z-index: 1;opacity: 0.5
}
.box-slide-home .slide-controls:hover{opacity: 1}
.box-slide-home .slide-controls[class*="next"]{
    left: auto;right: 30px
}
.slide-controls{padding: 15px 0}
.slide-controls a{
    color: #666666;

    font-size: 13px;
}
.box-slide-home .slide-controls a{
    font-size: 30px;
}*/
.slide-controls a:hover{color: #006699}
.showless{overflow-y: hidden}
.showall{position: relative;padding-right: 0; margin-top: 20px;}
.showall:before{
    position: absolute;left: 0;top: 10px;z-index: 1;    
    width: 100%;height: 1px;    
    background: #dedede;
    content: '';    
}
.box-sidebar .showall:before{display: none}
.showall a{
    background: #fff;
    position: relative;
    z-index: 2;
}
.bx-wrapper .bx-viewport{
    box-shadow: none;
    border: none;
    left: 0;
}
.job-content .job-title{margin: 0 0 5px;padding: 0}
.job-content .job-title a{
    color: #006699;

    font-size: 14px;font-weight: 400;
    /*display: block;*/
}
.job-content .employer a{
    color: #666666;

    font-size: 12px;font-weight: 400;
}
.job-info {position: relative;}
.job-info *[class*="hotjob"]{
    position: absolute;z-index: 1; top: -8px;left: -3px;
    width: 21px;height: 13px;
    background: url('../images/hot.png') no-repeat 0 0;   
}
.job-info *.hotjob2{
    background: url('../images/hot_2.png') no-repeat 0 0;   
}
.job-cat-list-more,.list-tags .job-skill-listmore{
    display: none
}
.job-cat-list.current{text-decoration: underline;color: #333}
.list-jobs .job-content{padding-top: 10px;padding-bottom: 5px;border-bottom: 1px solid #e5e5e5}
.list-jobs .listResults li.block-item{border-bottom: 1px solid #e5e5e5}
.list-jobs .jobs:last-child .job-content,
.list-jobs .jobs:last-of-type .job-content,
.list-jobs .listResults li.block-item:last-child{
    border-bottom: none
}

.box-footer{padding-top: 10px}
.box-footer a{color: #d0d0d0}
.box-footer a:hover{color: #006699}
.box-footer a.morejoblink{display: block;padding-bottom: 10px}
.maps-location{position: relative}
.maps-location + div{background: #fff}
.maps-location .box-address{
    position: absolute;z-index: 1;top: 0;left: 0;
    width: 100%;    
    padding: 10px 0;background: rgba(255,255,255,0.8);
}
#map-canvas{height: 400px;min-width: 320px}
.morejobinfo{font-size: 12px;}
.lstStaff li{display: inline-block; width: 100px;margin-right: 20px;vertical-align: top}
.lstStaff li .thumbnail{width: 75px;height: 75px;display: inline-block;margin-bottom: 5px}
.lstStaff li .thumbnail + a{
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
    color: #006699;

    font-size: 13px;font-weight: 500;
}
/*End job detail page*/
/* Search page */
.topAdvs{
    margin-top: 30px;
    margin-bottom: 20px;text-align: center
}
.premiumJobs {margin-bottom: 15px}
.premiumJobs .premiumJobswrapper{padding: 10px;background: #efefef;}
.premiumJobswrapper > div.row{
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    padding: 7px 0;
    margin: 0;
}
.list-jobs .box-search{
    background: #fff;padding: 10px 80px;
    position: relative;
}
.box-search-content .changeTypeSearch{
    margin: 0;
}
.box-search-content .btn-search{
    background: #006699;
    border: 1px solid #58a8d1;
    /*    height: 40px;
        line-height: 28px;*/
    color: #fff;

    font-size: 18px;
    font-weight: 400;
}
#form-filter  .box-filter{
    width: 220px
}
#form-filter .box-filter + .content{
    width: calc(100% - 220px);
    width: -o-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width:-webkit-calc(100% - 220px);
}
.changeTypeSearch li{
    display: inline-block;
    padding: 0;margin: 0;
}
#form-filter .list-jobs .jobs,.block-profileDetail .list-jobs .jobs{position: relative}
.list-jobs .jobs .onhover{position: absolute;bottom: 10px;right: 5px;z-index: 1;display: none;color: #666}
.list-jobs .jobs:hover .onhover{display: block;color: #D40D38}
.box-search-content .keyword ul li,.box-search-content .keyword ul,.searchResult .lst-search li{
    display: inline-block;
    padding-left: 15px;margin: 0;vertical-align: bottom
}
.box-search-content .keyword ul li{
    padding-left: 0px;
    padding: 0 3px;
}
.box-search-content .keyword ul li a,.searchResult .lst-search li{
    float: left;background: #e3e3e3;padding: 4px;color: #666;
    font-size: 11px;margin-bottom: 4px;
}
.searchResult .lst-search li{margin-right: 5px}
.searchResult .lst-search li.reset{background: #006699;color: #fff}
.searchResult .lst-search li.reset a{color: #fff}
.searchResult .lst-search li.reset:hover{background: #333;color: #fff}
.searchResult .lst-search li.reset:hover a{color: #fff}
.box-search-content .keyword ul li a:hover{
    background: #333;color: #fff;
}
.box-search-content .changeTypeSearch .active a,
.box-search-content .changeTypeSearch a:hover
{
    color: #006699;font-weight: 500; 
}
.box-search-content .changeTypeSearch a{
    color: #666666;

    font-size: 17px;font-weight: 400;
    display: inline-block;padding: 8px 12px;
}

.box-search-content .input-search .form-control{
    border-radius: 0;position: relative;
    height: 40px;padding: 5px 10px 5px 35px;
    background: url('../images/search.png') no-repeat 10px center #f5f5f5;

}
.box-search-content .keyword{
    padding: 15px 10px;font-size: 14px;color: #666666;
}
#form-filter .block-list{margin-top: 10px}
.block-list .box-ads{width: 160px;float: right;margin-left: 10px}
.block-list .content .searchResult{
    width: calc(100% - 170px);
    width: -o-calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    width:-webkit-calc(100% - 170px);
    float: left;padding: 10px; background: #fff
}
.searchResult .job-info{
    padding-left: 0;
    width: 90px;
}
.searchResult .job-info .thumbnail{
    width: 80px;height: 80px;margin-bottom: 0;line-height: 73px;text-align: center
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
    max-height: 100%;overflow: hidden
}
.searchResult .job-info .thumbnail img{display: inline}
.searchResult .job-details{
    width: calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width:-webkit-calc(100% - 90px);
    padding: 0;
}
.searchResult .job-details .title,
.searchResult .job-details .company
{
    margin: 0 0 9px ;padding:0;
}
.searchResult .job-details .title a{
    color: #006699;

    font-size: 14px;font-weight: 400;
}
.searchResult .job-details .company a,.list-similar .company a,.company a{
    color: #666666;

    font-size: 12px;font-weight: 400;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    max-width: 100%;display: inline-block;
}
.found-result {
    color: #666666;

    font-size: 14px;font-weight: 400;
    display: inline-block;width: 100%;padding-bottom: 10px;margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}
.found-result span.number_results{color: #006699}
.found-result .sortby{position: relative}
.found-result .sortby:before {
    background: #006699;
    bottom: -11px;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
}
.list-jobs .searchResult ul> .block-item:last-child .job-content{
    border:none;
}
/*end seach page*/
/*start login register page*/
form.form-user{
    padding: 40px;margin: 40px 0;background: #fff
}
form.form-user .title{
    margin: 0 0 20px;padding: 0;

    font-size: 20px;font-weight: 400;color: #006699;
}
form.form-user .line{position: relative;}
form.form-user .line:before{position: absolute;z-index: 1;top: 50%;left: 0;width: 100%;height: 1px;background: #ececec;content: '';}
form.form-user .line > *{position: relative;z-index: 2;display: inline-block;padding: 3px 10px;background: #fff}
form.form-user input.form-control{border-radius: 0}
form.form-user  .block-info-login p{

    font-size: 15px;font-weight: 400;color: #666;
}
form.form-user  .block-info-login ul{

    font-size: 14px;font-weight: 400;color: #222;padding-left: 15px;line-height: 23px;
}
form.form-user  .block-info-login ul.login-social a{
    width: 35px;text-align: center;height: 35px;padding: 0;line-height: 33px;border-radius: 50%;
}
form.form-user .form-group{
    position: relative;
}
form.form-user .tooltip{top: 31px;}
.form-group label.error{  

    font-weight: 400;
    color: #D40D38}
.tooltip p{margin: 0;padding: 0}
/*end login register page*/
/*start post job page*/
.form-postjob{background: #fff;padding: 10px 0}
.form-postjob .title{padding-top: 0}
.form-postjob .form-group{position: relative}
.form-postjob .form-group .bootstrap-tagsinput,
.box-skill .bootstrap-tagsinput
{width: 100%;margin: 0}
.form-postjob .bottom-form{padding: 10px 0;margin-top: 10px;border-top: 10px solid #f7f7f8;}
.form-postjob .text-muted{font-size: 11px}
.bootstrap-tagsinput .label{font-weight: 400;border-radius: 0}
.bootstrap-tagsinput .tag [data-role="remove"]:hover,.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{box-shadow: none;color: #D40D38}
.label-info,.chosen-container-multi .chosen-choices li.search-choice{background: #006699}
.chosen-container-multi .chosen-choices li.search-choice *{color: #fff}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top: 7px}
.form-postjob .form-left,form.form-user .form-left{border-right: 1px solid #DADADA}
.form-postjob .btn,.form-validation .btn{

    font-weight: 400;
}
.form-validation textarea{
    resize: vertical
}
/*end post job page*/
/*start my jobs page*/
.block-my-company{background: #fff;margin: 10px 0 0px}
.block-my-company.mycompany{padding-bottom:15px;margin-bottom: 15px}
.stepContainer{margin-bottom: 10px}
.stepContainer{background:#666; }
.stepContainer > *{padding: 30px 10px}
.stepContainer > *:hover{background: #006699}
.stepContainer > *:nth-child(2){border-right: 1px solid #fff;border-left: 1px solid #fff}
.stepContainer .stepname{
    margin: 0;padding: 0;

    font-weight: 400;font-size: 26px;color: #fff;line-height: 27px
}
.stepContainer p{
    margin: 0;padding: 0;

    font-weight: 400;font-size: 14px;color: #f5f5f5;line-height: 15px
}
.stepContainer .step{float: left;margin-left: 70px;width:40px;height: 40px;margin-right: 20px }
.stepContainer .step1{background: url('../images/create-a-company-page-icon-sm.png') no-repeat 100% center; }
.stepContainer .step2{background: url('../images/attract-more-followers-sm.png') no-repeat 100% center;}
.stepContainer .step3{background: url('../images/engage-your-audience-sm.png') no-repeat 100% center; }
.my-jobs th{font-weight: 400}
.stepStart{padding: 20px 0}

.my-jobs .control a[class*="text"], table.my-jobs tbody .btn{
    color: #fff;display: inline-block;width: 22px;height: 22px;text-align: center;line-height: 22px;
    transition: ease all 0.3s;border:1px solid transparent;padding:0
}
.my-jobs .control a.text-danger{
    background: #a94442;
}
.my-jobs .control a.text-danger:hover{
    color: #a94442;background: #fff;border-color: #a94442
}
.my-jobs .control a.text-warning{
    background: #8a6d3b
}  
.my-jobs .control a.text-warning:hover{
    color: #8a6d3b;background: #fff;border-color: #8a6d3b
}  
.my-jobs .control a.text-primary{
    background: #337ab7
}  
.my-jobs .control a.text-primary:hover{
    color: #337ab7;background: #fff;border-color: #337ab7
}
.my-jobs .control a.text-success{
    background: #3c763d;
}  
.my-jobs .control a.text-success:hover{
    color: #3c763d;background: #fff;border-color: #3c763d
}
.my-jobs .control a.text-upfast,.btn-upfast{
    background: #6511BA;color:#fff;transition: ease all 0.3s;
}  

.my-jobs .control a.text-upfast:hover,.btn-upfast:hover{
    color: #6511BA;background: #fff;border-color: #6511BA
}

/*.my-jobs .control a{  
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    margin-right: 2px;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    width: 25px;
}
.my-jobs .control a.btn-apply{width: auto;display: block;}*/
/*end my jobs page*/
/*start profile page*/
.page-profile .box-image{position: relative;overflow: hidden}
.page-profile .box-image *{line-height: 1.5em}
.page-profile .change-avatar{
    position: absolute; bottom: 1px;left: 1px;
    width: calc(100% - 2px);
    width: -o-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width:-webkit-calc(100% - 2px);
    height: 0px;
    transition: ease all 0.3s;overflow: hidden;
    background: rgba(0,0,0,0.58);line-height: 30px;cursor: pointer;color: #fff;
}
.page-profile .control-image{
    position: absolute;top: 70px;left: 0px;display: none;
    width: 100% 
}
.page-profile .control-image li{display: inline-block;width: 30px;height: 30px;text-align: center;border-radius: 50%;cursor: pointer}
.page-profile .control-image li .fa{line-height: 30px;color:  #fff;}
.page-profile .control-image li:first-child{background: #10C413}
.page-profile .control-image li:last-child{background: #FF195E}
.page-profile .box-image:hover .change-avatar{height: 30px}
.page-profile .view-more-contact{color: #666;padding-left: 15px;border-left: 1px solid #dadada}
.page-profile .view-more-contact:hover{color: #006699;}
.page-profile .contact-show{padding: 10px 0 0;border-top: 1px solid #dadada;margin-top: 10px;}
.btn-copy{border:none;padding:2px 5px}
.page-profile .profile-link{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.error{color: #FF195E; font-size: 12px;}
.list-exp,.list-edu,.list-cer{border-bottom: 1px solid #dadada}
select option:disabled{
    background: #f5f5f5;
    color: #858585;
}
.list-exp:last-child,.list-edu:last-child,.list-cer:last-child{border-bottom: none}
.list-exp li.position,.box-edu .school,.box-cer .school{

    font-weight: 500;font-size: 14px;color: #333;line-height: 20px}

/*end profile page*/
/*start formCompany page*/
.form-company {background: #fff}
.form-company .form-company{border-top: 10px solid #f7f7f8 }
.form-company .form-group label#form_foundedAt-error {
    left: calc(100% + 5px);
    left: -o-calc(100% + 5px);
    left: -moz-calc(100% + 5px);
    left:-webkit-calc(100% + 5px);
    position: absolute;line-height: 30px;
    white-space: nowrap;
    z-index: 10;
}
.form-group ul{list-style: none}
.form-company .top-form{border-bottom: 10px solid #f7f7f8 }
.form-company .text-muted{font-size: 11px;padding-top: 5px}
/*end formCompany page*/
/*start applyjob page*/
.page-apply .apply-content{background: #fff;line-height: 23px;padding-bottom: 10px;margin-bottom: 15px}
.page-apply .company-info li{margin-bottom: 5px}
.page-apply .subtitle{

    font-weight: 400;font-size: 16px;color: #333;line-height: 20px;padding: 10px 0
}
.page-apply textarea{resize: vertical}
.page-apply .box-resume .note > *{color: #db0000}
.error-page .main-content .img-responsive{display: block;margin: 15px auto}
/*end applyjob page*/
/*start pagination  page*/
.pager{margin: 0}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span,
.pager li > a, .pager li > span{border-radius:0}
.wheel-button {
    position: relative;
}

.wheel {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 320px; /* this will determine the diameter of the circle  */
    height: 320px; /* this will determine the diameter of the circle  */
    visibility: hidden;
    position: relative;
    display: none;
}

.wheel li {
    overflow: hidden;
    float:left;
}

.wheel li a {
    display: block;
}
.wheel-button, .wheel-button:visited {
    background: #FBC117; 
    padding: 0;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white;
    display: inline-block;
    margin: 0;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.wheel-button:hover{ 
    color: white;
}
.wheel-button i, .wheel li i {
    position: relative;
    width: 36px;
    height: 36px;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
    font-size: 20px;
    line-height: 36px;
}

.wheel-button.active i{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.wheel li a, .wheel li a:visited{
    background: #FBC117;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
    color: white;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wheel li a:hover{
    background: rgba(0,0,0,0.8);
}
#wheelDiv{
    width: 300px;height: 300px;clear: both;
    padding: 8px 0; border-radius: 5px;background: rgba(0,0,0,0.8);
    position: fixed;
    left: calc(50% - 150px);
    left: -o-calc(50% - 150px);
    left: -webkit-calc(50% - 150px);
    left: -moz-calc(50% - 150px);
    left: -ms-calc(50% - 150px);
    top: calc(50% - 150px);
    top: -o-calc(50% - 150px);
    top: -webkit-calc(50% - 150px);
    top: -moz-calc(50% - 150px);
    top: -ms-calc(50% - 150px);
    z-index: -1;opacity: 0
}
#wheelDiv.zoomIn{
    z-index: 99998;opacity: 1;
}
/* Custom container */
.container-narrow {
    margin: 0 auto;
    max-width: 700px;
}
.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    margin: 60px 0;
    text-align: center;
}
.jumbotron h1 {
    font-size: 72px;
    line-height: 1;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 60px 0;
}
.marketing p + h4 {
    margin-top: 28px;
}
.introjs-helperNumberLayer{width: 30px;height: 30px}
#containment-wrapper-draggable{background: transparent;opacity: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
.draggable-me{
    position: fixed;z-index: 999999;left: 0;border-radius: 50%;width: 64px;height: 64px;text-align: center;background:#FEC20E;border:2px solid #fff;display: inline-block;line-height: 60px;
    top: calc(50% - 32px);
    top: -o-calc(50% - 32px);
    top: -webkit-calc(50% - 32px);
    top: -moz-calc(50% - 32px);
    top: -ms-calc(50% - 32px);

}
#containment-wrapper-draggable.active,.draggable-me.active{
    left: calc(50% - 32px)!important;
    left: -o-calc(50% - 32px)!important;
    left: -webkit-calc(50% - 32px)!important;
    left: -moz-calc(50% - 32px)!important;
    left: -ms-calc(50% - 32px)!important;
    top: calc(50% - 32px)!important;
    top: -o-calc(50% - 32px)!important;
    top: -webkit-calc(50% - 32px)!important;
    top: -moz-calc(50% - 32px)!important;
    top: -ms-calc(50% - 32px)!important;
    border-radius: 50%;width: 64px;height: 64px;
}
.draggable-me .fa{
    font-size: 30px;
    line-height: 56px;
    color: #fff
}
.btn.btn-viewmore{
    width: 100%;
    background: #88C0E4;
    text-transform: uppercase;

    color: #fff;
    font-weight: 500;transition: ease all 0.3s;
}
.btn.btn-viewmore:hover{
    background: #006699
}
/*end pagination page*/
.show-view-more{
    height: 112px;
    overflow: hidden;
}
.show-view-more.active{
    height: auto;
}
.show-view-more,
.show-view-more.active{    
    transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
}
@-webkit-keyframes highlight {
    0%   {background-color: #FCA344 }
    100%  {background-color: #fff }
}
@keyframes highlight {
    0%   {background-color: #FCA344 }
    100%  {background-color: #fff }
}
@-webkit-keyframes texthighlight {
    0%   {color: #337ab7;font-size: 110%}
    100%  {color: #333;font-size: 100% }
}
@keyframes texthighlight {
    0%   {color: #337ab7;font-size: 110%}
    100%  {color: #333;font-size: 100% }
}
.newresult{
    background: #FCA344;
    -webkit-animation-name: highlight;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;  
    /* Standard syntax */
    animation-name: highlight;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
.texteffect{
    color: #333;
    -webkit-animation-name: texthighlight;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;  
    /* Standard syntax */
    animation-name: texthighlight;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
.check-current{margin-top: 10px}
.main-login{padding:15px 0}
.main-login legend{
    margin-bottom: 20px
}
.block-content h3.title .tooltip .tooltip-inner{
    white-space: nowrap
}
.fulleditable .editable-container.editable-inline,
.fulleditable .editable-container.editable-inline .form-inline .form-group,
.fulleditable .editable-container.editable-inline .form-inline .form-group .editable-input textarea
{
    width: 100% 
}
.fulleditable .editable-container.editable-inline .form-inline .form-group .editable-input{
    width: 85%;
    width: calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: -ms-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
}
.profileDetail .list-change + .fulleditable{padding-top: 10px;border-top:1px solid #eaeaea}
.captcha img{margin-bottom: 10px}
.reload-captcha{cursor: pointer}
.list-tags li.check-tag  a, .box-skill .list-change li.check-tag  a{
    background: #333;color: #fff
}
[class*="advs"] img,[class*="Advs"] img{max-width: 100%}
.box-gallery li{width: 170px;height: 170px;float: left;line-height: 165px;margin: 0 5px 5px 0;border:1px solid #eaeaea;position: relative;}
.box-gallery li img{vertical-align: middle;display: inline}
.box-gallery li .remove-image{line-height: 20px;position: absolute;top: 0;right: 0;cursor: pointer}
.box-gallery li .remove-image:hover{color: red}
.ui-multiselect span.ui-icon{margin-top: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-left, .ui-corner-bl,
.ui-corner-top, .ui-corner-tr,
.ui-corner-tl{
    border-radius: 0
}
.ui-multiselect {
    padding: 4px 10px;
}
#postjobvip .ui-multiselect{
    min-width: 100%
}
.ui-state-default,.ui-state-default span, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    font-weight: 400;color: #999;font-size: 14px;font-family: arial
}
.ui-multiselect-checkboxes label{
    border-color: transparent transparent #bdbdbd transparent;
}
.ui-multiselect-checkboxes label.ui-state-hover,.ui-multiselect-checkboxes label.ui-state-active{
    border-color: transparent transparent #bdbdbd transparent;background: none;font-weight: 400
}
.ui-multiselect-checkboxes label input[type="checkbox"],
.ui-multiselect-checkboxes label input[type="radio"]{
    margin-right: 4px
}
.ui-multiselect-single .ui-multiselect-checkboxes input{
    position: static!important;
}
.forcanvas{display: none}
.canvasinfo{display: inline-block;vertical-align:-3px}
.canvasinfo canvas{display: inline-block;width: auto}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.showinfo{border: none;}
@media (min-width: 992px){
    body{font-weight: 400;}
    .container {
        /*width: 975px;*/
    }
}
@media only screen and (min-width:769px){
    body{font-weight: 400;}
    .header .main-menu ul.navigation li:hover ul.dropdown-menu{display: block;}
    .sliders ul li.item {height: 400px;}
} 
@media (max-width: 991px) {
    body{font-weight: 400;}
    .navbar-top-fisrt .navbar-header {
        margin-left: 0;
        margin-right: 10px;
    }
    .navbar-top-fisrt .navbar-header img{
        width: 150px;height: auto
    }
    .homepage .advanceSearch{
        top:35%;
    }
    .page_404 .fa-4x{
        font-size: 3em
    }

    .page_404 .fa-2x{
        font-size: 19px
    }
    .navbar-top-fisrt .navbar-nav.navbar-left > li > a {
        font-size: 13px;
        padding: 12px 5px;
    }
    .navbar-top-fisrt .navbar-right > li > a.box-search-job{
        margin-right: 0;padding-right:5px;
    }
    .navbar-top-fisrt .navbar-right > li a {
        padding: 0 5px;
    }
    .navbar-top-fisrt .navbar-right .user-account .fullname  {
        display: none
    }
    .editable-empty:after,.editable-click:after,a.editable-click:after,.page-profile .box ul[class*="list-"]:after{
        opacity: 1
    }
    .horizontal-navbar__employer-site span{font-size: 11px}
    /*    .main-content .box-slide-home .block-slider{
            height: 275px;
            width: calc(100% - 270px);
            width: -o-calc(100% - 270px);
            width: -moz-calc(100% - 270px);
            width:-webkit-calc(100% - 270px);
            margin-bottom: 10px
        }*/
    .main-content .block-middle-content ul.lst-documents li a{
        margin-bottom: 7px;
    }
    /*    .main-content .box-slide-home .block-user{
            height: 275px
        }
        .main-content .box-slide-home .block-user .block-content{padding: 10px}
        .main-content .box-slide-home .block-user .tab-content .tab-pane .form-control{
            height: 25px
        }*/
    .detail-job > .container > .main-content > .box-archive{background: #fff;}
    .detail-job > .container > .main-content > .box-archive > .box-job-detail{padding-right: 0}
    .detail-job > .container > .main-content > .box-archive > .widget{background: #f5f5f5}
    .list-jobs .box-search{padding: 10px 40px;}
    .list-jobs .jobs .onhover{display: block;color: #D40D38}
    .list-jobs .box-search .input-search{margin-bottom: 10px}
    .block-list .content .searchResult{width: 100%}
    .navbar-top-second .main-menu ul.navigation > li > a, .navbar-top-second .main-menu-left ul.navigation > li > a{
        padding: 0 5px;
    }
    .page-profile .profile-link{
        white-space: normal
    }


}
@media only screen and (max-width:767px){

    body{font-weight: 400;}
    .homepage > .sliderhome .swiper-container-horizontal > .swiper-pagination-bullets, .homepage > .sliderhome .swiper-pagination-custom, .homepage > .sliderhome .swiper-pagination-fraction{
        bottom:20px
    }
    .container,[class*="col-"]{
        padding-left: 7.5px;padding-right: 7.5px
    }
    .row{
        margin-left: -7.5px;margin-right: -7.5px
    }
    .page_404{background: none}
    .row.no-margin > [class*="col-"]{
        padding-left: 0
    }
    .flike-wrapper { float:none;margin: 5px 0}
    .page-profile .profile-link > .fa{display: none}
    .page-profile .profile-link > .editable:after{right:-25px;}
    .navbar-top-fisrt .mobile-nav li {
        height: 55px;
        margin-left: 0px;
    }
    .found-result .result{display: block;margin-bottom: 5px}
    .found-result .sortby{width:100%}
    form.form-user .block-info-login p{font-size: 13px}
    form.form-user .title {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .searchResult .job-info{
        width:100%;
    }
    .searchResult .job-info .thumbnail{margin:0 auto}
    .topAdvs{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .logo{width: auto;text-align: center;padding:7px}
    .logo img{height: 35px}
    .logo-mobile{padding-top: 5px}
    .logo .navbar-brand{float: none;display: inline-block}
    .topbar{float: left;width: 100%;text-align: center}
    .form-top-search.form-inline{padding: 0}
    .form-top-search.form-inline .form-control{width:250px}
    .navbar-right,.navbar-right li{display: inline-block}
    .navbar .navbar-right > li{width: auto;border:none}
    .navbar-collapse .main-menu,.navbar-collapse .right-menu,.navbar .navbar-collapse .nav.main-menu,.navbar .navbar-collapse .nav.right-menu{height: auto!important;overflow: hidden}
    .navbar .navbar-collapse .nav.main-menu a,.navbar .navbar-collapse .nav.right-menu a{display: inline-block}
    ul[class*="-menu"] li.parent > .sub-menu{position: static;display:block;height: auto;background: none}
    ul.sub-menu li {margin-left: 10px;position: relative}

    .login_register{text-align: left}
    .main-menu > li,.right-menu > li{padding-left: 10px;position: relative}
    .main-menu > li a:before,.right-menu > li a:before{content:"\f0da";font-family: FontAwesome;position: absolute;left: 0}
    .right-menu{float: none}
    .main-menu > li:first-child a {
        padding-left: 10px;
    }
    .main-menu{
        padding: 0;
    }
    .main-menu .header-toolbar{
        margin: 0;
    }
    .wrapper-lst ul[class*="lst-"] li{width: 100%;margin-right: 0}
    .wrapper-lst ul[class*="lst-"] li:nth-child(3n){margin-right: 0}
    .wrapper-lst ul[class*="lst-"] li:nth-child(2n){margin-right: 0}
    .main-content .form-subcribe{ height: auto;padding: 15px 10px;}
    /*    .main-content .box-slide-home .block-user{width: 100%}*/
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
        background: #2f2f2f;color: #fff;
    }
    .main-content .form-subcribe .form-group .subscribe-text {
        padding: 0;
        position: absolute;
        right: 10px;
    }
    .header .main-menu ul.navigation{float: none}
    .header .main-menu ul.navigation > li a{line-height: 34px;border-bottom: 1px solid #818181}
    .header .main-menu ul.navigation > li.language > a{line-height: 34px;border-bottom: none}
    .header .main-menu ul.navigation li a.dropdown-toggle::after{
        top: 10px
    }
    .header .main-menu ul.navigation > li ul.dropdown-menu li a{
        padding: 0;margin: 0 0 0 15px
    }
    .header .main-menu ul.navigation > li ul.dropdown-menu li a:before{
        content: '\f105';font-family: 'FontAwesome';float: left;margin-right: 5px
    }
    .navbar-nav{margin: 8px 0}
    .navbar-collapse{box-shadow: none}

    .navbar-toggle .icon-bar{background: #fff}
    .navbar-toggle{z-index: 2;margin: 8px 0 8px 8px;border-radius: 0;padding: 10px}
    .navbar-toggle:hover{background:  none;}
    .navbar-toggle:hover .icon-bar{background:  #ccc}

    /*.main-content .box-slide-home{margin-top: 0}*/
    .nav > li.language{display: inline-block;vertical-align: bottom}
    .nav > li.language a{margin: 6px 3px 0px}
    .footer-content .col-footer h4.head-title{
        padding: 10px 0;border-top: 1px solid #464646;
    }
    .detail-job > .container > .main-content > .box-archive > .box-job-detail > .row{margin-right: -10px;}
    #form-filter .box-filter{width: 100%}
    #form-filter .box-filter + .content,.block-list .content .searchResult{width: 100%}
    .list-jobs .box-search{padding: 7px 25px;}
    .list-jobs .box-search .input-search{margin-bottom: 7px}
    .list-jobs .jobs .onhover{display: block;color: #D40D38}
}

@media only screen and (max-width:600px){
    body{font-weight: 400;}
    .main-content .block-content-left{width: 100%}
    .main-content .block-sidebar{margin: 0 auto;float: none;width:100%}
    .main-content .block-sidebar img{margin: 0 auto;max-width:100%}
    .main-content .block-list .block-list-title span{
        white-space: nowrap;
    }
    .main-content .block-list .block-list-content ul.list-employer{padding: 0 5px}
    .main-content .block-list .block-list-content ul.list-employer li{width: 25%}
    h4.sub-title{font-size: 14px;line-height: 20px}
    .box-company > .companythumb,.box-company > .info{
        width: 100%
    }
    .box-company .title{font-size: 15px; margin-bottom: 10px;
                        margin-top: 8px;}
    /*.main-content .form-subcribe{padding: 0;margin: 0}*/
}
@media only screen and (max-width: 991px) and (min-width: 768px), only screen and (max-width: 1199px) and (min-width: 992px), only screen and (min-width: 1200px){
    body{font-weight:400}
}
/*backend*/
.submenu{font-size: 100%;position: absolute;left: 100%;top:0;display: none;overflow: hidden;z-index: 10;background:#f7f7f7;border:1px solid #ddd;border-radius: 3px;min-width: 100%}
.submenu li{border-bottom: 1px solid #ddd;}
.submenu li:last-child{border-bottom: none}
.nav li.parent {position: relative}
.nav li.parent:before{
    content: "\f078";
    position: absolute;
    font-family: FontAwesome;
    right: 6px;top: 9px;
    z-index: 5;color:#337ab7;font-size: 85%
}
.nav li.active:before{
    color:#fff
}
.nav li:hover .submenu
{
   display: block
}
.submenu li a{position: relative;display: block;padding:6px 20px;white-space: nowrap}
.submenu li a:before{
    content: "\f105";
    position: absolute;
    font-family: FontAwesome;
    left: 10px;top: 5px;
    z-index: 5
}
.nav-pills.submenu  > li.active > a, 
.nav-pills.submenu  >  li.active > a:focus, 
.nav-pills.submenu  >  li.active > a:hover{
    background: #7EC246;
}
.small-box{margin: 10px 0;padding: 10px 10px 0;border-radius: 5px;border:1px solid #dbdbdb;color: #fff;position: relative}
.small-box h3{font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px;color: rgba(255,255,255,0.85);
    padding: 0;
    white-space: nowrap;}
.small-box h3 + p{font-size: 15px;margin: 0 0 10px;color: rgba(255,255,255,0.85)}
.small-box .icon{position: absolute;font-size: 70px;top:0px;right:15px;color:rgba(0, 0, 0, 0.15)}
.small-box .small-box-footer{display: block;margin-left: -10px;margin-right: -10px;padding:5px 10px;border-radius: 0 0 5px 5px;
background: rgba(0,0,0,0.1);color: rgba(255,255,255,0.85)}
.small-box .small-box-footer a{color: rgba(255,255,255,0.85)}
.bg-aqua{
    background: #00c0ef
}
.bg-dark{
    background: #6B5B28
}

.FirstFancybox{
    padding: 7px 14px;
    color: white;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
}
.FirstFancybox:hover{
    color: white;
}
.bg-green{
    background:#00a65a 
}
.bg-blue{
    background: #35e
}
.bg-orange{
    background: #f39c12 
}
.bg-yellow{
    background: yellow
}
.bg-red{
    background: #f56954 
}
.bg-purple{
    background: purple
}
.form-group .notify{display: inline-block;color: #D9534F;font-size: 11px}
.ui-multiselect-filter input{
    background-color: #fff; color: #555;
    background-image: none;
    border: 1px solid #ccc;}
.ordering option.desc:before{
    display: inline-block;margin-right: 5px;font-family: FontAwesome;content: "\f163";;
}
.ordering option.asc:before{
    display: inline-block;margin-right: 5px;font-family: FontAwesome;content:"\f162";
}
input + .route_label{color: #a94442;}
input:checked + .route_label{color: #3c763d;font-weight: 700;}
input.alwaychecked + .route_label{color: #006699;font-weight: 700;text-decoration: underline}
option.fa{display: block}
.multi_checkbox label{margin-right: 10px}
.multi_checkbox input{margin-right: 5px}
.productstobuy{padding-top: 10px;}
.prepare{font-weight: 700;color: #a94442;font-size: 16px;margin-bottom: 10px;}
.productstobuy .product_bought{margin-bottom: 4px;}
.productslist .table{margin-top: 10px}
.modelWrapper{padding: 10px 0 0;width: 50%}
.input-group .tooltip{width: 100%;left: 0}
.adminForm .table-responsive{overflow-x: visible}
.topbar .nav > li > a{color: #fff;line-height: 40px;vertical-align: middle}
.topbar .nav > li > a .fa{vertical-align: middle}
.topbar .nav > li > a:hover,.topbar .nav > li > a:focus{color: #337ab7}
.topbar .nav > li > a .fa-inverse{color: #337ab7}
.topbar .nav > li > a:hover .fa-inverse,.topbar .nav > li > a:focus .fa-inverse{color: #fff}
.lst-images{display: inline-block;width: 100%;padding: 0;margin: 0}
.lst-images > li{width: 150px;height: 120px;float: left;margin: 0 7px 7px 0;position: relative;border:1px solid #C7D1D8;border-radius: 3px}
.lst-images > li .removeImages{position: absolute;top:5px;right:5px;;font-size: 18px;line-height: 18px;}
.fix_middle_img{display: inline-block;height: 100%;vertical-align: middle;}
.lst-images > li .image-link{display: block;height: 100%;text-align: center;font-size: 0}
.lst-images > li .image-link img{ display: inline-block;height: auto;max-height: 100%;max-width:100%;vertical-align: middle;width: auto;}
.panel-default .content{padding-bottom: 20px}
.ui-datepicker-title select{height: 22px;}
.ui-datepicker .ui-datepicker-close{background: #337ab7;color:#fff}
.ui-datepicker .ui-datepicker-close:hover{background: #fff;color:#337ab7;border:none}
.table_wrapper{overflow-x: auto;display: inline-block;width: 100%}
.table_wrapper table tr td,.table_wrapper table tr th{white-space: nowrap}
.input-group-addon{cursor:pointer}
.list-rules .level2{display: inline-block}
.list-rules .level1{border-top: 1px solid #ececec;border-bottom: 1px solid #ececec}
.img-wrapper{position: relative;display: inline-block}
.rotateImages {position: absolute;left: 5px;top: 5px;color: #fff;font-weight: 700;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000}
.rotateImages:hover {text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff}
.rotateImages + .rotateImages{display: none;}
.table{font-size: 12px}
.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }