/**********  text   ***********/
.doc-text-justify {
    text-align:justify ;
}

.doc-text-left {
    text-align:left ;
}

.doc-text-center {
    text-align:center ;
}

.doc-font-weight-bold {
    font-weight:bold ;
}

/**********  margin   ***********/
.doc-m-20 {
    margin:20px ;
}

.doc-mb-5 {
    margin-bottom:5px ;
}

/**********  padding   ***********/
.doc-pl-5 {
    padding-left:5px ;
}

.doc-p-5 {
    padding:5px ;
}

/**********  list-style  ***********/
.doc-list-style-none {
    list-style-type:none ;
}

/**********  font   ***********/
.doc-font-size-14 {
    font-size:14px ;
}

.doc-font-size-16 {
    font-size:16px ;
}

.doc-font-size-18 {
    font-size:18px ;
}

.doc-font-size-20 {
    font-size:20px ;
}

.doc-font-size-22 {
    font-size:22px ;
}

/**********  table   ***********/

.doc-table-striped:nth-child(even) {
    background-color: #f2f2f2;
}
.doc-border-collapse {
    border-collapse:collapse ;
}

.doc-checkbox-size {
    transform: scale(1.5);
}

.doc-vertical-align-baseline {
    vertical-align:top ;
}


/**********  float   ***********/

.doc-float-right {
    float:right ;
}

/**********  width - height   ***********/

.doc-width-100 {
    width:100px ;
}
.doc-width-100-10 {
    width:10% ;
}
.doc-width-100-20 {
    width:20% ;
}
.doc-width-100-30 {
    width:30% ;
}
.doc-width-100-40 {
    width:40% ;
}
.doc-width-100-50 {
    width:50% ;
}
.doc-width-100-60 {
    width:60% ;
}
.doc-width-100-70 {
    width:70% ;
}
.doc-width-100-80 {
    width:80% ;
}
.doc-width-100-90 {
    width:90% ;
}
.doc-width-100-100 {
    width:100% ;
}
.doc-width-100-33 {
    width:33% ;
}
.doc-width-100-34 {
    width:34% ;
}
.doc-width-100-21 {
    width:21% ;
}
.doc-width-100-16 {
    width:16% ;
}
.doc-width-100-42 {
    width:42% ;
}
.doc-width-100-5 {
    width:5% ;
}

.doc-height-100 {
    height:100px ;
}
.doc-height-50 {
    height:50px ;
}
.doc-height-40 {
    height:40px ;
}



/**********  backgorund-color   ***********/

.doc-bg-ccc {
    background-color: #ccc ;
}

.doc-include-ul ul {
    text-align:left ;
    list-style-type:none ;
    padding-left:0 ;
}

.doc-include-ul ul > li:nth-child(odd) {
    background-color: #efefef;
}

    .doc-include-ul ul > li {
        padding-left:5px;
    }

/**********  border   ***********/

.doc-border-top-767676 {
    border-top: 1px solid #767676 ;
}
.doc-border-right-767676 {
    border-right: 1px solid #767676 ;
}
.doc-border-bottom-767676 {
    border-bottom: 1px solid #767676 ;
}
.doc-border-left-767676 {
    border-left: 1px solid #767676 ;
}

/*********   quare code   *************/
.doc-qr {
    width:100px ; 
    height:100px ; 
    float:right ; 
    margin: 20px ;
}

.include-list > div:nth-child(odd) {
    background-color: #efefef;
}