@font-face {
    font-family: 'khmerOsBattambang';
    src: url('../fonts/KhmerOSbattambang.ttf');
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.ttf');
}

*, html {
    font-family: Calibri, khmerOsBattambang, sans-serif;
}

body {
    padding-top: 60px;
    padding-bottom: 25px;
    /*background-color: #252830*/
    background-color: #808080
}

::-webkit-scrollbar
{
    width: 10px;  /* for vertical scrollbars */
    height: 10px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track
{
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb
{
    background: #224162;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.bs-docs-nav {
    margin-bottom: 0;
    border-bottom: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    background: url(../img/window_title.jpg) repeat-x center;
    background-size: 4px;
}

.navbar-header > a, .navbar-nav > li > a {
    color: rgba(255, 255, 255, .7) !important
}

#bs-navbar > ul > li.active {
    background-color: rgba(204, 204, 204, .15);
    box-shadow: none;
    color: #fff
}

.dropdown-menu .divider {
    margin: 0;
    background-color: rgba(200, 200, 200, 0.3)
}

/* Sub Menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 6px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    background: #202D3D !important;
    border-radius: 0;
    border: none !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* End sub menu*/

#search {
    min-width: 435px;
    font-family: Helvetica, sans-serif;
    background-color: rgba(255, 255, 255, .15);
    transition: background .2s;
    border-radius: 2px;
    border: 0;
    color: rgba(255, 255, 255, .7)
}

#search:hover, #search:focus {
    background-color: rgba(200, 200, 200, .10);
}

.has-feedback .glyphicon-search {
    color: rgba(255, 255, 255, .7)
}

.bs-docs-header > .nav > li > a:focus, .nav > li > a:hover,
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,
.nav > li > a:focus, .nav > li > a:hover {
    background-color: rgba(204, 204, 204, .15)
}

.custom-dropdown-menu > li > a {
    padding: 8px 15px;
    color: rgba(255, 255, 255, .7)
}

.custom-dropdown-menu > li > a:hover {
    color: rgba(255, 255, 255, .7)
}

.custom-dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 200px;
    border: none;
    border-radius: 0;
    background: #202D3D url(../img/window_title.jpg) repeat-y top;
    background-size: 230px;
}

.custom-dropdown-menu > li > a:focus,
.custom-dropdown-menu > li > a:hover,
.custom-dropdown-menu > li > a:active {
    background-color: rgba(204, 204, 204, .15);
}

.custom-dropdown-menu > .active > a,
.custom-dropdown-menu > .active > a:hover,
.custom-dropdown-menu > .active > a:focus {
    background-color: rgba(204, 204, 204, .15);
    color: rgba(255, 255, 255, .7)
}

.bs-docs-nav .logo span {
    display: inline-block;
    float: left
}

.bs-docs-nav .logo span img {
    height: 30px;
    margin-top: -5px;
    margin-right: 10px;
}

.navbar-toggle {
    background-color: rgba(204, 204, 204, .15);
    border-radius: 0
}

.navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, .7)
}

.bg-white {
    background-color: #fff
}

.bg-black {
    background-color: #767d84
}

/* block border */
.no-border {
    border: 0
}

.no-radius {
    border-radius: 0
}

.no-padding {
    padding: 0
}

/* block padding */
.pad-5 {
    padding: 5px
}

.pad-0-5 {
    padding: 0 5px
}

.pad-10-0 {
    padding: 10px 0
}

.pad-0-10 {
    padding: 0 10px
}

.pad-b-10 {
    padding-bottom: 10px
}

.pad-t-15 {
    padding-top: 15px
}

.pad-l-0 {
    padding-left: 0;
}

.p-l-10 {
    padding-left: 10px
}

.p-r-20 {
    padding-right: 20px!important
}

.pad-r-0 {
    padding-right: 0;
}

/* block margin */
.mar-0 {
    margin: 0
}

.mar-t-5 {
    margin-top: 5px
}

