ul,ol {
	list-style: none;
	margin: 0
}

body .main a, a{
	outline:0
}

body .main a:focus, a:focus{
	text-decoration:none
}

.printBox{
	float:right; 
	
	margin-right:20px
}

.printBox i{
	color:#18b4f2; 
	margin-right:10px; 
	font-size:20px
}

.Secondary-Nav {
	background: #f4f4f4;
	width: 100%;
	float: left;
	margin: 20px 0
}

.Secondary-Nav ul {
	float: left;
	margin: 0;
	padding: 0
}

.Secondary-Nav li {
	list-style: none;
	float: left;
	padding: 0;
}

.Secondary-Nav li a
{
	text-align: center;
	padding:20px 40px;
	font-size: 15px;
	font-weight: bold;
	color: #6e27c5;
	float:left;
	outline:0;
	cursor:pointer
}

.Secondary-Nav li i {
	font-size: 36px;
	
}

.Secondary-Nav li:hover a,.Secondary-Nav li.active a {
	color: #000;
	background: #fff;
	text-decoration:none
}

.ghost-btn{
  padding:7px 20px;
}

.borderLR {
	border: solid #ccc;
	border-width: 0 1px
}

.italic{
	font-style:italic;
}

.clear {
	clear: both
}

.floatLeft {
	float: left
}

.desktop-floatLeft {
	float: left
}

.desktop-floatRight {
	float: right
}

