.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.text-muted { display: inline; font-size: 14px; }

.tbl-typical-no-padding thead th { padding: 0; }

    .tbl-typical-no-padding thead th div { padding: 10px; }

.dropdown-menu { min-width: 150px; }
/*Toolbar*/
.toolbar-manager-header .toolbar-manager-header-right::after, .toolbar-manager-header::after, .toolbar-manager-panel-in::after, .toolbar-manager::after, .fm-file-grid::after { clear: both; }

.toolbar-manager { }

    .toolbar-manager::after, .toolbar-manager::before { content: " "; display: table; }

.toolbar-manager-side { background: #f6f8fa none repeat scroll 0 0; border-radius: 3px 0 0 3px; border-right: 1px solid #d8e2e7; float: left; position: relative; width: 168px; }

.toolbar-manager-side-title { font-weight: 600; padding: 15px; }

.toolbar-manager-side-list { font-weight: 600; padding: 0 0 5px; }

    .toolbar-manager-side-list a { border-left: 4px solid transparent; color: #818181; display: block; padding: 6px 10px 7px 11px; }

.toolbar-manager-header .toolbar-manager-header-right::after, .toolbar-manager-header .toolbar-manager-header-right::before, .toolbar-manager-header::after, .toolbar-manager-header::before, .toolbar-manager-panel-in::after, .toolbar-manager-panel-in::before { content: " "; display: table; }

.toolbar-manager-side-list a.active, .toolbar-manager-side-list a:hover { background-color: #ecf2f5; color: #343434; }

.toolbar-manager-side-list a:hover { border-left-color: #ecf2f5; }

.toolbar-manager-side-list a.active { border-left-color: #00a8ff; }

.toolbar-manager-panel { float: right; margin-left: -168px; width: 100%; }

.toolbar-manager-panel-in { margin-left: 168px; }

.toolbar-blue { color: #fff; background-color: #009cde; }

.toolbar-manager-header { border-bottom: 0px solid grey; padding: 20px 10px 15px 0px; }

    .toolbar-manager-header .toolbar-manager-header-left { float: left; padding-left: 10px; }

    .toolbar-manager-header .toolbar-manager-header-right { float: right; }

    .toolbar-manager-header .btn, .toolbar-manager-header .btn-icon { vertical-align: top; }

    .toolbar-manager-header .btn { margin: 0; }

    .toolbar-manager-header .btn-icon { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #919fa9; height: 38px; margin: 0 8px 0 0; padding: 0; }

        .toolbar-manager-header .btn-icon:hover { color: #00a8ff; }

        .toolbar-manager-header .btn-icon .font-icon { position: relative; top: 1px; vertical-align: middle; }

        .toolbar-manager-header .btn-icon.view { color: #c5d6de; }

            .toolbar-manager-header .btn-icon.view.active, .toolbar-manager-header .btn-icon.view:hover { color: #919fa9; }

    .toolbar-manager-header .views { float: left; margin: 0 10px 0 0; }

    .toolbar-manager-header .search { float: left; position: relative; width: 216px; }

        .toolbar-manager-header .search .form-control { padding-right: 35px; }

        .toolbar-manager-header .search .btn-icon { position: absolute; right: 5px; top: -1px; }

    .toolbar-manager-header h1, .toolbar-manager-header h2, .toolbar-manager-header h3,
    .toolbar-manager-header h4, .toolbar-manager-header h5 { font-size: 18px; font-weight: normal; }
/* Modal */
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.box-typical .no-border-top { border-top: medium none; }
/*.box-typical .box-typical-section { padding-top: 0px; }*/
.tbl-typical tr:nth-child(2n) td { background-color: #fff; }

.tbl-typical td, .tbl-typical th { border-top: solid 1px #d8e2e7; }

td.text-muted { display: table-cell; }

.meta li { float: left; margin: 0 20px 0 0; }

.profile-settings-btns { padding-top: 15px; }
/*.box-typical .no-padding{padding:0px;}*/
.profile-tabs .tab-pane .box-typical:first-child { padding-top: 0px; }

.break-word { word-wrap: break-word; word-break: break-all; white-space: normal; }

.cursor-pointer { cursor: pointer; }

.border-bottom { border-bottom: solid 1px rgba(120,130,140,.13); /* #d8e2e7;*/ }

.border-right { border-right: solid 1px rgba(120,130,140,.13); }

.fill { min-height: 100%; height: 100%; }

.row .no-float { display: table-cell; float: none; }

.items-list-page .title-search-block { position: relative; }

.title-block { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #d7dde4; }

.items-list-page .items-search { position: absolute; margin-bottom: 15px; right: 0; top: 0; }

.title { font-size: 1.45rem; font-weight: 600; margin-bottom: 0; }

.title-description { padding: 4px 0px; color: #464646; margin: 0; font-size: 13px; }

.items-search { position: absolute; margin-bottom: 15px; right: 0; top: 0; }

.dropup, .dropdown { position: relative; }

.toolbar-manager-header .action { display: inline; }

.btn.btn-actions { color: #4f5f6f !important; background-color: #fff !important; border-color: #d7dde4 !important; }


/*.card { background-color: #fff; box-shadow: 1px 1px 5px rgba(126, 142, 159, 0.1); margin-bottom: 10px; border-radius: 0; border: none; }
    .card .card { box-shadow: none; }
    .card .card-header { background-image: none; background-color: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; border-radius: 0; min-height: 50px; border: none; }
        .card .card-header::after { content: ""; display: table; clear: both; }
        .card .card-header.bordered { border-bottom: 1px solid #d7dde4; }
        .card .card-header.card-header-sm { min-height: 40px; }
        .card .card-header > span { vertical-align: middle; }
        .card .card-header .pull-right { margin-left: auto; }
        .card .card-header .header-block { padding: 0.5rem 15px; }

@media (min-width: 1200px) {
    .card .card-header .header-block { padding: 0.5rem 20px; }
}

@media (max-width: 767px) {
    .card .card-header .header-block { padding: 0.5rem 10px; }
}

.card .card-header .title { color: #4f5f6f; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.card .card-header .btn { margin: 0; }
.card .card-header .nav-tabs { border-color: transparent; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: 1px; }
    .card .card-header .nav-tabs .nav-item { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; }
        .card .card-header .nav-tabs .nav-item .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4f5f6f; opacity: 0.7; padding-left: 10px; padding-right: 10px; border-radius: 0; font-size: 16px; border-top-width: 2px; border-bottom: 1px solid #d7dde4; text-decoration: none; }
            .card .card-header .nav-tabs .nav-item .nav-link.active { border-top-color: #85CE36; border-bottom-color: transparent; opacity: 1; }
                .card .card-header .nav-tabs .nav-item .nav-link.active:hover, .card .card-header .nav-tabs .nav-item .nav-link.active:focus { opacity: 1; background-color: #ffffff; border-color: #d7dde4 #d7dde4 transparent; border-top-color: #85CE36; }
            .card .card-header .nav-tabs .nav-item .nav-link:hover, .card .card-header .nav-tabs .nav-item .nav-link:focus { opacity: 1; background-color: transparent; border-color: transparent; }
.card.card-default > .card-header { background-color: #fff; color: inherit; }
.card.card-primary { border-color: #85CE36; }
    .card.card-primary > .card-header { background-color: #85CE36; border-color: #85CE36; }
.card.card-success > .card-header { background-color: #4bcf99; }
.card.card-info > .card-header { background-color: #76D4F5; }
.card.card-warning > .card-header { background-color: #fe974b; }
.card.card-danger > .card-header { background-color: #FF4444; }
.card.card-inverse > .card-header { background-color: #131e26; }
.card .title-block,
.card .card-title-block { padding-bottom: 0; margin-bottom: 20px; border: none; }
    .card .title-block::after,
    .card .card-title-block::after { content: ""; display: table; clear: both; }
.card .section { margin-bottom: 20px; }
    .card .example,
    .card .section.demo { margin-bottom: 20px; }
.card-block { padding: 15px; }
    .card-block .tab-content { padding: 0; border-color: transparent; }

@media (min-width: 1200px) {
    .card-block { padding: 20px; }
}

@media (max-width: 767px) {
    .card-block { padding: 10px; }
}

.card-footer { background-color: #fafafa; }*/

.dropdown-menu { float: left; box-shadow: 2px 3px 6px rgba(126, 142, 159, 0.1); border: 1px solid rgba(126, 142, 159, 0.1); border-top-left-radius: 0; border-top-right-radius: 0; }

    .dropdown-menu .dropdown-item { font-size: 16px; display: block; padding: 8px 15px; clear: both; font-weight: normal; color: #4f5f6f; white-space: nowrap; -webkit-transition: none; transition: none; }

        .dropdown-menu .dropdown-item i { margin-right: 2px; }

        .dropdown-menu .dropdown-item:hover { color: #072176 !important; background: none; background-color: #f2f2f2; }
/*007AFF*/
.page-content-header { margin-bottom: 0px; }

.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.font-16 { font-size: 1rem; }

.font-14 { font-size: .875rem; }

.font-11 { font-size: .6875rem; }

.jstree-anchor { font-size: 16px; }

.nav-inline .nav-item { padding-right: 10px; border-right: solid 0px #c5d6de; }


/* Correct jsTree wrap long line text*/
/*.jstree-default a { white-space: normal !important; height: auto; }*/
.jstree-anchor { height: auto !important; }

.jstree-default li > ins { vertical-align: top; }

.jstree-leaf { height: auto; }

    .jstree-leaf a { height: auto !important; }

/* Size cho btn*/
/*.btn-xs { }*/
.btn-group-sm > .btn, .btn-xs { border-radius: 0.2rem; font-size: 0.875rem; padding: 0.25rem 0.5rem; }

.horizontal-navigation .main-nav .nav-link { color: #111; font-size: 16px; }

.form-error-text-block { margin-top: 5px; }

tags-input .tags .tag-item { color: #000; }

.btn { font-weight: normal; }

    .btn.btn-default-outline { color: #292b2c; border-color: #d8e2e7; }

        .btn.btn-default-outline:hover { background-color: #e6e6e6; color: #292b2c !important; }

.calendar-current { background-color: aliceblue; }

.btn.btn-primary-hover { background-color: #007AFF; border-color: #007AFF; }

.calendar-event-change-location { text-decoration: line-through; color: red; font-style: italic; }

/*Overwrite cho font-size*/
.site-header .dropdown .dropdown-item { font-size: 16px; }

body, button, html, input, select, textarea { color: #000; font-family: 'Source Sans Pro', Geneva, Verdana, sans-serif; /*'Source Sans Pro',*/ }

.tbl-typical th body, html { font-size: 16px; }

.bootstrap-table .table, .fixed-table-body .table, .table { font-size: 16px; margin-bottom: 0; background: #fff; }

.tbl-typical th { background: #f6f8fa; border-bottom: solid 1px #d8e2e7; padding: 0; color: #111; font-size: 16px; }

.btn-group-sm > .btn, .btn-sm { font-size: 16px; }

.tbl-typical td { font-size: 16px; }

.font-13 { font-size: 13px; }

.font-12 { font-size: 12px; }

.font-14 { font-size: 16px; }
/*.btn.btn-primary-outline, .btn.btn-primary-outline:focus { color: #014c8c; border-color: #014c8c; }*/
.pagination-sm .page-link { font-size: 16px; }

/*Tags*/
.tags { display: inline-block; margin-bottom: 5px; }

    .tags .tag { display: inline-block; margin-right: 5px; font-size: 16px; }

.tag .close { font-size: 16px; margin-left: 5px; }

.table-bordered td, .table-bordered th { border-color: #d8e2e7; }

.table-bordered { border-color: #d8e2e7; }

.d-table-cell { display: table-cell; float: none; }

.col-left-side { float: none; display: table-cell; border: 1px solid; }

.col-right-side { float: none; display: table-cell; border: 1px solid; }

/* FORM*/
.form-group { margin-bottom: 3px; margin-top: 3px; }
/*.form-label { font-weight: 600 !important; color: #353940; }*/
.help-block, .field-validation-error { color: #f29824; font-style: italic; }

.w20 { width: 20px !important; }

.w30 { width: 30px !important; }

.w40 { width: 40px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w200 { width: 200px !important; }

.w250 { width: 250px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w600 { width: 600px !important; }

.w650 { width: 650px !important; }

.w700 { width: 700px !important; }

.w800 { width: 800px !important; }

.inline { display: inline; }

.tabs-section-nav .nav-link { color: #111; }

/* Overwrite tabs*/
.tabs-section-nav.tabs-section-nav-inline .nav-link.active { border-bottom: solid 3px #00a8ff; }

.widget-simple-sm .widget-simple-sm-bottom { font-size: 16px; }

.widget-simple-sm-fill .widget-simple-sm-fill-caption { font-size: 16px; }

/* Overwrite select2*/
.select2-results .select2-highlighted { background-color: #DBE4EB; }

    .select2-results .select2-highlighted .ul-meta { background-color: transparent; }

.node-not-enabled { color: #f75454; }

.line-through { text-decoration: line-through; }

.padding-bottom-0 { padding-bottom: 0; }

/*  custome modal size */
.modal-ex-lg { max-width: 90% !important; }

.modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-ex-lg) { width: 680px !important; }

/*Calendar event*/
.bg-calendar-finsish { background-color: #919fa9; }

.w25 { display: inline-block; width: 25px; }
/*  /custome modal size */

.widget { margin-bottom: 10px; }

.widget-accordion .panel-heading a { background-color: #dedede; }

.widget-accordion .tag-editor { border: none; }

.p10 { padding: 10px; }

.p5 { padding: 5px; }


/*Table expand/ collapse */
/*table td { border: 1px solid #eee; }*/
.level1 td:first-child { padding-left: 35px; }

.level2 td:first-child { padding-left: 60px; }

.level3 td:first-child { padding-left: 85px; }

.level4 td:first-child { padding-left: 110px; }

.level5 td:first-child { padding-left: 135px; }


.table-collapse .table-toggle { background: url("http://mleibman.github.com/SlickGrid/images/collapse.gif"); }

.table-expand .table-toggle { background: url("http://mleibman.github.com/SlickGrid/images/expand.gif"); }

.table-toggle { height: 9px; width: 9px; display: inline-block; }

/*overwrite theme*/
.tabs-section-nav.tabs-section-nav-icons .nav-link.active, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .fa, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .font-icon, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .glyphicon { color: #072176; }

/*007AFF  072176 3395ff*/

/*.btn { border: 1px solid #072176; background: #072176; }
    .btn.btn-primary { background-color: #0275d8; border-color: #0275d8; }

        .btn.btn-primary:hover { background-color: #025aa5 !important; border-color: #025aa5; }

.btn-group.open .btn.btn-grey, .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle:focus, .dropdown.open .btn.btn-grey, .dropdown.open .btn.dropdown-toggle, .dropdown.open .btn.dropdown-toggle:focus { color: #fff; background-color: #0275d8; border-color: #0275d8; }

.btn.btn-primary-hover { background-color: #025aa5; border-color: #025aa5; }*/


/*.dropdown:hover .dropdown-menu { display: block; }*/

/*.bootstrap-table .table thead th, .fixed-table-body .table thead th, .table thead th{background-color:#EFEFEF}*/

/* NUCE THEMES */
/*Custom background*/
/*.theme-rebecca-purple .site-header { background: #FF3333; background: url(/content/img/nuce/bannerbg.png) repeat-x; border-bottom: solid 1px #c5d6de; }*/
/*body { background: #fff; }*/
/*.page-content{background: #fff;}*/
/*.horizontal-navigation .page-content { padding-top: 154px; }
.page-content { background-color: #f0f0f0; height: 100%; min-height: 100%; }
body { background-color: #f0f0f0; height: 100%; min-height: 100%; }*/

/* Thay đổi theme 19/02/2017 */
.bg-login { }
/*.horizontal-navigation .page-content { padding-top: 130px; }*/
/*.theme-rebecca-purple .site-header { background-color: #fff; border-bottom: none; background-image: none; }*/
/*.horizontal-navigation .main-nav { background-color: #072176; border-bottom: none; height: 52px; }*/
/* #3e4eb2   #007ad5*/
/*.horizontal-navigation .main-nav .nav-link { color: #fff; line-height: 52px; }
        .horizontal-navigation .main-nav .dropdown.open > .nav-link, .horizontal-navigation .main-nav .nav-link.active, .horizontal-navigation .main-nav .nav-link:hover { color: #fff; }

            .horizontal-navigation .main-nav .dropdown.open:before, .horizontal-navigation .main-nav .nav-link.active:before, .horizontal-navigation .main-nav .nav-link:hover:before { content: ''; height: 0px; background: #00a8ff; position: absolute; bottom: 0px; width: 100%; display: block; }
    .horizontal-navigation .main-nav .nav-link { font-weight: normal; }*/
.tabs-section-nav .nav-link.active .nav-link-in { border-top-color: #072176; }

/*--------------
	Borders
---------------*/
.horizontal-navigation .main-nav .nav-item:before { position: absolute; content: ''; top: 0%; right: 0px; width: 1px; height: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03))); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03))); background-image: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); }

.horizontal-navigation .main-nav .nav-item:hover { background-color: rgba(255, 255, 255, 0.1); }

.nav-inline .nav-item { padding-right: 0; }

    .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 0px; }

.horizontal-navigation .main-nav .nav-link { padding: 0 0.95em; }

/*.top-menu-item{display:inline-block;padding:5px;}*/
.top-menu-item:before { position: absolute; content: ''; top: 0%; right: 0px; width: 1px; height: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03))); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03))); background-image: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); }

.top-menu-item:hover { }

/*.ui.menu .menu.right .item:before,
.ui.menu .item.right:before {
  right: auto;
  left: 0px;
}*/
/*.horizontal-navigation .main-nav .nav-item:before { color: #fff; position: absolute; content: ''; top: 0%; right: 0px; width: 1px; height: 100%; background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.05))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.05))); background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%); }*/
/*body { background: #fff;   }*/
.card { box-shadow: none; }
/*footer start*/
footer { width: 100%; height: 150px; background-color: #323232; }
/*#323232 #eceff4*/
#copyrights { margin: 0 auto; height: 140px; }

    #copyrights .inset { margin: 0 auto; padding: 20px 50px 0; position: relative; }

    #copyrights .logo { width: 164px; height: 40px; background: url(../images/logo_footer.png); text-indent: -999em; }

    #copyrights p { font-size: 12px; color: #a0a0a0; line-height: 24px; }

    #copyrights .fl { float: left; }

#back-top span { background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; bottom: 20px; color: #eee; padding: 10px; position: fixed; right: 20px; text-align: center; transition: all 0.25s ease 0s; z-index: 999999999; }

/*tags*/
.t a { background: none repeat scroll 0 0 transparent; border: 1px solid #f1f1f1; border-radius: 12px 0 0 12px; color: #666; display: inline-block; line-height: 1.4; margin-right: 3px; padding: 0 2px 0 12px; position: relative; text-decoration: none; }

.t { display: block; padding: 1px 0; }

.label { font-weight: normal; }

.d-none { display: none !important; }

.d-block { display: block !important; }

.page-section { padding: 15px; }

.section-header-subtitle { }

    .section-header-subtitle h1, .section-header-subtitle h2, .section-header-subtitle h3, .section-header-subtitle h4, .section-header-subtitle h5, .section-header-subtitle h6 { font-size: 16px; font-weight: 600; margin: 0; }

.d-none { display: none !important; }

.d-block { display: block !important; }

/* box*/
.box, .box-color { background-color: #fff; position: relative; margin-bottom: 1.5rem; }

.box-body, .box-footer, .box-header { padding: 0 1rem; }

.box-header { position: relative; border-bottom: solid 1px rgb(128, 128, 128); }

    .box-header h2, .box-header h3, .box-header h4 { margin: 0; font-size: 18px; line-height: 1; }

    .box-header h3 { font-size: 16px; }

    .box-header h4 { font-size: 15px; }

    .box-header small { display: block; margin-top: 4px; opacity: .6; }

.box-divider { border-bottom: 1px solid rgba(120,130,140,.13); margin: 0 16px; height: 0; }

.ui-check > i, .ui-check > span { margin-left: -20px; }

.box-tool { position: absolute; right: 16px; top: 14px; }

.box-shadow, .box-shadow .box, .box-shadow .box-color { box-shadow: 0 2px 2px rgba(0,0,0,.03),0 1px 0 rgba(0,0,0,.03); }

.box-shadow-z0, .box-shadow-z0 .box, .box-shadow-z0 .box-color { box-shadow: 0 0 1px rgba(0,0,0,.15); }

.box-shadow-z1, .box-shadow-z1 .box, .box-shadow-z1 .box-color { box-shadow: 0 1px 2px rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.02); }

.box-shadow-z2, .box-shadow-z2 .box, .box-shadow-z2 .box-color { box-shadow: 0 1px 2px rgba(0,0,0,.15),0 -1px 0 rgba(0,0,0,.02); }

.box-shadow-z3, .box-shadow-z3 .box, .box-shadow-z3 .box-color { box-shadow: 0 2px 4px rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.02); }

.box-shadow-z4, .box-shadow-z4 .box, .box-shadow-z4 .box-color { box-shadow: 0 2px 5px rgba(0,0,0,.26),0 -1px 0 rgba(0,0,0,.02); }

.box-radius-1x, .box-radius-1x .box, .box-radius-1x .box-color { border-radius: 2px; }

.box-radius-2x, .box-radius-2x .box, .box-radius-2x .box-color { border-radius: 3px; }

.box-radius-3x, .box-radius-3x .box, .box-radius-3x .box-color { border-radius: 4px; }

.no-border { border-color: transparent; border-width: 0 !important; }

.no-borders { border-width: 0 !important; }

.b { border-color: rgba(120,130,140,.13); background-clip: padding-box; }

.b-a { border: 1px solid rgba(120,130,140,.13); }

.b-t { border-top: 1px solid rgba(120,130,140,.13); }

.td-b-t { border-bottom: 1px solid #d8e2e7; }


.row-bold.treetable-node.depth-0:nth-child(n+2) { /*background-color:rgba(126, 142, 159, 0.1);*/ border-top: 2px solid #072176; }

.b-r { border-right: 1px solid rgba(120,130,140,.13); }

.b-b { border-bottom: 1px solid rgba(120,130,140,.13); }

.b-l { border-left: 1px solid rgba(120,130,140,.13); }

.btn-hover { font-weight: normal; color: #333333; cursor: pointer; background-color: inherit; border-color: transparent; }

.btn-hover-alt { font-weight: normal; color: #ffffff; cursor: pointer; background-color: inherit; border-color: transparent; }

.bg-f5f5f5 { background-color: #f5f5f5; }

.hint { color: #5e5e5e; }


/* pagination*/
/*.pagination { margin-bottom: -6px; margin-top: 0; }
    .pagination > li > a, .pagination > li > span { min-width: 36px; text-align: center; }
    .pagination.pagination-rounded > li:first-child > a, .pagination.pagination-rounded > li:first-child > span { border-bottom-left-radius: 100px; border-top-left-radius: 100px; }
    .pagination.pagination-rounded > li:last-child > a, .pagination.pagination-rounded > li:last-child > span { border-bottom-right-radius: 100px; border-top-right-radius: 100px; }
.pagination-flat > li > a, .pagination-flat > li > span { background-color: transparent; border-radius: 3px; margin-left: 1px; min-width: 36px; }
    .pagination-flat > .active > a, .pagination-flat > .active > a:focus, .pagination-flat > .active > a:hover, .pagination-flat > .active > span, .pagination-flat > .active > span:focus, .pagination-flat > .active > span:hover, .pagination-flat > .disabled > a, .pagination-flat > .disabled > a:focus, .pagination-flat > .disabled > a:hover, .pagination-flat > .disabled > span, .pagination-flat > .disabled > span:focus, .pagination-flat > .disabled > span:hover, .pagination-flat > li > a, .pagination-flat > li > a:focus, .pagination-flat > li > a:hover, .pagination-flat > li > span, .pagination-flat > li > span:focus, .pagination-flat > li > span:hover { border-color: transparent; }
.pagination-flat.pagination-rounded > li > a, .pagination-flat.pagination-rounded > li > span { border-radius: 100px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-xs > li:first-child > a, .pagination-xs > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination-xs > li:last-child > a, .pagination-xs > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.pagination-flat.pagination-lg > li > a, .pagination-flat.pagination-lg > li > span { min-width: 40px; }
.pagination-flat.pagination-sm > li > a, .pagination-flat.pagination-sm > li > span { min-width: 34px; }
.pagination-flat.pagination-xs > li > a, .pagination-flat.pagination-xs > li > span { min-width: 32px; }
.pagination-separated > li > a, .pagination-separated > li > span { margin-left: 2px; }
.pagination-lg > li > a, .pagination-lg > li > span { min-width: 40px; }
.pagination-sm > li > a, .pagination-sm > li > span { min-width: 34px; }
.pagination-xs > li > a, .pagination-xs > li > span { font-size: 12px; line-height: 1.66667; min-width: 32px; padding: 5px 10px; }
.pager { font-size: 0; margin-bottom: 0; margin-top: 0; }
    .pager li > a, .pager li > span { color: #333; font-size: 13px; padding: 7px 12px; }
        .pager li > a:focus, .pager li > a:hover { border-color: #2196f3; color: #fff; }
    .pager li + li { margin-left: 10px; }
    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { border-color: #ddd; }
    .pager.text-left { text-align: left; }
    .pager.text-right { text-align: right; }
.pager-lg li > a, .pager-lg li > span { font-size: 16px; line-height: 1.42857; padding: 9px 15px; }
.pager-sm li > a, .pager-sm li > span { font-size: 12px; line-height: 1.66667; padding: 6px 11px; }
.pager-xs li > a, .pager-xs li > span { font-size: 12px; line-height: 1.66667; padding: 5px 10px; }
.badge, .label { font-size: 10px; letter-spacing: 0.1px; }
.pager-rounded li > a, .pager-rounded li > span { border-radius: 100px; }
.pager-linked li > a, .pager-linked li > span { border-color: transparent; color: #1e88e5; }
    .pager-linked li > a:hover, .pager-linked li > span:hover { background-color: #2196f3; color: #fff; }
.pager-linked .disabled > a, .pager-linked .disabled > a:focus, .pager-linked .disabled > a:hover, .pager-linked .disabled > span { border-color: transparent; }*/

.btn-secondary { background-color: #fff; border-color: #ccc; color: #292b2c; }

    .btn-secondary:hover { background-color: #e6e6e6; border-color: #adadad; color: #292b2c; }

    .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }

    .btn-secondary.disabled, .btn-secondary:disabled { background-color: #fff; border-color: #ccc; }

    .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { background-color: #e6e6e6; background-image: none; border-color: #adadad; color: #292b2c; }



.btn-label { position: relative; left: -12px; display: inline-block; padding: 6px 12px; background: rgba(0,0,0,0.15); border-radius: 3px 0 0 3px; }

.btn-labeled { padding-top: 0; padding-bottom: 0; }


/* Clean UI*/
.btn-clean { display: inline-block; padding: 6px 16px; background: #fafafa; border: 1px solid #bfbfbf; border-radius: 2px; text-decoration: none; color: #8f8f8f; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

    .btn-clean i { position: relative; top: 1px; margin-left: 7px; font-size: 1.15em; }

        .btn-clean i.ion-ios-arrow-down { top: 2px; margin-left: 8px; }

    .btn-clean:hover,
    .btn-clean:focus,
    .btn-clean:active,
    .clean.button-group.open .button { border-color: #8f8f8f; color: #808080; text-decoration: none; }

.form-input:focus { border-color: #8f8f8f; }
/* Required for Dropdowns */
.clean.dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.clean.dropdown-menu { position: absolute; top: 100%; width: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 5px 0; margin: 15px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #8f8f8f; border-radius: 2px; }

    .clean.dropdown-menu:before { content: "\00a0"; display: block; height: 10px; width: 10px; position: absolute; top: -6px; border: 1px solid #8f8f8f; border-right: 0; border-bottom: 0; background-color: #fafafa; right: 10px; -webkit-transform: rotate(48deg) skew(5deg); transform: rotate(48deg) skew(5deg); }

    .clean.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #8f8f8f; }

    .clean.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; text-decoration: none; line-height: 2; color: #2b2d2f; white-space: nowrap; }

        .clean.dropdown-menu > li > a:hover,
        .clean.dropdown-menu > li > a:focus { text-decoration: none; color: #072176 !important; background-color: #f3f3f3; }

.clean.button-group,
.clean.button-group-vertical { position: relative; display: inline-block; vertical-align: middle; }

    .clean.button-group > .button,
    .clean.button-group-vertical > .button { position: relative; float: left; }



.font-color-primary { color: #0275d8 !important; }

.action-link { color: #0454B5 !important; }

.text-underline { text-decoration: underline; }


.plus-link-circle { border: 1px solid #00a8ff; border-radius: 50%; color: #00a8ff; display: inline-block; font-size: 1.25rem; font-weight: 700; height: 20px; line-height: 10px; position: relative; text-align: left; width: 20px; }

    .plus-link-circle > span { left: 3px; position: absolute; top: 2px; }

a.plus-link-circle:hover { background-color: #00a8ff; color: #fff; }

.dropzone { border-color: #dadada; }

/*wizard*/
.wizard { display: none; }

.wizard-modal form { margin: 0; padding: 0; }

.wizard-modal.modal { width: 750px; margin-left: -375px; top: 50%; }

.wizard-modal-footer { padding: 0px; text-align: right; }

.wizard-modal-header.modal-header h3 { line-height: 35px; display: inline; }

.wizard-modal-header.modal-header { border-bottom: 0; }

.wizard-subtitle { font-weight: bold; color: #AFAFAF; padding-left: 20px; }

.wizard-error,
.wizard-failure,
.wizard-success,
.wizard-loading,
.wizard-card { position: relative; padding: 35px; padding-top: 20px; overflow-y: auto; display: block; border-top: 0px solid #EEE; margin-right: 5px; }

.wizard-nav-link .icon-chevron-right { float: right; margin-top: 12px; margin-right: -6px; opacity: .25; }

li.wizard-nav-item.active .icon-chevron-right { opacity: 1; }

li.wizard-nav-item { line-height: 40px; }

.wizard-modal.modal .nav-list > li > a { background-color: #f5f5f5; padding: 3px 15px 3px 20px; cursor: default; color: #B4B4B4; }

.wizard-modal.modal .nav-list li.active > a { background-color: #08C; }

.wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link { color: #08C; cursor: pointer; }

.wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { color: white; }

.already-visited > a.wizard-nav-link:hover { background-color: #E4E4E4; }

.wizard-card > h3 { margin-top: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; font-weight: normal; }

.wizard-progress { padding: 15px; bottom: 0; }

.wizard-progress-container { padding: 20px; }

.wizard-steps { width: 100%; height: auto; padding: 0px 0px; }

.wizard-nav-container { height: auto; }

.nav > li > a.wizard-step-error { background-color: #F2DEDE; color: #B94A48; font-weight: bold; }

.wizard-step-error .icon-chevron-right { opacity: 0; }

.wizard-input-section { margin-bottom: 20px; }

.wizard-buttons-container { padding: 20px; }

.wizard-modal .popover.error-popover { background-color: #F2DEDE; color: #B94A48; border-color: #953B39; }

    .wizard-modal .popover.error-popover .arrow::after { border-right-color: #F2DEDE; }

    .wizard-modal .popover.error-popover .popover-title { display: none; }

    .wizard-modal .popover.error-popover .arrow { border-right-color: #953B39; }

.body-table { padding: 0px !important; display: table; width: 100%; }

.table-modal { width: 100%; }

    .table-modal tr td { vertical-align: top; }

.bg-grey { background-color: #f9f9f9; border-right: solid 1px #e5e5e5; }

@media (max-width: 544px) {
    .table-modal tr td { display: block; width: 100%; }
}

.title-text { color: #5A6779; line-height: 1.4; }

.list-group-item-modal-action { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: transparent; border: 1px solid #e5e5e5; border-right: none; border-left: none; }

    .list-group-item-modal-action.active { background-color: #08c; color: #fff; border-color: #08c; }



.btn.btn-success { background-color: #009451; border-color: #009451; color: #fff; }

    .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:hover { background-color: #008448; border-color: #008448; }


.comment-row-item { padding: 0; min-height: 0; }

/*Answer*/
.answerWrap .tools { bottom: -25px; font-size: 11px; height: 25px; line-height: 25px; padding: 0 0 0 5px; position: absolute; right: -1px; }

    .answerWrap .tools a { margin-left: 5px; padding: 5px; }

.correctAnswer .answerLabel { color: #fff; }

.answerLabel { font-size: 16px; font-weight: 700; left: 0; line-height: 40px; position: absolute; text-align: center; width: 36px; }

.correctAnswer .multiLabelCorrectAns { background: #439724 none repeat scroll 0 0; color: #fff; display: inline; }

.list-group-item-modal-action.active { background-color: #08c; color: #fff; border-color: #08c; }

/*  --------------- FIX LÚC NÀO CŨNG HIỂN THỊ SCROLL BAR ----------------------------*/
body { overflow-y: scroll !important; }

/*Eror list*/
.form-error-text-block { background-color: #fff; border: none; padding: 0; }

/*           Labels & Progress-bar              */
.gsdk-label { padding: 0.2em 0.6em 0.2em; border: 1px solid #999999; border-radius: 3px; color: #999999; background-color: #FFFFFF; font-weight: 500; font-size: 11px; text-transform: uppercase; display: inline-block; margin-bottom: 3px; }

.gsdk-label-primary { border-color: #3472F7; color: #3472F7; }

.gsdk-label-info { border-color: #2CA8FF; color: #2CA8FF; }

.gsdk-label-success { border-color: #05AE0E; color: #05AE0E; }

.gsdk-label-warning { border-color: #FF9500; color: #FF9500; }

.gsdk-label-danger { border-color: #FF3B30; color: #FF3B30; }

.gsdk-label.gsdk-label-fill { color: #FFFFFF; }

.gsdk-label-primary.gsdk-label-fill { background-color: #3472F7; }

.gsdk-label-info.gsdk-label-fill { background-color: #2CA8FF; }

.gsdk-label-success.gsdk-label-fill { background-color: #05AE0E; }

.gsdk-label-warning.gsdk-label-fill { background-color: #FF9500; }

.gsdk-label-danger.gsdk-label-fill { background-color: #FF3B30; }

.gsdk-label-default.gsdk-label-fill { background-color: #999999; }


.bg-color-f4f4f4 { background-color: #f4f4f4; }

.bg-color-f9f9f9 { background-color: #f9f9f9; }

/*Sub menu*/

.dropdown.dropdown-typical-top .dropdown-more { position: relative; }

    .dropdown.dropdown-typical-top .dropdown-more .dropdown-more-caption { cursor: pointer; font-size: 16px; padding: 3px 12px; position: relative; transition: all 0.2s ease-in-out 0s; }

        .dropdown.dropdown-typical-top .dropdown-more .dropdown-more-caption::before { border-color: transparent transparent transparent #adb7be; border-style: solid; border-width: 4px 0 4px 5px; content: ""; display: block; height: 0; margin-top: -3px; position: absolute; right: 10px; top: 50%; transition: all 0.2s ease-in-out 0s; width: 0; }

        .dropdown.dropdown-typical-top .dropdown-more .dropdown-more-caption.padding { padding-left: 37px; }

    .dropdown.dropdown-typical-top .dropdown-more .dropdown-more-sub { min-width: 160px; display: none; left: 100%; margin: 0; padding: 0 0 0 4px; position: absolute; top: -4px; }

    .dropdown.dropdown-typical-top .dropdown-more .dropdown-more-sub-in { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0; border-color: #d8e2e7; border-image: none; border-radius: 0 3px 3px 0; border-style: solid; border-width: 1px; padding-bottom: 4px; padding-top: 4px; }

    .dropdown.dropdown-typical-top .dropdown-more:hover .dropdown-more-caption::before { border-left-color: #00a8ff; }

    .dropdown.dropdown-typical-top .dropdown-more:hover .dropdown-more-sub { display: block; }


/* Slider bar*/
.open .fa.fa-angle-left { display: block; transition: all .3s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1); }

.open .fa.fa-angle-right { display: none; transition: all .3s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1); }

.fa.fa-angle-left { display: none; transition: all .3s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1); }

.fa.fa-angle-right { display: block; transition: all .3s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1); }

.toggle-sidebar { position: absolute; right: -22px; top: 50%; background: #292f33; padding: 15px 4px; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 22px; font-size: 22px; text-align: center; cursor: pointer; transition: all .5s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1); z-index: 99999; }

.open .toggle-sidebar { right: -6px; }

.sidebar-left { transition: all .3s cubic-bezier(.165,.84,.44,1); -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1); min-height: 60px; position: absolute; }

    .sidebar-left .hidden-collapse { width: 100%; }

.open .sidebar-left { overflow: visible; max-width: 100%; position: relative; }


    .open .sidebar-left .hidden-collapse { display: block; }

.sidebar-right { float: left; padding-left: 15px; width: 100%; }

.open .sidebar-right { width: 75%; float: right; }

.box-hidden { overflow: hidden; width: 100%; }

.no-pad-right { padding-right: 0px !important; }

/* ------------------------------ FIX BOOSTRAP TR / TD HEIGHT -------------------- */
.bootstrap-table .table td, .fixed-table-body .table td, .table td { height: 35px; }

.form-control { }

    .form-control:hover { border-color: #bdc3c7; }

    .form-control:focus { border-color: #106BB4; }

/* Empty page*/
.add-customers-screen { text-align: center; display: table; width: 100%; height: 100%; }

    .add-customers-screen .add-customers-screen-in { display: table-cell; vertical-align: middle; padding: 15px; }

    .add-customers-screen .add-customers-screen-user { width: 80px; height: 80px; margin: 0 auto 1.5rem; border: 1px solid #c5d6de; text-align: center; line-height: 78px; -webkit-border-radius: 5px; border-radius: 5px; color: #adb7be; font-size: 2.5rem; }

        .add-customers-screen .add-customers-screen-user .font-icon { line-height: inherit; vertical-align: middle; }

    .add-customers-screen .lead { font-size: 1.5rem; }

    .add-customers-screen .btn { margin: 1rem 0 0; }

/*view details table*/
.detail-view td.td-header { background: #ECF0F1; font-size: 12px; font-weight: normal; }

.w-10p { width: 10% !important; }

.w-15p { width: 15% !important; }

.w-20p { width: 20% !important; }

.w-25p { width: 25% !important; }

.w-80p { width: 80% !important; }

.w-70p { width: 70% !important; }

.w-90p { width: 90% !important; }

/* ----------- validation message ---------- */
.form-error-text-block { font-weight: normal; }

select.form-control:not([size]):not([multiple]) { height: auto; }

/*-------------------  active row ---------------*/
.active-row { z-index: 2; text-decoration: none; /*border-bottom:1px solid blue;*/ background-color: #dedede; }

.toolbar-manager-header-no-gutter { padding: 0 0 5px 0; }

.alert.alert-warning-lite { background-color: #fff; }

    .alert.alert-warning-lite, .alert.alert-warning-lite ul li:before { border: 2px dashed #dadada; }

        .alert.alert-warning-lite .close, .alert.alert-warning-lite .font-icon-inline, .alert.alert-warning-lite [data-notify=icon], .alert.alert-warning-lite.alert-icon .font-icon, .ui-pnotify .alert.alert-warning-lite { color: #f29824; }

        .alert.alert-warning-lite.alert-border-left, .alert.alert-warning-lite.alert-txt-colored { color: #e0840d; }

        .alert.alert-warning-lite.alert-no-border { background-color: #fcf0c2; }

        .alert.alert-warning-lite.alert-fill { background-color: #f29824; }

            .alert.alert-warning-lite.alert-fill .alert-btns .btn:hover { color: #f29824 !important; }

            .alert.alert-warning-lite.alert-fill.alert-border-left { border-left-color: #d67e0d !important; }

        .alert.alert-warning-lite .alert-btns .btn { background-color: transparent; color: #f29824; border-color: #dadada; }

            .alert.alert-warning-lite .alert-btns .btn:hover { color: #fff; background-color: #f29824; }



/* Alerts ---------------------------------------------------------------------------- */
/* 
.alert { margin-bottom: 30px; padding: 20px 55px 20px 90px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; }
    .alert .alert_icon { width: 60px; height: 60px; font-size: 30px; line-height: 60px; color: rgba(0,0,0,.4); position: absolute; left: 10px; top: 10px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }
    .alert a.close { position: absolute; right: 15px; top: 20px; font-size: 20px; line-height: 20px; }
        .alert a.close i { margin: 0 !important; color: rgba(0,0,0,.6); }
    .alert a:hover.close i { color: rgba(0,0,0,.8); }

.alert_warning { background: #ffe38b; color: #9b812e; }
    .alert_warning .alert_icon { background: #fbda72; }
    .alert_warning a, .alert_warning a:hover { color: #645012; }

.alert_error { background: #fb5455; color: #fff; }
    .alert_error .alert_icon { background: #f24143; }
    .alert_error a, .alert_error a:hover { color: #9f2e2e; }

.alert_info { background: #3097db; color: #fff; }
    .alert_info .alert_icon { background: #1c81c4; }
    .alert_info a, .alert_info a:hover { color: #b1e0ff; }

.alert_success { background: #a5de5c; color: #fff; }
    .alert_success .alert_icon { background: #8fc944; }
    .alert_success a, .alert_success a:hover { color: #5d9514; }
    */

.selectedRow { background-color: #f3f3f3; }

.m-b-0 { margin-bottom: 0 !important; }

.checkbox input[type=radio]:checked + label:after, .radio input[type=radio]:checked + label:after { background: #3472F7; }


/*.pagination.pagination-no-border > li > a,
.pagination.pagination-no-border > li > span { border: 0; }

.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 50%; margin: 0 2px; color: #777777; }

.pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus { background-color: #2CA8FF; border: 0; color: #FFFFFF; padding: 7px 13px; }*/

/*    login form  */
.sign-box { max-width: 300px; }

.margin-left-non { margin-left: 0 !important; }

.theme-picton-blue .site-header .site-logo, .theme-picton-blue-white-ebony .site-header .site-logo, .theme-rebecca-purple .site-header .site-logo, .theme-side-caesium-dark-caribbean .site-header .site-logo, .theme-side-ebony-clay .site-header .site-logo, .theme-side-litmus-blue .site-header .site-logo, .theme-side-madison-caribbean .site-header .site-logo, .theme-side-tin .site-header .site-logo { text-align: left; padding-left: 5px; }

.site-header .site-logo { color: #132b8d; text-align: left; padding-left: 5px; }

.admin-logo { color: #132b8d; font-size: 38px; font-weight: bold; text-align: left; }


.dropdown.dropdown-typical-top .dropdown-more .dropdown-more-caption { padding: 8px 15px; }

.add-customers-screen .btn { margin: 0 }

.p-5 { padding: 5px; }

.focus-row { background-color: #ecf2f5; }

/*  ---------- bỏ border right của table ------- */
/*.table-bordered td, .table-bordered th {
    border-right-color: #fff !important;
}*/




/*.table-bordered {
    border: 0px solid #eceeef;
}

.table-bordered td,.table-bordered th {
    border:0px solid #eceeef
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}*/

/*.tbl-cell { vertical-align: middle; border-left: solid 1px #d8e2e7; padding: 12px 10px; }*/
.box-typical { -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: solid 1px #d8e2e7; margin: 0 0 20px; }

.nav-link { padding: 0 }


.exam-attempt-list-item-inprogress { background-color: #edf9ee }

.side-menu-addl .side-menu-addl-list a { font-size: 16px; }

.side-menu.side-menu-compact .side-menu-list .lbl { font-size: 16px; }

.side-menu-addl .side-menu-addl-title .caption { font-size: 16px; }

.side-menu-addl .side-menu-addl-title { margin-bottom: 0;margin-top: 15px; }

.side-menu-addl .side-menu-addl-list a { font-weight: normal; }

.pagination { margin-right: 10px; }

.side-menu-addl .side-menu-addl-list a.active { background: #ecf2f5 }

.p-10 { padding: 10px; }

.p-t-0 { padding-top: 0px; }

.checkbox-detailed { margin: 0 }


.input-group-append, .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex }

    .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px }

.input-group-prepend { margin-right: -1px }

.input-group-append { margin-left: -1px }

.input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem }

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.form-control { padding: 0.5rem .75rem; }

.form-label, .profile-settings .form-label { font-weight: bold; }

.form-required { color: red; }



.lds-ring { display: inline-block; position: relative; width: 64px; height: 64px; }

    .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #025aa5; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #025aa5 transparent transparent transparent; }

        .lds-ring div:nth-child(1) { animation-delay: -0.45s; }

        .lds-ring div:nth-child(2) { animation-delay: -0.3s; }

        .lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring {
    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}

.list-group-item.active a { color: #fff; }

.border-top-none { border-top: none; }

.table-hover tbody tr:hover { background-color: hsla(0,0%,60%,.08) }

.aui-sidebar-footer { background: #f5f5f5; box-sizing: border-box; border-top: 1px solid #ccc; bottom: 0; min-height: 40px; padding: 5px 40px 0 9px; position: absolute; height: 40px; width: 100%; }

.form-group { margin-bottom: 12px; }

.side-menu-addl { left: 0; }

.with-side-menu .page-content { padding-left: 220px; }

.site-header .site-logo img { height: unset }

.tabs-section { margin: 0 0 20px }

    .tabs-section > .tab-content:not(.no-styled) { background: #fff; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 15px }

.tabs-section-nav { overflow: auto; width: 100%; text-align: center; font-size: 1rem; border-top: solid 1px #d8e2e7 }

    .tabs-section-nav .nav-item { float: left; background: #f6f8fa; white-space: nowrap; padding: 0 }

        .tabs-section-nav .nav-item:first-child .nav-link { border-left-color: #d8e2e7 }

        .tabs-section-nav .nav-item:last-child .nav-link { border-right-color: #d8e2e7 }

    .tabs-section-nav .nav-link { padding: 0; display: block; color: #6c7a86; font-weight: 600; border: solid 1px #d8e2e7; border-left-color: transparent; border-right-color: transparent; border-top: none }

        .tabs-section-nav .nav-link.active { border-left-color: #d8e2e7; border-right-color: #d8e2e7; background: #fff; color: #343434; border-bottom-color: #fff }

            .tabs-section-nav .nav-link.active .nav-link-in { border-top-color: #00a8ff }

        .tabs-section-nav .nav-link:not(.active) .label { background-color: #adb7be }

    .tabs-section-nav .nav-link-in { display: block; padding: 10px; line-height: 28px; border-top: solid 4px transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }

    .tabs-section-nav .label { padding-left: .5em; padding-right: .5em; font-size: .875rem }

    .tabs-section-nav .tbl .nav { display: table-row }

    .tabs-section-nav .tbl .nav-item { float: none; display: table-cell; vertical-align: middle }

    .tabs-section-nav.tabs-section-nav-left .nav { background-color: #f6f8fa; zoom: 1; border: solid 1px #d8e2e7; border-left: none; border-top: none }

        .tabs-section-nav.tabs-section-nav-left .nav:after, .tabs-section-nav.tabs-section-nav-left .nav:before { content: " "; display: table }

        .tabs-section-nav.tabs-section-nav-left .nav:after { clear: both }

    .tabs-section-nav.tabs-section-nav-left .nav-item { margin-bottom: -1px }

        .tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link { border-right: none }

            .tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link.active { border-right: solid 1px #d8e2e7 }

    .tabs-section-nav.tabs-section-nav-left .nav-link-in { padding-right: 15px; padding-left: 15px }

    .tabs-section-nav.tabs-section-nav-left .nav-link, .tabs-section-nav.tabs-section-nav-left .nav-link-in { -webkit-transition: none; transition: none }

    .tabs-section-nav.tabs-section-nav-icons .fa, .tabs-section-nav.tabs-section-nav-icons .font-icon, .tabs-section-nav.tabs-section-nav-icons .glyphicon { display: block; color: #adb7be; margin: 0 0 .2em; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }

    .tabs-section-nav.tabs-section-nav-icons .nav-link-in { line-height: 1 }

    .tabs-section-nav.tabs-section-nav-icons .nav-link.active { color: #00a8ff }

        .tabs-section-nav.tabs-section-nav-icons .nav-link.active .fa, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .font-icon, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .glyphicon { color: #00a8ff }

    .tabs-section-nav.tabs-section-nav-inline { border: none }

        .tabs-section-nav.tabs-section-nav-inline .nav { display: block; border: solid 1px #d8e2e7; zoom: 1; background: #f6f8fa }

            .tabs-section-nav.tabs-section-nav-inline .nav:after, .tabs-section-nav.tabs-section-nav-inline .nav:before { content: " "; display: table }

            .tabs-section-nav.tabs-section-nav-inline .nav:after { clear: both }

        .tabs-section-nav.tabs-section-nav-inline .nav-item { display: block; float: left; background: 0 0; margin: 0 20px -1px }

        .tabs-section-nav.tabs-section-nav-inline .nav-link { border: none; border-bottom: 1px solid #d8e2e7; height: 45px; padding: 12px 0 0; background: 0 0 !important }

            .tabs-section-nav.tabs-section-nav-inline .nav-link.active { border-bottom: solid 3px #343434 }

    .tabs-section-nav.tabs-section-nav-data .number, .tabs-section-nav.tabs-section-nav-data .percent, .tabs-section-nav.tabs-section-nav-data .title { display: block; line-height: 1 }

    .tabs-section-nav.tabs-section-nav-data .number { color: #343434 }

    .tabs-section-nav.tabs-section-nav-data .percent, .tabs-section-nav.tabs-section-nav-data .title { font-size: .75rem }

    .tabs-section-nav.tabs-section-nav-data .number, .tabs-section-nav.tabs-section-nav-data .percent { margin: 0 0 6px }

    .tabs-section-nav.tabs-section-nav-data .title { text-transform: uppercase; color: #919fa9 }

    .tabs-section-nav.tabs-section-nav-data .nav-link.active .title { color: #343434 }

.tabs-section-simple .nav { zoom: 1; margin: 0 0 10px }

    .tabs-section-simple .nav:after, .tabs-section-simple .nav:before { content: " "; display: table }

    .tabs-section-simple .nav:after { clear: both }

.tabs-section-simple .nav-item { float: left; margin: 0 30px 10px 0; font-size: .8125rem; font-weight: 600 }

.tabs-section-simple .nav-link { text-decoration: none; color: #919fa9; border: none }

    .tabs-section-simple .nav-link:hover { color: #00a8ff }

    .tabs-section-simple .nav-link.active { color: #343434 }


/*Will be removed when updating admin theme */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }

.alert-heading { color: inherit }

.alert-link { font-weight: 700 }

.alert-dismissible { padding-right: 4rem }

    .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff }

    .alert-primary hr { border-top-color: #9fcdff }

    .alert-primary .alert-link { color: #002752 }

.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db }

    .alert-secondary hr { border-top-color: #c8cbcf }

    .alert-secondary .alert-link { color: #202326 }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }

    .alert-success hr { border-top-color: #b1dfbb }

    .alert-success .alert-link { color: #0b2e13 }

.alert-info1 { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }

    .alert-info1 hr { border-top-color: #abdde5 }

    .alert-info1 .alert-link { color: #062c33 }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }

    .alert-warning hr { border-top-color: #ffe8a1 }

    .alert-warning .alert-link { color: #533f03 }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }

    .alert-danger hr { border-top-color: #f1b0b7 }

    .alert-danger .alert-link { color: #491217 }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe }

    .alert-light hr { border-top-color: #ececf6 }

    .alert-light .alert-link { color: #686868 }

.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca }

    .alert-dark hr { border-top-color: #b9bbbe }

    .alert-dark .alert-link { color: #040505 }

.alert.alert-success { border-color: #46c35f; background-color: #edf9ee }

    .alert.alert-success .close, .alert.alert-success .font-icon-inline, .alert.alert-success [data-notify=icon], .alert.alert-success.alert-icon .font-icon, .ui-pnotify .alert.alert-success { color: #46c35f }

    .alert.alert-success.alert-border-left, .alert.alert-success.alert-txt-colored { color: #37a94e }

    .alert.alert-success.alert-fill { background-color: #46c35f }

        .alert.alert-success.alert-fill .alert-btns .btn:hover { color: #46c35f !important }

        .alert.alert-success.alert-fill.alert-border-left { border-left-color: #34a24a !important }

    .alert.alert-success .alert-btns .btn { background-color: transparent; color: #46c35f; border-color: #46c35f }

        .alert.alert-success .alert-btns .btn:hover { color: #fff; background-color: #46c35f }

    .alert.alert-success ul li:before { border-color: #46c35f }

    .alert.alert-success.alert-border-left { border-left-color: #46c35f !important }

.alert.alert-warning { border-color: #f29824; background-color: #fdf4e6 }

    .alert.alert-warning .close, .alert.alert-warning .font-icon-inline, .alert.alert-warning [data-notify=icon], .alert.alert-warning.alert-icon .font-icon, .ui-pnotify .alert.alert-warning { color: #f29824 }

    .alert.alert-warning.alert-border-left, .alert.alert-warning.alert-txt-colored { color: #e0840d }

    .alert.alert-warning.alert-no-border { background-color: #fcf0c2 }

    .alert.alert-warning.alert-fill { background-color: #f29824 }

        .alert.alert-warning.alert-fill .alert-btns .btn:hover { color: #f29824 !important }

        .alert.alert-warning.alert-fill.alert-border-left { border-left-color: #d67e0d !important }

    .alert.alert-warning .alert-btns .btn { background-color: transparent; color: #f29824; border-color: #f29824 }

        .alert.alert-warning .alert-btns .btn:hover { color: #fff; background-color: #f29824 }

    .alert.alert-warning ul li:before { border-color: #f29824 }

    .alert.alert-warning.alert-border-left { border-left-color: #f29824 !important }

.alert.alert-danger { border-color: #fa424a; background-color: #feecec }

    .alert.alert-danger .close, .alert.alert-danger .font-icon-inline, .alert.alert-danger [data-notify=icon], .alert.alert-danger.alert-icon .font-icon, .ui-pnotify .alert.alert-danger { color: #fa424a }

    .alert.alert-danger.alert-border-left, .alert.alert-danger.alert-txt-colored { color: #f91a24 }

    .alert.alert-danger.alert-no-border { background-color: #ffd8d9 }

    .alert.alert-danger.alert-fill { background-color: #fa424a }

        .alert.alert-danger.alert-fill .alert-btns .btn:hover { color: #fa424a !important }

        .alert.alert-danger.alert-fill.alert-border-left { border-left-color: #f9101a !important }

    .alert.alert-danger .alert-btns .btn { background-color: transparent; color: #fa424a; border-color: #fa424a }

        .alert.alert-danger .alert-btns .btn:hover { color: #fff; background-color: #fa424a }

    .alert.alert-danger ul li:before { border-color: #fa424a }

    .alert.alert-danger.alert-border-left { border-left-color: #fa424a !important }


.alert.alert-icon { padding-left: 35px }

    .alert.alert-icon .font-icon { position: absolute; left: 11px; top: 9px }


.alert.alert-aquamarine { border-color: #21a788; background-color: #d1f0eb }

    .alert.alert-aquamarine .close, .alert.alert-aquamarine .font-icon-inline, .alert.alert-aquamarine.alert-icon .font-icon { color: #21a788 }

    .alert.alert-aquamarine.alert-border-left, .alert.alert-aquamarine.alert-txt-colored { color: #1a856c }

    .alert.alert-aquamarine.alert-fill { background-color: #21a788 }

        .alert.alert-aquamarine.alert-fill .alert-btns .btn:hover { color: #21a788 !important }

        .alert.alert-aquamarine.alert-fill.alert-border-left { border-left-color: #197c65 !important }

    .alert.alert-aquamarine .alert-btns .btn { background-color: transparent; color: #21a788; border-color: #21a788 }

        .alert.alert-aquamarine .alert-btns .btn:hover { color: #fff; background-color: #21a788 }

    .alert.alert-aquamarine ul li:before { border-color: #21a788 }

    .alert.alert-aquamarine.alert-border-left { border-left-color: #21a788 !important }

.alert.alert-grey-darker { border-color: #919fa9; background-color: #f6f8fa }

    .alert.alert-grey-darker .close, .alert.alert-grey-darker .font-icon-inline, .alert.alert-grey-darker.alert-icon .font-icon { color: #919fa9 }

    .alert.alert-grey-darker.alert-border-left, .alert.alert-grey-darker.alert-txt-colored { color: #7a8b97 }

    .alert.alert-grey-darker.alert-fill { background-color: #919fa9 }

        .alert.alert-grey-darker.alert-fill .alert-btns .btn:hover { color: #919fa9 !important }

        .alert.alert-grey-darker.alert-fill.alert-border-left { border-left-color: #748693 !important }

    .alert.alert-grey-darker .alert-btns .btn { background-color: transparent; color: #919fa9; border-color: #919fa9 }

        .alert.alert-grey-darker .alert-btns .btn:hover { color: #fff; background-color: #919fa9 }

    .alert.alert-grey-darker ul li:before { border-color: #919fa9 }

    .alert.alert-grey-darker.alert-border-left { border-left-color: #919fa9 !important }

.alert.alert-blue-dirty { border-color: #2797ca; background-color: #cbeefe }

    .alert.alert-blue-dirty .close, .alert.alert-blue-dirty .font-icon-inline, .alert.alert-blue-dirty.alert-icon .font-icon { color: #2797ca }

    .alert.alert-blue-dirty.alert-border-left, .alert.alert-blue-dirty.alert-txt-colored { color: #207da8 }

    .alert.alert-blue-dirty.alert-fill { background-color: #2797ca }

        .alert.alert-blue-dirty.alert-fill .alert-btns .btn:hover { color: #2797ca !important }

        .alert.alert-blue-dirty.alert-fill.alert-border-left { border-left-color: #1f779f !important }

    .alert.alert-blue-dirty .alert-btns .btn { background-color: transparent; color: #2797ca; border-color: #2797ca }

        .alert.alert-blue-dirty .alert-btns .btn:hover { color: #fff; background-color: #2797ca }

    .alert.alert-blue-dirty ul li:before { border-color: #2797ca }

    .alert.alert-blue-dirty.alert-border-left { border-left-color: #2797ca !important }

.alert-purple .alert, .alert.alert-purple { border-color: #ac6bec; background-color: #eee2fc }

    .alert-purple .alert .close, .alert-purple .alert .font-icon-inline, .alert-purple .alert [data-notify=icon], .alert-purple .alert.alert-icon .font-icon, .alert.alert-purple .close, .alert.alert-purple .font-icon-inline, .alert.alert-purple [data-notify=icon], .alert.alert-purple.alert-icon .font-icon { color: #ac6bec }

    .alert-purple .alert.alert-border-left, .alert-purple .alert.alert-txt-colored, .alert.alert-purple.alert-border-left, .alert.alert-purple.alert-txt-colored { color: #9847e7 }

    .alert-purple .alert.alert-fill, .alert.alert-purple.alert-fill { background-color: #ac6bec }




.alert.alert-info1 { background-color: #FAFAFA !important; }

    .alert.alert-info1 .font-icon-inline, .alert.alert-info1.alert-icon .font-icon, .ui-pnotify .alert.alert-info1 { color: #00a8ff }

    .alert.alert-info1.alert-border-left, .alert.alert-info1.alert-txt-colored { color: #666 }

    .alert.alert-info1.alert-no-border { background-color: #cbeefe }

    .alert.alert-info1.alert-fill { background-color: #00a8ff }

        .alert.alert-info1.alert-fill .alert-btns .btn:hover { color: #00a8ff !important }

        .alert.alert-info1.alert-fill.alert-border-left { border-left-color: #0086cc !important }

    .alert.alert-info1 .alert-btns .btn { background-color: transparent; color: #00a8ff; border-color: #00a8ff }

        .alert.alert-info1 .alert-btns .btn:hover { color: #fff; background-color: #00a8ff }

.alert.alert-success, .alert.alert-success ul li:before { border-color: #46c35f }

.alert.alert-info1.alert-border-left { border-left-color: #00a8ff !important }

/*Change menu style*/
.site-header .site-header-content { float: right; height: 40px; padding: 0px 0; width: 100%; margin-left: -210px; }
.site-header { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #fff; border-bottom: solid 1px #c5d6de; padding: 0px 15px 0 0; }
    .site-header .dropdown.dropdown-typical { float: left; margin-right: 0px; padding-left: 0px !important; }
        .site-header .dropdown.dropdown-typical.active { background-color: #4f62d4; }
        .site-header .dropdown.dropdown-typical:hover { background-color: #4f62d4; }
        .site-header .dropdown.dropdown-typical .lbl { font-size: 15px; line-height: 16px; }
    .site-header .dropdown a.dropdown-toggle { min-height: 30px; line-height: 49px; display: block; }
.dropdown.dropdown-typical a.dropdown-toggle .font-icon { vertical-align: middle; margin: 0 6px 0 0; color: #adb7be; font-size: 16px; line-height: 16px; position: relative; top: -1px; font-size: 14px !important; }
.dropdown.dropdown-typical a.dropdown-toggle .lbl1 { font-size: 14px !important; }
.site-header .user-menu.dropdown { float: left; margin: 10px 0 0 15px; height: 30px; line-height: 30px; }
.page-content { padding-top: 70px; }
.site-header .dropdown a.dropdown-toggle .label { padding: 3px 6px 2px; margin-left: 3px; font-size: .8125rem; position: relative; top: -2px; }
.side-menu-addl .jspPane { padding-top: 50px !important; }
.theme-picton-blue .site-header .site-logo, .theme-picton-blue-white-ebony .site-header .site-logo, .theme-rebecca-purple .site-header .site-logo, .theme-side-caesium-dark-caribbean .site-header .site-logo, .theme-side-ebony-clay .site-header .site-logo, .theme-side-litmus-blue .site-header .site-logo, .theme-side-madison-caribbean .site-header .site-logo, .theme-side-tin .site-header .site-logo { height: 50px; width: 240px; line-height: 50px; padding: 25px 0 0; text-align: center; margin: -20px 0 0 -15px; }

/*Merge mark style*/
.ver-md { vertical-align: middle !important; }
.pd-0 { padding: 0 !important; }
.no-border { border: none !important; }
.over-flow-auto { overflow: auto; display: block; }
.h100 { height: 100px !important; }
.h50 { height: 50px !important; }
.text-1-row { vertical-align: middle !important; }
.td-2-col { vertical-align: middle; text-align: center; height: 100%; }
.text-light { color: #fff !important; }
.label-danger { background-color: #fa424a; }


.ver-md { vertical-align: middle !important; }
.pd-0 { padding: 0 !important; }
.no-border { border: none !important; }
.over-flow-auto { overflow: auto; display: block; }
.h100 { height: 100px !important; }
.h50 { height: 50px !important; }
.text-1-row { vertical-align: middle !important; }
.td-2-col { vertical-align: middle; text-align: center; height: 100%; }
.text-light { color: #fff !important; }
.label-danger { background-color: #fa424a !important; }

span.td-label { color: #666; }
.d-none { display: none !important; }


.bg-fffffff { background-color: white; }
.bg-E6ECF5 { background-color: #EDF2E3; }

.row-flex { display: flex; flex-wrap: wrap; }
.bg-pagination { padding: 10px 0 }
.row-flex { display: flex; flex-wrap: wrap; }
.md-select-menu-container, md-backdrop { z-index: 9999 !important; }
.full-height-panel-with-border-right { overflow: auto; border-right: 1px solid #e5e5e5; }
.md-select-menu-container, md-backdrop { z-index: 9999 !important; }


div.callout2 { border-color: #d8e2e7; margin: 0; padding: 0 /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/ }

.callout2::before { content: ""; width: 0px; height: 0px; border: 0.8em solid transparent; position: absolute; }

.callout2.top::before { left: 51%; bottom: -22px; border-top: 10px solid #d8e2e7; }

.callout2.bottom::before { left: 51%; top: -22px; border-bottom: 10px solid #d8e2e7; }

.callout2.left::before { right: -20px; top: 40%; border-left: 10px solid #d8e2e7; }

.callout2.right::before { left: -20px; top: 40%; border-right: 10px solid #d8e2e7; }

.callout2.top-left::before { left: 7px; bottom: -20px; border-top: 10px solid #d8e2e7; }

.callout2.top-right::before { right: 7px; bottom: -20px; border-top: 10px solid #d8e2e7; }
md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder, md-input-container.md-default-theme label, md-input-container label { color: rgba(0,0,0,0.9); }
md-input-container { margin: 10px 0 }
.card-header { padding: 1rem 1.25rem; }
.angular-ui-tree-handle { padding: 15px; }
.tree-node { font-weight: normal; color: #333; }
.add-zone { background: #f0f9ff; border: 1px dashed #bed2db; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; }

.form-label, .profile-settings .form-label { font-weight: bold; color: #707070; }
.caption { text-transform: uppercase; }
.active .tbl-row i { color: #4f62d4 }
.active .tbl-cell-caption { color: #4f62d4 }
.table-user-information.b-t-none { border-top: none; }

.table 
.b-t-none { border-top: none; }

.jstree-anchor { /*enable wrapping*/ white-space: normal !important; /*ensure lower nodes move down*/ height: auto !important; /*offset icon width*/ padding-right: 24px; }

.label-default { background-color: #f1f1f1; color: #333; padding: .5em .4em }

.element-hightlight { background-color: #ffeb8e; transition: all 1.5s; -webkit-transition: all 1.5s ease-in-out; }

.btn.btn-primary { background-color: #0e71eb; border-color: #0e71eb; color: #fff }
.btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #2681f2; border-color: #2681f2 }
.btn.btn-primary:active { background-color: #0c63ce; border-color: #0c63ce }

.md-button.md-default-theme.md-accent, .md-button.md-accent { color: #214eec }
.md-button{font-size:16px;}