/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 9, 2017, 1:32:57 AM
    Author     : OHM_NB
*/

/** set element to show cursor be pointer**/
.belink > *{
    cursor: pointer;
}

/***** button length ********/

.long{
    width: 250px;
}

.medium{
    width: 200px;
}

.short{
    width: 100px;
}

.center {
    text-align: center;
}
.hidden {
    display: none;
}

.ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
}

@media (min-width: 601px) {

    .width80 {
        width: 80px;
    }

    .width100 {
        width: 100px;
    }

    .width150 {
        width: 150px;
    }

    .width250 {
        width: 250px;
    }
    .width200 {
        width: 200px;
    }

    .width300 {
        width: 300px;
    }
    .width400 {
        width: 400px;
    }

    .width500 {
        width: 500px;
    }

    .width-full {
        min-width: 400px;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .width80 {
        max-width: 80px;
    }

    .width100 {
        max-width: 100px;
    }

    .width150 {
        max-width: 150px;
    }

    .width250 {
        max-width: 250px;
    }
    .width200 {
        max-width: 200px;
    }

    .width300 {
        max-width: 300px;
    }
    .width400 {
        max-width: 400px;
    }

    .width500 {
        max-width: 500px;
    }

    .width-full {
        min-width: 400px;
        width: 100%;
    }
}