.pl-card-0{
    padding-left:0 !important;
}

.pr-card-0{
    padding-right:0 !important;
}

.px-card-0{
	padding-right:0 !important;
	padding-left:0 !important;
}

.pt-card-0{
    padding-top:0 !important;
}

.pb-card-0{
    padding-bottom:0 !important;
}

.py-card-0{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.pl-05 {
    padding-left:0.5rem !important;
}

.pr-05 {
    padding-right:0.5rem !important;
}

.main-lang-select-box{
    margin-top: 1rem !important;
}
@media (max-width: 767px) {
    .pl-card-0{
        padding-left:14px !important;
    } 
    .pr-card-0{
        padding-right:14px !important;
    } 
    .px-card-0{
        padding-right:14px !important;
        padding-left:14px !important;
    }
    .main-lang-select-box{
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }
}

/* ----------- nav custom----------- */

.navbar-brand{width:400px;}
.nav-item > a > p{
    float:left;
    width: 200px;
    font-size:1rem;
    padding:16px 0 0 5px;}

@media (min-width: 767px) {
    .nav-item > a >  img {
        margin-left:100px;
        width: 80px;
        height:auto;
        float:left;}
    .header-custom {
        height:5.2rem; }
    .navbar-mobile-login{
        display: none; }
    .navbar-flag {
        float:right; }
    }


@media (max-width: 767px) {
    .header-navbar .navbar-header .navbar-brand .brand-logo {
        width: 45px;
        float:left;}
    .navbar-brand{width:200px;}
    .nav-item > a > p {
        width: 155px;
        font-size: 0.8rem;
        padding: 12px 0 0 5px;
    }
    .header-navbar .navbar-container ul.nav li > a.nav-link {
        text-align: right; }
    .navbar-flag {
        float:left; }
    .navbar-mobile-login {
        float: right; }
}

/* ----------- sidebar custom----------- */
.sidebar-menu {
    width:100%;
    z-index:0; }
.main-menu.menu-light .navigation, .main-menu .main-menu-content{
    background: #00ABC3;}
.main-menu.menu-light .navigation li a, .main-menu.menu-light .navigation .navigation-header {
    color: #ffffff; }
.main-menu.menu-light .navigation > li.active > a, .main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li.active > a{
    background: #00BCD4;
    color: #eeeeee; }
.main-menu.menu-light .navigation > li ul .active > a, .main-menu.menu-light .navigation > li.open .hover > a, .main-menu.menu-light .navigation > li ul .open > a{
    color: #eeeeee;
    background-color: #0089A1;
    font-weight: 500;
}
.main-menu.menu-light .navigation > li > ul {
    background: #009AB2;
}
@media (max-width: 767px) {
    /*.main-menu.menu-light .navigation {
        background: #ffffff; }*/
    /*.main-menu.menu-light .navigation li a {
        color: #00796b; }
    .main-menu.menu-light .navigation > li.active > a {
        color: #f7f7f7; }
    .main-menu.menu-light .navigation > li > ul {
        background: #d5e6e6; }*/
    .breadcrumb-item {
        float: none; }
    .content-header-left {
        text-align: center; } }

.form-bar span {
    position: absolute;
    right: 0;
    top: 10px;
}
.form-year-bar span {
    position: absolute;
    right: 7%;
    top: 10px; }

@media (max-width: 543px) {
    .form-year-bar span {
        display: none;  } }

@media (max-width: 767px) {
    .form-year-bar span {
        right: 5%;  } }

/* ----------- main custom----------- */
.img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    width: 100%;
    max-height: 205px;
    min-height: 150px; }
.caption-1 > h3 {
    top:50%;
}
.table-exchange img.img-flag {
    min-width: 28px; }
.main-content-1{padding:0;}
.content-r {
    padding-right:0; }

.content-login
.btn-login{
    box-shadow: none;
    margin-left:-10px;
    height: 82px;}

.main-quick{
    list-style: none;
    padding: 0;
    margin:0;
    margin-right: -15px; 
    
    }
.main-quick li.quick-box > .card > i{
    position: absolute;
    right: 8%;
    top: 11%;
    font-size: 3rem;
    color: #d3e6d9; }
.quick-box > .card > dl{margin:20px 0 0;}

.content-notice
.notice-list {
    position:relative; }
.notice-list > a, .media-body{
    display: block; }
.notice-list > a > .media-body{
    width:90%;
    float:left; }
.media-body {
    width:90%; }
.media-body > p.notice-text{
    /* margin-bottom:0;
    text-overflow:ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-wrap:normal; */ 
    }

.media-right{
    float:left;
    vertical-align: middle;
    width:10%; }
.media-right > p {
    margin:0; }
.media-right > p.date {
    font-size:1.1rem;
    font-weight: bold;
    margin-top:5px;
}

.content-quick{
    padding:0; }
.content-quick > ul, .content-support > ul {
    width:100%;
    list-style: none;
    padding:0; }
.content-quick > ul li {
    padding:18px 10px;
    width:50%;
    float:left;
    background-color: #CFD8DC;
    position:relative;}
.content-quick > ul a:hover li {
    color:#37474F;
    background-color: #e3e8ea;
}
.content-quick > ul a li:last-child {
    border-right:1px solid #c0c0c0;
}
.content-quick > ul li > i {
    position:absolute;
    margin: 0 10px;
    top:15px;
    color:white;
    font-size:2.8rem; }
.content-quick > ul li > p {
    line-height: 14px;
    margin: 5px 0 5px 70px;
}

.content-support > ul li{
    position:relative;
    background-color: white;
    padding:15px 0 15px 80px;
    border-right:1px solid #efefef;
    float:left; }
.content-support > ul li > i{
    position:absolute;
    top:15px;
    left:25px;
    color:#2ab957;
    font-size:2.8rem; }
.content-support >ul li > p, .content-support >ul li > h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap; }


@media (max-width: 991px) {
    .main-quick {
        margin-right: 0px; }
    .main-quick li{
        padding:0; }
    .content-support{margin-top:15px;}
    .notice-list > a > .media-body {
        width: 85%; }
    .media-right {
        width: 15%; }
    .table-exchange img.img-flag {
        width: 35%; }
    .sidebar-menu{display:none;} }

@media (max-width: 767px) {
    .content-l {
        padding-left: 0; }
    .notice-list > a > .media-body {
        width: 80%; }
    .media-right {
        width: 20%; }
    .content-support > ul li {
        padding:15px 0 15px 60px; }
    .content-support > ul li > i{
        font-size:2rem;
        left:15px; }
    .btn-login{
        width: 100%; }
    .table-exchange img.img-flag {
        width: 15%; }
    .content-login{margin-bottom:15px;}
    .btn_login_pd{
        padding:0;}
    .main-quick li{border-top: 1px solid #e8e8e8;}
    .main-quick li:first-child{border-top:none;}}

@media (min-width: 767px) {
    .content-exchange{height:325px;}
    .content-exchange2{height:412px;}
    .content-mainExchange{height:485px;}
}
@media (min-width: 991px) {
    .main-quick li{padding-left:0;}
    .table-exchange img.img-flag {
        width: 40%; }
    .main-quick li.quick-box > .card, .content-login{
        min-height:174px; }
}
@media (min-width: 1200px) {
    .container-main{
        width:1200px;
        margin: 0 auto; }
    .table-exchange img.img-flag {
        width:20%; }
    .carousel-caption {
        padding: 0px;
        top:40%;
        text-align: left; }
    .caption-1 > p, .caption-2 > p {
        width:50%; }
}

/* ----------- content custom----------- */
.content-header{ padding-bottom: 15px; }

.flag { list-style: none; margin:22px 0 10px 0;}
.flag li {
    float: right;
    width: 40px;
    text-align: right; }
.flag li a img {
    width:65%;
    height:auto; }

.popup-header {
    background-color: #f1f4f7;
    padding: 0 0 25px 0;
    border-bottom: 2px solid #37b55e;
    margin-bottom: 25px; }
.popup-header > .content-header-left >h3{color: #2fa553 !important;}

.is-sticky > .sidebar-sticky {top:70px !important;}

.form-mail-bar span {
    position: absolute;
    right: -5px;
    top: 10px; }

.form-won-bar span {
    position: absolute;
    left:0px;
    top: 10px; }

@media (max-width: 543px) {
    .form-inline > .input-group, .form-inline > .form-control {
        width:73%;
        float:left;
        margin-bottom:1rem;}
    .form-inline > .btn{
        float:left;
        margin-left:5px;
    } }

@media (max-width: 767px) {
    .content-header{
        background: none;
        margin-bottom:5px;
        border:none; }
    .breadcrumb {
        text-align: center; }
    .flag {
        padding:0; }
    .flag li {
        float: left;
        text-align: left; }
    .form-inline > .input-group, .form-inline > .form-control, .form-inline > .btn, .btn-group-sm {
        margin-bottom:0.5rem;}
}
@media (min-width: 1200px) {
.btns{margin-left:-50px;}}


/* ----------- common ----------- */
.card-block label:not(.custom-control) {  font-weight: bold; }
.table th {  text-align: center; }
.ml-55 {
    margin-left: -10px !important; }
.error{ padding:150px 0 200px 0; }
.page-all:after{
    content: ':';
    margin-left:5px;
    top:-5px;
}
.tag {
    padding: 0.2em 0.4em !important;
    font-size: 100% !important; }
@media (max-width: 543px) {
    .btn-small {
        padding: 0.5rem 1rem;
        font-size: 0.9rem; }
    .page-link {
        padding: 0.25rem 0.75rem;
        font-size: 90%;
    }
    .error{ padding:30px 0 40px 0; }
}

.btn-sm {padding: 0.5rem 0.5rem}

.table-custom th, .table-custom td {
    padding: 0.68rem 1rem;  }
.form-inline .input-group {
    width: fit-content;
}

div.invalid-error {
    margin-top:.5em;
    color: #dc3545;
}

input.invalid-error, select.invalid-error, textarea.invalid-error {
    border-color: #dc3545;
}

.nav-tabs .nav-link:not(.active) {
	color: #626E82;
}

.nav-tabs { background-color: #fff;}
.nav-tabs .nav-item { margin-left: -1px;}

@media (max-width: 767px) {
    div.row>div{
    	margin-bottom: 1rem;
    }
}

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

.custom-control-input:checked:disabled ~ .custom-control-indicator {
    background-color: #2ab957; }
    
form .form-section small i {
	font-size: inherit;
	margin-left: 0;
	margin-right: 0;
}

form .form-section label {
	color : #1dab49;
}

form .form-section input[type="checkbox"]{
	vertical-align: middle;
}

td .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group{
	margin-left : -3px;
}
td.tdMaxLmt{
	overflow: hidden;
 	max-width: 30ch;
	text-overflow:ellipsis;
    word-wrap:normal;
}

.amend-input {
	border: 1px solid green !important;
}

.modal-open {
  overflow: auto; }
  
.inLineInput {
	width: auto;
	display: inline;
}

th {
    /*background-color:white;*/
	background-color:#fafbfd;
}
.table-bordered th {
  border: 1px solid #E3E3F3; 
}

.hide-search-form-btn, .show-apfm-card-btn, .hide-tag-class-btn {
	display: none;
}

.searchForm > .form-body > .row:not(:first-child) {
	display: none;
}

.calendars-popup{
	z-index: 100;
}

.tool-tip [disabled] {
  pointer-events: none;
}

.navbar-cyan{
    background: #00AEB1;
}
.navbar-cyan .navbar-nav .nav-link{
    color:#ffffff; }

.limitDigit, .countDigit, .pstvDigit{
    text-align:right;
}

div .display-inlineBlock{
    display:inline-block;
    width:100%;
}	

.margin-0{
	margin:0;
} 

.modal-center {
    -webkit-transform: translate(0,-20%); 
    -o-transform: translate(0,-20%); 
    transform: translate(0,-20%); 
    top: 20%; 
    margin: 0 auto; 
}

div .preview-img-control {
    display: table;
    border: 1px solid #ccd6e6;
    color: #3f587e;
}

div .preview-img-control > .p {
    display: table-cell;
    text-align: center; 
    vertical-align: middle;
}

.preview-cbra-img-size {
    width: 85px;
    height: 82px;
}

.tree-div > ul.fancytree-container {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.tableFixHead.lg { overflow-y: auto; max-height: 550px; }
.tableFixHead.sm { overflow-y: auto; max-height: 450px; }
.tableFixHead table thead th {
    position: -webkit-sticky;
    position : sticky;
    top : 0;
}
.tableFixHead table tbody:nth-of-type(1) tr:nth-of-type(1) td {
    border-top: none !important;
}
.tableFixHead table thead th {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: inset 0  0.5px 0 #E3E3F3,
                inset 0 -1px 0 #E3E3F3;    
} 
li.lowerRoman { list-style-type : lower-roman; }
li.upperRoman { list-style-type : upper-roman; }
li.lowerAlpha { list-style-type : lower-alpha; }
li.decimal { list-style-type : decimal; }
li.none { list-style-type : none; }  


.rm-d-none {
    display: none;
}