.table_input{
width: auto;
}
.PointerNoneOpacity{
	pointer-events : none;
	opacity:0.4;
}
.dataTables_scroll{
margin-bottom: 10px;
}
.btn-group{
margin-bottom: 0;
}
.dataTables_scrollHead .table-bordered tr{
	background: #DBF0F7;
}
.btn-new {
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align:center;
vertical-align: middle;
white-space: nowrap;
width: 85%;
}

.statusWidth{
width: 110px;
}
.preApprovedColor{
	background-color: #00ACAC !important;
	border-color: #00ACAC !important;
	color: #FFF !important;
}

.btn-new.btn-new-inverse {
background: #2d353c none repeat scroll 0 0;
border-color: #2d353c;
color: #fff;
}
a:focus, a:hover {
text-decoration: none;
}
.textRight{
text-align:right;
}


.dataTables_filter{  float: left !important;  margin-right: 10px; }
.dataTables_length{  float: right !important; }
.dataTables_filter input{margin-left: 0px;}
.trcalign{float:left;}
/*---------for responsive table line tab alignment------------*/

/*for line alignment*/

.forResponsiveLine{
min-height:300px;
}
.responseBinLine{
min-height: 170px;
}	
.bootstrap-select.btn-group .dropdown-menu{
z-index: 1000 !important;
}
.navbar-user .langu_menu{
min-width: 70px !important;

}

/*for line alignment*/


/*READ ONLY FIELD LIGHTEN*/
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background: #e5e9ed none repeat scroll 0 0;
opacity: 1;
}*/

/*READ ONLY FIELD LIGHTEN*/
.forNewCustomer[readonly]{
background-color: #7fdbff !important;
color: black;
font-weight: 700;
opacity:1;
}
.forExistCustomer[readonly]{
background-color:#FFCCE6 !important;
color:black;
font-weight: 700;
opacity:1;
}
.modal.modal-loading .modal-body{
position:relative;
z-index:0
}
.modal.modal-loading.modal-expand .modal-body{
position:absolute
}
.modal.modal-loading .modal-body .modal-loader{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:#fff;
opacity:.9;
filter:alpha(opacity=90);
animation:fadeIn .2s;
-webkit-animation:fadeIn .2s;
z-index:1020;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px
}
@keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
@-webkit-keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
.color-icon{
color:#005452;
}
/*added by rafeeq */
/*for responsive selectpicker in tablet added on 22-Sep-2015*/
.printPadding{ /*for print in transaction*/
padding: 0px;
}
.dropdown-menu > li > a {
white-space: normal !important;
}
/*for responsive selectpicker in tablet added on 22-Sep-2015*/
.sendLogi {
background-color: yellowgreen;
color: black;
font-weight: 600;
padding: 5px;
white-space: nowrap;
border-radius: 5px;
}
.tableAttachment {
margin-bottom: 20px;
max-width: 100%;
width: 65%;
}
.oppButton{
padding: 15px;
}
.journeyClicked{
background-color: green !important;
border-color: green !important;
color: white;
width: 103%;
}
.journey{
background-color: grey;
border-color: grey !important;
color: white;
width: 103%;
}

.journey:hover{
background-color: #558255;
color: white;
}
.journeyClicked:hover{
background-color: #558255;
color: white;
}
/*.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not([class*="table_input"]):not(.input-group-btn) {
width: 135px !important;
}*/
.goLeft{ /*added for pagination */
float: left; 
margin-left: 5px;
}
.goRight{ /*added for align right in price values */
direction: rtl;
}
.goRightAd{ /*added for align right in price values */
direction: rtl;
}
/*added by rafeeq */
/*added by DarrenSelva */
#addedWrap li a{
white-space: nowrap !important;
}
.tableTextwap{
width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width:1000px){

#connectivity{

width:40% !important;

}

}

.menu-button {
position: absolute;
top: 50%;
margin-top: -10px;
height: 12px;
width: 12px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
}
.mb-1 .border {
border-color: #54A1E1;
}
.menu-button .border {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
width: 100%;
height: 100%;
border: 2px solid #42b863;
border-top-color: rgb(66, 184, 99);
border-right-color: rgb(66, 184, 99);
border-bottom-color: rgb(66, 184, 99);
border-left-color: rgb(66, 184, 99);
box-sizing: border-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: 0;
border-radius: 50%;
}

.mb-1 .back {
background-color: #54A1E1;
}
.menu-button .back {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
width: 100%;
height: 100%;
background-color: green;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 50%;
}

.mm-item {
font-size: 16px;
text-transform: uppercase;
display: inline-block;
margin: 0 20px;
color: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
font-weight: bold;
position: relative;
}
#model-bgCss{
width: 50px;
border-radius:50%;
height: 50px;
padding: 12px;
color:#fff;
}
.form-control[readonly]{
opacity: 1 !important;
}
a.ex1:hover, a.ex1:active {color: red;}

.media-object.bg-red {
border-radius: 50%;
color: #fff;
font-size: 14px;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
}
.testmedia:hover
{
color:#262626;
text-decoration:none;
background-color:#f5f5f5;
}

