html, body /**, #map-canvas**/ {
    margin: 0;
    padding: 0;
    height: 100%;
}

/**#map-canvas {
    width: 850px;
    height: 700px;
}**/

#map-canvas {
    width: 100%;
   /** height: calc(100vh - 110px);**/
    height: 100%;
    margin: 0;
    padding: 0;

}

#mapOverlay{
    z-index: 99;
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0px;
    left: 0px;
}

#buttonOverlay{
    z-index: 100;
    position: absolute;
    top: 10vh;
    left: 45vw;
    background-color: #e7e7e7;
}

/** Prevent the page from scrolling **/
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.modal-map-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;


}

.modal-map-content  .container {
    height: auto;
    min-height: 100%;
    width: 100%;
    border-radius: 0;

}


.rapTextArea{
    rows:5;
    cols:100;
}

.rapMessageArea{
    width: 1090px;
    height: 600px;
}

#jqxRouteList{
    width: 45px;
}

#termsModalBody{
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}

.form-group{
    padding: 15px;
    margin-bottom: 1px;
}

.input-group{
    padding: 15px;
}

.location-input{
    padding-bottom: 1px;
    padding-top: 1px;
}


/** Map Modal styling **/
/**
@media (max-height: 825px){
    #map-canvas {
        height: 690px;
    }
}

@media (max-height: 775px){
    #map-canvas {
        height: 640px;
    }
}

@media (max-height: 725px){
    #map-canvas {
        height: 590px;
    }
}

@media (max-height: 675px){
    #map-canvas {
        height: 540px;
    }
}

@media (max-height: 625px){
    #map-canvas {
        height: 490px;
    }
}


@media (max-height: 575px){
    #map-canvas {
        height: 440px;
    }
}

@media (max-height: 525px){
    #map-canvas {
        height: 390px;
    }
}

@media (max-height: 475px){
    #map-canvas {
        height: 340px;
    }
}
@media (max-height: 425px){
    #map-canvas {
        height: 290px;
    }
}

@media (max-height: 375px){
    #map-canvas {
        height: 240px;
    }
}

@media (max-height: 325px){
    #map-canvas {
        height: 190px;
    }

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
    }
    #map-canvas {
        width: 100%;
    }
}**/


@media (max-width: 990px){

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
    }


  /**  #map-canvas {
        width: 100%;
    }**/

}
/** Text area styling **/
textarea{
    height: auto;
    width: 75em;
}

@media (max-width: 1200px){
    textarea{
        width: 60em;
    }


}
@media (max-width: 1000px){
    textarea{
        width: 45em;
    }
}
@media (max-width: 768px){
    textarea{
        width: 30em;
    }
}
@media (max-width: 500px){
    textarea{
        width: 15em;
    }
}
@media (max-width: 275px){
    textarea{
        width: 8em;
    }
}
/*
@media (min-width: 768px){
	.modal-dialog {
	  width: 80%;
	  height: 60%;
	  margin: 0;
	  padding: 0;
	}

	.modal-content {
	  height: 100%;
	  min-height: 100%;
	  border-radius: 0;
	}

}*/