body {
  /* padding-top: 8.5em; */
}

@keyframes background-move {
  0% {  background-position: : 0% 100%;  }
  50% { background-position: : 100% 100%;  }
  100% { background-position: : 0% 100%;  }
}

@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.dot3{
  font-weight: 900;
    bottom: 8px;
    right: 5px;
    position: relative;
}

.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #E7E7E7 50%, #fff 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}


.ul-style-none {
list-style-type: none;
margin: 0;
padding: 0;
}
.content {
  background-color:white;/*rgba(255,255,255,.8)*/
  border-radius:.25em;
  box-shadow:0 0 .25em rgba(0,0,0,.25);
  box-sizing:border-box;
  left:50%;
  padding:10vmin;
  width:85%;
  position:fixed;
  /* text-align:center; */
  top:50%;
  transform:translate(-50%, -50%);
  max-height: 80%;
  overflow: scroll;
}



@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

.mobilefooter .container ,.entry-body .container{
    max-width: 100%;
}

.entry-body .container{
  background-color: #fff;
}

.gallery-wrapper {
    overflow: hidden;
}

/* .grid-item {
    padding: 0 7.5px 7.5px 7.5px;
    position: relative;
    opacity: 0;
} */

.sidebar {
    text-align: center;
    padding: 1rem;
    background: red;
    height: 900px;
}

.icon{
  font-size: 23px;
  /* padding-left: 15px; */
}

.img-fluid {
    border-radius: 10px;
    /*opacity:0;*/
    min-height: 150px;
}


.ani-img-float {
  animation-name: moving-img;
  animation-duration: 10s ;
}


@keyframes moving-img {
0%    { object-position: 0% 50%; /* Center the image within the element */  }
100% { object-position: 100% 50%; /* Center the image within the element */  }
}

.mobile {
    padding: 7.5px;
    display:none;
}

.form-inline {
    width: 90%;
    padding: 0;
    margin: auto;
}

input[type=search]{
    width:100% !important ;
}

input[type=search] {
    height: 50px;
}

.grid-sizer {
    padding-bottom: 15px;
}

.caption {
    position: absolute;
    line-height: 1px;
    width: 100%;
    /* font-size: 1.5vh; */
}

