@font-face {

	font-family: 'laxanh';

	src: url('fonts/laxanh.eot');

	src: local('☺'), url('fonts/laxanh.woff') format('woff'), url('fonts/laxanh.ttf') format('truetype'), url('fonts/laxanh.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



.bootstrap .alert-success {

    background-color: #bef3f3;

    border-color: #36a6bf;

    color: #30a2c5;    

}



.bootstrap .alert.alert-success, .bootstrap #carrier_wizard .alert-success.wizard_error

{    

    border-left: solid 3px #30a2c6;

}



.bootstrap .alert.alert-success:before, .bootstrap #carrier_wizard .alert-success.wizard_error:before {

    color: #30a2c6;

}



.clearfix{

    clear: both;

}

.bootstrap .btn {

    padding: 6px 8px;

}



.bootstrap select 

{

    padding: 4px 2px !important;

}



.bootstrap .badge {

    padding: 1px 5px;

    font-weight: normal;

    font-size: 1em;

    line-height: inherit;

    letter-spacing: 0.0625em;

    background-color: #86cdd7;

}



small, .small {

    font-size: 100%;

}



.bootstrap #header_shopversion{

	margin-left: 25px;

}



.table-responsive-row i.icon-remove

{

    color: #f00;

}



.table td a:not(.btn){

    color: inherit;

    display: block;

    width: 100%;

    height: 100%;

}



.table th a:hover, .table td a:hover{

    text-decoration: none; color: inherit !important;

}



.bootstrap .pagination>li>a, .bootstrap .pagination>li>span {

    color: #57b0cc;

}



.bootstrap .pagination>.active>a, .bootstrap .pagination>.active>a:hover, .bootstrap .pagination>.active>a:focus, .bootstrap .pagination>.active>span, .bootstrap .pagination>.active>span:hover, .bootstrap .pagination>.active>span:focus {

    z-index: 2;

    color: #fff !important;

    background-color: #28a3d8;

    border-color: #65b0c7;

    cursor: default;

}



.bootstrap .text-danger {

    color: #f00;

}



.validation-summary-errors ul

{

    margin: 0;

    padding: 0;

}



.bootstrap .dropdown-menu>li>a {

    color: #1087ad;

    font-size: 13px;

    padding: 3px 8px;

    font-weight: normal;

    line-height: 1.62857;

}



table .imgm.img-thumbnail-large {

    height: auto;

    width: 140px;

}



.bootstrap .dropdown-menu>li>a.danger {

    color: #ff000a !important;

}



.bootstrap .dropdown-menu>li>a.danger:hover {

    background-color: #ff000a !important;

}



.bootstrap .dropdown-menu>li>a:hover, .bootstrap .dropdown-menu>li>a:focus {

    text-decoration: none;

    color: #fff;

    background-color: #57a0b7;

}



.bootstrap .form-group {

    margin-bottom: 5px !important;

}









.bootstrap .btn-success{

    border: none !important;

    background-color: #28a3d8 !important;

}



.bootstrap .btn-success:hover, .bootstrap .btn-success:active, .bootstrap .btn-success:focus{

    border: none !important;

    outline: none !important;

    background-color: #668de5 !important;

    color: #fff !important;

}



.bootstrap .label-danger {

    background-color: #f12837;

}



.bootstrap .label-success {

    background-color: #2ea970;

}





table thead tr:not(.filter) th

{

    background: #fafafa;

}



body{

	position: relative;

	background-attachment: fixed;

	background-position: bottom;

	background-repeat: no-repeat;

	background-size: cover;

}



/* Form Select Switches */

.switch {

    margin: 1px 0;

    position: relative;

    cursor: pointer;

}



.switch input {

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

}



.switch span {

    position: relative;

    display: inline-block;

    width: 54px;

    height: 28px;

    border-radius: 28px;    

    background-color: #98ccf1;

    border: 1px solid #668de5;

    -webkit-transition: background-color 0.35s;

    transition: background-color 0.35s;

}



.switch span:after {

    content: "";

    position: absolute;

    left: 7px;

    top: 7px;

    bottom: 7px;

    width: 12px;

    background-color: #fff;

    border: 1px solid #fff;

    border-radius: 24px;

    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);

    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);

    -webkit-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

}



.switch input:checked + input + span:after {

    left: 26px;

    width: 24px;

    top: 1px;

    bottom: 1px;

    background-color: #e4e4e4;

    border: 1px solid #2a9061;

    border: none;

    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);

    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);

}



.switch input:checked + input + span {

    background-color: #eeeeee;

}



.switch-default span {

    border-color: #dbe1e8;

}



.switch-default input:checked + input + span {

    background-color: #dbe1e8;

}



.switch-primary span {

    border-color: #1bbae1;

}



.switch-primary input:checked + input + span {

    background-color: #1bbae1;

}



.switch-info span {

    border-color: #7abce7;

}



.switch-info input:checked + input + span {

    background-color: #7abce7;

}



.switch-success span {

    border-color: #7abce7;

}



.switch-success input:checked + input + span {

    background-color: #668de5;

}



.switch-warning span {

    border-color: #f7be64;

}



.switch-warning input:checked + input + span {

    background-color: #f7be64;

}



.switch-danger span {

    border-color: #ef8a80;

}



.switch-danger input:checked + input + span {

    background-color: #ef8a80;

}



.bg-loading{

    position: fixed;

    background-color: rgba(0,0,0,0.4);

    width: 100%;

    height: 100%;

    z-index: 999999;

    display: none;

    padding: 10px 5px;

    color: #fff;

    top: 0;

    left: 0;

}

.bg-loading .animation

{

    width: 300px;

    height: 290px;

    padding-top: 25px;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -125px;

    margin-top: -125px;

    background-color: #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}



.dis-table{

    display: table;

    width: 100%;

}



.dis-row{

    display: table-row;

}



.dis-cell{

    display: table-cell;

    vertical-align: middle;

    padding: 2px 0px;

}



#nav-mobile > ul.menu {

    overflow: auto;

    padding-bottom: 30px;

}



#nav-sidebar .submenu

{

    position: absolute !important;

    left: 100% !important;

    display: none !important;

    margin-left: 0px !important;

    z-index: 999;

    top: 0;

    width: 210px;

    background-color: #2d9665;

    color: #fff;

    padding: 8px 20px 8px 30px;

}



#nav-sidebar ul.menu li.maintab:hover .submenu

{

    display: block !important;

}





#nav-sidebar .submenu:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 10px 10px 0;

    border-color: transparent #6285d6  transparent transparent;

    background-color: transparent;

    margin-top: 6px;

    position: absolute;

    z-index: 1;

    right: 100%;

}



#nav-sidebar .submenu.submenu_movetop:before

{

    top: 80px;

}



*:focus, *:active{ outline: none;}





@media (max-width: 1200px){

	button {

		margin: 4px 0;

	}



    .input-group-btn button{

        margin: 0px 0;

    }

}



#content.bootstrap .help-block {

    font-style: normal;

}



.bootstrap label {

    font-family: 'Tahoma';

    font-size: 12px;

    color: #333535;

    font-weight: normal;

    padding-top: 5px;

}



#nav-sidebar ul.menu li.maintab a.title, #nav-sidebar ul.menu li.maintab li.active a.title {

    border-left: 3px solid transparent;

}



#nav-sidebar ul.menu li.maintab.active a.title, #nav-sidebar ul.menu li.maintab.active li.active a.title {

    border-left: 3px solid #fff;

    border-right: none;

}



.bootstrap .navbar-inverse, .bootstrap #header_infos {

    background-color: #28a3d8a3;

}



#nav-sidebar ul.menu li.maintab.hover>a.title, #nav-sidebar ul.menu li.maintab:hover:not(.hover)>a.title {

    color: #e2e2e2;

    background-color: #22925e;

}



#nav-sidebar ul.menu li.maintab>a.title i {

    color: #e2e2e2;

}



