/*14px base*/
/*Progress bar when uploading*/
.divProgressContainer {
    width: 300pt;
    height: 20px;
    border: solid 1pt gray;
    margin-left: auto;
    margin-right: auto;
}

.divProgress {
    width: 1pt;
    height: 20px;
    background-color: #28a745;
    display: none;
}

.divUploading {
    width: 300pt;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*Progress bar when uploading End*/

.uploader {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    .uploader input[type="text"] {
        width: 150px !important;
    }

    .uploader input[type="file"] {
        height: auto !important;
        /* In IE7, the height of the select element cannot be changed by height, only font-size */
        /* For IE7, add top margin to align select with labels */
        line-height: normal !important;
    }


/*height*/
.height3 {
    min-height: 3rem;
}

.height4 {
    min-height: 4rem;
}

.height5 {
    height: 5rem;
}

.height7 {
    min-height: 7rem;
}

.height8 {
    height: 8rem;
}

.height9 {
    min-height: 9rem;
}

.height10 {
    min-height: 10rem;
}

.height12 {
    min-height: 12rem;
}

.height20 {
    min-height: 20rem;
}

.height23 {
    min-height: 23rem;
}

/*Min height*/

.min-height3 {
    min-height: 3rem;
}

.min-height4 {
    min-height: 4rem;
}

.min-height5 {
    min-height: 5rem;
}

.min-height6 {
    min-height: 6rem;
}

.min-height7 {
    min-height: 7rem;
}

.min-height8 {
    min-height: 8rem !important;
}

.min-height9 {
    min-height: 9rem;
}

.min-height10 {
    min-height: 10rem;
}

.min-height12 {
    min-height: 12rem;
}


.min-height13 {
    min-height: 13rem;
}

.min-height14 {
    min-height: 14rem;
}

.min-height15 {
    min-height: 15rem;
}

.min-height16 {
    min-height: 16rem;
}

.min-height17 {
    min-height: 17rem;
}

.min-height18 {
    min-height: 18rem;
}

.min-height19 {
    min-height: 19rem;
}

.min-height20 {
    min-height: 20rem;
}

.min-height22 {
    min-height: 22rem;
}

.min-height23 {
    min-height: 23rem;
}


.min-height25 {
    min-height: 25rem;
}

.min-height26 {
    min-height: 26rem;
}

.min-height27 {
    min-height: 27rem;
}

.min-height28 {
    min-height: 28rem;
}

.min-height29 {
    min-height: 29rem;
}

.min-height30 {
    min-height: 30rem;
}

.min-height31 {
    min-height: 31rem;
}

.min-height32 {
    min-height: 32rem;
}

.min-height33 {
    min-height: 33rem;
}

.min-height34 {
    min-height: 34rem;
}

.min-height35 {
    min-height: 35rem;
}

.min-height37 {
    min-height: 37rem;
}

.min-height38 {
    min-height: 38rem;
}

.min-height43 {
    min-height: 43rem;
}

.min-height45 {
    min-height: 45rem;
}

.min-height47 {
    min-height: 47rem;
}

.min-height48 {
    min-height: 48rem;
}

.min-height50 {
    min-height: 50rem;
}

.min-height51 {
    min-height: 51rem;
}

.min-height53 {
    min-height: 53rem;
}

.min-height55 {
    min-height: 55rem;
}


/*width*/

.width2 {
    width: 2rem !important;
}

.width3 {
    width: 3rem !important;
}

.width4 {
    width: 4rem !important;
}

.width5 {
    width: 5rem !important;
}

.width6 {
    width: 6rem !important;
}

.width7 {
    width: 7rem !important;
}

.width8 {
    width: 8rem !important;
}

.width10 {
    width: 10rem !important;
}

.width11 {
    width: 11rem !important;
}


.width12 {
    width: 12rem !important;
}

.width15 {
    width: 15rem !important;
}

.width17 {
    width: 17rem !important;
}

.width20 {
    width: 20rem !important;
}

.width25 {
    width: 25rem !important;
}

.width30 {
    width: 30rem !important;
}

.max-height300px {
    max-height: 300px;
}

.max-width700px {
    max-width: 700px;
}

.max-width2 {
    max-width: 2rem;
    display: inline-block;
}

.max-width3 {
    max-width: 3rem;
    display: inline-block;
}

.max-width4 {
    max-width: 4rem;
    display: inline-block;
}

.max-width5 {
    max-width: 5rem;
    display: inline-block;
}

.max-width6 {
    max-width: 6rem;
    display: inline-block;
}

.max-width8 {
    max-width: 8rem;
    display: inline-block;
}

.max-width10 {
    max-width: 10rem;
    display: inline-block;
}

.max-width12 {
    max-width: 12rem;
    display: inline-block;
}

.max-width13 {
    max-width: 13rem;
    display: inline-block;
}

.max-width15 {
    max-width: 15rem;
    display: inline-block;
}

.max-width17 {
    max-width: 17rem;
    display: inline-block;
}

.max-width20 {
    max-width: 20rem;
    display: inline-block;
}


.max-width24 {
    max-width: 24rem;
    display: inline-block;
}

.max-width25 {
    max-width: 25rem;
    display: inline-block;
}

.max-width27 {
    max-width: 27rem;
    display: inline-block;
}

.width100-percent {
    width: 100%;
}

.width90-percent {
    width: 90%;
}

.width70-percent {
    width: 70%;
}

.width50-percent {
    width: 50%;
}

.width20-percent {
    width: 20%;
}

.min-width4 {
    min-width: 4rem;
    display: block;
}

.min-width5 {
    min-width: 5rem;
    display: block;
}

.min-width8 {
    min-width: 8rem;
}

.min-width14 {
    min-width: 14rem;
}

.min-width18 {
    min-width: 18rem;
}

.min-width24 {
    min-width: 24rem;
}

.min-width25 {
    min-width: 25rem;
}

.min-width27 {
    min-width: 27rem;
    display: block;
}

.min-width30 {
    min-width: 30rem;
}

/*Margin*/

.minus-margin5 label {
    margin-bottom: -5px !important;
}

.margin4 {
    margin-top: 0.2857rem; /*4px*/
}

.margin8 {
    margin-top: 0.5714rem; /*8px*/
}

.margin10 {
    margin-top: 0.7143rem !important; /*10px*/
    margin-bottom: 0.7143rem !important;
}

.margin50 {
    margin-top: 3.571rem; /*50px*/
}

.margin3 {
    margin-top: 3rem !important;
}

.margin24 {
    margin-top: 1.714rem; /*24px*/
    margin-bottom: 1.714rem;
}

.margin2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.margin1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.margin-l1 {
    margin-left: 1rem;
}

.margin-l2 {
    margin-left: 2rem;
}

.margin-l3 {
    margin-left: 3rem;
}

.margin-l4 {
    margin-left: 4rem;
}

.margin-l20 {
    margin-left: 20rem;
}

.margin-top20 {
    margin-top: 1.429rem !important; /*20px*/
}

.margin-top50 {
    margin-top: 3.571rem; /*50px*/
}

.margin-top0 {
    margin-top: 0 !important;
}

.margin-top1 {
    margin-top: 1rem;
}


/*Center margin*/

.center-margin {
    margin: 0 auto;
}


/*padding left right*/

.paddinglr1 {
    padding: 0 1rem;
}

.paddingr2 {
    padding: 0 2rem;
}

.paddinglr3 {
    padding: 0 3rem;
}

.paddinglr4 {
    padding: 0 4rem;
}

.paddinglr5 {
    padding: 0 5rem;
}

.paddinglr7 {
    padding: 0 7rem;
}

.paddinglr8 {
    padding: 0 8rem;
}

.paddingtb1 {
    padding: 1rem 0 !important;
}


.paddingtb2 {
    padding: 2rem 0 !important;
}

.paddingb2 {
    padding: 0 0 2rem 0 !important;
}

.border-bottom {
    border-bottom: 1px dotted black;
}

.small-textbox {
    height: 15px !important;
    margin-bottom: 5px !important;
}

.white-background {
    background-color: white;
}

.margin2px {
    margin: 2px;
}

.padding5px {
    padding: 5px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .min-width27 {
        min-width: initial;
    }

    .max-width15 {
        max-width: initial;
    }
}

@media (max-width: 767px) {
    .min-width27 {
        min-width: initial;
    }

    .max-width15 {
        max-width: initial;
    }
}

@media (max-width: 480px) {
    .min-width27 {
        min-width: initial;
    }
}

.v-align-baseline {
    vertical-align: baseline;
}