/* For Mobile Screen */
@media (max-width: 768px) {
  .user-details .pic{
      display: block;
  }
}

/* For tablet and medium screen */
@media (max-width: 1023px) {}

/* Normal screen */
@media (min-width: 1024px) {}

/* Large screen */
@media (max-width: 1366px) {
  .showStatus{
    display: none;
  }
  
}
.showStatus{
  margin-top: 4px;
}
/* Tablet */
@media (min-width: 992px) and (max-width: 1024px) {}

/* All laptop */
@media (min-width: 1025px) and (max-width: 1366px) {}

/* All large screen */
@media (min-width: 1367px) {
  .hideStatus{
    display: none;
  }
}

/* .hideStatus{
  display: block;
} */
.showStatus{
  color:#BEC8D8
}
.redBar {
  background-color: red !important;
  color: white !important;
}

.greenBar {
  background-color: green !important;
  color: white !important;
}

.blueBar {
	background-color: blue !important;
	color: white !important;
  }
  
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.sort-dropdown{
  padding: 3px 10px !important;
}
.mat-paginator {
  background: transparent !important;
}
.listDel{padding-left: 10px !important;
color: #2a4fa0 !important;
text-decoration: underline !important;
}
.delCheckbox{
zoom:1.3;
margin:0px !important;
}
.columnCheckbox{
zoom:0.9;
margin:5px 0px 0px 0px !important;
}
.padt2{
padding-top: 2px;;
}



.columnSet {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}

.columnSet .columnlist{
display: inline-block;
padding: 5px 10px;
}

.columnul{
height: 170px;
overflow-y: auto;
}

.columnul li{
font-size: 12px;
}

.star:after {
color: #e32;
content: ' *';
display:inline;
}

/* Popup */
.modal-backdrop.fade
 {
   opacity: 0.5 !important;
 }
.modal-open .modal
{
  opacity: 1 !important;
}
.modal-dialog{
  top:25%;
}
.wrapWord{
  word-break: break-all;
}

.date-width{
 width: 100% !important;
}

/* Logical */
.logicalMain{
  width: 100%;
  padding: 15px;
  height: 100%;
  overflow-y: auto;
}
.tableBorderHide{
  border-left: hidden !important;
  border-right: hidden !important;
}

.searchlogical{
  padding-bottom: 20px;
}

.logicalTable{
  margin-top: 20px;
  min-height: 100%;
}

.logicalrowdrop{
  border-radius: 50%;
  background-color: #2A4FA0;
  color: #fff;
}


.logicalsearch-container {
display: -ms-flexbox; /* IE10 */
display: flex ;
width: 100%;
max-width: 400px;
}

.logicalicon {
padding: 10px;
background: #fff ;
color: #989696 ;
min-width: 50px ;
text-align: center ;
border-radius: 20px 0 0 20px;
}

.logicalsearch-field {
width: 100%;
/* padding: 10px; */
outline: none;
border: transparent;
border-radius: 0 20px 20px 0;
}


.log_search{
  width: 100%;
  background-color: var(--lightBackground);
  padding: 12px 15px;
}


.more_icon{
background-color: transparent;
text-align: center;
padding: 10px;
margin:20px;
border-radius: 20px; 
transition: transform .5s; 
}
.more_label{
font-size: 15px;
color: rgba(0,0,0,0.7);
font-weight: 500;
padding-top: 5px;
}

.more_img{
height: 50px;
width: 50px;
filter: invert(1);
opacity: 0.5;
}

.more_icon:hover{
transform: scale(1.2);
transition: transform .5s; 
}
.more_icon:hover .more_img {
	opacity: 1;
}

.p10{
  padding:10px
}

.social-btn { display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 27px; height: 27px; border: 1.5px solid #2A4FA0; color: #2A4FA0; text-align: center; padding: 2px 0px 0px 0px; }

/* Toggle Button */

/*toggle button*/
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	/* margin:0; */
  margin: 3px 20px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
  box-sizing:content-box;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
  box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
  box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #ec2614;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Switch Left Right
==========================*/
.switch-left-right .switch-label {
	overflow: hidden;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
	width: 20px;
	height: 20px;
	top: 4px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 11px 0 0 0;
	text-indent: -12px;
	border-radius: 20px;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-left-right .switch-label:before {
	background: #eceeef;
	text-align: left;
	padding-left: 80px;
}
.switch-left-right .switch-label:after {
	text-align: left;
	text-indent: 9px;
	background: #FF7F50;
	left: -100px;
	opacity: 1;
	width: 100%;
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
	opacity: 1;
	left: 100px;
}
.switch-left-right .switch-input:checked ~ .switch-label:after {
	left: 0;
}
.switch-left-right .switch-input:checked ~ .switch-label {
	background: inherit;
}
/* Switch Flat
==========================*/
.switch-flat {
	padding: 0;
	/* margin-left: 81%;margin-top: -25px; */

	background: #FFF;
	background-image: none;
}
.switch-flat .switch-label {
	background: #FFF;
	border: solid 2px #E2E5E2;
	box-shadow: none;
}
.switch-flat .switch-label:after {
	color: #5BB85B;
}
.switch-flat .switch-handle {
	top: 4px;
	left: 6px;
	background: #E2E5E2;
	width: 22px;
	height: 22px;
	box-shadow: none;
}
.switch-flat .switch-handle:before {
	background: #eceeef;
}
.switch-flat .switch-input:checked ~ .switch-label {
	background: #FFF;
	border-color: #5BB85B;
}
.switch-flat .switch-input:checked ~ .switch-handle {
	left: 72px;
	background: #5BB85B;
	box-shadow: none;
}

/* Detail */
.address-bar{
	display: inline-block;
    width: 65%;
}
img.map_head_img {
    height: 20px;
    width: 20px;
}

/* List */
.headWrap{
	width:60%; word-wrap: break-word;
}
/* Cursor finger pointer */
.finger{
	cursor: pointer;
}

.mt14{
	margin-top: 14px;
}

.pad0{
	padding: 0px;
}