.bot-left {
    bottom: 12px;
    left: 8px;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.bot-top-right {
    top: 12px;
    right: 0.8rem;
    /* color: white; */
    /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

/* .text-shadow-red{
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px #FE654F;
} */

/* .icon-white{
    color: #fff;
    font-weight: 600;
} */
.icon-white{
    color: rgba(253, 251, 251,0.8)!important;
    font-weight: 600;
    font-size: 1.3em;
    text-shadow: -3px 0px 3px rgba(255,245,245,0.76);
}
.icon-white.heart:hover{
    color: #FE654F!important;
}


.icon-red{
    color: #FE654F!important;
    font-weight: 600;
    font-size: 1.3em;
    text-shadow: 0px 0px 9px rgba(205,82,63,0.79);
}
.icon-red.heart:hover{
    color: rgba(253, 251, 251,0.8)!important;
}

.icon-blue{
    color: #5194FF!important;
    font-weight: 600;
        font-size: 1.3em;
    text-shadow: 0px 0px 9px rgba(71,129,223,0.79);
}

.save-btn  .icon-inline{
  display:inline-block;
}
a.a2a_i, i.a2a_i  {
  width:auto!important;
  border:none!important;
}


.top-right {
    top: 12px;
    text-align: right;
    right: 12px;
    display:none;
}

.hide {
    display: none;
}



.card {
    border-radius: 10px;
}

.blur {
    background: #000;
    opacity: 0.2;
}

.card .card-body {
    padding: 0px 5px 0px 5px;
}

.border-flame{
  padding: 10px 5px 10px 5px;
  border: none;
}

.text-title {
    margin-bottom: 0rem;
    font-weight: 500;
    width: 140px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-size: 1.5vh;
}

.card-hover {
    /*box-shadow: 1px 1px 1px #888;*/
    cursor: pointer;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.card-hover .save-btn{
    display:block;
}

.border-flame-hover{
  /* background-color: #f0f0f0; */
}

.text-grey {
    color: #888888;
}

.text-lightgrey {
    color: #CCCCCC;
}

.font-9{
  font-size:9px;
}

.text-gold{
  color:#FFD700;
}

/**/

.img-size-45{
  height:45px;
  width:45px;
}

.img-size-30{
  height:30px;
  width:30px;
}


.avatar {
    position: relative;
    float: right;
    top:5px;
}

.avatar-hover{
  box-shadow: 2px 2px 2px #CCC;
  filter: brightness(100%)
}

.block {
    height: 20px;
    width: 100px;
    background-color: black;
}

.box {
    position: absolute;
    width: 350px;
    height: 500px;
    float: right;
    bottom: 0px;
}


.trigger2 {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 10;
    left: 100px;
    top: 100px;
    background-color: blue;
    cursor: pointer;
    margin-left: 350px;
}

.popcircle {
    position: absolute;
    z-index: 9;
    width: 150px;
    height: 150px;
}

    .popcircle ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        height: auto;
        cursor: pointer;
    }

        .popcircle ul li {
            top: 0;
            left: 0;
            height: 4vh;
            width: 4vh;
            position: absolute;
            background: #888;
            border-radius: 50px;
            opacity: 0;
            padding: 7px;
            text-align: center;
            border:solid 1px #CCC;
        }

img {
    border: 0;
}


.fixed-bottom {
  bottom:-500px;
}

.fixed-top {
  z-index : 9 ;
}

.navbar-background{
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  z-index: 9;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}


.animate-dark{
  background-color: rgba(0, 0, 0, 0.7);
}

@-webkit-keyframes dark{
   0%{
     background-color: rgba(0, 0, 0, 0);
   }
   100%{
     background-color: rgba(0, 0, 0, 0.5);
   }
}


/*   for mobile */

@media screen and (max-width: 600px) {
    .mobile {
        display:block;
    }
    .PC{
        display:none;
    }
}

table {
    border-spacing: 0;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
    table-layout: fixed;
    width: 100%;
}

table, table th, table td {
    font-size: 12px;
    border: 1px solid #e4e8ea;
    padding: 5px 10px;
}

.mobilefooter table, .mobilefooter table th, .mobilefooter table td {
    border: 0;
}

.mobilefooter table td {
    text-align: center;
    border: 0;
    font-size: 10px;
    padding-bottom: 18px;
    position:relative;
}

/* .mobilefooter table td.currentPage:before{
  position: absolute;
  top:0px;
  left:0px;
  display: block;
  content: "";
  width:0px;
  height: 0px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:5px solid white;
} */

.mobilefooter img {
    vertical-align: middle;
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
}



.mobilefooter {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: fixed;
    bottom: -25px;
    z-index: 9;
    background: rgba(128, 105, 105, 0.9);
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
}
@media (min-width:768px){

  .mobilefooter {

    left:0.5em;
    bottom:auto;
    top:10em;

  }
.mobilefooter table{
  margin:10px 0 0 0;
}
  .main-container{

    width: 80%;
    margin-left: 13%;
    margin-right:7%;
    position: relative;
  }

  .main-container2{
    margin-left:120px!important;
    width: 90%;
    margin: auto;
    position: relative;
  }
    .mobilefooter .container{
      width:100px;

    }
  .mobilefooter td{
    display: block;
  }
  .content{
    width: 75%!important;
        top: 40%!important;
    transform: translate(-40%, -40%)!important;
  }
}

.mobilefooter div {
  color:#f3df6e;
  font-weight: 900;
}

.mobilefooter i {
  color:#E0C426;
}
a:hover {

    text-decoration: none;
}
@media (max-width:768px){
.mobilefooter table td.currentPage:before {
  position: absolute;
    top: -1.4em;
    margin: 0 auto;
    /* margin-right: -50%; */
    right: 50%;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 1.6em solid transparent;
    /* border-right: 5px solid transparent; */
    border-bottom: 1.4em solid rgba(128, 105, 105, 0.9);
}
.mobilefooter.hideMobileFooter{
  display: none;
}
.mobilefooter table td.currentPage:after {
    position: absolute;
    top: -1.4em;
    margin: 0 auto;
    /* margin-right: -50%; */
    left: 50%;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 1.6em solid transparent;
    /* border-right: 5px solid transparent; */
    border-bottom: 1.4em solid rgba(128, 105, 105, 0.9);
}
}

.title-nav{
    /* background: white; */
    /* height: 55px; */
    /* box-shadow: 0px 1px 5px #888888; */
    box-shadow:0px 8px 9px -6px #888888;
    /* opacity: 0.9; */
}

a{
  color:#E3A92B;
}

.btn-primary{
  background-color:#E3A92B;
  border-color:#E3A92B;
  border-radius:0px;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #ffc107ad;
      border-radius:0px;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
      border-radius:0px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
      border-radius:0px;
}

.form-control {
  border-radius:0px;
}

#btnLawyerExp.btn.focus, #btnLawyerExp.btn:focus {
    outline: 0;
    box-shadow: none;
}

.mobilefooter .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.mobilefooter a {
    color: inherit !important;
}

.mobilefooter table td img {
    margin: auto;
    height: 25px;
    width: 25px;
}

.search-panel{
    /* height: 500px; */
    width: 100%;
    position: fixed;
    top: 8.5em;
    background: white;
    z-index: 10;
    display: none;
    box-shadow: 0px 1px 5px #888888;
}

.search-panel-content{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom:0;
  border-radius: 0;
  z-index: 10;
  display: none;
  max-height: 100%;
  overflow-y: scroll;
}

.placeholder {
  margin: 0 auto;
 width: 100%;
 min-height: 100px;
 background-color: #eee;
 border-radius: 10px;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    border-radius: 10px;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 100px;
    position: relative;
}

footer{
  height: 66px;
}


.form-control-search {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: none;
}

.form-control-search:focus  {
  border: none;
  outline:none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ddl {
    font-size :1rem;
    font-weight: 300;
    overflow-x: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid rgb(233, 235, 237);
    padding: 4px 0px;
}

.side-icon {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ddl i {
   float:right;
}

.ddl.multi div{

   line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    overflow-x: hidden;
    font-size: 1rem;
    white-space: nowrap;
    max-width:90% ;
}

/* .md-modal{
    z-index: 1053;
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0;
    display: none;
} */

.ddl-modal {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	visibility: hidden;
	backface-visibility: hidden;
	/* transform: translateX(-50%) translateY(-50%); */
  bottom:0;
  max-height: 100%;
}



.ddl-show {
	visibility: visible;
}

.ddl-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	/* background: rgba(143,27,15,0.8); */
	transition: all 0.3s;
}

.ddl-show ~ .ddl-overlay {
	opacity: 1;
	visibility: visible;
}

.ddl-perspective,
.ddl-perspective body {
	height: 100%;
	overflow: hidden;
}

.ddl-perspective body  {
	background: #222;
	perspective: 600px;
}

.ddl-container {
	/* background: #e74c3c; */
  height: 0;
}

.ddl-content {
    color:lightgrey;
    background: white;
    position: relative;

}


.ddl-modal .ddl-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
}

.ddl-show.ddl-modal .ddl-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ddl-show.ddl-modal ~ .ddl-overlay {
   background: #fff;
}

.ddl-show.ddl-modal ~ .ddl-container{
min-height: 100%;
}

.ddlOpts{
    display: none;
    height: 100%;
    width: 100%;
}
.ddlOpts.show{display:block}
.ddlOpts ul{
    list-style: none;
    padding-left: 0px;
      -webkit-box-flex: 1;
 flex-grow: 1;
 max-height: calc(100vh - 160px);
 overflow-y: scroll;
 /* padding-bottom: 46px; */
}

.mobile-btn-footer{position: fixed;
  width: 100%;
  /* height: 2rem; */
  bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 1060;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -0.1em 0.5em 0px;
  /* padding: 12px 8px; */
  background: rgb(255, 255, 255);
}

.ddlOpts  ul>li>button{
    padding-left:50px;
    font-size:1.2rem;
    width: 100%;
    text-align: left;
    height: 3.3rem;
}

.ddlOpts  ul>li>button.selected{
  background-color: rgb(233, 235, 237);
}

.ddlOpts-title{
  line-height: 2.5;
  min-height: 3.5rem;
  /* height: 3.5em; */
  /* display: inline-block; */
  vertical-align: middle;
  font-size:1.15rem;
  /* width:100%; */
  box-shadow: 0 1px 1px rgba(0,0,0,.075) ;
  /* border-bottom: 1px solid #d9d9d9; */
}

.ddlOpts-title>a{
  padding-left: 24px;
    /* display: inline-block;
    min-height: 3.5rem; */
}

.ddlOpts-title .side-icon{
  display: block;
  text-align: right;
  top: 20px;
  position: relative;
}

.ddlOpts-title .lbl{
    font-size: 1rem;
  padding-left: 8px;
}



.ddlOpts-title input, .ddlOpts-title .ddl-multiSel{
  border:none;
  outline: none;
  padding-left: 8px;

}

.ddlOpts-title>span{
  vertical-align: middle;
}


.search-panel-content.form-control{
  border: none;
 border-bottom: 1px solid rgb(233, 235, 237);
 outline: none;
 border-radius:0;
}
.search-nav .form-control{
  border-bottom:none;
}

.search-nav .input-group-text {
  background-color: inherit;
  border: none;
}

.search-nav .dropdown-menu {
  padding:0;
}

.search-nav a.dropdown-item {
  /* line-height: 2.5em; */
  padding-top:1em;
    padding-bottom:1em;
  border-bottom: 1px solid rgba(0,0,0,.15);
}

.search-nav a.dropdown-item:last-of-type{
  border-bottom: none;
}

/* select.form-control  {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   /* background-image: url(...);   /* add custom arrow */
   position: relative;
   display: block;
}
select.form-control:after{
   /* font-family: FontAwesome; */
  /* this is your text. You can also use UTF-8 character codes as I do here */
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f0dd";
   position:absolute;
   /* top:0; */
   right:5px;
   display: inline-block;
   font-style: normal;
   vertical-align: baseline;
   text-align: center;
   text-transform: none;
   line-height: 1;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
select.form-control::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select.form-control {
        background-image:none\9;
        padding: 5px\9;
    }
} */