.floatRight {
	float: right
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mr30 {
	margin-right: 30px
}

.mr10 {
	margin-right: 10px
}

.mt15 {
	margin-top: 15px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.ml10{
	margin-left:10px
}

.w70per{
	width:80%
}

.desktopHeight534{
	height:534px
}

.box {
	float: left;
	width: 100%
}

.icon-puple{
	color:#6e27c5;
	font-size:18px; 
	margin:0 5px 0 30px
}

.spacer10{
	height:10px; 
	clear:both
}

.agent-support-links a {
	padding: 2px 0;
	float: left;
	width: 100%
}

.agent-support-links i {
	font-size: 20px;
	color: #afafaf;
	width: 32px;
	padding-top: 4px;
	float: left
}

.userSelectionLeft{
	float:left; 
	max-width:65%; 
	margin-top:15px
}

.userSelectionLeft h2{
	font-size:20px
}

.alert-search-block{
	float:right;
	min-width:475px;
}

.table.header header a{
	color:#000
}

.table.header header div{
	padding-bottom:10px
}

.alert-search-block-inputs{
	float:left;
	min-width:390px
}

.alert-search-block label {
	padding: 12px 5px 0 0
}

.userSelectionbottom{
	float:left;
	width:80%;
	
}

.alertAsOfDate h4{
	font-size:20px;
	margin-right:20px;
	float:left
}

.alertAsOfDate a{
	margin-top:6px;
	float:left
}

.alert-search-block input[type="text"],.alert-search-block select {
	margin: 6px 10px 0 0;
}

.select-purple,.input-text-purple {
	border: 1px solid #6e27c5;
	box-sizing: border-box
}

.select-purple {
	padding: 4px 1%;
}

.input-text-purple {
	padding: 5px 1%;
}

.my-alert-admin-page .rightHS {
	padding-left: 40px
}

.my-alert-admin-page .table{
	padding:16px 0 5px 0
}

.my-alert-admin-page .stripped table:nth-child(2n){
	background:#ecf4fb;
}

.bdbt{
	border-bottom:1px solid #000!important
}

.desktop-pos-rel {
	position: relative
}

.desktop-pos-abs {
	position: absolute
}

.linkPCode {
	margin-top: 50px
}

.linkPCode i {
	color: #afafaf;
	font-size: 20px;
	margin-top: 2px;
	padding-left: 7px;
	font-weight: bold
}

.linkPCode i,.linkPCode a {
	float: left
}

.top25 {
	top: 25px
}

.alertNotityLabels i {
	width: 24px;
	font-size: 20px;
}

.alertNotityLabels .fa-check,.customTableGrid .fa-check {
	color: #33cc33
}

.table .fa-unsorted{color:#6e27c5; margin-left:5px}

/* .stripped .row:nth-child(2n-1){background:#ecf4fb} */

.alertNotityLabels .fa-remove,.customTableGrid .fa-remove {
	color: #ff3300
}

.settingTabs {
	background: #fafafa;
	margin: 20px 0
}

.settingTabs ul {
	margin-left: 100px
}

.settingTabs li {
	float: left;
	color: #6e27c5;
	padding: 0;
	cursor: pointer;
	border-bottom: 3px solid #fafafa
}

.settingTabs li:hover {
	border-bottom: 3px solid #6e27c5;
	background: #fff
}

.settingTabs li.active {
	background: #6e27c5;
	color: #fff;
	border-bottom: 3px solid #6e27c5
}

.main .settingTabs a{
	color:#6e27c5;
	outline:0;
	padding:10px 20px;
	float:left
}

.main .settingTabs li a:hover{
	text-decoration:none
}

.settingTabs li.active a{
	color:#fff;
	text-decoration:none
}
.customTableGridHead {
	border-bottom: 1px solid
}

.customTableGridHead ul {
	display: flex;
	
}

.customTableGridHead ul li {
	-ms-word-wrap: break-all;
	word-wrap: break-all;
	word-wrap: break-word;
	box-sizing: border-box;
	display: inline-block;
	align-self: flex-end;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	padding:2px
	
}

.customTableGridHead h3, .customTableGrid h3{
	padding:20px 0 20px 10px;
	width:10%;
	float:left;
	margin:0;
	font-weight:normal;
	box-sizing:border-box
}

.customTableGridHead ul,.customTableGrid ul {
	padding: 20px 0;
	width: 90%;
	float: left;
	margin: 0
}

.customTableGrid .box:nth-child(2n-1) {
	background: #ecf4fb
}

.customTableGridHead li,.customTableGrid li {
	
	float: left;
	text-align: center;
}

.customTableGrid li span {
	display: none;
}

.policyTabGrid li{
	width: 6.66%;
}

.billingTabGrid li{
	width: 12.5%;
}

.claimTabGrid li{
	width: 13%;
}

.inspectionTabGrid li{
	width: 13%;
}

.billingTabGrid li:first-child{
	width: 12%;
}

.otherTabGrid li{
	width: 13%;
}

.otherTabGrid li:first-child{
	width: 12%;
}

.UserHead {
	background: #fafafa;
	padding: 10px 20px;
	box-sizing: border-box
}

.UserHead h3 {
	margin-bottom: 0
}

.UserHead .linkPCode {
	margin-top: -45px;
	float:left;
	margin-left:10px
}

.setAlertOptions h1,.alertTypeSelect h1 {
	padding: 20px 0 0 20px;
	border-bottom: 1px solid;
	color: #000
}

.alertOptionsChoice input[type="checkbox"] {
	float: left;
	margin: 5px 10px 0 0;
	width:16px
}

.alertOptionsChoice p{
	float:left;
	width:calc(100% - 26px)
}

.alertOptionsChoice input[type="checkbox"].mt9{
	margin-top:9px
}

.alertOptionsChoice input[type="text"] {
	width: 30px;
	border: 1px solid #6e27c5;
	padding: 3px;
}

.setAlertOptions input[type="button"] {
	margin-bottom: 10px;
}

.alertTypeSelectInner ul {
	margin: 0 0 30px 0;
	padding: 0;
	float: left
}

.alertTypeSelectInner ul li {
	border-right: 1px solid #ccc;
	padding: 0 15px;
	float: left
}

.alertTypeSelectInner ul li:last-child {
	border-right: none
}

.alertSelectionBox {
	margin-top: 30px
}

.margin-Column{
	margin-right:8%
}

.alertTypeBox {
	margin-bottom: 30px;
	padding: 15px;
	border-top: 5px solid #6e27c5;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	box-sizing: border-box;
	float: left;
	width: 28%;
}

.alertTypeBox h3 {
	color: #6e27c5;
	padding-bottom: 15px;
	margin: 0
}

.alertTypeBox li {
	padding-bottom: 7px;
	width:100%;
	float:left
}

.alertTypeBox li input[type="checkbox"] {
	margin: 5px 10px 0 0;
	float: left;
	width: 6%
}

.alertTypeBox li label {
	float: left;
	width: 88%
}




.alertTypeSelectInner ul li:last-child {
	border-right: none
}

.alertSelectionBox > ul > li{
	border-top:3px solid #6e27c5;
	padding: 15px;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
	width:25%;
	box-sizing:border-box;
	float:left;
	display:table-cell
}

.alertTable{
	float:left;
	width:100%;
	margin-top:30px
}
.alertTable ul{
	float:left;
	width:100%
}

.alertTable i{
	color:#6e27c5
}

.alertTable .tableHead label{
	font-weight:bold; 
	margin-right:4px
} 
.alertTablebodyRow:nth-child(2n),  .alertTablebodyRow:nth-child(2n){
	background:#ecf4fb
}

.alertTable div{
	float:left;
	box-sizing:border-box; 
	padding:6px 7px 3px;
}

.alertTablePolicy div{
	width:12%; float:left
}

.alertTablePolicy div:first-child{
	width:6%;
	text-align:center
}

.alertTablePolicy div:nth-child(2), .alertTablePolicy div:nth-child(3){
	width:10%;
}

.alertTablePolicy div:nth-child(4){
	width:2%;
}

.alertTablePolicy div:nth-child(5){
	width:14%;
}

.alertTablePolicy div:nth-child(8){
	width:10%
}

.alertTablePolicy div:nth-child(9){
	/*text-align:right;*/
	
}

.alertTablePolicy div:nth-child(10){
	text-align:center;
	
	
}

.alertTablebodyRow label{
	display:none;
}

.alertTablebodyRow span.premium {
    display: block;
    text-align: left;
    padding-right: 30px;
}

.alertTable select{
	max-width:85px;
}

.alertTableClaims div{
	width:9%; 
	float:left
}

.alertTableClaims div:first-child{
	width:6%;
	text-align:center;
}

.alertTableClaims div:nth-child(2){
	width:10%;
}
.alertTableClaims div:nth-child(3){
	width:10%;
}

.alertTableClaims div:nth-child(4){
	width:2%;
}
.alertTableClaims div:nth-child(5){
	width:13%
}

.alertTableClaims div:nth-child(8), .alertTableClaims div:last-child{
	width:11%
}

.alertTableClaims div:nth-child(10){
	text-align:center;
	width:10%
}

.alertTableManual div{
	width:15%
}

.alertTableCatastrophe div{
	width:15%
}


.alertTableManual div:first-child{
	width:10%;
	text-align:center;
}

.alertTableCatastrophe div:first-child{
	width:10%;
	text-align:center;
}

.alertTableCatastrophe .eventNameWidth{
	width: 20%;
}

.alertTableCatastrophe .eventDescriptionWidth{
	width: 35%;
}


.userSettingInfo label{
	font-weight:bold;
	padding-bottom:10px;
	float:left;
	width:90px
}

.userSettingInfo span{
	padding-bottom:11px;
	float:left
}

.UserHead h4{
	margin-bottom:10px
}

.stateSelectionList{
	-webkit-column-width:33%;
	   -moz-column-width:33%;
	        column-width:33%;
	-webkit-column-count:3;
	   -moz-column-count:3;
	        column-count:3;
	
}

.stateSelectionList input[type="checkbox"]{
	margin-right:12px
}

.pickRangeMessage{
	display:none
}

.clickable{
	cursor:pointer;
	color:#18b4f2
}

.clickable:hover{
	text-decoration:underline
}


.reqInfoMessage{ 
	font-size:13px; 
	color:#afafaf
}

.searchField{
	width:50%; 
	margin:5px 10px 0 0; 
	float:left
}

.searchBox{
	margin-bottom:20px
}

.fixedHeader{
	position:fixed;
	top:0;
	background:#fff;
}
.modal.first-time {
    top: 0%;
    overflow-y: hidden;
}
.modal.first-time .modal-body{
	max-height: 500px;	
}
.first-time .modal-dialog {
    width: 70%;
}
.modalSortContainer section.row{
	padding:10px 0
}

.modalSortContainer section.row:nth-child(2n+1){
	background:#ecf4fb;
	
}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 900%;
	background-color: black;
	z-index: 10001;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity = 30);
}

#notice-block {
	font-size: 15px;
	padding: 2% 3%;
	background: #fff;
	border: 8px solid #7d7c7c;
	border-radius: 8px;
	visibility: hidden;
	position: fixed;
	width: 12%;
	z-index: 10006;
}
#notice-block.splashModal{
	width: 80%;
}
#notice-block.splashModal h1,
.alertInfoModal h1{
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
#notice-block.splashModal, 
#notice-block.splashModal p, 
#notice-block.splashModal ul li, 
#notice-block.splashModal h2,
.alertInfoModal,
.alertInfoModal p,
.alertInfoModal ul li,
.alertInfoModal h2{
	font-size: 17px;
}
.alertInfoModal h1,.alertInfoModal h2{
	margin: 10px 0px;	
	text-align:center;
}
#notice-block.splashModal ul,
.alertInfoModal ul {
	padding-left: 50px;	
}
#notice-block.splashModal ul li,
.alertInfoModal ul li{
	list-style: disc;
	padding-left: 10px;	
}
.closeMessageBox{
	text-align:center
}

.smallText{
	font-size:11px;
	vertical-align:super
}

.noItemAfterFilter{
	width:100%!important
}

/* 
.pagingTotalItems{
	float:left;
}

.pagingTotalItems b{
	padding-right: 20px;
	border-right: 1px solid #000
}

.pagingTotalItems + *{
	float:left;
	padding:0 20px
}

.pagingTotalItems + * i{
	padding:11px 20px 0 0;
	float:left
} */

.dropdown-toggle{
	margin-top:2px;
	padding: 4px 15px;
}

.reqInfoError{
	color:#f00
}

.alertTablePolicy div.alertActions, .alertTableClaims div.alertActions, .alertTableCatastrophe div.alertActions,.alertTableManual div.alertActions{
	padding:0; 
	top: 2px;
	position:relative;
	width:85%;
	border:1px solid #6e27c5;
	background:#fff
	
}

#hideUpdatePolicy .simulateCheck{
	display:none!important
}

