/*
 * Created By: Ben
 * Date: 16/1/2019
 * Style For: General CSS
 */

.mrd-bg {background-color:#ed4040; color:#ffffff;} /*mild red*/
.mrd {color:#ed4040;}
.mbe-bg {background-color:#5188da; color:#ffffff;} /*mild blue*/
.mbe {color:#5188da;}
.mgn-bg {background-color:#34babb; color:#ffffff;} /*mild green*/
.mgn {color:#34babb;}
.mbk-bg {background-color:#2d353c; color:#ffffff;} /*mild black*/
.mbk {color:#2d353c;}
.mpe-bg {background-color:#7460ee; color:#ffffff;} /** mild purple **/
.mpe {color:#7460ee;}
.myw-bg {background-color:#ffa70d; color:#ffffff;} /** mild yellow **/
.myw {color:#ffb22b;}
.gn-bg {background-color:#45b545; color:#ffffff;} /** green **/
.gn {color:#45b545;}
.rd-bg {background-color:#da0808; color:#ffffff;} /** red **/
.rd {color:#da0808;}
.spe-bg {background-color:#483d55;} /** rare black **/
.spe {color:#483d55;}

/** datatables common **/

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color:#5e6671;
    border-color:#5e6671;
}

.router-animation-container div.dataTables_info {
    font-style:normal;
    font-weight:500;
}

form label {
    margin:6px 0;
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .hidden-menu #hide-menu i {
        color:#6D6A69!important;
        font-size:121%;
    }
}

/* treeview location */

ul, #loctreeview {
  list-style-type: none;
}

#loctreeview {
  margin: 0;
  border-style: groove;
  padding: 10px 15px;
}

#loctreeview .isselected {
    color:#5188da;
}

#loctreeview .isparent {
    font-weight:bold;
}

.loccaret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

.loccaret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 2px;
}

.carrot-down::before {
  transform: rotate(90deg);
}

.nested {
  display: none;
}

.active-nested {
  display: block;
}

.loc-selection > h2 {
    padding:10px 13px;
    background-color:#404040;
    color:#FFF;
    font-size:17px;
    margin:0;
    line-height:28px;
}

.loc-infoboard > .row {
    padding:10px 0;
    background-color:#404040;
    margin:0;
}

.loc-infoboard > .row h2 {
    color:#FFF;
    font-size:17px;
    margin:0;
    line-height:28px;
}

.loc-infoboard > .row .loc-plusbtn {
    padding:4px 8px;
    border-radius:0;
    background-color:#5188da;
    color:#FFF;
}

.loc-infoboard > .row .loc-penbtn {
    padding:4px 8px;
    border-radius:0;
    background-color:#45b545;
    color:#FFF;
}

.loc-infoboard label {
    margin-top:7px;
    margin-bottom:7px;
}

.loc-info {
    border-style: groove;
    padding:10px 5px;
}

.loc-info .row {
    margin:0 0 10px 0;
}

#loctreeview li {
    padding:10px 0 0 0;
}

.nested.tree li:before,
.nested.tree li:after {
    left:-26px;
}

.nested.tree li:before {
    top:-9px;
}

.nested.tree li:after {
    top:20px;
}

.nested.tree {
    padding-top:3px;
}

.nested.tree ul ul {
    padding-left:40px;
}

.nested.tree ul ul li:hover {
    background:none;
}

#loctreeview li .loc-name {
    border:none;
    padding:0 0 5px 0;
    cursor:pointer;
}

.btn-primary-pcg {
    color: ##fff;
    background-color: #01A89E;
    border-color: #026e68;
}

.btn-primary-pcg:hover {
    background-color: #026e68;
    border-color: #026e68;

}

.btn-secondary-pcg {
    color: ##fff;
    background-color: #F79C4D;
    border-color: #d7833a;
}

.btn-secondary-pcg:hover {
    background-color: #d7833a;
    border-color: #d7833a;
}

.btn-homepage-default {
    color: ##fff;
    background-color: #00a887;
    border-color: #00a887;
}

.btn-homepage-default:hover {
    background-color: #00a887;
    border-color: #00a887;
}

.bg-login-page{
    background-image: linear-gradient(to bottom right, #01A89E, #F79C4D) !important;
}