/*custom radio button group*/
.stv-radio-buttons-wrapper {
  clear: both;
  display: inline-block;
}
.stv-radio-button, .blk-radio-button {
  position: absolute;
  left: -9999em;
  top: -9999em;
}
.stv-radio-button + label , .blk-radio-button + label{
  float: left;
  padding: 0.5em 1.2em;
  cursor: pointer;
  border: 1px solid #e2e5e9;
  margin-right: -1px;
  /* color: #b3a8a8; */
  background-color: #E7E7E7;
  opacity: 0.9;
}
.stv-radio-button + label {

}
.blk-radio-button + label{
  padding:0.5em 0px;
  width:100%;
  margin:0px;
  border:none;
}

.stv-radio-button + label:first-of-type {
  border-radius: 1.2em 0 0 1.2em;
}
.stv-radio-button + label:last-of-type {
  border-radius: 0 1.2em 1.2em 0;
}
.stv-radio-button.checked + label , .blk-radio-button.checked  + label{
  background-color: #D0D0D0;
}

.blk-radio-grp .col-auto{
  flex-grow: 1;
}
.blk-radio-button  + label{
    border-bottom:5px solid white;
}
.blk-radio-button.checked  + label{
  border-bottom-color: #007bff;
}
.navbar .stretch-side-margin{
  margin-right: -1rem;
  margin-left: -1rem;
}

