/* color style for achiev */
/*
green: 8cc63e
red  : e70142
blue : 1bb5eb
dark : 232a34
grey : #67757c !important
#242a33

*/


/* color */
body{ font-size: 0.9rem !important;font-weight: 500 !important;color: #000000 }
h1, h2, h3, h4, h5, h6 {color: #000000; font-weight: 600}
.text-success{color: #8cc63e !important;}
.text-info{ color: #1bb5eb !important }
.text-sub{ color: #67757c !important }
.text-netral{color: #ffffff !important}
.text-black{color:#000000;}
.bg-netral{background-color: #ffffff !important}

.bg-success,.label-success,.round-success{background-color: #8cc63e !important;}

.text-big{ font-size: 45px !important; font-weight: 500;}


.btn-info{ background-color: #1bb5eb !important; border: 1px solid #1bb5eb !important;  }
.btn-success{ background-color: #8cc63e !important; border: 1px solid #8cc63e !important;  }


.red{ color: #e70142; }
.f14{font-size: 14px !important;}
.f20{font-size: 27px !important;}
.h-100vh{height: 100vh !important}
.w-auto{width:auto !important;}

/* text */
.font-bold{ font-weight: 500 !important }
.fa-rotate-45 {
  -webkit-transform: rotate-(45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* link */
.page-wrapper a { color: #1bb5eb !important }


.customtab li a.nav-link{ color:#67757c !important; font-weight: 500; }
.customtab li a.nav-link.active{color:#000000 !important; border-color:#1bb5eb !important}

/*.sidebar-nav ul li a {   color: #687384 !important; }

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #ffffff !important;
}
*/


/* Fix widget font size*/
@media (max-width: 1250px ) and  (min-width: 992px){
  div.card-body h4.text-big{
    font-size: 3.4vw !important;
  }
}


/* button */
.btn-rounded.btn-sm {
  padding: .5rem 1.5rem !important;
}

/* modals*/
.modal-dialog.modal-dialog-md12 {
  width: 70% !important ;
  max-height: 100%;
  /*margin-left: 20%;*/
  margin: 30px auto;
  max-width: 100% !important;
}

.modal-content {
  height: auto;
  max-height: 100%;
  border-radius: 0;
}

.modal-backdrop{
  display: none;
}

/*.modal-body > .container-fluid{}*/
.modal-body > .card-body{padding-left: 0;}

/* table */
tr.collapse{}
.p-l-50{padding-left: 50px !important}
.m-b-50{margin-bottom: 50px !important}

#morris-problem-chart{ min-width: 500px;width: 500px;height: auto; }

/* datatable */
td.details-control:first-child {
  /*text-align:center;            */
  cursor: pointer;
}
/*tr.shown td.details-control {text-align:center;}*/


/* FORM */
input, textarea, select{font-family:inherit !important;font-size: inherit !important;}
.form-control {font-size: 0.9rem !important; background-color: #f5f5f5 !important; }

a.btn-info {  color: #ffffff !important;}


.form-control.input-daterange-datepicker,.tab-pane > select{width: auto;}

.form-horizontal{text-align: left;}
label{display: inline-block; font-weight: 600 !important; }

textarea {  border-radius: 20px !important;}


select.bg-special{ background-color: #232a34 !important;color: white !important;}
select.bg-special > option{ color: white !important;}


/* input on modals - dark bg*/
.bg-inverse{ background-color: #2f3d4a !important; color: #ffffff }


/* widget */
.happy-meter{ font-size: 38px; }
.happy-meter .round {
  line-height: 38px;
  width: 38px;
  height: 38px;
}

/* hack */
.inline-spacer{
  min-height: 15px;
  background-color:#f5f5f5;
}

tr[aria-expanded=true] > td > i.fa-caret-right {
  transform: rotate(90deg) translateY(35%);

}
/*tr[aria-expanded=true] > td:first-child:before {*/
/*content:"\25bc";*/
/*}*/


/*tr[aria-expanded=false] .fa-chevron-down {
   display: none;
}

tr.collapse.show > td i.fa-caret-right{
  display: none;
}
*/

@media (max-width: 1024px) {
  .topbar .top-navbar .navbar-header .navbar-brand .light-logo{display: inline-block !important;}
}
@media (max-width: 768px) {
  .onmobile-hide{display: none !important;}
}

aside.left-sidebar{
  background: #242a33;
}
/* Table CSS */
table.table-component__table{
  width: 100%;
}

caption.table-component__table__caption{
  display: none;
}

.table-component__th--sort-asc:after {
  text-decoration: none;
  content: '▲';
}

.table-component__th--sort-desc:after {
  text-decoration: none;
  content: '▼';
}

.table-component__th--sort:after{
  text-decoration: none;
  content: url("../img/arrows.svg");
  margin-top: 2px;
}

.table-component__th {
  text-decoration: none;
  cursor: pointer;
}
/* Disable the stupid dots on the datetime picker*/
div.vdatetime-slot__available{
  display: none !important;
}
div.vdatetime-slot__not-available{
  display: none !important;
}

/* Remove the text input from the date picker */
div.vdatetime input{
  border: none;
  background-color: #f5f5f5;
}

/* Remove ugly padding from the notifications */
.mailbox .message-center{
  height: auto;
}
/* Make the widget div scrollable and hide the scrollbar */
.widget-div{
  overflow-y: scroll;
}

.meeting-outer-container{
  margin-right: 0px;
}

.meeting-topbar{
  background-color: #007bff;
  color: white !important;
}
a{
  cursor: pointer;
}

.btn.btn-info.btn-rounded{
  font-size: 14pt;
}

/* Style the daterangepicker */
.reportrange-text{
  border-radius: 60px !important;
  background-color: #64728c !important;
  color: white;
}
.reportrange-text > i{
  display: none;
}

.reportrange-text:after{
  content: "▼";
}
.time-period-select{
  background-color: #64728c !important;
  color: white !important;
}

.daterangepicker :not(.weekend){
  color: initial;
}

.table-not-searchable .table-component__filter {
  display: none;
}
/* Override datepicker colors*/
.vdatetime-popup__header,
.vdatetime-popup__date-picker__item--selected > span > span,
.vdatetime-popup__list-picker__item--selected
{
  background: #252a33 !important;
}

.vdatetime-popup__actions__button{
  color: #028ee1 !important;
}
.hide-filter .table-component__filter{
  display: none;
}

/* For all horizontal button lists */
ul.button-list{
  list-style-type: none;
  margin: 0;
  padding: 0;

  overflow: hidden;
}

li.button-item{
  float: left;
}
.button-item div{
  display: block;
}
li.button-item a,li.button-item button{
  font-size: 11pt !important;
}
.pagination>*:first-child{
  margin-top: 5px;
  margin-right: 5px;
}
.pagination>*:last-child{
  margin-top: 5px;
  margin-left: 5px;
}

.page-item.active .page-link{
  background-color: #1bb5eb;
  border-color: #1bb5eb;
  color: white !important;
}
.btn, button:not([data-dismiss="modal"]){
  font-size: 11pt !important;
}

.vdatetime-popup__month-selector__next,
.vdatetime-popup__month-selector__previous{
  box-sizing: content-box !important;
}

.vdatetime-popup__month-selector__next svg path,
.vdatetime-popup__month-selector__previous svg path{
  transition: none !important;
}