[class*='sidebar-dark-'] {
    background-color: #336666;
}
.listchild li{
    list-style: none;
}
.text-capitalize{
    text-transform: capitalize;
}
[class*='sidebar-dark'] .brand-link {
    border-bottom: 1px solid #0d5662;
}
[class*='sidebar-dark'] .user-panel {
    border-bottom: 1px solid #0d5662;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #234c4c;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #234c4c;
    color: #ffffff;
}
.f32 {
    font-size: 32px;
}
#social-links ul li{
    float: left;
    padding-right: 20px;
    list-style: none;
}

.f-white {
    color: #fff;
}

.pointer {cursor: pointer;}

.text-black {
    color: black !important;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url('images/loading.gif') 50% 50% no-repeat rgb(0 0 0 / 12%);
    display: none;
}
input:disabled {
    background-color: #d8d8d8;
}

textarea:disabled {
    background-color: #d8d8d8;
}
.f22{
    font-size: 22px;
}
.f-clor-default {
    color: #005262 !important;
}
.f-up-c{
    /* text-transform: uppercase; */
}
.ev-time {
    color: #f6a464;
}

.text-custom{
    color: cadetblue !important;
}
.font-12{
    font-size: 12px !important;
}

.list-box-center {
    border: 1px solid #f1f1f1;
    min-height: 138px;
    padding: 20px 15px 20px;
    transition: all 0.3s ease 0s;
    /* width: 140px; */
}

.list-box-center h3 {
    font-size: 18px;
    font-weight: bold;
}

.list-box-center i {
    font-size: 35px;
    margin-bottom: 25px;
    transition: all 0.3s ease 0s;
    
}

.list-publication-by-center{
    padding: 0px;
}

.list-box-center:hover {
    border: 1px solid #0AAAA0;
}

.list-box-center.news{
    width: 171px;
}

.pub-author{
    font-size: 12px;
}
.mb-15{
    margin-bottom: 15px !important;
}

.mt-10{
    margin-top: 10px !important;
}
.badge {
    padding: 4px !important;
}


.blog-details{
-webkit-box-shadow: 2px 2px 2px #ccc;
-khtml-box-shadow: 2px 2px 2px #ccc;
-icab-box-shadow: 2px 2px 2px #ccc;
-moz-box-shadow: 2px 2px 2px #ccc;
-o-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
}
/* .blog-page-details
{
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
} */
.photo-event-center{
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -khtml-box-shadow: 2px 2px 2px #ccc;
    -icab-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -o-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}
.blo-image-and-date > a {
    width: 140px;
    background: #0aaac0b0 none repeat scroll 0 0;
}

a > h5{
    margin-bottom: 0px;
}

.staff-icon {
    border: 1px solid #0aaac0;
    float: left;
    margin-right: 15px;
    text-align: center;
    width: 35px;
    height: 35px;
}

.staff-icon i {
    font-size: 20px;
    line-height: 35px;
}

.main-menu-area {
    background: #336666 none repeat scroll 0 0;
}
.main-menu ul li {
    padding-right: 15px !important;
}
.stick .main-menu ul li {
    padding-right: 5px !important;
}
.main-menu ul li a {
    color: #fff;
    font-size: 16px !important;
}

/* .main-menu ul li.active a {
    color: #f6a464;
} */

.main-menu li:hover .drop-menu li:hover
{
    background-color: #e5e5e5;
}
.header-top {
    background-color: #ffffff;
}
.call-to-action ul li a {
    color: #346665;
}
.top-social ul li a {
    color: #346665;
}
.main-menu-area {
    border-bottom: 0px solid #f2f2f2;
}

.main-menu ul li:hover a {
    border-color: #c3c3c3;
}
.main-menu ul li:hover a {
    color: #C3C3D0;
}

li > a.active{
    color: white !important;
    background-color: #346665 !important;
    border-color: solid;
    /* font-family: Khmer OS Siemreap !important; */
    border: 1px solid #346665 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #336666;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link.active {
    color: white !important;
}

.nav-link.active > .list-box-center {
    border: none !important;
}