/*custom style multi select*/
.autocomplete-list {
  border:none;
  border-radius: 0;

}
.autocomplete-list ul{
max-height: 100%;
}
.autocomplete-list ul li.autocomplete-active {
    background-color: inherit;
    color: inherit;
}
.ng-ms.form-item-container {
     background-color: none;
    /* background-image: none; */
    border: none;
    border-radius: 0;
    color:inherit;
    padding: 0;
    position:  inherit;

}
.ng-ms.form-item-container .list-inline{
  margin-left: -100px;
padding-left: 120px;
  font-size: 0.9rem;
      box-shadow: 0 1px 1px rgba(0,0,0,.075);
      border-bottom: 1px solid #d9d9d9;
}

.ddlOpts-title.mul-sel{
  box-shadow: none;
   border-bottom: none;
}

.ng-ms.form-item-container .list-inline li {
      margin:0;
    padding-left:0;
    /* padding-right: 0; */
    display: inline-block;
}

.ng-ms.form-item-container .list-inline li.ng-scope{
  border-radius:15px;
  margin:0px 4px 4px 0px;
  font-size: 14px;
  background-color: rgb(232, 240, 252);
    color: rgb(0, 132, 255);
    padding-left: 4px;
  padding-right: 4px;
}

..ng-ms.form-item-container .remove{
  font-size: 12px;
}