.dataTables_scrollBody{
border-bottom: 1px solid #ddd;
padding-bottom: 88px !important;
min-height: 350px;
}
.btn-group{
margin-bottom: 0;
}
/*edited by Mani*/
@media only screen and (max-width: 768px){
	.mobile{
		font-size: 16px;
	}
	.sidebar{
		padding-top:14em;
	}
}
.pointerNone{
	pointer-events: none;
	opacity: 0.5;
}
table.noBorder tr td{
	border: hidden;
}
.content .page-header{
	display: none;
}
.content .breadcrumb{
	display: none;
}
.headerLogo{
/*background: url(https://sedarspine.s3.amazonaws.com/SALE/1508750190.antis_logo.jpg);*/
background: url(../img/mantis_logo.jpg);
width: 104px;
height: 36px;
background-position-x: 108px;
display: inline-block;
position: relative;
margin-left: 10px;
}
.modal-header img{
	display: none !important;
}
.modal-header:before{
	background: url(../img/mantis_logo.jpg);
	width: 104px;
	height: 36px;
	background-position-x: 108px;
	display: inline-block;
	position: relative;
	margin-left: 10px;
	content: "";
}

/*.bootbox-body::before {
    background: url(../img/mantis_logo.jpg);
    background-position-x: 108px;
    width: 104px;
    height: 36px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    content: "";
}*/
.modal-header {
    padding-bottom: 2px !important;
}
/*for proforma*/

#proformaTable td  input{
	height: 24px;
	padding-top: 0;
	padding-bottom: 0;
	border: 0px solid cadetblue;	
}
#proformaTable tr.activeRow input{
	border: 1px solid cadetblue !important;	
}
.errorbackground{
	background-color: lightcoral !important;
}
.successbackground{
	background-color: lightgreen !important;
}
.successBorder{
	border: 1px solid green !important;
}
.dangerBorder{
	border: 1px solid red !important;	
}
.actionbtnClassView li a{
	text-align: left;
}
#newTable td  input{
	padding-top: 0;
	padding-bottom: 0;
	border: 0px solid cadetblue;	
}
#newTable .activeContentClass .activeContent{
	border: 1px solid cadetblue !important;	
}
.greyBg{
	background-color: lightgrey !important;
}
.editedColor td{
	border-left : 2.5px solid orange !important;
	border-right : 2.5px solid orange !important;
	/*background-color: #FFFFFF !important;*/
}
/*tr.editedColor{
	background-color: orange !important;
}*/
td.cadetblue{
	background-color: cadetblue !important;
}
.editedColor td.cadetblue{
	background-color: #FDEBD1 !important;	
}
.pinkColorBg.editedColor td{
	border-left : 3px solid orange !important;
	border-right : 3px solid orange !important;
}
.pinkColorBg td{
	background-color: pink !important;
}
.gallery .gatherImage{
	width: 20% !important;
}
/*For Full Loader*/
.pointerNoneBG{
	pointer-events: none;
	opacity: 0.4;
	background: url(../plugins/lightbox/img/loading.gif) no-repeat 50% 50%;
}


  p.tree,
  ul.tree,
  ul.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  ul.tree ul {
    margin-left: 1.0em;
  }

  ul.tree li {
    margin-left: 0.35em;
    border-left: thin solid #000;
  }

  ul.tree li:last-child {
    border-left: none;
  }

  ul.tree li:before {
    width: 0.9em;
    height: 1.6em;
    margin-right: 0.1em;
    vertical-align: top;
    border-bottom: thin solid #000;
    content: "";
    display: inline-block;
  }

  ul.tree li:last-child:before {
    border-left: thin solid #000;
  }
  ul.tree li.ownparent{
	line-height: 26px;
	border: none;
	margin-left: -6px;
	line-height: 30px;
	height: 30px;
  }
ul.tree li.ownparent:last-child:before {
    border-left: none !important;
  }
  ul.tree li.ownparent:last-child {
	margin-bottom: 8px;
}
  ul.tree .ownparent:before{
	border-bottom: none !important;
	border-top: none !important;
	margin-right: -3px;
	border-right: 1px solid black;
	height: 20px;
  }
#treeStructure{
  	background: #ffe7e7;
	padding: 6px;
	color: #4e4e4e;
}
.link-button {
	background-color: white;
	color: black;
	border: 1px solid #00a99c;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 5px;
	cursor: pointer;
}
.text-warning-spine{
	color: #f36f21 !important;
}
.arabicTextClass{
	text-align:right;
	direction: rtl;
}

.showCursor{
	cursor: pointer;
}

.image-container-new-class {
    position: relative !important;
    width: 85% !important; /* You can adjust this percentage as needed */
    margin: 0 auto; /* Center the container */
    overflow: hidden; /* Ensures content below does not overflow */
  }
  
  .image-container-new-class img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important; /* Set aspect ratio to 1:1 (square) */
  }

  .content-below-new-class {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    /* background-color: rgba(0, 0, 0, 0.5); */
    /* color: white; */
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  /* Custom media query for extra-large devices */
  @media (min-width: 1500px) {
    /* .image-container-new-class {
      width: 50%;
    } */

    /* Custom column widths for extra-large devices */
    .col-xlg-2 {
      width: 16.66666667%;
      float: left;
    }
    
    .col-xlg-3 {
      width: 25%;
      float: left;
    }
    
    .col-xlg-4 {
      width: 33.33333333%;
      float: left;
    }
    
    .col-xlg-6 {
      width: 50%;
      float: left;
    }
  }


  .has-error .form-control {
    border-color: #ff5b57 !important;
  }

  .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
    color: #ff5b57 !important;
  }