body{
    font-family: "Khmer OS Siemreap", "Gill Sans Infant Std";
}
h1,h2,h3,h4,h5,h6{
    font-family: "Khmer OS Siemreap", "Gill Sans Infant Std";
}
label{
    font-weight: normal;
}
.font-en{
    font-family: Gill Sans Infant MT;
}

.font-kh{
    font-family: "Khmer OS Siem Reap";
}

.hidden {
    display: none;
}

.full-page-wrapper{
    padding: 0px 20px;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar {
    border-top: 1px solid #ffb500;
    color: #fff;
    background: #007bc6;
}

#logical-framework-meplan.nav > li > a:hover, #logical-framework-meplan.nav > li.active > a {
    background-color: #007bc6;
    color: #fff;
}
#logical-framework-meplan.nav > li > a {
    color: #007bc6;
}
.nav > li.active > a {
    background-color: #ffb500;
    color: #fff;
}

.dropdown-menu {
    padding: 0px;
    margin: 0px;
}

.dropdown-menu > li > a:hover {
    background-color: #9A3324;
}

.dropdown-menu > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #9A3324;
}

.dropdown-menu > li > a:last-child {
    border-bottom: 0px;
}

.dashbox {
    border: 2px solid #DA291C;
    float: left;
    margin: 10px;
    width: 320px;
}

.dashbox h4 {
    border-bottom: 1px solid #DA291C;
    padding: 10px;
    background-color: #DA291C;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

.title{
    border-bottom: 2px solid #007bc6;
    margin-left: 10px;
}

#surveyListActions {
    display: none;
}

.header-title{
    margin: 0px;
    padding: 20px;
    padding-top: 10px;
}

#sidebar .question-question-list .question-question-list-item .question-question-list-item-drag{
    margin-right: 0px;
}

.question-container{
    margin-bottom: 20px;
}

.btn-add-parent-form, .btn-remove-parent-form{
    font-size: 30px;
    padding: 10px 80px;
    font-weight: bold;
}
.questions_form{
    padding: 20px;
    border: 2px solid #DA291C;
    border-radius: 20px;
    margin-bottom: 20px;
    background: #ccc;
}
.flright{
    float: right;
}
.welcome.home-page{
    font-size: 16px;
}
.welcome.home-page .home-row{
    padding: 50px 20px
}

#outerWrapper{
    overflow:hidden;
    position:relative ;
}
#outerWrapper img{
    max-width:100% !important;
}

.slidetext {
    visibility: visible;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99999;
}

.question-container.input-error {
    box-shadow: 0 10px 20px rgba(169,68,66,0.9);
}

.question-container.input-error input[type=text] {
    border: 1px solid #f6863a;
    color: #f6863a;
}
/*.question-container.input-error input[type=radio]{
    border: 2px solid #666666;
}*/

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-no-suggestion {
    padding: 2px 5px;
}
.autocomplete-selected {
    background: #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight: bold; color: #000;
}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.btn-green{
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

a.list-group-item.read .list-group-item-heading,
a.list-group-item.read p.list-group-item-text,
a.list-group-item.read p.list-item-date {
    color: #999;
}

.text-warning {
    color: #8a6d3b;
}
.btn-save-indicator{
    padding: 15px 25px;
    float: right;
    font-size: 24px;
}
.welcome .panel-primary.login-panel {
    border: 0px;
    box-shadow: none;
}
.welcome .login-submit {
    text-align: center;
    border: 0px;
}
.welcome .login-title {
    padding: 0px;
    margin-left: 2em;
}
.welcome .login-title .col-lg-12{
    padding-left: 0px;
}
.welcome .btn-login{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    /*font-size: 24px;*/
    background: #007bc6;
    color: #fff;
}

.question-container.qlabel {
    border: 0px;
    box-shadow: none;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 16px;
}
.question-container.qlabel .question-title-container {
    padding: 0px;
    margin-top: 10px;
}

.Short {
    width: 100%;
    background-color: #dc3545;
    margin-top: 5px;
    height: 3px;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
}
.Weak {
    width: 100%;
    background-color: #ffc107;
    margin-top: 5px;
    height: 3px;
    color: #ffc107;
    font-weight: 500;
    font-size: 12px;
}
.Good {
    width: 100%;
    background-color: #28a745;
    margin-top: 5px;
    height: 3px;
    color: #28a745;
    font-weight: 500;
    font-size: 12px;
}
.Strong {
    width: 100%;
    background-color: #d39e00;
    margin-top: 5px;
    height: 3px;
    color: #d39e00;
    font-weight: 500;
    font-size: 12px;
}
.txterror {
    border: 1px solid #f6863a !important;
    color: #f6863a !important;
}

.multiselect {
    overflow: hidden;
    text-overflow: ellipsis;
}
 .custom-select{
    display:inline-block;
    width:100%;
    min-width: 300px;
    text-align: left;
    height: 50px;
    padding:.375rem 1.75rem .375rem .75rem;
    color:#495057;
    vertical-align:middle;
    background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border:1px solid #666666;
    border-radius:.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
 .custom-select:focus{
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
 }
 .custom-select{
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }
.dropdown-menu.show {
    display: block;
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented {
    padding-left: 3rem;
}

.chxlocation {
    min-width: 120px;
}

#filter_question_id input[type=text] {
    min-width: 120px;
}
#filter_question_id input[type=text].date {
    width: 100px;
    min-width: unset;
}

select.list-question-select{
    max-width: 100% !important;
}

#form_parent_id .btn.btn-default{
    color: #000000;
}