body .main .alertActions a{
	color: #6e27c5;
	text-decoration:none;
	padding:5px 10px;
	box-sizing:border-box;
	float:left;
	width:100%
}
body .main .alertActions ul a{
	color:#333;
}
.bold-row{
	font-weight: bold;	
}
.bold-row .alertActions{
	font-weight: normal;	
}
.alertActionDropdown{
	display:none;
	position: absolute;
    background: #fff;
    z-index: 99;
    top: 35px;
    left: -67px;
    border: 1px solid #6e27c5;
    width: 160%!important;
    text-align: left;
}

.alertTableManual .alertActionDropdown {
  left: -16px;
  top: 35px;
  width: 110% !important;
}

.alertTableCatastrophe .alertActionDropdown {
  left: -16px;
  top: 35px;
  width: 110% !important;
}

.alertActionDropdown li {
	border-bottom:1px solid #ccc;
	float:left;
	width:100%
}

#deleteBtnAgencyView{
	display:none
}

.showAgencyViewDelete #deleteBtnAgencyView{
	display:inline-block;
}





/*Below classes should be in grid css*/
.hide-on-desktop {
	display: none
}

@media screen and ( max-width : 768px) {
	.hide-on-desktop {
		display: block
	}
	.modal.first-time {
	    left: 0%;
	}
}
/*Above classes should be in grid css*/