.bootstrap .navbar-inverse .navbar-nav>.open>a, .bootstrap #header_infos .navbar-nav>.open>a, .bootstrap .navbar-inverse #header_notifs_icon_wrapper>.open>a, .bootstrap #header_infos #header_notifs_icon_wrapper>.open>a, .bootstrap .navbar-inverse #header_employee_box>.open>a, .bootstrap #header_infos #header_employee_box>.open>a, .bootstrap .navbar-inverse #header_quick>.open>a, .bootstrap #header_infos #header_quick>.open>a, .bootstrap .navbar-inverse #header_shop>.open>a, .bootstrap #header_infos #header_shop>.open>a, .bootstrap .navbar-inverse .navbar-nav>.open>a:hover, .bootstrap #header_infos .navbar-nav>.open>a:hover, .bootstrap .navbar-inverse #header_notifs_icon_wrapper>.open>a:hover, .bootstrap #header_infos #header_notifs_icon_wrapper>.open>a:hover, .bootstrap .navbar-inverse #header_employee_box>.open>a:hover, .bootstrap #header_infos #header_employee_box>.open>a:hover, .bootstrap .navbar-inverse #header_quick>.open>a:hover, .bootstrap #header_infos #header_quick>.open>a:hover, .bootstrap .navbar-inverse #header_shop>.open>a:hover, .bootstrap #header_infos #header_shop>.open>a:hover, .bootstrap .navbar-inverse .navbar-nav>.open>a:focus, .bootstrap #header_infos .navbar-nav>.open>a:focus, .bootstrap .navbar-inverse #header_notifs_icon_wrapper>.open>a:focus, .bootstrap #header_infos #header_notifs_icon_wrapper>.open>a:focus, .bootstrap .navbar-inverse #header_employee_box>.open>a:focus, .bootstrap #header_infos #header_employee_box>.open>a:focus, .bootstrap .navbar-inverse #header_quick>.open>a:focus, .bootstrap #header_infos #header_quick>.open>a:focus, .bootstrap .navbar-inverse #header_shop>.open>a:focus, .bootstrap #header_infos #header_shop>.open>a:focus {

    background-color: transparent; /*#57a0b7;*/

    color: #fff;

}



.bootstrap .navbar-inverse .navbar-nav>li>a:hover, .bootstrap #header_infos .navbar-nav>li>a:hover, .bootstrap .navbar-inverse #header_notifs_icon_wrapper>li>a:hover, .bootstrap #header_infos #header_notifs_icon_wrapper>li>a:hover, .bootstrap .navbar-inverse #header_employee_box>li>a:hover, .bootstrap #header_infos #header_employee_box>li>a:hover, .bootstrap .navbar-inverse #header_quick>li>a:hover, .bootstrap #header_infos #header_quick>li>a:hover, .bootstrap .navbar-inverse #header_shop>li>a:hover, .bootstrap #header_infos #header_shop>li>a:hover, .bootstrap .navbar-inverse .navbar-nav>li>a:focus, .bootstrap #header_infos .navbar-nav>li>a:focus, .bootstrap .navbar-inverse #header_notifs_icon_wrapper>li>a:focus, .bootstrap #header_infos #header_notifs_icon_wrapper>li>a:focus, .bootstrap .navbar-inverse #header_employee_box>li>a:focus, .bootstrap #header_infos #header_employee_box>li>a:focus, .bootstrap .navbar-inverse #header_quick>li>a:focus, .bootstrap #header_infos #header_quick>li>a:focus, .bootstrap .navbar-inverse #header_shop>li>a:focus, .bootstrap #header_infos #header_shop>li>a:focus {

    color: #fff;

    background-color: transparent;

}



#nav-sidebar ul.menu li.maintab:hover a.title, #nav-sidebar ul.menu li.maintab:hover li:hover a.title

#nav-sidebar ul.menu li.maintab.active a.title, #nav-sidebar ul.menu li.maintab.active li.active a.title {

    background-color: #22925e;

}



#employee_infos .employee_avatar_small {

    height: 30px;

    width: 30px;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    top: 3px;

    border: 2px solid;

    right: 3px;

}



.bootstrap #header_notifs_icon_wrapper

{

    margin-left: 60px;

}



.bootstrap a:hover, .bootstrap a:focus {

    color: #668de5;

    text-decoration: underline;

}

.bootstrap a {

    color: #28a3d8;

    text-decoration: none;

}



.menu-collapse {

    color: #fff;

}



.userlogin-name-in, #header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .notifs_panel_header h3{

	font-family: 'laxanh';

	font-size: 15px !important;

}

#header_shopname{

	font-family: 'laxanh';

	font-size: 16px !important;

}



#header_employee_box span.string-short {

    margin-right: 15px;

}



#nav-mobile {

    position: fixed;

    top: 0;

    width: 0px;

    height: 0px;

    z-index: 1100;

    left: 0;

}



#nav-sidebar ul.menu li a.title{

	font-size: 13px !important;

}



.bootstrap .page-head h2.page-title{

	font-family: 'laxanh';

	font-size: 26px !important;

}



.bootstrap .page-head{

	height: 70px;

    top: 45px;

}



#nav-mobile ul.menu {

    background-color: rgb(137, 173, 253);

    border-top: 1px #89adfd solid;

    margin-bottom: 30px;

}



#nav-mobile.expanded

{

    height: auto;

    bottom: 0px !important;

}



#nav-mobile ul.menu>li {

    background: #4368bf;

    position: relative;

}



#nav-mobile ul.menu li.maintab>a.title,

#nav-mobile ul.menu li.searchtab,

#nav-sidebar ul.menu li.maintab>a.title,

#nav-sidebar ul.menu li.searchtab,

#nav-sidebar {

    background-color: #28a3d8;

}



#nav-mobile ul.menu li.maintab>a.title

{

    color: #fff;

    border-bottom: 0px solid #ffffff;

}



#nav-mobile ul.menu li

{

    list-style: none;

}



#nav-mobile ul.menu li.maintab ul.submenu li

{

    padding: 5px;

}



#nav-mobile ul.menu li.maintab ul.submenu li a

{

    color: #fff;

    padding-left: 5px;

}



#nav-mobile ul.menu li.maintab ul.submenu li:hover a:before,

#nav-mobile ul.menu li.maintab ul.submenu li:hover a

{

    text-decoration: none;

    color: #fcff25;

}



#nav-mobile ul.menu li.maintab ul.submenu li:hover

{

    background-color: #3256ad;

}



#nav-mobile ul.menu li.maintab ul.submenu li a:before {

    font-family: FontAwesome;

    content: '\f138';

    color: rgba(241,241,241,0.92);

    margin-right: 5px;

}



#nav-sidebar ul.menu li.maintab.active a.title, #nav-sidebar ul.menu li.maintab.active li.active a.title,

#nav-sidebar ul.menu li.maintab:hover:not(.hover)>a.title {

    color: #fff;

    background-color: #7bc3da;

    border-left: 3px solid #eee;

}



body:not(.page-sidebar-closed) #nav-sidebar ul.menu li.maintab>a.title,

body:not(.page-sidebar-closed) #nav-sidebar ul.menu li.maintab:hover:not(.hover)>a.title

 {

    height: auto;

    line-height: normal;

	padding: 8px 5px;    

    text-overflow: unset !important;

}



#nav-mobile ul.menu li.searchtab .input-group-btn .btn#bo_search_submit,

#nav-sidebar ul.menu li.searchtab .input-group-btn .btn#bo_search_submit

{

	border: none;

	background-color: #ffd024;

    color: #fff;

    text-transform: uppercase;

	-webkit-border-radius: 25px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 0px;

	-moz-border-radius: 25px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-bottomleft: 0px;

	border-radius: 25px;

	border-top-left-radius: 0px;

	border-bottom-left-radius: 0px;

	padding: 7px 15px;

}



#nav-mobile ul.menu li.searchtab .input-group-btn .btn#bo_search_submit:hover,

#nav-sidebar ul.menu li.searchtab .input-group-btn .btn#bo_search_submit:hover{

	border: none !important;

	background-color: #F5C517;

	padding: 7px 15px;

}



#nav-mobile ul.menu li.searchtab #bo_query,

#nav-sidebar ul.menu li.searchtab #bo_query{

	-webkit-border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-bottomright: 0px;

	border-top-right-radius: 0px;

	border-bottom-right-radius: 0px;

	-webkit-border-top-left-radius: 25px;



	-webkit-border-bottom-left-radius: 25px;

	-moz-border-radius-topleft: 25px;

	-moz-border-radius-bottomleft: 25px;

	border-top-left-radius: 25px;

	border-bottom-left-radius: 25px;

	background-color: #fff;

}