.mar-t-20 {
    margin-top: 20px
}

.mar-r-0 {
    margin-right: 0
}

.mar-b-13 {
    margin-bottom: 13px
}

.mar-b-0 {
    margin-bottom: 0!important
}

.text-content {
    font-family: Helvetica, sans-serif;
    line-height: 25px;
    margin: 10px 0;
    word-break: break-word;
    -moze-word-break: break-word;
    -o-word-break: break-word;
    -ms-word-break: break-word;
}

.text-result {
    color: #202D3D;
    font-weight: 900
}

.text-content img {
    max-width: 100%
}

/* block override */
.col-md-3 .thumbnail:hover {
    box-shadow: 0 2px 20px #ddd;
    cursor: pointer
}

.news_cate, .news_title, .youtube_title {
    line-height: 25px
}

.thumbnail .caption {
    padding: 5px
}

.caption h5 {
    font-family: Arial, English, Khmer, Hanuman, Helvetica, sans-serif;
    font-size: 15px
}

.media-body h4 {
    font-family: Arial, English, Khmer, Hanuman, Helvetica, sans-serif;
    line-height: 25px
}

.pagination {
    margin: 5px 0
}

.pagination > li:first-child {
    cursor: wait
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    border-radius: 0
}

.pagination > .active > a, .pagination > li > a:focus,
.pagination > li > a:hover, .pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #202D3D;
    color: #ddd;
    border-color: #202D3D
}

.pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: #202D3D
}

#bs-navbar ul li.active i:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ddd;
    z-index: 1
}

.breadcrumb {
    padding: 8px 0;
    background-color: #FFF;
    border-radius: 0
}

.breadcrumb span {
    font-size: 15px
}

.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: pre-line
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0
}

.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: -5px;
    width: 15px;
    height: 15px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.breadcrumb > li:last-child:after {
    border-right: none;
    border-bottom: none
}

.btn-primary {
    background-color: #202D3D;
    border-color: #202D3D
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
    background-color: #3a6364;
    border-color: #3a6364
}

.color-default {
    color: rgba(255, 255, 255, .7) !important
}

.line {
    padding-bottom: 10px;
    color: rgba(255, 255, 255, .7) !important;
    border-bottom: 1px solid
}

.footer {
    padding: 0 10px;
    margin-top: 8px;
    color: #fff;
    float: right;
}

#form-login > .col-md-4:first-child {
    box-shadow: 0 4px 8px #545965;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff
}

#dashboard > .col-md-4:first-child {
    display: inline-flex;
}

#dashboard > .col-md-4:first-child > .btn-lg {
    width: 50%;
}

#dashboard > .col-md-4:first-child > .btn-lg:first-child {
    margin-right: 25px;
}

.pad-5 { padding: 5px }
.pad-10 { padding: 10px }
.pad-15 { padding: 15px }
.pad-3-0 { padding: 3px 0 }
.mar-0 { margin: 0 }
.mar-t-10 { margin-top: 10px }
.mar-t-25 { margin-top: 25px }
.mar-t-30 { margin-top: 30px }

.radio-inline, .checkbox-inline { margin-bottom: 5px }
.loading {
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8) url("../img/loading.gif") no-repeat center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.center-loading {
    position: fixed;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5) url("../img/loading.gif") no-repeat center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.table {
    background-color: #ddd;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    vertical-align: middle!important;
}

.table-container {
    overflow-x: auto;
    margin-bottom: 15px;
}

.table > tbody > tr > td {
    padding: 5px;
    vertical-align: middle!important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #E3EFFE!important;
}

.table-striped > tbody > tr:nth-of-type(odd):hover, .table-hover > tbody > tr:hover {
    background-color: #4E9E19!important;
    color: #fff;
}

.fix-header {
    margin-bottom: 0 !important;
}

.control-label-left {
    text-align: left !important;
    padding-top: 7px;
    padding-right: 0px;
    margin-bottom: 5px;
}

