body {
   background: linear-gradient(120deg, #e20010, #c5b605) !important /*url('/images/kedup-background.png') repeat-x;
   background-color: #70140D !important;*/
}

a {
   color: #333;
}

body.page-long-height {
   min-height: 800px;
}

footer {
   color: #eee;
   font-size: 12px;
   padding: 15px 0px 30px;
}

footer a {
   color: #333;
}

textarea {
   min-height: 100px;
}

.page-header {
   margin-bottom: 10px;
}

.facebook-page {
   min-height: 100vh;
}

.input-suggestion {
   max-width: 100%;
   position: relative;
}

.input-suggestion a {
   text-decoration: underline;
   display: inline-block;
   padding: 3px;
}

.dashboard-member-frm-search {
   min-height: 100px;
}

.sidebar-offcanvas {
   max-height: calc(100vh - 63px) !important;
   overflow: auto;
}

/** custom multiple files uploader **/
.btn-upload-attachments {

}
.uploaded-files-container {
   height: 150px;
   overflow-y: auto;
}

.multiple-files-upload-container {
   height: 200px;
   overflow-y: auto;
}
.multiple-files-upload-container .file-reader-error {
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   color: #000;
}
.multiple-files-upload-container .attachments-placeholder {
   text-align: center;
   font-size: 20px;
   color: #d0d0d0;
}
.file-box-sigle, .uploaded-files-single {
   display: inline-block;
   position: relative;
   width: 50px;
   height: 50px;
   margin-right: 10px;
}
.file-image-box-single {
   max-width: 100%;
}
.file-btn-remove-single, .uploaded-files-single-remove {
   position: absolute;
   top: 0;
   right: 0;
   color: #fff !important;
   border-radius: 5px;
   padding: 3px;
   display: block;
   background-color: #D62D1F !important;
   font-weight: bold;
   cursor: pointer;
   font-size: 15px;
}
/** end:custom multiple file uploader **/

/** custom datalist **/
.search-data-list {
   position: absolute;
   top: 100%;
   height: 0;
   max-height: 160px;
   overflow-y: auto;
   width: 100%;
   background-color: #fff;
   box-shadow: 3px 5px 10px #888888;
   z-index: 1050;
   transition: height 0.5s;
   -webkit-transition: height 0.5s;
}

.data-list-expand {
   height: 160px !important;
}

.search-group {
   position: relative;
}

.result-search, .result-default {
   padding: 20px;
}

.result-search-single {
   padding-top: 5px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(0,0,0,.05);
}

.result-search-title {
   font-weight: bold;
}

.result-search-content {

}

.result-search-image {
   margin: auto;
}

.result-search-button {

}
.result-search-button .btn {
   margin-right: 5px;
}
/**  end:custom datalist **/

#remark-list {
   min-height: 500px;
}

.remark-group-header {
   border: 1px solid rgba(0, 0, 0, 0.125);
   margin-bottom: 10px;
   font-weight: bold;
}

.education-group, .remark-group, .remark-group-log {
   border: 1px solid rgba(0, 0, 0, 0.125);
   margin-bottom: 10px;
}

.sub-title {
   margin-bottom: 15px;
}

.form-tabs {
   background-color: #fff;
}

.form-tabs .tab-content{
   background-color: #fff;
   padding: 5px;
   min-height: 300px;
}

.table-responsive td:last-child, .table-responsive th:last-child{
   width: 150px;
}

.dashboard-member-title {
   font-size: 15px;
   font-weight: bold;
}

.dashboard-member {
   margin-top: 20px;
   margin-bottom: 20px;
}

.member-profile-image-box {
   width: 132px;
}

#croppic {
   width: 100%;
   margin: 0;
   margin-bottom: 10px;
   height: 150px;
   box-shadow: none;
   background-image: url('../images/default-user.png');
   background-size: 100%;
}

.btn-upload-img {
   width: 100%;
   display: block;
   text-align: center;
   cursor: pointer;  
}

.cropControlRemoveCroppedImage {
   display: none !important;
}

#croppic .cropImgWrapper {
   top: 0;
}

.invalid-feedback {
   display: block !important;
}

.img-thumb-index {
   width: auto;
   height: 50px;
}
/* Image Upload Placeholder Preview */
.img-preview {
   padding: 10px;
   margin-bottom: 10px;
   width: 120px;
   height: 120px;
   border-radius: 4px;
   border: 1px solid #DDDDDD;
}
.img-preview a {
   display: inline-block;
   overflow: hidden;
   width: 100px;
   height: 100px;
}
.img-preview img {
   width: auto;
   height: 100px;
}
.has-error .img-preview {
   border: 1px solid #dd4b39;
}
/* Image Popup Preview */
#modal-img-popup img {
   max-width: 100%;
   max-height: 100%;
}
/* Bootstrap Modal */
.modal-body {
   margin: 0;
   max-height: calc(100vh - 165px);
}
.modal .modal-dialog.modal-mdlg {
   width: 800px;
}
/* Bootstrap Modal Form */
.modal .modal-body .form-group {
   margin-left: 0;
   margin-right: 0;
}

.btn-clear {
   background-color: grey;
}


.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img {
   width: 60%;
   margin: auto;
}

.main-panel {
   background-color: #f2f8f9 !important;
}

.navbar.default-layout {
   background: linear-gradient(120deg, #fff, #c5b605, #e20010) !important;
}

.breadcrumb li {
   padding: 5px;
}

.login-logo {
   max-width: 100% !important;
   height: 200px !important;
   color: #fff;
   font-size: 30px;
   text-align: center;
}

.login-logo img{
   width: 150px;
}

@media screen and (max-width: 575px) {

   .login-logo {
      height: 130px !important;
   }

   .login-logo img{
      width: 150px;
   }
}

.login-logo a, .login-logo a:hover {
   text-decoration: none;
   color: #000;
}

.fb-page-box {
   position: relative;
}

.fb-page-box .fb-page-con {
   width: 320px;
   margin: auto;
   position: relative;
}

.fb-page-box .btn-join-us {
   padding: 15px;
   width: 100%;

}

.login-box-body {
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
   background-color: #fff;
   margin-bottom: 10px;
}

#request-join-form .invalid-feedback {
   color: #dc3545;
   background: wheat;
   padding: 5px;
}

@media screen and (max-width: 991px) {
   .sidebar-offcanvas {
      max-height: 100% !important;
      height: 100%;
   }
   .g-recaptcha {
      transform:scale(0.70);
      -webkit-transform:scale(0.70);
      transform-origin:0 0;
      -webkit-transform-origin:0 0;
   }
}

@media screen and (max-width: 575px) {
   .login-logo img {
      width: 100px;
   }
}

@media (min-width: 992px) {
   .sidebar {
      position: fixed;
   }
   .main-panel {
      margin-left: 255px;
   }
}

@media (min-width: 425px) {
   .form-inline .input-group {
       display: inline-flex;
       width: auto !important;
   }
}

.btn-primary {
   background: #FDEB4F;
   color: #D62D1F !important;
   border: 1px solid #FDEB4F;
}

.btn-primary:hover {
   background: #FDEB4F;
   color: #D62D1F;
   border: 1px solid #FDEB4F;
}