.bootstrap .form-group .input-group {

    margin: 0 0 !important;

}



#header_nav_toggle:hover, #header_nav_toggle:focus,

#header_nav_toggle {

    background-color: #fff !important;

    border: none !important;

    color: #668de5 !important;

	padding: 5px 10px;

    margin-top: 3.5px;

	float: left;

	margin-right: 5px;

	margin-left: 5px;

}



#nav-sidebar ul.menu li.divier{

	height: 1px;

	background: rgba(220,220,220,0.40);

	margin: 5px 8px;

}



#nav-sidebar ul.menu li.maintab ul.submenu{

	background-color: #56a6bf !important;

}



#nav-sidebar ul.menu li.maintab ul.submenu li a {

    padding: 8px 6px !important;

	height: auto !important;

	line-height: normal !important;

}



#nav-sidebar ul.menu li.maintab ul.submenu li a {

    color: rgba(241,241,241,0.92)  !important;

    background-color: #6285d6 !important;

}



#nav-sidebar ul.menu li.maintab ul.submenu li a:before {

	font-family: FontAwesome;

	content: '\f138';

	color: rgba(241,241,241,0.92);

	margin-right: 5px;

}



.counter-span{

	display: inline-block;

	background: #FFE148;

	color: #f00;

	padding: 0 5px;

	position: absolute;

	right: 12px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}





#nav-sidebar ul.menu li.maintab ul.submenu li a:focus,

#nav-sidebar ul.menu li.maintab ul.submenu li a:active,

#nav-sidebar ul.menu li.maintab ul.submenu li a:hover {

    color: rgba(241,241,241,0.92)  !important;

    background-color: #7bc3da  !important;

}



#nav-sidebar ul.menu li.maintab>a.title i{

	width: auto !important;

    font-size: 20px !important;

}



#header_shopversion

{

    background-size: auto 33px;

    padding-left: 150px !important;

}



#nav-sidebar.small

{

    width: 40px !important;

}



#nav-sidebar.small > ul > li:hover > a

{

   position: absolute;

   left: 0;

   width: 250px;

   white-space: nowrap;

}



#nav-sidebar.small ul.menu li.maintab ul.submenu

{

    top: 100%;

}



#nav-sidebar.small ul.menu li.maintab ul.submenu:before

{

    display: none;

}



#nav-sidebar.small ul.menu li.maintab ul.submenu a

{

    font-size: 12px;

}



#nav-sidebar.small .searchtab .searchIcon:before

{

    content: "";

    z-index: 1000;

    position: absolute;

    top: 22px;

    display: block;

    width: 28px;

    height: 28px;

    left: 8px;

    color: #fafafa;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 18px;

    text-rendering: auto;

}



#nav-sidebar.small .searchtab:hover

{

    background-color: #1a8855;

}





#nav-sidebar.small .searchtab .bo_search_form

{

    display: none;

}



#nav-sidebar.small .searchtab.expanded{

    width: 245px;

    padding-left: 35px;

}

#nav-sidebar.small .searchtab.expanded .bo_search_form

{

    display: block;

}





#content.bootstrap{

	padding-top: 85px !important;

}



.notify-detail

{

	margin-bottom: 3px;

}



.notify-detail p

{

	margin: 0px 0;

}



.string-long:hover{

	color: #fff;

}





.content-ss a:hover, .content-ss a:focus {

    color: #57a7c1 !important;

    text-decoration: underline;

}



.content-ss .btn-success{

	border: none !important;

	color: #fff !important;

	background-color: #28a3d8  !important;

    text-decoration: none;

}



.content-ss .btn-success i{

	color: #fff !important;

}



.content-ss .btn-success:hover, .content-ss .btn-success:active, .content-ss .btn-success:focus{

	border: none !important;

	background-color:  #668de5  !important;

	color: #fff !important;

	opacity: 1;

    text-decoration: none;

}



.img-wrap

{

    position: relative;

}



.large-image-view

{

    display: none;

    position: absolute;

    z-index: 99999;

    left: 100%;

    bottom: 0%;

    margin-top: -80px;

    border: 1px solid #eee;

    padding: 5px;

    background-color: #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.large-image-view > img

{

    height: 150px;

}



.img-wrap > img:hover + .large-image-view

{

    display: block;

}



.content-ss .dropdown-menu>li>a:hover, .content-ss .dropdown-menu>li>a:focus {

    text-decoration: none;

    color: #fff !important;

    background-color: #55a9c3;

}



.content-ss .table thead>tr>th {

    border-bottom: solid 1px #FFFFFF;

    border-right: 1px solid #f2f2f2;

}



.content-ss .table thead>tr.filter>th {

    background-color: #E8E8E8;

}



.content-ss .table thead>tr.filter>th input[type="text"].filter, .bootstrap .table thead>tr.filter>th input[type="password"].filter, .bootstrap .table thead>tr.filter>th select.filter {

    border-color: #dae6d9 !important;

    background-color: #ffffff!important;

    height: auto !important;

    font-size: 13px;

}





.content-ss .btn.btn-default{

	border: 1px solid #ececec !important;

	color: #333 !important;

	background-color: #fafafa !important;

	opacity: 1 !important;

    text-decoration: none;

}



.content-ss .btn.btn-default i{

	color: #333 !important;

}



.content-ss .btn.btn-default:hover i, .content-ss .btn.btn-default:active i, .content-ss .btn.btn-default:focus i{

	color: #fff !important;

}





.content-ss .btn.btn-default:hover, .content-ss .btn.btn-default:active, .content-ss .btn.btn-default:focus{

	background-color: #57b0cc !important;

    border-color: #57b0cc;

	color: #fff !important;

	opacity: 1 !important;

    text-decoration: none;

}



#content.bootstrap .panel .panel-heading{

	font-family: 'laxanh';

	font-size: 15px;

	color: #5d5d5d;

}

.bootstrap .table>thead>tr>th, .bootstrap .table>thead>tr>td, .bootstrap .table>tbody>tr>th, .bootstrap .table>tbody>tr>td, .bootstrap .table>tfoot>tr>th, .bootstrap .table>tfoot>tr>td

{

	vertical-align: middle !important;

}

.bootstrap .table:not(.notrowcolor) tbody tr:nth-child(even){

	background-color: #f5f5f5 !important;

}



.table .imgm.img-thumbnail

{

	height: 43px;

	max-width: 43px;

	margin: 2px 0px;

	padding: 2px !important;

}



#main {

    padding: 45px 0 20px !important;

}





.bootstrap .btn-danger:hover, .bootstrap .btn-danger:focus, .bootstrap .btn-danger:active, .bootstrap .btn-danger.active, .open>.bootstrap .btn-danger.dropdown-toggle

{

	border: none !important;

	color: #fff !important;

}



.bootstrap .panel .panel-footer .btn{

	padding: 10px 20px;

    border: none !important;

    font-size: 13px;

}



.bootstrap .panel .panel-footer .btn i{

    font-size: 14px;

    margin-right: 8px;

}



.bootstrap .btn-danger {

    color: #fff;

    background-color: #E3DBDC;

    border-color: #DD5A64;

}



.bootstrap .panel .panel-footer{

	height: auto;

}





.bootstrap .form-control, .bootstrap input[type="text"], .bootstrap input[type="search"], .bootstrap input[type="password"], .bootstrap textarea, .bootstrap select {

    color: #555;

    background-color: #ececec;

    background-image: none;

    border: 1px solid transparent !important;

    border-radius: 2px;

    padding: 5px 5px;

	outline: none !important;

	box-shadow: none !important;

    font-size: 13px;

    height: auto;

}



.bootstrap textarea:focus, .bootstrap input[type="text"]:focus, .bootstrap input[type="password"]:focus, .bootstrap input[type="datetime"]:focus, .bootstrap input[type="datetime-local"]:focus, .bootstrap input[type="date"]:focus, .bootstrap input[type="month"]:focus, .bootstrap input[type="time"]:focus, .bootstrap input[type="week"]:focus, .bootstrap input[type="number"]:focus, .bootstrap input[type="email"]:focus, .bootstrap input[type="url"]:focus, .bootstrap input[type="search"]:focus, .bootstrap input[type="tel"]:focus, .bootstrap input[type="color"]:focus, .bootstrap .uneditable-input:focus {

    background-color: #e1edf1;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.input-group{

	border: none !important;

}



