@import "txlmi-region-selector.required.css";
.txlmi-region-map-container {    
    outline:none;
    margin-right:50%;
}


#cteLeftSide {
    background-color: #E3E3E3;
		border-color: #82BB46;
		border-style: solid;
    	border-top-width: 0px;
		Border-left-width:2px;
		border-right-width:2px;
		
		/*box-shadow: 2px -5px 5px #888888;*/
		
		height:500px;
		width:521px;
}

.cteRightSide {	
		
		font-size:1.2em;
		margin: 80px 100px 10px 500px;
		z-index:1;
        position: absolute;
		/*width:221px; */
		width:238px;
}

.cteRightSideState {	
		
		font-size:1.2em;
		margin: 0px 100px 10px 500px;
		padding-bottom:15px;
		z-index:10;
        position: absolute;
		/*width:221px; */
		width:238px;
		
		/*height:10px; */
}


#getDownloads {
    background-color: #002868;
    padding: 10px 20px;
    margin: 20px 0 10px 0;
    border: 0px solid transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    color: #ffffff;
}

#explain {
    font-size:1.2em;
    padding-bottom:20px;
}


svg [data-region]:hover {
    cursor: pointer;
}

.txlmi-active-region, .txlmi-active-region * {
    fill: #2f7c2d !important;
    transition: fill .2s
}

.txlmi-selected-region, .txlmi-selected-region * {
    fill: #1c456a !important;
    transition: fill .2s
}

.txlmi-selected-region{
    display:inline;
}

.txlmi-selected-region button{
    margin:5px 5px 5px 0px;
}

.txlmi-active-region.txlmi-selected-region, .txlmi-active-region.txlmi-selected-region * {
    fill: deepskyblue !important;
    transition: fill .2s;
}

.txlmi-active-region-display {
    height: 20px; 
}

.txlmi-map-action-cancel{
    border-right: 1px solid white;
}

/*for mobile screens*/
@media only screen and (min-width: 1044px) and (max-width: 1329px) {
    .txlmi-active-region-display {
        /*height: 60px;*/
    }
}
@media only screen and (min-width: 675px) and (max-width: 1043px) {
    .txlmi-active-region-display {
        /*height: 100px;*/
    }
}
@media only screen and (min-width: 578px) and (max-width: 674px) {
    .txlmi-active-region-display {
        /*height: 60px;*/
    }
    .txlmi-active-region-display {
        font-size: 10px;
    }
}
@media only screen and (max-width: 577px) {
    .txlmi-active-region-display {
        /*height: 80px;*/
    }
}




/* Required css to support functionality, not for theming. Only modify with good reason. */

.k-multiselect-wrap ul li {
    float: none;
}

.k-widget.k-multiselect.txlmi-hide-input .k-multiselect-wrap input.k-input {
    display: none !important;
}

.k-widget.k-multiselect:not(.txlmi-hide-input) .k-multiselect-wrap ul:not(:empty):after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;   
    height: 1px;
    box-sizing: border-box;
    overflow: hidden;
}

.txlmi-unseen {
    position: fixed;
    left: -999px;
    width: 1px;
    overflow: hidden;
}