.couses-image img{
    width: 100%;
}

.annual-text {
  background: #f1f1f1 none repeat scroll 0 0;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 10px 25px;
}
.annual-text h3 {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: bold;
}
/*.annual-text.text-center > p {
  color: #333;
  font-family: roboto;
  font-size: 13px;
  margin-bottom: 0;
}*/

.center-btn-right {
  /*bottom: -80px;*/
  float: right;
  position: absolute;
  right: 15px;
}
.center-btn-right > a {
    background-color: #336E7B;
    border-color: #336E7B;
}
.center-btn-right > a:hover {
    background-color: #336E7B;
}

@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px)
{
    .hidden-sm
    {
    display:none!important
}
}

@media (max-width: 767px)
{
    .container {
        max-width: 375px !important;
    }
}
.capitaletter{
    text-transform: capitalize !important;
}

.mg-bottom-10{
    margin-bottom: 10px !important;
}
.mg-t-minus-29{
    margin-top: -29px;
}
 .detail--box{
    line-height: 30px;
 }

 .pdf-download{
     font-size: 20px;
 }

 #social-links{
     font-size: 25px;
 }

.float-right{
    float: right !important;
}
.section-title h2 {
    color: #1b1b1b;
    font-family: raleway;
    font-size: 36px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 11px;
    text-transform: none !important;
}

.no-issue-volume{
    font-size: 15px;
}

.ev-time {
    margin-right: 0px !important;
}

.couses-text {
    background: #f1f1f1 none repeat scroll 0 0;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 20px !important;
}
.about-image img {
    width: 270px;
}

.event-text > p{
    margin-bottom: 15px !important;
}

.event-time-and-place {
    margin-bottom: 5px !important;
}

.section-title h2 > span{
    line-height: normal !important;
}

/* ul {
    list-style: ignor;
    margin: ignor;
    padding: ignor;
} */