.bootstrap .input-group-addon{

	border: none !important;

    color: #555;

    background-color: #fafafa;

    border: 1px solid #dae6d9!important;

}



.bootstrap label.control-label {

    color: #28a3d8;

	font-family: 'laxanh';

	padding-top: 6px;

	font-size: 14px;

}



.bootstrap #employee-thumbnail a,

.bootstrap #employee-thumbnail{

	-webkit-border-radius: 60px !important;

	-moz-border-radius: 60px !important;

	border-radius: 60px !important;

	overflow: hidden;

}



.bootstrap #employee-thumbnail:before{

	display: none;

	opacity: 0;

}



.bootstrap .table thead>tr>th span.title_box {

    font-weight: 600;

}



.bootstrap .table td.dragHandle .dragGroup:hover {

    color: #fff;

    background-color: #30A662 !important;

	transition: all 0.2s;

}



.bootstrap .table.tableDnD td{

	padding: 8px 3px;

}



.bootstrap .table td.dragHandle .dragGroup .positions {

    display: inline-block;

    border: none !important;

    background-color: #c5ffe4;

    color: #8a8a8a;

    text-shadow:  none !important;

    -webkit-box-shadow:  none !important;

    box-shadow:  none !important;

}





.bootstrap .btn-danger{

	border: none !important;

}



.bootstrap .table.tableDnD tbody>tr td:not(.list-empty){

	border-bottom: 1px solid #f2f2f2 !important;

    border-right: 1px solid #f2f2f2;

}



.bootstrap .table.tableDnD tbody>tr td:first-child

{

	font-weight: 600;

}



.bootstrap .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}



.bootstrap .list-empty .list-empty-msg {

    width: 100%;

}





@media screen and (min-width: 800px)

{

	.page-sidebar #content {

		padding-left: 225px !important;

		margin-left: 0px !important;

		position:relative !important;

	}



	.page-sidebar #content.small {

		padding-left: 50px !important;

		margin-left: 0px !important;

		position:relative !important;

	}



	.bootstrap .page-head {

		left: 0px !important;

		padding-left: 200px !important;

	}



	.bootstrap .page-head.small {

		padding-left: 35px !important;

	}



	.bootstrap .page-head ul.page-breadcrumb {

		left: 200px !important;

		padding-left: 20px !important;

	}



	.bootstrap .page-head.small ul.page-breadcrumb {

		left: 35px !important;

		padding-left: 20px !important;

	}



	.bootstrap .page-head h2.page-title {

		padding: 26px 0 0 20px !important;

	}

}



@media screen and (max-width: 799px)

{

	#nav-sidebar{

		position:fixed;

		display: block;

		width: 100%;

		max-width: 210px;

		left: 0;

		transition: left 0.2s;

		height: 100%;

	}



	#nav-sidebar.closed

	{

		left: -220px;

	}



	#header_nav_toggle{

		display: block;

	}



	.page-sidebar #content {

		padding-left: 5px !important;

		margin-left: 0px !important;

		position:relative !important;

	}



	.bootstrap .page-head {

		left: 0px !important;

		padding-left: 10px !important;

	}



	.bootstrap .page-head ul.page-breadcrumb {

		left: 10px !important;

		padding-left: 0px !important;

	}



	.bootstrap .page-head h2.page-title {

		padding: 26px 0 0 0px !important;

	}

}



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

{

	#employee_links {

		position: fixed !important;

		top: 36px !important;

		width: 100% !important;

		height: 100% !important;

		background-color: #ffffff !important;

		left: 0 !important;

	}



	#employee_links li i {

		font-size: 1em;

		color: #2ea970;

	}



	#employee_links li a{

		padding: 10px;

	}



	.bootstrap .dropdown-menu .divider {

		margin: 0.5px 0;

	}



	.bootstrap .dropdown-menu>li>a:hover, .bootstrap .dropdown-menu>li>a:focus {

		text-decoration: none;

		color: #fff;

		background-color: #2ea970;

	}



	#employee_links li:hover i, #employee_links li:focus i {

		color: #FFF35A;

	}



	.navbar-header{

		position: relative;

		text-align: center;

	}



	.bootstrap #header_notifs_icon_wrapper{

		display: inline-block !important;

	}



	#header_shopname{

		display: none !important;

	}



	.bootstrap #header_notifs_icon_wrapper>li{

		float: none !important;

		display: inline-block;

		position: inherit !important;

	}



	.bootstrap #header_notifs_icon_wrapper>li>.dropdown-menu{

		width: 100%;

	}



	#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel {

		width: auto;

	}

}





@media screen and (max-width: 992px)

{



	.bootstrap .table-responsive-row td .dropdown-menu li a, .bootstrap .table-responsive-row td a.btn, .bootstrap .table-responsive-row td button.btn {

		background-color: #fff;

		border-left: none !important;

		color: #555;

		box-shadow: none !important;

		padding: 8px 10px !important;

	}



	.bootstrap .table-responsive-row td .dropdown-menu li a:hover, .bootstrap .table-responsive-row td a.btn:hover, .bootstrap .table-responsive-row td button.btn:hover {

		background-color: #2ea970;

		color: #fff;

	}



	.bootstrap .table-responsive-row td .dropdown-menu li a i, .bootstrap .table-responsive-row td a.btn i, .bootstrap .table-responsive-row td button.btn i

	{

		color: #555;

	}



	.bootstrap .form-group {

		margin-bottom: 8px !important;

	}



	.bootstrap .table-responsive-row tr {

		border: 1px solid #E9E9E9;

		-webkit-box-shadow: none;

		box-shadow: none;

		width: 100%;

		margin-bottom: 6px;

	}



	.bootstrap .btn-group .btn.delete i {

		color: #fff !important;

	}

	.bootstrap .btn-group .btn.delete {

		color: #fff  !important;

		background-color: #f00  !important;

		padding-left: 20px !important;

		padding-right: 20px !important;

	}



	.bootstrap .btn-group .btn.edit {

		padding-left: 20px !important;

		padding-right: 20px !important;

	}



	bootstrap .btn-group .btn.delete:hover, bootstrap .btn-group .btn.delete:active, bootstrap .btn-group .btn.delete:focus {

		color: #fff !important;

		background-color: #E50E0E !important;

	}



	.bootstrap .btn-group .btn.edit:hover, bootstrap .btn-group .btn.edit:active, bootstrap .btn-group .btn.edit:focus{

		background-color: #2AA877;

		color: #fff;

	}



}



.tree-wraper{

    padding: 8px;

    overflow: auto;

}



.tree-wraper label{

    color: #555 !important;

    font-weight:  normal !important;

    font-family: 'Tahoma' !important;

    font-size: 13px !important;

    position: relative;

    top: -5px;

    cursor: pointer;

}



.tree-wraper label input

{

    margin-right: 0;

}



.tree-wraper label .name-group-end

{

    position: relative;

    top: -3px;

}



.tree-wraper > ul.tree{

    margin-left: 20px;

    border-left: 1px dotted #bbb !important;

}



.tree-wraper ul.tree{

    padding-left: 30px;

}



.tree-wraper > ul.tree li{

    position: relative;

    list-style-position: inside;

}



.tree-wraper > ul.tree li.has-child > .before{

    content: '\f138';

    font-family: FontAwesome;

    color: #2ea970;

    position: absolute;

    left: -15px;

    top: 2px;

    z-index: 0;

    cursor: pointer;

}



.tree-wraper > ul.tree li.has-child > .after{

    content: '';

    height: 17px;

    width: 23px;

    border-bottom: 1px dotted #bbb;

    border-left: 1px dotted #bbb;

    position: absolute;

    left: -40px;

    top: -7px;

    z-index: 0;

}



.tree-wraper > ul.tree > li.has-child > .after{

    border-left: none !important;

    width: 15px;

    left: -31px;

}



.tree-wraper > ul.tree > li{

    margin-bottom: 5px;

}



