body::-webkit-scrollbar {

  width: 10px;

}



body::-webkit-scrollbar-track {

  background: #fff; 

}



body::-webkit-scrollbar-thumb {

  background: #000; 

}



body::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



#map {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

}



#map-box {

  background-color: #000;

  position: relative;     

  padding: 10px;

  width: 100%;

}



.map-container {

  width: 100%;

  height: 400px;

  background-color: #fff;

  padding: 5px;

}



.map-item {

  height: 400px;

  position: absolute;

  top: 10px;

  left: 10px;

  background-color: #48c4d3;

  padding: 5px;

}



.error404-page .content {

  height: 100vh;

}



#intervention-tab .nav-link.active {

  border-top: 3px solid #28a745 !important;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

  background-color: #28a745;

  border-color: #28a745;

}



.select2-container--default.select2-container--focus .select2-selection--multiple,

.select2-container--default.select2-container--focus .select2-selection--single {

  border-color: #28a745;

}



.error-page {

	margin: 0 auto;

	padding-top: 15rem;

}



.form-control:focus {

  border-color: #28a745;

}



.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,

.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text {

  border-color: #28a745;

}



.login-alert-error {

  color: #721c24 !important;

  background-color: #f8d7da !important;

  border-color: #f5c6cb;

  position: relative;

  padding: .20rem 1.25rem;

  margin-bottom: 1rem;

  border: 1px solid transparent;

  border-radius: .25rem;

  -webkit-animation: fadein 1.5s;

  -moz-animation: fadein 1.5s;

  -ms-animation: fadein 1.5s;

  -o-animation: fadein 1.5s;

  animation: fadein 1.5s;

}



.divider-header {

  font-size: 1rem;

}



.maintenance-cont {

  -ms-flex-align: center;

  align-items: center;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100vh;

  -ms-flex-pack: center;

  justify-content: center;

}



.sidebar-mini .content-wrapper,

.landing-page,

.error404-page,

.maintenance-page {

  background: url(../../../assets/files/squares-bg.png);

}



.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after, .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {

  background: #fff;

}



/* Table TH, TD

---------------------------------- */

.all-accounts th,

.all-accounts td,

.all-pending-posts table th,

.all-pending-posts table td,

.all-posts table th,

.all-posts table td,

.posts table th,

.posts table td,

.succest table th,

.succest table td,

.updating-post table th,

.updating-post table td,

.updating-succest table th,

.updating-succest table td,

.general-settings table th,

.general-settings table td {

  font-size: 11px;

}



/* All Pending Posts

---------------------------------- */

.all-pending-posts a[disabled]:hover {

  cursor: not-allowed !important;

}



/* Succest

---------------------------------- */

.succest .succest_fileInputs.fileInputs_items_container #fileInputs_items {

  height: 120px;

}

.succest .fileInputs_items_container {

  background: #f2f2f2;

  padding: 1rem;

  border: 1px dashed #999;

}

.succest .fileInputs_items_container #fileInputs_items {

  text-overflow: ellipsis;

  overflow-x: hidden;

  overflow-y: scroll;

}

.succest .fileInputs_items_container #fileInputs_items p {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  margin-bottom: 0.5rem;

}

.succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar {

  width: 10px;

}

.succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-track {

  background: #fff; 

}

.succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-thumb {

  background: #000; 

}

.succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



/* Updating Succest

---------------------------------- */

.updating-succest .succest_fileInputs.fileInputs_items_container #fileInputs_items {

  height: 120px;

}

.updating-succest .fileInputs_items_container {

  background: #f2f2f2;

  padding: 1rem;

  border: 1px dashed #999;

}

.updating-succest .fileInputs_items_container #fileInputs_items {

  text-overflow: ellipsis;

  overflow-x: hidden;

  overflow-y: scroll;

}

.updating-succest .fileInputs_items_container #fileInputs_items p {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  margin-bottom: 0.5rem;

}

.updating-succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar {

  width: 10px;

}

.updating-succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-track {

  background: #fff; 

}

.updating-succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-thumb {

  background: #000; 

}

.updating-succest .fileInputs_items_container #fileInputs_items::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



/* New Project Overview

---------------------------------- */

.new-project-overview tr:first-child td .row {

  border-bottom: 1px solid #fff;

}

.new-project-overview tr:first-child td .row:last-child {

  border-bottom: none;

}



/* New Project

---------------------------------- */

.new-project fieldset 

{

  margin: 0;

  padding: 10px;       

  position: relative;

  padding-left:10px!important;

  border: 1px solid #d5d5d5;

}

.new-project legend

{

  font-size:14px;

  font-weight:bold;

  margin-bottom: 0px; 

  width: 65%; 

  border: 1px solid #ddd;

  padding: 5px 5px 5px 10px; 

  background-color: #ffffff;

}