.dashboard-block {
    float: left;
    padding: 10px;
    border: 1px solid #ffb500;
    border-radius: 15px;
    margin-right: 10px;
	text-align: center;
}

.dashboard-block h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #333;
}

.list-annualworkplan th{
	text-align: center;
}

.list-annualworkplan th.left {
    text-align: left;
}

ul.fundedby {
	list-style: none;
}

ul.fundedby li {
	display: inline
}
.border-right{
	border-right: 1px solid #999;
}

.table-sticker-header {
    position: relative;
}

.table-sticker-header tr th {
    position: sticky;
}
.breadcrumb {
    margin-bottom:  0px;
}

#auto-checkboxes input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    width: 18px;
    height: 16px;
}

#auto-checkboxes input {
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

.col-per-49 {
    float: left;
    width: 49%;
}
.col-per-2 {
    float: left;
    width: 2%;
}
.table-row-active{
    background-color: #f5f5f5;
}

.table-header-center tr th {
    text-align: center;
}

#small-screens-menus {
    width: 100%;
}
#small-screens-menus .nav.navbar-nav {
    margin-top: 50px;
}
.table tr.th-center th {
    text-align: center !important;
    vertical-align: middle;
}

.delete-icon {
    margin-top: 10px;
}
.row {
    padding: 5px 0;
}
.item-left {
    float: left;
}
.item-right {
    float: right;
}

input.form-control, textarea.form-control, checkbox.form-control, select.form-control {
    border-color: #666666;
}

.nav-tabs#logical-framework-meplan li a {
    font-size: 16px;
}

.btn:hover {
    background-color: #ffb500;
    border: 1px solid #ffb500;
}

.btn .text-success {
    color: #ffffff;
}

.pagination li.active a {
    background-color: #ffb500;
    border: 1px solid #ffb500;
}

.w150 {
    width: 150px;
}

.btn-large {
    padding: 15px 40px;
    font-size: 30px;
}
.flex {
    display: flex;
    gap: 5px;
    align-items: baseline;
}
.percentage {
    font-size: 16px;
}

table.no-border.table > thead > tr > th, 
table.no-border.table > tbody > tr > th, 
table.no-border.table > tfoot > tr > th, 
table.no-border.table > thead > tr > td, 
table.no-border.table > tbody > tr > td, 
table.no-border.table > tfoot > tr > td {
    border: 0px;
}
.target {
    background-color: #ffb500 !important;
}
.actual {
    background-color: #007bc6 !important;
}

.clone-head-table-wrap {
    z-index: 9999 !important;
}
.clone-head-table-wrap > table > thead > tr > th, .grid-view .clone-head-table-wrap > table > thead > tr > th > a.sort-link {
    background-color: #007bc6;
    color: #fff;
    vertical-align: middle;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.switchlang {
    padding: 10px 2px;
}
.switchlang:hover, .switchlang.active {
    border: 1px solid #007bc6;
    background: #007bc6;
}

.tag {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 2px;
}

.tag .remove {
    margin-left: 10px;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.tag .remove:hover {
    color: #ffcccb;
}

.btn-google, .btn-facebook, .btn-microsoft, .btn-login {
    border: 1px solid #ddd;
    font-weight: bold;
    width: 100%;
    margin-top: 15px;
}

.btn-google {
    background-color: #fff;
    color: #555;
}

.btn-facebook {
    background-color: #1877F2;
    color: #fff;
}

.btn-microsoft {
    background-color: #F3F3F3;
    color: #000;
}

.btn-google img, .btn-facebook img, .btn-microsoft img {
    width: 20px;
    margin-right: 10px;
}

.col-dash-4, .col-dash-8 {
    float: left;
    border: 2px solid #666;
    padding: 2%;
}
.col-dash-8 {
    float: left;
    padding: 2%;
    margin-left: 2%;
    border: 2px solid #666;
}
.col-dash-4 .row > label {
    clear: both;
    display: block;
}

#khm-map-filter-id {
    height: 500px;
    width: 750px;
    border: 1px solid #000;
}

.graphic-box {
    border: 1px solid #000;
}

#btn-reset-id, #btn-submit-id {
    padding-left: 34px;
    padding-right: 34px;
    font-size: 24px;
}

.mb-20 {
    margin-bottom: 20px;
}

.max-w400 {
    max-width: 400px;
}