.tree-wraper > ul.tree > li > label

{

    font-weight: bold !important;

}



.tree-wraper > ul.tree > li ul.tree{

    display: none;

}





.img-prd-wrap{

    border: 4px solid #f2f2f2;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    margin-top:  0px;

    padding-top: 80.5%;

    background-size: 100% 100%;

}





.accordion-heading{

    margin-top: 15px;

    padding: 5px 10px;

    font-family: 'laxanh';

    font-size: 16px;

    text-decoration: none;

    background-color: #2ea970;

    color: #fff;

    -webkit-border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.accordion-heading a{

    color: #fff;

}



.accordion-heading a:hover, .accordion-heading a:active, .accordion-heading a:focus{

    text-decoration: none !important;

    color: #fff !important;

}



.accordion-inner

{

    padding: 8px 10px;

    background-color: #f5f5f5;

    border: 1px solid #f2f2f2;

    border-top: none;

}



ul.listimage{

    list-style: none;

    margin:  0;

    padding: 0;

    padding-bottom: 5px;

    white-space: nowrap;

    overflow-x: auto;

}



ul.listimage li

{

    position: relative;

    display: inline-block;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border: 1px solid #eee;

}



ul.listimage li .btn-action-wrap

{

    position: absolute;

    right: 5px;

    top: 5px;

    transition: all 0.2s;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    opacity: 0;

}



ul.listimage li:hover .btn-action-wrap

{

    opacity: 1;

}



ul.listimage li img{

    height: 120px;

    border: 3px solid #fff;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}





.modal-title{

    font-family: 'laxanh' !important;

    font-size: 16px !important;

    color: #30a2c5  !important;

}



.bootstrap .table tr.parent td {

    background-color: #f5f5f5 !important;

    border-bottom: solid 1px #fff !important;

}



.head-title{

    font-family: 'laxanh' !important;

    font-size: 15px !important;

    color: #ff3e3e !important;

}



.bootstrap .list-group-item.active, .bootstrap #dashboard .data_list li.active, .bootstrap .list-group-item.active:hover, .bootstrap #dashboard .data_list li.active:hover, .bootstrap .list-group-item.active:focus, .bootstrap #dashboard .data_list li.active:focus {

    z-index: 2;

    color: #fff !important;

    background-color: #5da9c1;

    border-color: #5da9c1;

}



.bootstrap a.list-group-item:hover, .bootstrap a.list-group-item:focus {

    text-decoration: none;

    color: #fff !important;

    background-color: #57b0cc;

}



.bootstrap .list-group-item, .bootstrap #dashboard .data_list li {

    border: none !important;

}



#content.bootstrap .panel, #content.bootstrap #dash_version, #content.bootstrap .message-item-initial .message-item-initial-body, #content.bootstrap .timeline .timeline-item .timeline-caption .timeline-panel {

    border: 1px solid #eaeaea !important;

}

.bootstrap #permissions-table.table th{

    font-family: 'laxanh';

    font-size: 15px;

    color: #668de5;

}



.bootstrap #permissions-table.table td, .bootstrap #permissions-table.table th{

    padding: 6px 5px !important;

}



#content.bootstrap h3:not(.modal-title) .badge, #content.bootstrap h3:not(.modal-title) #header_notifs_icon_wrapper .notifs_badge, #header_notifs_icon_wrapper #content.bootstrap h3:not(.modal-title) .notifs_badge, #content.bootstrap h3:not(.modal-title) .module-badge-popular, #content.bootstrap h3:not(.modal-title) .module-badge-partner, #content.bootstrap h3:not(.modal-title) .module-badge-bought, #content.bootstrap .panel-heading .badge, #content.bootstrap .panel-heading #header_notifs_icon_wrapper .notifs_badge, #header_notifs_icon_wrapper #content.bootstrap .panel-heading .notifs_badge, #content.bootstrap .panel-heading .module-badge-popular, #content.bootstrap .panel-heading .module-badge-partner, #content.bootstrap .panel-heading .module-badge-bought {

    color: #232323;

    border: solid 1px #ffffff;

    background-color: #dedede;

}



#content.bootstrap .panel-heading .panel-heading-action button.list-toolbar-btn {

    height: 30px;

    width: 30px;

    color: #CCC;

    float: left;

    padding: 7px 0px;

    text-align: center;

    border: none;

    border-left: solid 1px #eee;

    border-bottom: solid 1px #eee;

    background-color: #fff;

}



#content.bootstrap .panel-heading .panel-heading-action button.list-toolbar-btn i

{

    font-size: 15px;

}



#content.bootstrap .panel-heading .panel-heading-action button.list-toolbar-btn:active,

#content.bootstrap .panel-heading .panel-heading-action button.list-toolbar-btn:focus,

#content.bootstrap .panel-heading .panel-heading-action button.list-toolbar-btn:hover

{

    color: #2ea970;

}





#content.bootstrap .btn-option-head .btn-default:focus,

#content.bootstrap .btn-option-head .btn-default:hover,

#content.bootstrap .btn-option-head .btn-default:active

{

    background-color: #f2f2f2 !important;

    color: #333 !important;

    border: 1px solid #f2f2f2 !important;

}



#content.bootstrap .btn-option-head .btn-default:focus i,

#content.bootstrap .btn-option-head .btn-default:hover i,

#content.bootstrap .btn-option-head .btn-default:active i

{

    color: #000 !important;

}



.panel-footer .btn{

    margin-top: 0px !important;

}



.bootstrap #header_notifs_icon_wrapper .notifs_badge, #header_notifs_icon_wrapper .bootstrap .notifs_badge{

    padding: 1px 4px !important;

    font-size: 0.8em !important;

    background-color: #f00000 !important;

    min-width: 18px;

}



.dropdown-menu .btn-droplink{

    background-color: #fff;

    border: none;

    padding: 5px 7px;

    color: #1087ad;

}



.dropdown-menu .btn-droplink:hover{

    background-color: #1087ad;

    border: none;

    padding: 5px 7px;

    color: #fff;

}





.bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6, .bootstrap .h1, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5, .bootstrap .h6 {

    font-family: laxanh;

}



.tabs-wrap {

    margin-top: 5px;

}



.nav.nav-pills{

    background-color: #f5f5f5;

    padding: 3px 3px 0px;

    border-bottom: 1px solid #e8e8e8;

}



.bootstrap .nav-pills>li {

    font-family: 'Tahoma';

    color: #333;

    text-transform: uppercase;

    font-size: 13px;    

    height: 29px;

}



.bootstrap .nav-pills>li a{

    padding: 5px 10px;

}

.bootstrap .nav-pills>li.active>a, .bootstrap .nav-pills>li.active>a:hover, .bootstrap .nav-pills>li.active>a:focus{

    background-color: #fff;

    position: relative;

    border: 1px solid #e8e8e8;

    border-bottom: none;

    -webkit-border-bottom-right-radius: 0px;

    -webkit-border-bottom-left-radius: 0px;

    -moz-border-radius-bottomright: 0px;

    -moz-border-radius-bottomleft: 0px;

    border-bottom-right-radius: 0px;

    border-bottom-left-radius: 0px;

}





.bootstrap .nav-pills>li.active:after{

    content: '';

    position: absolute;

    bottom: -2px;

    width: 100%;

    z-index: 99;

    height: 2px;

    background: #fff;

    border-left: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

}



.bootstrap .nav-pills>li.active a {

    color: #555 !important;

}



#content.bootstrap .panel .panel.tab-content{

    box-shadow: none;

    padding: 5px;

    margin-bottom: 5px;

}



.bootstrap .tab-content .table tbody>tr:hover

{

    cursor: pointer;

}



.bootstrap .block-content .table tbody > tr > td,

.bootstrap .tab-content .table tbody > tr > td {

    border-bottom: none;

    padding-top: 3px;

    padding-bottom: 3px;

    max-width: 100%;

}



.block{

    margin-top: 15px;

    border: 1px solid #e8e8e8;

}



.block-title {

    padding: 5px 8px;

    color: #2ea970;

    border-bottom: 1px solid #e8e8e8;

    background-color: #f9fafc;

}



.bootstrap .panel .panel-footer .btn.btn-default

{

    border: 1px solid #f2f2f2 !important;

}





