.form-group {
	margin-bottom: 5px !important;
}

.modal-footer {
    justify-content: center !important;
}

.clear-label label {
    margin-bottom:0rem !important;
}
	
/*NOTE:CHAT custom style for mobile
* 2018-09-07
*/

.loading_spiner
{
    /*style not used tag a     for used location.href instead */  
}

.lHref-head-button
{
    /*style not used tag a     for used location.href instead */    
}


.lHref-button
{
    /*style not used tag a     for used location.href instead */    
}

.user-profile img {
    width: 35px !important;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A6A6A6 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A6A6A6 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A6A6A6 !important;
}

    
.cm-text-wrap
{
     display: flex;
      flex-direction: column;
    /* white-space: pre-wrap;*/
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    -ms-word-break: break-word;
}

.cm-dropdown-menu-top{
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    padding-left:20px;
}




.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }



/************************************************/
/* 64-07-29 change bootstrap version*/
/************************************************/

	.modal-content {
	    background: transparent !important;
        justify-content: center!important;
	    flex-direction: row !important;
	    border:none !important;
	}
	
	@media (min-width: 768px) {
      .container {
        max-width: 100% !important;
      }
    }
    @media (min-width: 992px) {
      .container {
        max-width: 100% !important;
      }
    }
    @media (min-width: 1200px) {
      .container {
        max-width: 100% !important;
      }
    }


	.top_nav ul.nav.navbar-right {
		width:auto !important;
	}
	
	.navbar {
		padding:.5rem .6rem !important;
	
	}
	
	.navbar > .site_title {
		padding:0px !important;
	}
	ul.nav.side-menu > li {
		width:100% !important;
	}

    .nav.toggle {
		padding-top:0px !important;
	}
	
	
	.loadme-circlePoint {
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -30px 0 0 -30px;
        width: 60px;
        height: 50px;
        z-index: 100;
    }
    
	.loadme-mask {
        background-color: #000;
        width: 100px;
        height: 100px;
        position: fixed;
        z-index: 99;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        border-radius: 10px;
        opacity: 0.5;
    }
    
    .form-control
    {
        font-size:0.8rem;
    }
	
	.top_nav .dropdown-menu li {
		padding-top: 6px;
		padding-right: 12px;
		padding-bottom: 6px;
		padding-left: 6px;
	}
	
	.top_nav .dropdown-menu li a {
		width: 100%;
		padding: 12px 10px;
	}
	
	.img-circle {
		border-radius: 50%;
	}
	
	.btn {
		padding: 6px 12px;
		font-size: 14px;
	}
	.x_panel {
		padding: 10px 5px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	
	.ui-pnotify-title{
		font-size: 18px;
	}
	
	h4,.h4 {
	  font-size: 18px;
	}
	h5,.h5 {
	  font-size: 14px;
	}
	h6,.h6 {
	  font-size: 12px;
	}
		
	
	.visible-xs,
	.visible-sm,
	.visible-md,
	.visible-lg {
	  display: none !important;
	}
	.visible-xs-block,
	.visible-xs-inline,
	.visible-xs-inline-block,
	.visible-sm-block,
	.visible-sm-inline,
	.visible-sm-inline-block,
	.visible-md-block,
	.visible-md-inline,
	.visible-md-inline-block,
	.visible-lg-block,
	.visible-lg-inline,
	.visible-lg-inline-block {
	  display: none !important;
	}
	@media (max-width: 767px) {
	  .visible-xs {
		display: block !important;
	  }
	  table.visible-xs {
		display: table !important;
	  }
	  tr.visible-xs {
		display: table-row !important;
	  }
	  th.visible-xs,
	  td.visible-xs {
		display: table-cell !important;
	  }
	}
	@media (max-width: 767px) {
	  .visible-xs-block {
		display: block !important;
	  }
	}
	@media (max-width: 767px) {
	  .visible-xs-inline {
		display: inline !important;
	  }
	}
	@media (max-width: 767px) {
	  .visible-xs-inline-block {
		display: inline-block !important;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .visible-sm {
		display: block !important;
	  }
	  table.visible-sm {
		display: table !important;
	  }
	  tr.visible-sm {
		display: table-row !important;
	  }
	  th.visible-sm,
	  td.visible-sm {
		display: table-cell !important;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .visible-sm-block {
		display: block !important;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .visible-sm-inline {
		display: inline !important;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .visible-sm-inline-block {
		display: inline-block !important;
	  }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .visible-md {
		display: block !important;
	  }
	  table.visible-md {
		display: table !important;
	  }
	  tr.visible-md {
		display: table-row !important;
	  }
	  th.visible-md,
	  td.visible-md {
		display: table-cell !important;
	  }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .visible-md-block {
		display: block !important;
	  }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .visible-md-inline {
		display: inline !important;
	  }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .visible-md-inline-block {
		display: inline-block !important;
	  }
	}
	@media (min-width: 1200px) {
	  .visible-lg {
		display: block !important;
	  }
	  table.visible-lg {
		display: table !important;
	  }
	  tr.visible-lg {
		display: table-row !important;
	  }
	  th.visible-lg,
	  td.visible-lg {
		display: table-cell !important;
	  }
	}
	@media (min-width: 1200px) {
	  .visible-lg-block {
		display: block !important;
	  }
	}
	@media (min-width: 1200px) {
	  .visible-lg-inline {
		display: inline !important;
	  }
	}
	@media (min-width: 1200px) {
	  .visible-lg-inline-block {
		display: inline-block !important;
	  }
	}
	@media (max-width: 767px) {
	  .hidden-xs {
		display: none !important;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .hidden-sm {
		display: none !important;
	  }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .hidden-md {
		display: none !important;
	  }
	}
	@media (min-width: 1200px) {
	  .hidden-lg {
		display: none !important;
	  }
	}
/************************************************/