.event-categoris > ul {
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* .event-publication-categoris > ul > li >a{
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
} */

.main-menu > nav > ul {
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.main-menu > nav > ul > li > .drop-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.header-top > * ul{
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.img-300{
    width: 270px !important;
}

.float-right{
    float: right !important;
}

.float-left{
    float: left !important;
}

.widget-contact-content{
    color: white !important;
}

.text-white{
    color: white !important;
}

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

.ul-covid{
    padding: 10px !important;
    background: #e03f3f none repeat scroll 0 0 !important;
    color: black !important;
    list-style: outside none none;
}

.img-200{
    width: 230px !important;
}
.texteditorOver{
    font-family: 'Angkor', cursive;
    font-family: 'Battambang', cursive;
    font-family: 'Bayon', cursive;
    font-family: 'Bokor', cursive;
    font-family: 'Chenla', cursive;
    font-family: 'Content', cursive;
    font-family: 'Dangrek', cursive;
    font-family: 'Fasthand', serif;
    font-family: 'Freehand', cursive;
    font-family: 'Hanuman', serif;
    font-family: 'Kantumruy', sans-serif;
    font-family: 'Kdam Thmor', cursive;
    font-family: 'Khmer', cursive;
    font-family: 'Koulen', cursive;
    font-family: 'Metal', cursive;
    font-family: 'Moul', cursive;
    font-family: 'Moulpali', cursive;
    font-family: 'Nokora', serif;
    font-family: 'Odor Mean Chey', cursive;
    font-family: 'Preahvihear', cursive;
    font-family: 'Siemreap', cursive;
    font-family: 'Suwannaphum', cursive;
    font-family: 'Taprom', cursive;
}
.heading-one {
    font-size: 18px;
    padding-top: 30px;
}
.heading-two {
    font-size: 18px;
    padding-top: 30px;
}
.heading-three {
    font-size: 18px;
    padding-top: 30px;
}
.heading-four {
    font-size: 18px;
    padding-top: 30px;
}
.hr-blue-dark {
    border-top: 1.5px solid #346665;
}
.table-sm-pd td {
    padding: .55rem;
}

.image-link p{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nivo-caption {
    left: 0 !important;
    top: 75% !important;
}

.news-list-title {
    color: #b24c2a !important;
}

.opportunity-title hr{
    height: 5px; 
    /* background-color: #336666; */
    border-top: 1px solid #ccc;
}
.opportunity-table td, th{
    border-collapse: collapse;
    border: 2px solid #336666;
}

.opportunity-title h3{
    color: #336666;
}
.opportunity-image-title{
    background-color: #336666;
    color: white;
    text-align: center;
    font-weight: bold;
    align-self: center;
    font-size: 18px;
    padding: 5px;
}

.dash-green {
    border-top: 1px dashed #336666;
    margin: 0px 0px;
}

.solid-white {
    border-top: 1px solid white;
    margin: 0px 0px;
}

.event-date {
    border-right: 3px solid #336666;
    font-size: 35px;
    color: #336666;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center; 
    display: flex;
}
.event-box {
    background-color: #ff914d;
}
.news-box {
    background-color: rgb(252,250,246);
}
.event-title {
    margin-top: 40px;
    margin-bottom: 40px;
}
.event-item {
    height: 150px;
}
.news-see-more {
    font-size: 14px;
    font-weight: bold;
    color: black !important;
}
.news-table {
    border-collapse: collapse;
}
.news-table td {
    border: 1px dashed #336666; 
    padding: 20px 0px;
}
.news-table tr:first-child td {
    border-top: 0;
    padding-top: 0;
}
.news-table tr td:first-child {
    border-left: 0;
}
.news-table tr:last-child td {
    border-bottom: 0;
}
.news-table tr td:last-child {
    border-right: 0;
}
.sidebar-publication {
    background-color: #336666;
    padding: 15px;
    color: #ffff !important;
}

.mg-l-25{
    margin-left: 25px !important;
}
.list-pro-image {
    height: auto;
}
.list-pro-image img{ 
    height: auto !important;
    position: relative;
    overflow: hidden;
    display: inline;
    margin: 0 auto;
    object-fit: cover;
}
.f-s17 {
    font-size: 17px !important;
}
.news_more {
    text-align: right;
    border-radius: 5px;
}
.news_img img {
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: inline;
    margin: 0 auto;
    object-fit: cover;
}
.publication_img img {
    /* height: 134px;
    width: 103px; */
    /* height: 200px; */
    width: 140px;
    border-radius: 5px;

}
.carousel-out-prev, .carousel-out-next{
    margin-left: 0px !important; 
    margin-right: 0px !important; 
}
.carousel-out-prev i {
    color: #346664 !important;
}
.carousel-out-next i {
    margin-right: -4px !important; 
    color: #346664 !important;
}
.list-pro-img-center {
    height: 200px;
}
.list-pro-img-center img{ 
    height: 200px !important;
    position: relative;
    overflow: hidden;
    display: inline;
    margin: 0 auto;
    object-fit: cover;
}
.height-pro-img-center{
    height: 360px !important;
}
.round-5 li, .round-5 li a, .round-5 li a div, .round-5 li a.active{
    border-radius: 10px;
}
div.relative {
    position: relative;
    height: 460px !important;
}
div.absolute {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
div.relatived {
    position: relative;
}
span.absolute {
    position: absolute;
    top: 230px;
    right: 17px;
}

.remove-bg-bottom:after {
    background-color: #336e7b00 !important;
}
.ev-time {
    color: #be6b40 !important;
}

.news-event-height-index > .ev-time {
    color: #ff8e54 !important;
    font-weight: normal;
}


.f-s18-donor {
    font-size: 18px;
}
.f-s20 {
    font-size: 22px;
}
.f-s22 {
    font-size: 22px;
}
.f-s16 {
    font-size: 16px;
}
.f-orange-dark {
    color: #be6b40 !important;
}
.f-orange-darkly {
    color: #915232 !important
}
.f-green-dark {
    color: #336666 !important;
}
.f-green-light{
    color: #81CBCB !important;
}
.ptb-17{
    padding: 17px 0px;
}
.stick .ptb-17 {
    padding: 10px 0;
}
.main-menu ul li{
    padding: 30px 0px;
}
.stick .main-menu ul li {
    padding: 22px 10px;
}

.list-pro-images {
    height: auto;
}
.list-pro-images img{ 
    height: auto !important;
    position: relative;
    overflow: hidden;
    display: inline;
    margin: 0 auto;
    object-fit: cover;
}

.lists-pro-images {
    height: 199px;
}
.lists-pro-images img{ 
    /* height: 231px !important; */
    position: relative;
    overflow: hidden;
    display: inline;
    margin: 0 auto;
    object-fit: cover;
}
#social-links ul{
    padding: 0px;
}
.box-images .clearfix img {
    width: 100% !important;
}
.round-bl-br-8{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.round-8{
    border-radius: 8px;
}

.pub-social ul li {
    float: right !important;
}

.pub_img img {
    height: auto;
    width: 100%;
    border-radius: 5px;
}

.height-fix-pubins {
    height: 506px !important;
}
.sbar-publication li {
    border-bottom: 1px dotted !important;
    padding-top: 5px;
}
.sbar-publication li > a.active {
    color: #BE6C3F !important;
    background-color: #ffffff00 !important;
    border-color: solid;
    border: 1px solid #ffffff00 !important;
}
.sbar-publication li > a:hover {
    color: #BE6C3F !important;
}
@media screen and (min-width: 2000px) {
    .page-title-area {
        padding: 225px 0 90px;
    }
}
@media (max-width: 2000px) {
    .page-title-area {
        padding: 225px 0 90px;
    }
}
@media (max-width: 1800px) {
    .page-title-area {
        padding: 187px 0 90px;
    }
}
@media (max-width: 1600px) {
    .page-title-area {
        padding: 152px 0 90px;
    }
}
@media (max-width: 1400px) {
    .page-title-area {
        padding: 115px 0 90px;
    }
}
@media (max-width: 1366px) {
    .hidden-mobile {
      display: none;
    }
    .page-title-area {
        padding: 160px 0 90px;
    }
}
@media (max-width: 1024px) {
    .page-title-area {
        padding: 105px 0 90px;
    }
}
@media (max-width: 991px) {
    .page-title-area {
        padding: 93px 0 90px;
    }
}
@media (max-width: 768px) {
    .page-title-area {
        padding: 53px 0 90px;
    }
}
@media (max-width: 767px) {
    .hidden-mobile {
      display: none;
    }
    .page-title-area {
        padding: 50px 0 90px;
    }
}
@media (max-width: 375px) {
    .page-title-area {
        padding: 20px 0 90px;
    }
}
.sbar-publication li > a {
    font-size: 15px;
}
.bor-black-w{
    border: 1px solid #efefef;
}

.height-315 {
    height: 315px !important;
}

.height-recent-img {
    height: 287px !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pd-0{
    padding: 0px;
}
.blog-pagination li a {
    padding: 6px 9px;
}

.ev-times {
    color: #f37b30 !important;
}
.event-sidt-title>h3 {
    text-decoration: underline;
    text-underline-position: under;
}
.event-sidt-title>h3:after{
    background-color: transparent;
}
.pd-t-b-5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.btn-main-menu{
    background-color: red;
    border: 1px solid red;
    padding: 5px 7px !important;
    border-bottom: 0px !important;
    border-radius: 5px;
}
.main-menu ul li:hover a.btn-main-menu{
    border-color: #c3c3c300;
    color: #e8e8e8;
}
.top-social nav ul li a i{
    font-size: 16px;
}
.event-radius img {
    border-radius: 10px;
}

a {
    color: #BE6C3F;
}
.bottom-left-overimg {
    position: absolute;
    bottom: 8px;
    left: 16px;
    color: white;
    background-color: #444444d6;
    padding: 3px 20px;
}
.border-img {
    border: 1px solid #efefef;
}
.txt-capitalize {
    text-transform: capitalize;
}
.social-button {
    color: #346665 !important;
}
.social-button:hover {
    color: #4d8e8d !important;
}
.pointer {
    cursor: pointer;
}
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 5px) !important;
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px !important;
}