.block-content{

    padding: 5px 8px;

}



.chosen-container-single .chosen-search:before

{

    display: none;

}



.chosen-container{height: auto !important;}



.chosen-container-single .chosen-single {

    height: 29px !important;

    margin-top: 1px !important;

    border: none !important;

    background-color: #e3f1ea !important;

    box-shadow: none  !important;

    -webkit-box-shadow: none  !important;

    -moz-box-shadow: none  !important;

}



.chosen-container-single .chosen-single span {

    height: 29px !important;

    line-height: 29px !important;

}



.chosen-single b:before

{

    display: none !important;

}



.chosen-container .chosen-results li.highlighted {

    background-color: #5496c7  !important;

    color: #fff !important;

}



@media (max-width: 1200px)

{

    .bootstrap .form-group input[type="text"], .bootstrap .form-group input[type="search"], .bootstrap .form-group input[type="password"], .bootstrap .form-group textarea, .bootstrap .form-group select {

        margin: 0px 0;

    }



    button {

        margin: 0px 0;

    }

}







.customerCard

{

    border: 1px solid #f2f2f2;

    background-color: #f3f3f3;

    padding: 0;

    margin-bottom: 10px;

}





.customerCard .panel-heading

{

    background-color: transparent !important;

    margin-bottom: 5px !important;

}



.customerCard .panel

{

    padding-bottom: 5px !important;

}



.customerCard .panel,

.customerCard .panel-footer

{

    background-color: transparent !important;

    border-bottom: none !important;

    box-shadow: none;

}



.customerCard  .panel .panel-footer .btn {

    padding: 8px 10px;

    font-size: 13px;

}



#Termps,

#address_part,

#products_part

{

    display: none;

}



.srv-searchWrap,

.prd-searchWrap

{

    position: relative;

    width: 100%;

}



#KMsearchResult,

#srv-searchResult,

#prd-searchResult

{

    display: none;

    position: absolute;

    top: 100%;

    width: 1030px;

    left: 0;

    z-index: 999;

    background-color: #fafafa;

    border: 1px solid #f2f2f2;

    -webkit-box-shadow: 1px 9px 11px 0px rgba(158,158,158,1);

    -moz-box-shadow: 1px 9px 11px 0px rgba(158,158,158,1);

    box-shadow: 1px 9px 11px 0px rgba(158,158,158,1);



}



#KMsearchResult .result-item,

#srv-searchResult .result-item,

#prd-searchResult .result-item

{

    padding: 5px;

    border-bottom: 1px solid #f2f2f2;

}



#KMsearchResult .result-item .dis-cell,

#srv-searchResult .result-item .dis-cell,

#prd-searchResult .result-item .dis-cell

{

    padding: 0 8px;

}



#KMsearchResult .result-item:hover,

#srv-searchResult .result-item:hover,

#prd-searchResult .result-item:hover

{

    background-color: #efefef;

}



#KMsearchResult .result-item:hover .btn,

#srv-searchResult .result-item:hover .btn,

#prd-searchResult .result-item:hover .btn

{

    background-color: #219E64 !important;

    color: #fff !important;

}





#KMsearchResult .result-item:hover .btn i,

#srv-searchResult .result-item:hover .btn i,

#prd-searchResult .result-item:hover .btn i

{

    color: #fff !important;

}



#KMsearchResult .result-item img.img-prd,

#srv-searchResult .result-item img.img-prd,

#prd-searchResult .result-item img.img-prd

{

    height: 50px;

    width: 50px;

    border: 3px solid #fff;

    margin-right: 10px;

}



#KMsearchResult .result-item h4.prdName,

#srv-searchResult .result-item h4.prdName,

#prd-searchResult .result-item h4.prdName

{

    margin: 0px 0 5px 0;

    color: #f00;

    font-family: Tahoma;

    font-size: 13px;

}



.table.order_state .imgm.img-thumbnail {

    height: 28px;

    max-width: 28px;

    margin: 2px 0px;

    padding: 2px !important;

}



.toolbarBox .nav.nav-pills {

    background-color: #fff;

    padding: 3px 3px 0px;

    border-bottom: 1px solid #fff;

}

.bootstrap .page-head .toolbarBox .btn-toolbar .toolbar_btn

{

    text-transform: none !important;

}







.bootstrap .page-head .toolbarBox .btn-toolbar .toolbar_btn {

    position: relative;

    padding: 5px 10px !important;

    background-color: #fff !important;

    border: none !important;

}



.bootstrap .page-head .toolbarBox .btn-toolbar .toolbar_btn:hover

{ background-color: #f2f2f2 !important;}



.bootstrap .table tbody>tr>td {

    color: #000 !important;

    border-bottom: none;

}



.bootstrap .table thead>tr>th{

    border-bottom: none;

}



.btn

{

    white-space: nowrap;

    overflow-x: hidden;

}

div.datepicker

{

    z-index: 9999 !important;

}







/* Timeline */

.timeline {

    position: relative;

}



.timeline-header {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

    padding: 0 15px;

    min-height: 60px;

    line-height: 60px;

    background-color: #ffffff;

    border-bottom: 2px solid #f0f0f0;

    z-index: 500;

}



.timeline-list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.timeline-list:before {

    content: "";

    width: 0px;

    height: 0px;

    border: 0.5em solid transparent;

    position: absolute;

    left: 90px;

    top: -15px;

    border-bottom: 10px solid #f51616;

}



.timeline-list:after {

    position: absolute;

    display: block;

    width: 2px;

    top: 0;

    left: 95px;

    bottom: 0;

    content: "";

    background-color: #f51616;

    z-index: 1;

}



.timeline-header + .timeline-list:after {

    top: 60px;

}



.timeline-list li {

    position: relative;

    margin: 0;

    padding: 10px 0 10px 0px;

}



.timeline-list.timeline-hover li:hover {

    background-color: #f9f9f9;

}



.timeline-list .timeline-icon {

    position: absolute;

    left: 76px;

    top: 10px;

    width: 40px;

    height: 40px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    background-color: #ffffff;

    border: 1px solid #dddddd;

    border-radius: 15px;

    z-index: 300;

}



.timeline-list .active .timeline-icon {

    border-color: transparent;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    color: #ffffff;

}



.timeline-list .timeline-time {

    float: left;

    width: 70px;

    text-align: right;



}



.timeline-list .timeline-time small

{

    font-size: 11px;

    font-weight: 600;

    color: #f55454;

}



.timeline-list .timeline-content {

    margin-left: 120px;

}



.block-content-full .timeline-content {

    padding-right: 20px;

}



.timeline-list .timeline-content .push-bit{

    color: #f00;

}



.media-feed {

    margin-bottom: 0;

}



.media-feed > .media {

    margin-top: 0;

    padding: 20px 20px 0;

    border-top: 1px dotted #dbe1e8;

}



.media-feed > .media:first-child {

    border-top: none;

}



.media-feed.media-feed-hover > .media:hover {

    background-color: #f9f9f9;

}



/* Error */

#error-container {

    padding: 120px 20px;

    position: relative;

}



#error-container .error-options {

    position: absolute;

    top: 20px;

    left: 20px;

}



#error-container h1 {

    font-size: 96px;

    color: #ffffff;

    margin-bottom: 40px;

}



#error-container h2 {

    color: #cccccc;

    margin-bottom: 40px;

    line-height: 1.4;

}



#error-container form {

    padding: 20px;

    border-radius: 3px;

    background: #ffffff;

    background: url('../images/access-denied.jpg') repeat;

    background: rgba(255, 255, 255, 0.1);

}



#error-container .form-control {

    border-color: #ffffff;

}



.bootstrap .timeline:before

{

    display: none;

}







/* Form Wizards */

.wizard-steps {

    border-bottom: 1px solid #eaedf1;

    margin-bottom: 20px;

}



.form-bordered .wizard-steps {

    margin-bottom: 0;

}



.wizard-steps .row {

    margin: 0;

}



.wizard-steps .row div {

    padding: 8px 5px;

    font-size: 13px;

    text-align: center;

}



.form-bordered .wizard-steps .row div {

    padding-top: 10px;

}