@media screen and ( max-width: 991px) {
	.modal.first-time {
	    left: 5%;
	}
	.first-time .modal-dialog {
	    width: 90%;
	}
	.mobileRemoveBorder {
		border: none
	}
	.mobilePushRight {
		float: right
	}
	.mobileAlignLeft {
		text-align: left
	}
	.my-alert-admin-page .rightHS {
		padding-left: 0
	}
	.Secondary-Nav {
		margin: 0
	}
	.my-aler-admin-head {
		background: #ecf4fb;
		padding: 20px
	}
	.Secondary-Nav ul {
		width: 100%
	}
	.Secondary-Nav li {
		width: 20%;
		box-sizing:border-box
	}
	.Secondary-Nav li a{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.desktop-pos-rel,.desktop-pos-abs {
		position: static
	}
	.linkPCode {
		margin-top: 0
	}
	.desktop-floatLeft,.desktop-floatRight {
		float: none
	}
	.mobile-floatLeft{
		float:left
	}
	.mobile-full {
		float: left;
		width: 100%
	}
	.select-purple,.input-text-purple {
		width: 100%;
		margin-bottom: 10px
	}
	.mobile-1-4 {
		width: 25%;
		box-sizing: border-box
	}
	.mobile-3-4 {
		width: 75%;
		box-sizing: border-box
	}
	.my-alert-admin-page .btn .btn-purple {
		width: 98%;
		padding: 7px 1%
	}
	.mobile-mtb30 {
		margin: 30px 0
	}
	
	.alert-search-block{
		width:100%;
		min-width:0
	}
	
	.alert-search-block-inputs{
		width:calc(100% - 85px);
		width:-webkit-calc(100% - 85px);
		width:-moz-calc(100% - 85px);
		width:-o-calc(100% - 85px);
		min-width:0
	}
	
	.alert-search-block-inputs input[type="button"]{
		width:100%;
		box-sizing:border-box
	}
	
	.alert-search-block input[type="text"],.alert-search-block select {
		margin-bottom: 10px
	}
	.customTableGrid ul {
		height: auto;
		display: block
	}
	.customTableGrid h3,.customTableGrid li {
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0
	}
	.customTableGrid h3 i, .customTableGrid li label {
		float: right;
		padding: 3px 20px 0 0
	}
	.customTableGrid li span {
		display: block;
		float: left;
		padding-left: 20px
	}
	.customTableGrid li a {
		padding-left: 20px
	}
	.customTableGrid .fa-angle-down,.customTableGrid .fa-angle-up {
		font-size: 24px;
		color: #6e27c5;
		font-weight: bold
	}
	.UserHead {
		background: #ecf4fb
	}
	.UserHead .linkPCode{
		margin-top:0
	}
	
	.setAlertOptions input [type="button"] {
		width: 39% !important;
		margin: 10px 5%;
		box-sizing: border-box
	}
	
	.alertTypeBox {
		width:100%
	}
	
	.alertSelectionBox .column:first-child .alertTypeBox:first-child {
		border-top: 1px solid #afafaf
	}
	
	.alertTypeBox i {
		margin-top: 7px
	}
	
	.userSelectionbottom{
		width:100%
	}
	
	.printBox{
		margin-top:22px;
		margin-right:0
	}
	
	.alertTablebodyRow label{
		display:block;
		font-weight:bold;
		margin-left:30px
	}
	
	
	.alertTablebodyRow label.hide-on-desktop{
		margin-left:18px
	}
	
	.alertTablePolicy .alertActions, .alertTableClaims .alertActions, .alertTableCatastrophe .alertActions,.alertTableManual .alertActions{
		text-align:left!important
	}
	
	.alertTablePolicy .alertActions i{
		float:right!important
	}
	
	.mobIsShared{
		position:relative
	}
	
	.mobIsShared .isShared{
		position:absolute;
		top:30px
	}
	
	.alertActionDropdown{
		width:100%!important;
		top:50px;
		left:-1px;
	}
	
	.alertTable ul.alertActionDropdown{
		padding:0
	}
	
	.alertTablebodyRow span{
		margin-left:30px
	}
	.alertTablebodyRow span.smallText, .alertTablebodyRow span.isShared{
		margin-left:0
	}
	.alertTablePolicy div:nth-child(5) {
    width: 100%;
	}
	
	.alertTable div, .alertTablePolicy div:nth-child(4),
	.alertTable div:first-child, 
	.alertTable div:nth-child(2), 
	.alertTable div:nth-child(3), 
	.alertTablediv:nth-child(4), 
	.alertTable div:nth-child(6),
	.alertTable div:nth-child(8), 
	.alertTable div:nth-child(9){
		width:100%;
		padding:10px 30px
		
	}
	
	.alertTableClaims div,
	.alertTableClaims div:first-child,
	.alertTableClaims div:nth-child(2),
	.alertTableClaims div:nth-child(3),
	.alertTableClaims div:nth-child(4),
	.alertTableClaims div:nth-child(5),
	.alertTableClaims div:nth-child(8),
	.alertTableClaims div:last-child,
	.alertTableClaims div:nth-child(10),
	.alertTableManual div,
	.alertTableCatastrophe div,
	.alertTableCatastrophe .eventNameWidth,
	.alertTableCatastrophe .eventDescriptionWidth,
	.alertTableManual div:first-child{
		width:100%;
		padding:10px 30px
	}	.alertTableCatastrophe div:first-child{
		width:100%;
		padding:10px 30px
	}
	
	.alertTableCatastrophe .eventDescription,
	.alertTableCatastrophe .eventName{
		float: left;
	}
	
	
	.alertTableClaims div:nth-child(10){
		text-align:left
	}
	
	.alertTablePolicy div:nth-child(8){
		width:100%
	}
	
	.alertTablePolicy div:nth-child(9){
		text-align:left
	}
	.alertTablePolicy div:nth-child(10){
		text-align:left
	}
	
	.alertTablePolicy select, .alertTableClaims select,  .alertTableCatastrophe select, .alertTableManual select{
		width:99%;
		max-width:99%
	}
	
	.alertTable ul{
		padding:20px 0
	}
	
	.settingTabs{
		position:relative;
		height:42px; 
		overflow:hidden;
		border:1px solid #6e27c5
	}
	.settingTabs ul{
		float:left;
		width:100%;
		margin:0;
		position:absolute;
		top:0;
		
	}
	.settingTabs li{
		width:100%
	}
	
	.settingTabs li:first-child a{
		position:relative;
	}
	.settingTabs li:first-child a::after{
		position:absolute;
		content:"\f0dd";
		top:10px;
		right:20px;
		color:#6e27c5;
		font-family:FontAwesome
		
	}
	
	.settingTabs li.active, .settingTabs li:hover, .settingTabs li{
		border-bottom:none;
	}
	
	.settingTabs li a{
		width:100%;
		box-sizing:border-box;
		background:#fff;
		color:#6e27c5;
		
	}
	.settingTabs li.active a{
		color:#6e27c5;
		
	}
	.showList{
		height:210px
	}
	.desktopHeight534{
		height:auto
	}
	.alertList{
		width:100%
	}
	
		.billingTabGrid li:first-child, .otherTabGrid li:first-child {
    	width: 100%;
	}

	.policyTabGrid i, .billingTabGrid i, .claimTabGrid i, .inspectionTabGrid i, .otherTabGrid i{
		float:right
	}
	
	#notice-block {
		width:80%;
		left:6%
	}
	
	.fromTo{
		width:45px;
		float:left
	}
	
	.mobileHalfBtn{
		width: calc(50% - 44px);
	}
	
	.stateSelectionList{
	-webkit-column-width:100%;
	   -moz-column-width:100%;
	        column-width:100%;
	-webkit-column-count:1;
	   -moz-column-count:1;
	        column-count:1;
	
}

.main [class*="col-"]{
	padding:0 20px
}

.customTableGridHead h3, .customTableGrid h3{
	width:100%
}

.searchField{width:100%; margin:5px 0 20px 0; float:left}
.searchBox{margin-bottom:20px;}
.searchBt{width:calc(100% - 40px)}
}