.ng-ms.form-item-container .list-inline input {
    border: none;
   border-radius: 0;
}

  .ng-ms.form-item-container, .ng-ms.form-item-container .list-inline input {
        line-height: 2.5;
          min-height: 3.5rem;
    box-shadow: none;
}


ul.dynamic-grid>li{
     list-style: none;
}
.grid-item {
   border: 1px solid #cccccc;

   background: #ffffff;
   box-sizing: border-box;
   -moz-box-sizing : border-box;
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
        overflow: hidden;

}
.grid-img-wrap{position:relative;}
.grid-desc-wrap{
    padding:12px;
    word-break: break-word;
    white-space: normal;
}
.grid-img {
   width: 100%;
   vertical-align: middle;
   -webkit-transition: opacity 0.6s ease-out;
   transition: opacity 0.6s ease-out;
   background-color: #fff;
   opacity: 0;
   visibility: hidden;
}

.grid-img.img-loaded{
   visibility: visible;
   opacity: 1;
}

.top-container{
    background-color: white;
    opacity: 0.9;
}

.content-container{
  padding-top: 1em;
}
.fixed-top ~ .search-panel.dropdown-menu {
  top: 4em;
}
.fixed-top ~ .content-container {
  padding-top: 6em;
}


.input-line-grp .input-group-text{
  border-top:none;
  border-left:none;
  border-right:none;
  background-color:inherit;
  border-radius: 0;
  padding-left: 3px;
  font-size:13px;
  width: 100%;
}


.input-line-grp input{
  border-top:none;
  border-left:none;
  border-right:none;
  border-radius: 0!important;
}

 /* .input-line-grp .form-control.is-invalid, .was-validated .input-line-grp .form-control:invalid
,.was-validated .input-line-grp .form-control.ng-invalid{
border-radius: 0!important;
} */

/* box-shadow: 0 0 3px #ddd; */

.input-line-grp .input-group-prepend{
      flex: 0 0 4.5em; /* .flex-fixed-width to folow this width*/
}

.flex-fixed-width-4{
  width: 6em;
  display: inline-block;
}