.wizard-steps span {

    display: inline-block;

    width: 100%;

    height: 50px;

    padding-top: 8px;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 18px;

    border: 1px solid #b1f0d3;

    background-color: #c7ffe5;

    border-radius: 50px;

}



.wizard-steps div.done span,

.wizard-steps div.active span {

    background-color: #2ea970;

    border: 1px solid #2ea970;

    color: #ffffff;

}



.wizard-steps div.done span {

    opacity: 0.25;

    filter: alpha(opacity=25);

}



.wizard-steps div.active span {

    opacity: 1;

    filter: alpha(opacity=100);

}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) 

{

    

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) 

{

    

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

    

}



.products-recommendlist .prd-itemrc{

    position: relative;

}



.products-recommendlist .img-wrap-rc{

    position: relative;

    padding-top: 90%;

}



.products-recommendlist .prd-itemrc img{

    width: 98%;

    height: 98%;

    position: absolute;

    left: 1%;

    top: 1%;

}



.products-recommendlist .prd-itemrc .prd-info

{

    display: none;

    background-color: rgba(242, 242, 242, 0.72);

    -webkit-box-shadow: 5px 6px 9px 0px rgba(161,161,161,0.72);

    -moz-box-shadow: 5px 6px 9px 0px rgba(161,161,161,0.72);

    box-shadow: 5px 6px 9px 0px rgba(161,161,161,0.72);

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #f2f2f2;

    color: #555;

    padding: 10px 3px;

    margin-bottom: 5px;

    position: absolute;

    bottom: 10px;

    right: 10px;

    top: 10px;

    left: 10px;

    text-align: center;

    /* width: 210px; */

    overflow: hidden;

    z-index: 513;

}



.products-recommendlist .prd-itemrc .prd-info p

{

    margin: 3px 0;

}



.products-recommendlist .prd-itemrc .prd-info::before {

	content: "";

	width: 0px;

	height: 0px;

	border: 0.8em solid transparent;

	position: absolute;

	left: 45%;

	bottom: -20px;

	border-top: 10px solid #f2f2f2;

}



.products-recommendlist .prd-itemrc:hover .prd-info

{

    display: block;

}



.small-input .btn,

.small-input .form-control{

    padding: 3px 7px !important; font-size: 12px !important;

}



.small-input th{

    padding: 3px !important;

}



#table_result_KM h4{

    font-family: Tahoma;

    font-size: 13px;

    line-height: 20px;

}



.totaldatasanpham h4{

    margin-top: 2px;

    margin-bottom: 2px;

    line-height: 25px;

}



.totaldatasanpham .btn,

.totaldatasanpham .form-control{

    padding: 3px 6px !important;

}



.bootstrap .table tbody>tr>td{

    background-color: transparent !important;

}



#change_stt .item-status td

{

    vertical-align: middle;

    color: inherit !important;

    padding: 2px;

    border-bottom: 1px solid #f2f2f2;

}



#change_stt .item-status td span.data-stt

{

    display: block !important;

    padding: 5px 5px !important;

    color: inherit !important;

}



#change_stt .item-status td .img-stt

{

    width: 25px;

    height:25px;

}



.bootstrap .list-empty .list-empty-icon {

    font-size: 40px;

}

.timeline-list .timeline-content .push-bit {

    margin-bottom: 1px !important;

}

.delete-cv

{

    display: none !important;

    position: absolute;

    right: 0;

    top: 5px;

    padding: 2px 5px !important;

}



.timeline-list li:hover .delete-cv

{

    display: block !important;

}







/* Gallery */

.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img {

    max-width: 100%;

}



a[data-toggle="lightbox-image"],

a.gallery-link {

    cursor: pointer;

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in;

}



.gallery a:hover img,

.gallery-image:hover img,

a[data-toggle="lightbox-image"]:hover img {

    opacity: 0.75;

    filter: alpha(opacity=75);

}



.gallery-image {

    position: relative;

}



.gallery-image-options {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

    padding: 10px;

}



.gallery-image:hover .gallery-image-options {

    display: block;

}



.gallery > .row > div {

    margin-bottom: 15px;

}



.gallery.gallery-widget > .row > div {

    margin-bottom: 0;

    padding-top: 7px;

    padding-bottom: 7px;

}



.ten-giai-doan

{

    text-transform: uppercase;

    margin-bottom: 5px;

    margin-top: 5px;

    background-color: #fafafa;

    padding: 5px 10px;

}



.image-project

{

    display: block !important;

    padding-top: 60% !important;

    background-color: #fff;

    background-repeat: no-repeat;

    background-size: 100% 100% !important;

    border: 1px solid #f2f2f2;

}



.image-project.addimage

{    

    background-color: #fafafa;

    position: relative;

}



.image-project.addimage .loading-uoload-image-prj

{

    position: absolute;

    width: 98%;

    left: 1%;

    bottom: 0;

}



.btn-group>.btn:last-child:not(:first-child){

    padding: 7px 7px;

}

#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .notifs_panel_header h3,

#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .list_notif a

{

    border-bottom: none;

}



#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .list_notif a.infocontent{

    padding: 0;

}



#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .notifs_panel_header h3{

    padding: 2px 10px;

    margin-top:2px;

}



.notifs_panel:nth-child(n+2){

    border-top: 1px solid #e5e5e5;

    padding-top: 5px;

}



.notify-detail

{

    padding-bottom: 5px;

    margin-bottom: 0;

}



#header_notifs_icon_wrapper .notifs_dropdown .notifs_panel .list_notif .no_notifs{

    padding: 5px 0;

    border-bottom: none;

}



#notification-area a:hover{

    text-decoration: none;

}



#notification-area{

    

    -moz-transition: top 0.3s;

    -webkit-transition: top 0.3s;

    transition: top 0.3s;

}



.bootstrap .employee_avatar_small i {

    font-size: 17px;

    line-height: inherit;

    color: #ec1717;

}



#notification-area.no-closed

{

    bottom: initial;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



#notification-area .notifypreview{

    position: fixed;

    bottom: 10px;

    display: none;

}



#notification-area .notifi-preview-item{

    background-color: #fff;

    border: 1px solid #f0f0f0;

    padding: 5px;

    margin-bottom: 5px;

}



#notification-area .wrap-preview, #notification-area .notify-detail

{

    position: relative;

}

#notification-area .wrap-preview .closenotify, #notification-area .notify-detail .closenotify{

    position: absolute;

    right: 0px;

    top: 0px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    opacity: 0;

}



#notification-area .wrap-preview:hover .closenotify, #notification-area .notify-detail:hover .closenotify {

    opacity: 1;

}





#notification-area .notifi-head{

    color: #555;

    padding: 0px 2px;

    font-size: 14px;

    font-weight: bold;

    cursor: pointer;

}



#notification-area .notify-detail{

    border-bottom: 1px solid #f5f5f5;

}



#notification-area .notify-detail + .notify-detail{

    margin-top: 5px;

}







#notification-area .notifi-head .employee_avatar_small {

    animation: none;

    -webkit-animation: none;

    -moz-animation: none;

    -o-animation: none;

}



#scrollpheduyet .employee_avatar_small{

    display: inline-block;

    text-align: center;

    overflow: hidden;

    height: 32px;

    min-width: 32px;

    width: 32px;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    font-size: 18px;

}



#scrollpheduyet .employee_avatar_small .notifynumber

{

    position: absolute;

    top: 3px;

    right: -6px;

    background-color: #f00;

    color: #fff;

    font-size: 12px;

    padding: 1px 3px;

    min-width: 15px;

    padding-bottom: 0;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}





#scrollpheduyet .employee_avatar_small img {

    width: 100%;

    height: 100%;

}



.notifi-head + .dropdown-menu

{

    margin-top: 15px;

    border: 1px solid #f9f9f9;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 29px -2px rgba(71,71,71,1);

    -moz-box-shadow: 0px 0px 29px -2px rgba(71,71,71,1);

    box-shadow: 0px 0px 29px -2px rgba(71,71,71,1);

}



.notifi-head + .dropdown-menu::before {

	content: "";

    width: 0px;

    height: 0px;

    border: 1.2em solid transparent;

    position: absolute;

    left: 90%;

    top: -28px;

    z-index: 9999;

    border-bottom: 16px solid #fff;

}





