.map_canvas {
    height: 400px;
    width: 100%;
}

.angular-google-map-container {
    height: 400px;
}

.map-drawer-container {
    width: 100%;
    display: inline-block;
}

.txtleft {
    float: left;
    padding-right: 10px;
    padding-top: 4px;
    width: 75px;
}

.ipn {
    width: calc(100% - 85px);
}

.c-picker {
    width: 100%;
    /*height: 24px !important;
    float: right;*/
}

.color-picker-wrapper .color-picker-input-wrapper {
    width: 100%;
}

/*toolbar Popovers
 --------------------------------------------------*/

.btn-toolbar .arrow {
    display: none;
}

.btn-toolbar .popover-inner {
    margin-top: -9px;
}

.toolbar-popover-container {
    background-color: gray;
    width: 100%;
    display: block;
    color: white;
    border: 1px solid #f9f9f9;
    padding: 10px;
}

    .toolbar-popover-container .control-label {
        font-size: 11px !important;
    }

    .toolbar-popover-container input {
        height: 24px;
    }

    .toolbar-popover-container .form-group + .form-group {
        margin-top: 10px !important;
    }