.flex-fixed-width-4 + div{
      display: inline-block;
}

 .was-validated .form-control.ng-invalid{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc354…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

 .was-validated .form-control.ng-invalid~.invalid-feedback, .was-validated .form-control.ng-invalid~.invalid-tooltip {
    display: block;
}

.register-form .form-group label{
  padding-left: 3px;
}

.input-grp-btn{
    padding-left: 3px;
    color: #495057;
    padding-top:5px;
    padding-bottom:5px;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;

}

.input-grp-btn .btn{
  text-align:inherit;
  padding-left:0px;
      border: 0px;
        font-size:13px;
}
.input-grp-btn .btn i, .menu i{
  transform: rotate(0);
    transition: transform .5s ease;
  }

.input-grp-btn .btn i.active, .menu i.active{
  transform: rotate(90deg);
}




/*entry */
.p-icons-wrap > div{
  color:#cccccc;
  border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
}

.entry-header,.entry-content {
  padding-top:1em;
  padding-bottom:1em;
}

.entry-body .container{
  padding-left: 15px;
  padding-right:15px;
  padding-bottom:6em;
}




/*custom button color*/

.btn-submit {
  background-color: #E3A92B;
}

.btn-submit:hover{
  background-color:#babbbc;
}

.btn-submit:active{
  background-color:#cacbcd;
}



.btn-cancel {
  background-color:  #39B54A;
}

.btn-cancel:hover{
  background-color:  #39B54A;
}


.menu .menu-btn{
  display: block;
  width:100%;
  height:100%;
  padding:12px;
}

.menu .expandable .col-auto{
    flex-grow: 1;
}

.menu .expandable .col-auto a{
  display:block;
  width:100%;
  height:100%;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  padding-top: 0.6em;
padding-bottom: 0.6em;
color:#fff;
background-color: #ffc107;
background-image: -webkit-linear-gradient(135deg,#ffc107,#f0c107);
background-image: -moz-linear-gradient(135deg,#ffc107,#f0c107);
background-image: -o-linear-gradient(135deg,#ffc107,#f0c107);
background-image: linear-gradient(135deg,#ffc107,#f0c107);
}

.menu .expandable .col-auto:last-of-type a{
    border-right:none;
}


.menu .expandable {
  background: inherit;
  overflow: hidden;

  transition: all .5s ease-in-out;
  /* line-height: 0; */
  height:0;
  /* padding: 0 1em; */
  color: transparent;
}


.menu .expandable.active {
  /* line-height:2.5; */
  height:3em;
  color: inherit;
}

#icon-count{
  display: table-cell;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 50%;
      border: 1px solid #FE654F;
      color: white;
      background-color: #FE654F;
      font-size: 1em;
      font-weight: 700;
      text-align: center;
      padding: 3px;
      min-width: 2em;
      min-height: 2em;
      vertical-align: middle;
}
#icon-sharethis{
  position: relative;
  display: block;
}

.share-container,.share-container2 {
    /* width: 2em; */
    /* height: auto; */
    position: relative;
    right:-85%;
      right:  calc(-100% + 1.5rem);
    /* z-index: 9999; */
    /* overflow: visible; */
    top: 1em;
    text-align: right;
    background-color: transparent;
}

.a2a_i > span{
  border-radius: 50%!important;
  margin-bottom: 0.5em !important;
  overflow:hidden !important;
}


/*about us page */
#about-bg-img{
  z-index: 24;
  height: 300px;
  opacity: 1;
  background: transparent url(../images/about/about.jpg) no-repeat center center;
  background-size: cover;
}


.crd-img{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width:100%;
  max-height: 100%;
  min-height: 150px;
}

#abt-card-img-1{
  background-image: url(/images/about/our_01.jpg);

}


#abt-card-img-2{
  background-image: url(/images/about/our_02.jpg);

}


#abt-card-img-3{
  background-image: url(/images/about/our_03.jpg);

}


.rgba-bg{
  background-color: rgba(227,169,43,0.3);
  /* min-height: 149px; */
  padding-top: 1em;
  padding-bottom: 1em;
}

.rgba-bg>h1{
  /* margin-top:-1.9em; */
}
.crd-box{
  word-wrap: break-word;
 background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    overflow: hidden;

}
.adv .crd-box img{
  padding:2em 2em;
  max-width:50%;
  height:auto;
}
.crd-body{
  padding: 1.25rem;
}


.form-title{
  border:1px solid #CCCCCC;

}
.form-title:hover{
    background-color:#CCCCCC;
}

#lawyerRegisterForm{
    border:1px solid #CCCCCC;
    border-top:none;

}

#lawyerRegisterForm .form-group{
  width:95%;
  margin-left: auto;
  margin-right :auto;
}

.lst-item {
    border: 1px solid lightgrey;
    background-color: #fff;
    margin-bottom: 10px;
    border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top-left-radius: 5px;
        border-top-right-radius:5px;
overflow: hidden;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: grey;
    border-color: lightgrey;
}