@media screen and (min-width: 770px) {
        .sort-data .clearfix div.col-sm-4, .right-text{
            text-align: right;
        }
    }
    
    @media screen and (max-width: 769px) {
        .sort-data .clearfix div.col-sm-8{
            padding-left: 0px;
        }
    }
    
    .sort-group{
        margin-bottom: 2px;
        margin-bottom: 10px;
        line-height: 2;
    }
    
    .sort-group .clearfix{
        margin-top: 10px;
        margin-bottom: -6px;
    }
    
    .sort-group h3,.title-with-line-bottom{
        border-bottom: 1px solid gainsboro;
        color:#00bcd4 !important;
        width: 80%;
    }
    
    .order-detail-menu{
        background-color: #FDFDFD;
        /*border-left: 1px solid gainsboro;*/
    }
    .order-detail-menu h3{
        border-bottom: 1px solid gainsboro;
        padding-bottom:4px;
        padding-top: 24px;
    }
    
    .notification-map{
        position: relative !important;
        height: 230px !important;
        margin-bottom: 20px;
        
    }

    .canvas-content-map{
        border: 1px solid #CECECE;
        /*border-radius: 5px;*/
        margin: auto;
    }

    .canvas-content-map p{
        font-size: 15px; 
        margin-bottom: 4%;
    }
    
    .without-observation,.without-data{
        opacity: 0.5;
        font-style: italic;
    }
    
    .upper-case{
        text-transform: uppercase;
    }
    
    .has-map{
        min-height: 690px;
    }
    
    .no-map{
        min-height: 380px;
    }