/*.view {
  margin-top: 60px;
}

textarea#schema {
  width: 90%;
  position: absolute;
  height: 90%;
}

textarea#schema.ng-invalid {
  border-color: red;
  border-width: 2px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

*/

@media only screen and (max-width: 500px) {
    .rootbar .md-datepicker-input {
        color: rgba(255, 255, 255, 0.87);
        font-size: 100%;
        width: 90px;
    }
    .rootbar .md-datepicker-button {
        display: none;
    }
}

@media only screen and (min-width: 500px) {
    .rootbar .md-datepicker-input {
        color: rgba(255, 255, 255, 0.87);
        font-size: 100%;
        width: 80px;
    }
}

.rootbar .md-datepicker-expand-triangle {
    border-top-color: white;
}

.choose {
  left: 20%;
  background-color: rgba(0,0,0,0.1);
  position: absolute;
  z-index: 99;
  font-size: large;
}

md-input-container {
    margin-top: 10px;
    dislay:block;
}

ng-map#custom {
	display:block; 
	width:100%;
    top:0px;
	position: absolute;
}

@media only screen and (max-width:458px) {
    ng-map#custom {
        bottom: 50px;
    }
}

@media only screen and (min-width: 468px) and (max-width: 728px) {
    ng-map#custom {
        bottom: 60px;
    }
}

@media only screen and (min-width: 728px) {
    ng-map#custom {
        bottom: 90px;
    }
}

@media only screen and (max-width: 458px) {
    #ad320x50 {
        display: block;
        left:0;
        position: fixed;
        text-align:center;
        bottom: 0px;
        height: 50px;
        width:100%;
        z-index:999;
    }
    #ad468x60 {
        display: none;
    }
    #ad728x90 {
        display: none;
    }
}

@media only screen and (min-width: 468px) and (max-width: 728px) {
    #ad320x50 {
        display: none;
    }
    #ad468x60 {
        display: block;
        left:0;
        position: fixed;
        text-align:center;
        bottom: 0px;
        height: 60px;
        width:100%;
        z-index:999;
    }
    #ad728x90 {
        display: none;
    }
}

@media only screen and (min-width: 728px) {
    #ad320x50 {
        display: none;
    }
    ad468x60 {
        display: none;
    }
    #ad728x90 {
        display: block;
        left:0;
        position: fixed;
        text-align:center;
        bottom: 0px;
        height: 90px;
        width:100%;
        z-index:999;
    }
}