
/* autocomplete */
.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
     width: 100%;
	padding:0px 10px;
    height: 35px;
    margin: 0px;
    border: 0;
    border: 1px solid #c2ccd8;
    border-top: 1px solid #c2ccd8;
    padding-left:7px 15px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
    height:100px;
    overflow-y:auto;
}

@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}
/*# sourceMappingURL=awesomplete.css.map */



/* Modal base styles */
.modal1-is-active {
  overflow: hidden;
}
.modal1 {
    display: none;
}
.modal1--active {
  visibility: visible;
}
.modal1__window {
   -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  height: auto;
  left: 50%;
  top: 50%;
  bottom: 50%;
  /*margin-top: -275px;
  margin-left: -400px;*/
  max-height: 100%;
  max-width: 800px;
  min-height: 550px;
  /*opacity: 0;*/
  overflow-y: auto;
  position: fixed;  
  width: 100%;
  z-index: 1045;
  font-size:0.9em;
  font-family:sans-serif;
  box-shadow:#000 0 0 7px 0;
  width:100%;
   -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.modal1__window-lr {width:900px;}
.modal1--active .modal1__window {
  opacity: 1;
}
.modal1__header {
  background: #5a6db9;
  color: #fff;
  padding: 0.7rem;
}
.modal1__title {
  font-size: 1rem;
  margin:0px;
  padding:0px;
  font-weight:normal;
  color: #fff !important;
}
.modal1__close-btn {
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 6px;
  border:0px;
  color:#fff;
  font-size:15px;
  font-weight:normal;
  border: none;
  outline:none;
}
.modal1__close-icon {
  fill: #fff;
  height: 20px;
  width: 20px;
}

.modal1__content {
  padding: 1rem;
}
.modal1__overlay {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
  visibility: hidden;
  z-index: 1000;
}
.modal1--active .modal__overlay {
  opacity: .75;
  visibility: visible;
}

/* Modal transitions */
.modal1--scale-up .modal__window {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.75);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.75);
  -ms-transform: translateX(-50%) translateY(-50%) scale(.75);
  -o-transform: translateX(-50%) translateY(-50%) scale(.75);
  transform: translateX(-50%) translateY(-50%) scale(.75);
}
.modal1--scale-up.modal--active .modal__window {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.sml{width:500px; min-width:500px; min-height:320px; /*margin-left:-325px;*/}
.sml-email{width:500px; min-width:500px; min-height:350px;}
.lrg{width:1000px; min-width:1000px; margin-left:-500px;}
.ex-lrg{width:1200px; min-width:1200px; min-height:570px; /*margin-left:-600px;*/}

.acp-p{min-height:490px;}
.upload-p{min-height:500px;}
.sc-p{min-height:520px;}
.au-p{min-height:410px;}
.au-p1{min-height:450px;}
.adf-p{min-height:500px;}
.asc-p{min-height:500px;}
.n-asc-p{min-height:380px;}
.add-attorney-p{min-height:320px;}


@media (max-width: 1024px) {
.ex-lrg{/*margin: -31% -47.6% !important;*/ min-width: 95%;}
}

@media (max-width: 980px) {
.ex-lrg{/*margin: -58% -47.6% !important;*/ min-width: 95%;}
.lrg{margin: 2% 0 !important; min-width: 95%;}
.sml{margin: 2% 0 !important; min-width: 95%; min-height:310px !important;}
}

@media (max-width: 800px) {
.modal1__window, .lrg {
margin: 0% 0 !important;
width: 95%;
/*margin-left: -385px !important;
margin-top: -510px !important;*/
min-height: 520px;
}
}

@media (max-width: 768px) {
.modal1__window, .lrg {
margin: 0% 0 !important;
width: 90%;
/*margin-left: -345px !important;
margin-top: -200px !important;*/
min-height: 68%;
}
.ex-lrg{/*margin: -58% -47.6% !important;*/ min-width: 95%;}
}

@media (max-width: 640px) {
.modal1__window, .lrg {
margin: 0% 0 !important;
width: 90%;
/*margin-left: -289px !important;
margin-top: -120px !important;*/
height: 80% !important;
}
.ex-lrg{/*margin: -19% -47.6% !important;*/ min-width: 95%;}
}
@media (max-width: 480px) {
.modal1__window, .lrg {
margin: 0% 0 !important;
width: 90%;
/*margin-left: -223px !important;
margin-top: -100px !important;*/
height: 80% !important;
}
.modal1--scale-up.modal--active .modal__window {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.ex-lrg{/*margin: -23% -223px !important;*/ min-width: 92%;}
}

/*--- Media@ 425 ---*/
@media (max-width: 425px) {
/*.modal1__window, .lrg{margin-left: -190px !important;margin-top: -200px !important;}
.modal1__window, .sml{margin-left: -190px !important;margin-top: -200px !important; min-width: 76% !important;}*/
}

/*--- Media@ 375 ---*/
@media (max-width: 375px) {
.modal1__window, .lrg{/*margin-left: -170px !important;margin-top: -200px !important;*/}
.modal1__window, .sml{/*margin-left: -170px !important;margin-top: -200px !important;*/ min-width: 76% !important;}
}

@media (max-width: 360px) {
.modal1__window, .lrg {
    margin: 0% 0 !important;
    width: 90%;
    /*margin-left: -165px !important;
    margin-top: -259px !important;*/
    height: 80% !important;
}
}

@media (max-width: 320px) {
.modal1__window, .lrg {
    margin: 0% 0% !important;
    width: 87%;
    /*margin-left: -151px !important;
    margin-top: -200px !important;*/
    height: 80% !important;
}
}