/* User Logs

---------------------------------- */

.user-logs #tbl_userlogs th,

.user-logs #tbl_userlogs td,

.user-logs #tbl_userlogs th,

.user-logs #tbl_userlogs td {

  font-size: 11px;

}



/* Summary of Projects

---------------------------------- */

.summary-of-projects #tbl_projects_wrapper th,

.summary-of-projects #tbl_projects_wrapper td,

.summary-of-projects #tbl_KPI_wrapper th,

.summary-of-projects #tbl_KPI_wrapper td {

  font-size: 11px;

}

.summary-of-projects #tbl_projects_wrapper th:first-child,

.summary-of-projects #tbl_projects_wrapper th:nth-child(2),

.summary-of-projects #tbl_projects_wrapper th:nth-child(3),

.summary-of-projects #tbl_projects_wrapper th:nth-child(4),

.summary-of-projects #tbl_projects_wrapper th:nth-child(5),

.summary-of-projects #tbl_projects_wrapper th:nth-child(6),

.summary-of-projects #tbl_projects_wrapper th:nth-child(7),

.summary-of-projects #tbl_projects_wrapper th:nth-child(8) {

  z-index: 1;

  background: #fff;

}

.summary-of-projects #tbl_KPI_info {

  display: none;

}

.summary-of-projects fieldset 

{

  margin: 0;

  padding: 10px;       

  position: relative;

  padding-left:10px!important;

}

.summary-of-projects legend

{

  font-size:14px;

  font-weight:bold;

  margin-bottom: 0px; 

  width: 35%; 

  border: 1px solid #ddd;

  padding: 5px 5px 5px 10px; 

  background-color: #ffffff;

}

.summary-of-projects #modal-intervention tr:first-child td .row {

  border-bottom: 1px solid #fff;

}

.summary-of-projects #modal-intervention tr:first-child td .row:last-child {

  border-bottom: none;

}



/* Updating Project

---------------------------------- */

.updating-project fieldset 

{

  margin: 0;

  padding: 10px;       

  position: relative;

  padding-left:10px!important;

  border: 1px solid #d5d5d5;

}

.updating-project legend

{

  font-size:14px;

  font-weight:bold;

  margin-bottom: 0px; 

  width: 65%; 

  border: 1px solid #ddd;

  padding: 5px 5px 5px 10px; 

  background-color: #ffffff;

}



/* General Settngs

---------------------------------- */

.general-settings #tbl_KPI_info {

  display: none;

}



/* Media Queries

---------------------------------- */

/*1920px X 969px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1755px;

  }

}

/*1680px X 1050px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1515px;

  }

}

/*1600px X 900px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1435px;

  }

}

/*1440px X 900px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1275px;

  }

}

/*1366px X 768px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1200px;

  }

}

/*1280px X 720px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 1115px;

  }

}

/*1024px X 768px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 860px;

  }

}

/*768px X 1024px*/

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

  #modal-key-officials .col-sm-5,

  #modal-key-officials .col-sm-7 {

    flex: 100%;

    max-width: 100%;

  }

  #modal-key-officials .col-sm-5 {

    margin-bottom: 2rem;

  }

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 675px;

  }

  .posts .col,

  .succest .col {

    flex: 100%;

    max-width: 100%;

  }

  .new-account .col-sm-3,

  .updating-account .col-sm-3 {

    flex: 30%;

    max-width: 30%;

  }

}

/*720px X 1280px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 625px;

  }

}

/*640px X 960px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 550px;

  }

  .summary-of-projects #tbl_projects_wrapper th:nth-child(2) {

    display: none;

  }

}

/*480px X 800px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 390px;

  }

  .new-account .col-sm-3,

  .updating-account .col-sm-3 {

    flex: 100%;

    max-width: 100%;

    margin-bottom: 1rem;

  }

  #modal-contact-information .col {

    flex: 100%;

    max-width: 100%;

  }

  #modal-contact-information .col > .text-white {

    display: none;

  }

  #modal-KPI #KPI_form {

    margin-bottom: 1rem;

  }

  #modal-KPI #KPI_form .col-sm-1 {

    flex: 10%;

    max-width: 10%;

  }

  #modal-KPI #KPI_form .col-sm-10 {

    flex: 90%;

    max-width: 90%;

  }

  .login-box, .register-box {

    width: 360px;

  }

}

/*414px X 736px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 325px;

  }

  .summary-of-projects #filter_projects .col {

    flex: 100%;

    max-width: 100%;

    margin-bottom: 0.5rem;

  }

}

/*360px X 640px*/

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

  .new-project .map-item,

  .summary-of-projects .map-item,

  .updating-project .map-item {

    width: 270px;

  }

  .login-box, .register-box {

    width: 340px;

  }

}

/*320px X 480px*/

@media only screen and (max-width: 320px) {}