.city_select_label{
    font-size: 12px;
    /*font-weight: bold;*/
    /*color: #FFF;*/
    padding-top: 1px;
    float: left;
    width: auto;
    height: 23px;
    text-transform: none;
    margin-top: -2px;
    margin-left: 2px;
    cursor: pointer;
}

.city_select_label:hover{
    color: #0275d8;
}

.colons_city{
   list-style-position: inside;
  -moz-column-count: 8; 
  -webkit-column-count: 8; 
  column-count: 8;
  list-style-type: decimal;
  
}

.city_nm_label{
    color: #151528;
}
.city_nm_label:hover{
    color: #0275d8;
}


@media screen and (max-width: 700px) {
   .colons_city{
   list-style-position: inside;
  -moz-column-count: 5; 
  -webkit-column-count: 5; 
  column-count: 5;
  list-style-type: decimal;
  
} 
}

@media screen and (max-width: 600px) {
   .colons_city{
   list-style-position: inside;
  -moz-column-count: 2; 
  -webkit-column-count: 2; 
  column-count: 2;
  list-style-type: decimal;
  
} 
}

@media screen and (max-width: 325px) {
   .colons_city{
   list-style-position: inside;
  -moz-column-count: 1; 
  -webkit-column-count: 1; 
  column-count: 1;
  list-style-type: decimal;
  
} 
}





.modalDialogs {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}
.modalDialogs:target {
	display: block;
	pointer-events: auto;
}
.modalDialogs > div {
/*	min-width: 300px;
    max-width: 450px; */
    width: 100%;
	position: relative;
	margin: 1px auto; 
	background: white;
    min-height: 625px;
}
.closes {
    	line-height: 24px;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(newCloseB.png) center center no-repeat;
    color: white;
}