.select2-close-mask{
    z-index: 99999 !important;
}
.select2-dropdown{
    z-index: 99999 !important ;
}

.center-block{
    float: none;
    margin: 0 auto;
}

.hidden {
    display: none;
    visibility: hidden;
}

.help-block  {color: red }
.has-error  {border: 1px solid red !important }

.lgImg { max-height: 400px;}
.mdImg { max-width: 200px;}
.smImg { max-width: 100px;}
.xsImg { width: 40px}

.label-reg {font-size: 100%}

@media (min-width: 992px) {
    .modal-full {
        width: 100% !important;
        height: 100% !important;
    }
	
    .modal-80 {
        width: 80% !important;
        height: 80% !important;
    }	
}

.borderless {
    border: none;
}


.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;

}

/* MARK PASSENGER WHO TOOK SOME SERVICE */
.row_color td {background-color: #ccf2ff}
.row_border {border: 2px solid #2cabe3 !important; }
table.dataTable {border-collapse: collapse !important;} /* FOR row_border (pcks) */


hr.separator {width: 100%; border-bottom: 1px solid rgba(120,130,140,.13)}
.li_sep {height: 1px;    margin: 9px 0;    overflow: hidden;    background-color: #e5e5e5 !important;}
	

.datepicker-dropdown {  top: 285px !important; position: fixed  !important;}

.select2 {max-width: 100% !important; }
.select2-container-multi .select2-choices {border: none !important;}
	
/* RES TOP ICONS */
.dropdown .dropdown-menu {top: auto} 
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}


#defrayal-iframe-box  {min-height: 100%; min-width: 550px;}
#defrayal-iframe-box iframe {height: 600px !important; width: 100%;}



#notes_content {max-height: 400px; overflow-y: auto;}

/* PAYMENT CTRL TREE LIST */

.list-down-btn
{
/*  float: right;*/
  color: black;
  margin-top: 2px;
}

.list-down-btn span {float: right;}

.list-group-collapse
{
  overflow: hidden;
}

/*
.list-group-collapse li  ul {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -11px;
    border-radius: 0px;
}


.list-group-collapse li ul
{
  border-radius: 0px !important;
  margin-top: 8px;
}
*/

.list-group-collapse li  ul li {
    border-radius: 0px !important;
    border-left: none;
    border-right: none;
    padding-left: 32px;
}

.hide_list_item {display: none;}
.show_list_item {display: block;}


/* BACKGROUND COLORS

.bg-light-blue {
  background-color: #e1f5fe !important;
}
a.bg-light-blue:hover,
a.bg-light-blue:focus {
  background-color: #81d4fa !important;
}



.bg-light-red {
  background-color: #ffebee !important;
}
a.bg-light-red:hover,
a.bg-light-red:focus {
  background-color: #ef9a9a !important;
}

.bg-light-purple  {
  background-color: #f3e5f5 !important;
}
a.bg-light-purple :hover,
a.bg-light-purple :focus {
  background-color: #ce93d8 !important;
}

.bg-light-orange   {
  background-color: #fff3e0 !important;
}
a.bg-light-orange  :hover,
a.bg-light-orange  :focus {
  background-color: #ffcc80 !important;
}

*/


.bg-light-grey    {
  background-color: #eceff1 !important;
}
a.bg-light-grey   :hover,
a.bg-light-grey   :focus {
  background-color: #b0bec5 !important;
}

.bg-light-green  {
  background-color: #e8f5e9 !important;
}
a.bg-light-green :hover,
a.bg-light-green :focus {
  background-color: #a5d6a7 !important;
}


/* HOME STATISTICS */

.card {

	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0 solid transparent;
	border-radius: 0;
}

.card-body {

	flex: 1 1 auto;
	padding: 1.0rem;
}

.card .card-title {

    position: relative;
    font-weight: 500;
    font-size: 16px;

}