@keyframes cssAnimation1 {

    50%  { 

        background: #cf1c24;

        background: -moz-linear-gradient(top, #cf1c24 0%, #a33739 100%);

        background: -webkit-linear-gradient(top, #cf1c24 0%,#a33739 100%);

        background: linear-gradient(to bottom, #cf1c24 0%,#a33739 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1c24', endColorstr='#a33739',GradientType=0 );

        color: #fff;

    }

}



@-webkit-keyframes cssAnimation1 {

    50% {

        background: #cf1c24;

        background: -moz-linear-gradient(top, #cf1c24 0%, #a33739 100%);

        background: -webkit-linear-gradient(top, #cf1c24 0%,#a33739 100%);

        background: linear-gradient(to bottom, #cf1c24 0%,#a33739 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1c24', endColorstr='#a33739',GradientType=0 );

        color: #fff;

    }

}

@-moz-keyframes cssAnimation1 {

    50%  { 

        background: #cf1c24;

        background: -moz-linear-gradient(top, #cf1c24 0%, #a33739 100%);

        background: -webkit-linear-gradient(top, #cf1c24 0%,#a33739 100%);

        background: linear-gradient(to bottom, #cf1c24 0%,#a33739 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1c24', endColorstr='#a33739',GradientType=0 );

        color: #fff;

    }

}

@-o-keyframes cssAnimation1 {

    50%  { 

            background: #cf1c24;

            background: -moz-linear-gradient(top, #cf1c24 0%, #a33739 100%);

            background: -webkit-linear-gradient(top, #cf1c24 0%,#a33739 100%);

            background: linear-gradient(to bottom, #cf1c24 0%,#a33739 100%);

            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1c24', endColorstr='#a33739',GradientType=0 );

            color: #fff;

    }

}



@media (min-width: 768px)

{

    #header_employee_box{

        margin-right: 20px !important;

    }

}





#notification-area .notifi-preview-item.ng-enter, #notification-area .notify-detail.ng-enter

{

  -webkit-transition: 0.5s;

  transition: 0.5s;

  

  left: 100%;

}



#notification-area .notifi-preview-item.ng-enter-active, #notification-area .notify-detail.ng-enter-active

{

  left: 0;

}



#notification-area .notifi-preview-item.ng-leave , #notification-area .notify-detail.ng-leave 

{

  -webkit-transition: 0s !important;

  transition: 0s !important;

  

  left: 0;

}



#notification-area .notifi-preview-item.ng-leave-active, #notification-area .notify-detail.ng-leave-active

{

  left: 100%;

}



    



.tab-bao-gia .nav-pills li.active a{

    font-weight: bold;

    color: #f50000 !important;

}





#header_infos {

    height: 45px !important;

}



.bo_search_form .form-control{

    background-color: #fff !important;

    -webkit-border-top-left-radius: 5px !important;

    -webkit-border-bottom-left-radius: 5px !important;

    -moz-border-radius-topleft: 5px !important;

    -moz-border-radius-bottomleft: 5px !important;

    border-top-left-radius: 5px !important;

    border-bottom-left-radius: 5px !important;

    border: 1px solid transparent !important;

}



.bo_search_form .input-group-btn .btn:hover,

.bo_search_form .input-group-btn .btn:active,

.bo_search_form .input-group-btn .btn:focus,

.bo_search_form .input-group-btn .btn{

    -webkit-border-top-right-radius: 5px !important;

    -webkit-border-bottom-right-radius: 5px !important;

    -moz-border-radius-topright: 5px !important;

    -moz-border-radius-bottomright: 5px !important;

    border-top-right-radius: 5px !important;

    border-bottom-right-radius: 5px !important;

    padding-left: 20px  !important;

    padding-right: 20px !important;

    border: none !important;

	background-color:#ffdc3e;

    color:#333333 !important;

    box-shadow: none !important;

    border-left: none !important;

    outline: none !important;

    padding-bottom: 7px !important;

}



.bo_search_form .input-group-btn .btn i{

    color: inherit !important;

}



#congtrinh-slide{    

    margin: 8px -8px !important;

}



.congtrinh-images-list .congtrinh-images-item{

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    padding-bottom: 75%;

    margin: 0 8px;

    display: block;

    position: relative;

}





.congtrinh-images-list .congtrinh-images-item .gallery-link{

    position: absolute;

    z-index: 1;

    top: 0; left: 0;

    width: 100%;

    height: 100%;

    display: block;

}



.congtrinh-images-list .congtrinh-images-item .btn-deleteimage{

    position: absolute;

    z-index: 1;

    top: 3px; right: 3px;

    opacity: 0;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

}



.congtrinh-images-list .congtrinh-images-item:hover .btn-deleteimage

{

    opacity: 1;

}



.congtrinh-images-list .congtrinh-images-item img{



}



#congtrinh-slide .owl-next,

#congtrinh-slide .owl-prev{

    font-size: 15px;

    color: #ffffff;

    position: absolute;

    top: 50%;

    margin-top: -20px;

    height: 35px;

    width: 35px;

    z-index: 10;

    border: 2px solid #fff;

    background-color: rgba(102, 141, 229, 0.71);

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

}



#congtrinh-slide .owl-next{

    right: 20px;

    padding: 5px 12px;

}



#congtrinh-slide .owl-prev{

    left: 20px;

    padding: 5px 7px;

}





.mfp-content figure {

    margin: 0 !important;

}



@media (max-width: 768px) {

    #mhhbook-slide .owl-next,

    #mhhbook-slide .owl-prev {

        display: none;

    }

}









.chosen-container-multi .chosen-choices li.search-choice {

    border: 1px solid #5496c7 !important;

    background-color: #5496c7 !important;

    border-radius: 0px !important;

    -moz-border-radius: 0px !important;

    -webkit-border-radius: 0px !important;

}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close

{

    background: none;



}





.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {

    content: "x";

}



.chosen-container-active .chosen-choices {

    border: 1px solid #e3edf1;

}



.chosen-container-multi .chosen-choices {

    outline: none !important;

    box-shadow: none !important;

    border: 1px solid #e3f1ea !important;

    background-color: #e3f1ea !important;

}



.chosen-container .chosen-drop {

    border: 1px solid #e3f1ea !important;

    background: #e3f1ea !important;

}



.dropdown-menu li button{

    background-color: #fff !important;

    border: none !important;

    display: block !important;

    padding: 5px 8px !important;

    color: #3ba0bf !important;

}



.dropdown-menu li button:hover{

    text-decoration: none;

    color: #fff !important;

    background-color: #55a9c3 !important;

}



.dropdown-menu li button i{

    display: inline !important;

    color: #55a9c3 !important;

}



.dropdown-menu li button:hover i{

    color: #fff !important;

}



.bootstrap .btn.btn-default:hover {

    color: #fff !important;

    background-color: #55a9c3;

    border-color: #55a9c3;

}



.chosen-container-single .chosen-single abbr {

    top: 10px !important;

}



#nav-mobile.expanded {

    top: 45px !important;

}



.btn-group.mybtn .btn {

    height: 33px;

}



label.custom-checkbox {

    position: relative;

    width: 20px;

    height: 20px;

    color: #000;

    margin-top: 5px;

    text-align: center;

}



    label.custom-checkbox input.mycheckbox {

        position: absolute;

        width: 100%;

        height: 100%;

        content: '';

        top: 0;

        left: 0;

        background-color: #000;

        border: 1px solid #fafafa;

    }



    label.custom-checkbox input.mycheckbox {

        display: none;

    }



        label.custom-checkbox input.mycheckbox + span {

            position: absolute;

            width: 100%;

            height: 100%;

            content: '';

            top: 0;

            left: 0;

            background-color: #fff;

            border: 1px solid #e0e0e0;

            font-size: 14px;

        }



            label.custom-checkbox input.mycheckbox + span i {

                display: none;

                margin-top: 3px;

            }



        label.custom-checkbox input.mycheckbox:checked + span {

            display: block;

            /*background-color: #72ce92;*/

            border: 1px solid #72ce92;

        }



            label.custom-checkbox input.mycheckbox:checked + span i {

                display: block;

            }



th label.custom-checkbox input.mycheckbox + span {

    /*background-color: #72ce92;*/

    border: 1px solid #72ce92;

}