.form-horizontal .control-label {
    text-align: left!important;
}

.msg-box, .msg-box-warning {
    background: none;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.msg-label {
    position: absolute;
    background: #ffffff;
    width: auto;
    height: 40px;
    top: 40%;
    left: 40%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-right: 3px;
    -webkit-box-shadow: -5px 1px 92px 22px rgb(92, 184, 92);
    -moz-box-shadow: -5px 1px 92px 22px rgb(92, 184, 92);
    box-shadow: -5px 1px 92px 22px rgb(92, 184, 92);
    padding: 10px !important;
    text-align: center;
}

.msg-label-warning {
    position: absolute;
    background: #ffffff;
    width: auto;
    height: 40px;
    top: 40%;
    left: 40%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-right: 3px;
    -webkit-box-shadow: -5px 1px 92px 22px rgb(240, 173, 78);
    -moz-box-shadow: -5px 1px 92px 22px rgb(240, 173, 78);
    box-shadow: -5px 1px 92px 22px rgb(240, 173, 78);
    padding: 10px !important;
    text-align: center;
}

.modal { text-align: center }
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.custom-backdrop { background: rgba(0, 0, 0, 0.4) }
.modal .modal-header { padding-top: 2px; padding-bottom: 2px }
.modal .modal-header .modal-title {     padding: 10px 0;  font-size: 17px;  font-weight: 600;}
.modal .modal-header h5 span { top: -1px; right: -5px }
.modal .modal_custom { max-width: 400px !important }
.modal .modal-footer { padding: 8px 15px }
.modal-custom { width: 90% }
.modal-30 { width: 30% }
.modal-50 { width: 50% }
.modal-90 { width: 80% }
.modal-95 { width: 95% }
.modal:before {
    display: inline-block !important;
    vertical-align: middle !important;
    content: "";
    height: 100% !important;
}
.required {
    color: #ff0000;
}

.font-17 { font-size: 17px }
.font-b { font-weight: 600 }

.tab-menu > ul > li.active a, .tab-menu > ul > li.active a:hover, .tab-menu > ul > li.active a:focus {
    border-top: 2px solid #202D3D;
}

.tab-menu > ul > li a {
    border-radius: 0;
    color: #434343
}

.tab-menu > ul > li > a:focus, .tab-menu > ul > li > a:hover {
    background: none;
    border-top: 2px solid #202D3D;
    transition: all .2ms;
    background: #FFFFFF;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #FFFFFF;
    min-height: 300px;
    padding: 10px;
}

.minute-value .form-inline .form-control {
    width: 105px;
}

span.label { font-size: 100%!important; }
input[readonly] { background-color: #fff!important; font-size: 14px; font-weight: 600 }
input[disabled]:hover { cursor: default!important;}

.text-green { color: green }
.text-orange { color: orange }
.text-red { color: red }

.role-list { list-style: none; font-size: 14px; padding-left: 10px }
.role-list li a { color: #333; line-height: 24px }
.role-list li a.active { color: #ff0000 }
.role-list li a:hover { border: none }
fieldset { border: 1px solid #cccccc !important; padding: 10px 15px !important; }
fieldset legend { width: auto; padding: 10px; margin: 0 0 0 10px; border: none; font-size: 16px !important; }
.tab-menu > ul > li.active a, .tab-menu > ul > li.active a:hover, .tab-menu > ul > li.active a:focus { border-top: 2px solid #337AB7}
.tab-menu > ul > li a { border-radius: 0; color: #434343 }
.tab-menu > ul > li > a:focus, .tab-menu > ul > li > a:hover { background: none; border-top: 2px solid #337AB7; transition: all .2ms; background: #FFFFFF }
.tab-content { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #FFFFFF; padding: 10px }
#croppic{
    width: 200px;  /* MANDATORY */
    height: 150px; /* MANDATORY */
    position: relative;  /* MANDATORY */
    border: 3px  solid #FFF;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-radius: 2px;
    background-image : url(../img/default.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
    margin: 0 auto;
}
#crop-img {
    width: 540px;
    height: 140px;
    position: relative;  /* MANDATORY */
    border: 3px  solid #FFF;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-radius: 2px;
    background-image : url(../img/default.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
    margin: 0 auto;
}

.panel-total {
    position: fixed;
    bottom: 35px;
    right: 0;
    left: 0;
    background: #DDDDDD;
    padding: 10px;
}

.panel-total #total, .panel-total #total_received {
    color: red;
    font-size: 22px;
    font-weight: 600;
}

.panel-default .panel-heading {
    color: #fff;
    border-color: #ddd;
    background: url(../img/window_title.jpg) repeat-x center;
    background-size: 3px;
    padding: 6px 15px;
}

.panel-default {
    border: 2px solid #224162
}

.error-main { text-align: center }
.error-main h3 { margin: 0; font-size: 5em; color: #F44336; font-weight: 100 }
.error-main h3 i { color: #8BC34A }
.error-main-left { text-align: right; margin: 4em 0 0 }
.error-main span { color: #F44336; font-size: 2em; font-weight: 400; display: block }
.error-main p { color: #7b7b7b; font-size: 1.6em; margin-top: 10px }
.error-btn { margin-top: 4% }
.error-btn a { color: #00ACED; font-size: 25px }

/* Block Room Calendar */
.scheduler_default_rowheader
{
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd);
    background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd);
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd);
    background: linear-gradient(top, #eeeeee 0%, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd");

}
.scheduler_default_rowheader_inner
{
    border-right: 1px solid #ccc;
}
.scheduler_default_rowheadercol2
{
    background: #ffffff;
}
.scheduler_default_rowheadercol2 .scheduler_default_rowheader_inner
{
    top: 2px;
    bottom: 2px;
    left: 2px;
    background-color: transparent;
    border-left: 5px solid #1a9d13; /* status: "free" (default), green color */
    border-right: 0px none;
}
.status_dirty.scheduler_default_rowheadercol2 .scheduler_default_rowheader_inner
{
    border-left: 5px solid #ea3624; /* status: "dirty", red color */
}
.status_cleanup.scheduler_default_rowheadercol2 .scheduler_default_rowheader_inner
{
    border-left: 5px solid #f9ba25; /* status: "cleanup", orange color */
}
.display-book td { min-height: 31px; height: 31px; min-width: 126px; white-space: nowrap }
.display-book .book-active { background-color: #1a9d13; color: #fff }
.display-book .book-available { background-color: #fff; color: #fff }
.m-b-0 { margin-bottom: 0 }
.m-b--2 { margin-bottom: -2px }
.m-5-0 {
    margin: 5px 0
}
.m-t-85 {
    margin-top: 85px
}
.tooltip.customClass .tooltip-inner {
    color: #880000;
    background-color: #ffff66;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.tooltip.customClass.top .tooltip-arrow {
    border-top-color: #ffff66;
}
.color-reservation {
    background-color: green;
    color: #fff;
}
.color-check-in {
    background-color: orange;
    color: #fff;
}
.color-unavailable {
    background-color: #ff0000
}
.color-check-deposit {
    background-color: #00008b
}
.color-input-error {
    background-color: #ff8c00
}
.color-check-out {
    background-color: #999;
    color: #fff;
}
.checkIn {
    font-weight: bold
}
.checkIn:hover {
    text-decoration: none;
    color: #fff
}
.toolbar {
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    background: #DDDDDD;
    padding: 10px;
    z-index: 2
}
.toolbar .btn-lg {
    width: 85px;
    padding: 0;
    margin-right: 7px;
}
.toolbar img {
    width: 30px;
    margin-top: 3px
}
.toolbar h5 {
    padding: 0;
    margin: 5px
}

.content-custom {
    position: absolute;
    top: -15px;
    left: 40px;
    min-width: 450px;
    padding: 1px;
    background-color: rgb(35, 65, 98);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    right: auto;
    z-index: 999;
    border-radius: 3px;
}

.content-custom .content-detail {
    padding: 14px;
    color: #fff
}
.content-detail div.p-l-0 {
    font-weight: bold
}
.content-detail .btn-link {
    text-decoration: none;
    color: #fff;
}

.content-detail .btn-link:focus {
    outline: 0
}

.content-custom .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -20px;
    top: 20px;
    right: auto;
    border: 10px solid transparent;
    border-right-color: rgb(35, 65, 98);
}

#load-day {
    padding-left: 0px
}

#calendar .table-striped > tbody > tr:nth-of-type(odd):hover, #calendar .table-hover > tbody > tr:hover {
    background-color: green!important;
    color: #000;
}

.res-check {
    min-width: 140px
}

.btn-reservation {
    background-color: #8b0000;
    color: #fff
}

.btn-reservation:hover {
    background-color: rgba(139, 0, 0, 0.8);
    color: #fff
}

.btn-check-in {
    background-color: #ffff00;
    color: #000
}

.btn-check-in:hover {
    background-color: rgba(255, 255, 0, 0.8)
}

.category-container ul li {
    line-height: 30px;
    list-style: none;
}

.category-container ul li:hover {
    cursor: pointer;
}

.category-container ul li .cate-action {
    display: none;
    margin-left: 50px;
}

.category-container ul > li:hover > .cate-action {
    display: inline;
}

.btn-link-red, .btn-link-red:hover {
    color: #ff0000;
}

.load-data .sub_menu:hover {
    background-color: #ddd!important;
    color: #000!important
}

.tooltip > .tooltip-inner {
    padding: 5px 8px;
    border-radius: 0;
}

.type-ahead-loading {
    width: 20px;
    position: absolute;
    top: 32px;
    right: 23px;
}

.login-profile:hover {
    cursor: pointer;
    background-color: rgb(30, 59, 89)!important
}

/* block page error */
.page-login {
    height: 400px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #808080;
}

.page-login .media {
    margin-left: 20px;
    font-family: Arial, sans-serif
}

.page-login .media .media-heading {
    font-size: 22px;
    margin: 0 0 15px;
}

.page-login .media-left {
    width: 280px;
}

.page-login .media p {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: rgba(106, 106, 106, 0.87);
}

.login {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 40px 0 35px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.login form {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.login form h2 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
}

.login form .form-control {
    border: 1px solid #dddfe2;
    color: #1d2129;
    font-size: 14px;
    padding: 5px 8px;
    height: 36px;
}

.login form .btn-danger {
    line-height: 42px;
    padding: 0 24px;
    border-radius: 2px;
    font-size: 14px;
}

.footer {
    background: #fff !important;
    color: #000;
    font-size: 90%;
    -webkit-box-shadow: 0 5px 5px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 6px rgba(0, 0, 0, 0.2);
    padding: 3px 10px 3px 3px;
}

.footer img {
    height: 30px;
}

/* end block page error */

@media screen and (max-height: 768px) {
    .page-login {
        display: block;
        padding-top: 15px;
    }
}

@media screen and (max-width: 768px) {
    #search {
        min-width: 100%
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 30px
    }

    .media > .media-left {
        display: table-caption;
        text-align: center
    }

    .media > .media-left img {
        display: inline-block
    }

    .media-body img {
        max-width: 100%;
        display: table-caption
    }

    .nav-sidebar {
        margin-right: 0;
        position: relative
    }

    .bs-docs-nav, .custom-dropdown-menu {
        background-size: 100%
    }

    .m-t-xs-0 {
        margin-top: 0
    }

    .text-center-xs {
        text-align: center
    }

    .purchase-rs {
        overflow-x: auto;
        max-height: 419px;
    }

    .purchase-rs > .tab-menu {
        margin-top: -15px;
    }

    #purchase_inventory {
        min-height: 700px;
    }
}