.ftl{text-align:left!important;}
.ptindent1{text-indent: 1em;}
.fs_1 {
    font-size: 1rem !important
}

.fs_1_2 {
    font-size: 1.2rem
}

.fs_12p {
    font-size: 12px !important
}

.fs_14 {
    font-size: 1.1666rem !important
}

.fs_12p {
    font-size: 12px !important
}

.fs_14p {
    font-size: 14px !important
}
.fs_15p {
    font-size: 15px !important
}
.fs_16p {
    font-size: 16px !important
}

.fs_18p {
    font-size: 18px !important
}

.fs_26p {
    font-size: 26px !important
}

.navL_color {
    color: #F1F1F1;
}

.fs_1_6 {
    font-size: 1.6rem !important
}

.fs_1_8 {
    font-size: 1.8rem !important
}

.fs_2 {
    font-size: 2rem
}

.fs_3 {
    font-size: 3rem
}

.bold {
    font-weight: bold;
}

.none {
    display: none !important
}

.abs {
    position: absolute
}

.relative {
    position: relative
}

.inlinebl {
    display: inline-block !important
}

.inline {
    display: inline
}

.inlinebl_left {
    display: inline-block;
    width: 100%;
    text-align: left
}

.text_center {
    text-align: center !important
}

.text_left {
    text-align: left !important
}

.text_right {
    text-align: right !important
}

.valign_m {
    vertical-align: middle
}

.valign_t {
    vertical-align: top
}

.valign_b {
    vertical-align: bottom
}

.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.fh {
    height: 100%
}

.fw {
    width: 100%
}

.no_border {
    border: none !important
}

.top_border {
    border-top: 1px solid #EFA025 !important
}

.line_2 {
    line-height: 2rem !important
}

.line_3 {
    line-height: 3rem !important
}

.line_4 {
    line-height: 4rem !important
}

.line_25p {
    height: 30px;
    line-height: 30px;
}

.w_full {
    width: 100% !important
}

.w_a {
    width: auto !important
}

.w_0 {
    width: 0 !important
}

.w_1 {
    width: 1rem !important
}

.w_2 {
    width: 2rem !important
}

.w_3 {
    width: 3rem !important
}

.w_4 {
    width: 4rem !important
}

.w_5 {
    width: 5rem !important
}

.w_6 {
    width: 6rem !important
}

.w_7 {
    width: 7rem !important
}

.w_8 {
    width: 8rem !important
}

.w_9 {
    width: 9rem !important
}

.w_10 {
    width: 10rem !important
}

.w_13 {
    width: 13rem !important
}

.w_11 {
    width: 11rem !important
}

.w_18 {
    width: 18rem !important
}

.w_20 {
    width: 20rem !important
}

.w_25 {
    width: 25rem !important
}

.h_1 {
    height: 1rem !important
}

.h_2 {
    height: 2rem !important
}

.h_3 {
    height: 3rem !important
}

.h_4 {
    height: 4rem !important
}

.h_5 {
    height: 5rem !important
}

.h_6 {
    height: 4.6rem !important;
}

.h_10 {
    height: 10rem !important
}


.m_p_0 {
    margin: 0;
    padding: 0;
}

.m_0 {
    margin: 0 !important
}

.m_1 {
    margin: 1rem !important
}


.ml_0 {
    margin-left: 0 !important
}

.ml_1 {
    margin-left: 1rem !important
}

.ml_2 {
    margin-left: 2rem !important
}

.ml_3 {
    margin-left: 3rem !important
}

.ml_4 {
    margin-left: 4rem !important
}

.ml_5 {
    margin-left: 5rem !important
}

.ml_6 {
    margin-left: 6rem !important
}

.ml_7 {
    margin-left: 7rem !important
}

.ml_8 {
    margin-left: 8rem !important
}
.mlr_0{
    margin-right: 0!important;
    margin-left: 0!important;
}


.mt_0 {
    margin-top: 0 !important
}

.mt_0_5 {
    margin-top: .5rem !important
}

.mt_1 {
    margin-top: 1rem !important
}

.mt_1_5 {
    margin-top: 1.5rem !important
}

.mt_2 {
    margin-top: 2rem !important
}

.mt_3 {
    margin-top: 3rem !important
}

.mt_4 {
    margin-top: 4rem !important
}

.mt_5 {
    margin-top: 5rem !important
}

.mt_8 {
    margin-top: 8rem !important
}

.mt_15px {
    margin-top: 15px !important
}

.mt_10p {
    margin-top: 10px !important
}

.mt_20p {
    margin-top: 20px !important
}
.mt_25p {
    margin-top: 25px !important
}
.mt_f20p {
    margin-top: -20px !important
}

.mr_0 {
    margin-right: 0 !important
}

.mr_1 {
    margin-right: 1rem !important
}

.mr_2 {
    margin-right: 2rem !important
}

.mr_2_5 {
    margin-right: 2.5rem !important
}

.mr_3 {
    margin-right: 3rem !important
}

.mr_4 {
    margin-right: 4rem !important
}

.mr_5 {
    margin-right: 5rem !important
}


.mb_0 {
    margin-bottom: 0 !important
}

.mb_0_5 {
    margin-bottom: .5rem !important
}

.mb-min {
    margin-bottom: 6px !important
}

.mb_1 {
    margin-bottom: 1rem !important
}

.mb_2 {
    margin-bottom: 2rem !important
}

.mb_3 {
    margin-bottom: 3rem !important
}

.mb_4 {
    margin-bottom: 4rem !important
}

.mb_5 {
    margin-bottom: 5rem !important
}

.mb_8 {
    margin-bottom: 8rem !important
}

.m_lr_5p {
    margin-left: 5px;
    margin-right: 5px;
}

.m_lr_2p {
    margin-left: 2px;
    margin-right: 2px;
}

.p_lr_5p {
    padding-left: 5px;
    padding-right: 5px;
}


.p_0 {
    padding: 0 !important
}

.p_0_3 {
    padding: .3rem !important
}

.p_1 {
    padding: 1rem !important
}

.p_2 {
    padding: 2rem !important
}


.pb_0 {
    padding-bottom: 0 !important
}

.pb_0_2 {
    padding-bottom: .2rem !important
}
.pb_1 {
    padding-bottom: 1rem !important
}
.pb_2 {
    padding-bottom: 2rem !important
}

.pb_3 {
    padding-bottom: 3rem !important
}

.pb_4 {
    padding-bottom: 4rem !important
}

.pb_5 {
    padding-bottom: 5rem !important
}
.pb_2p{
    padding-bottom: 2px !important
}



.pt_0 {
    padding-top: 0 !important
}

.pt_1 {
    padding-top: 1rem !important
}

.pt_2 {
    padding-top: 2rem !important
}

.pt_3 {
    padding-top: 3rem !important
}

.pt_4 {
    padding-top: 4rem !important
}

.pt_5 {
    padding-top: 5rem !important
}
.pt_20p {
    padding-top: 20px !important
}
.pt_5p {
    padding-top: 5px !important
}
.pt_10p {
    padding-top: 10px !important
}
.pt_12p {
    padding-top: 12px !important
}

.pr_0 {
    padding-right: 0 !important
}

.pr_1 {
    padding-right: 1rem !important
}

.pr_2 {
    padding-right: 2rem !important
}

.pr_3 {
    padding-right: 3rem !important
}

.pr_4 {
    padding-right: 4rem !important
}

.pr_5 {
    padding-right: 5rem !important
}

.pr_6 {
    padding-right: 6rem !important
}

.pr_0_5 {
    padding-right: .5rem !important
}



.pl_0 {
    padding-left: 0 !important
}

.pl_0_5 {
    padding-left: .5rem !important
}

.pl_1 {
    padding-left: 1rem !important
}

.pl_2 {
    padding-left: 2rem !important
}

.pl_2_5 {
    padding-left: 2.5rem !important
}

.pl_3 {
    padding-left: 3rem !important
}

.pl_4 {
    padding-left: 4rem !important
}

.pl_5 {
    padding-left: 5rem !important
}

.pl_6 {
    padding-left: 6rem !important
}
.pl_5p{
    padding-left: 5px !important
}
.plr_0 {
    padding-left: 0 ;!important
    padding-right: 0 ;!important
}
.plr_6p {
    padding-left:6px;
    padding-right:6px;
}
.plr_10p {
    padding: 0 10px;
}
.plr_08rem {
    padding-left:.8rem;
    padding-right:.8rem;
}
.plr_2rem {
   padding-left:2rem;
    padding-right:2rem;
}
.ptp_10p {
    padding: 10px 0;
}

.ptp_15p {
    padding: 15px 0;
}

.h_2_5 {
    height: 2.5rem !important
}

.lh_2 {
    line-height: 2rem !important
}
.lh_2_2 {
    line-height: 2.2rem !important
}
.lh_2_4 {
    line-height: 2.4rem !important
}
.lh_2_5 {
    line-height: 2.5rem !important
}

.l_7 {
    left: 7rem !important
}

.lh_3 {
    line-height: 3rem !important
}

.lh_4 {
    line-height: 4rem !important
}

.lh_5 {
    line-height: 5rem !important
}
.lh_34p {
    line-height: 34px !important
}
.lh_40p {
    line-height: 40px !important
}

.mw_4 {
    min-width: 4rem !important
}

.mw_5 {
    min-width: 5rem !important
}

.clear_fix {
    clear: both
}

.hand {
    cursor: pointer
}

.font_color_white {
    color: #ffffff;
}

.of_auto {
    overflow: auto !important;
}


.box_shadow {
    border: 1px solid #6ab89b;
    height: 90%;
    border-radius: 6px;
    box-shadow: inset 1px 1px rgba(100, 190, 150, .5);
}

.selected {
    background-color: #0bb59b;
}


.panle_left {
    
    height: 40px;
    line-height: 40px;
    
    text-align: center;
    padding: 2px;
}


.br_4 {
    border-radius: 4px !important;
}

.br_6 {
    border-radius: 6px !important;
}

.br_8 {
    border-radius: 8px !important;
}
.br_18 {
    border-radius: 18px !important;
}


.btn_search {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #487bf6;
    border-color: #487bf6;
    color: #ffffff;
}
.btn_searchP {
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    background-color: #487bf6;
    border-color: #487bf6;
    color: #ffffff;
}

.btn_search:focus, .btn_search:hover,.btn_searchP:focus, .btn_searchP:hover {
    background-color: #6e96fb !important;
    border-color: #6e96fb;
    color: #ffffff;
}


.btn_resetting {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #5268a2;
    color: #ffffff;
}
.btn_resetP {
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    background-color: #5268a2;
    color: #ffffff;
}

.btn_resetting:hover, .btn_resetting:focus ,.btn_resetP:hover,.btn_resetP:focus{
    background-color: #6e89d7 !important;
    border-color: #6e89d7;
    color: #ffffff;
}


.btn_save {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #eb932f;
    color: #ffffff;
}

.btn_saveP {
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    background-color: #eb932f;
    color: #ffffff;
}

.btn_save:hover, .btn_save:focus,.btn_saveP:hover, .btn_saveP:focus {
    background-color: #fdb15d !important;
    border-color: #fdb15d;
    color: #ffffff;
}


.btn_cancel {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #ffffff;
    border: 1px solid #656666;
    color: #656666;
}

.btn_cancel:focus, .btn_cancel:hover {
    border: 1px solid #262626;
    color: #262626 !important;
}


.btn_minute {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 9px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #66c68d;
    color: #ffffff;
}


.btn_add {
    background-image: url('404.png') !important;
    background-size: 15px 15px;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    padding-left: 2rem;
    background-color: #66c68d;
    color: #ffffff;
}

.btn_add:hover, .btn_add:focus, .btn_minute:hover, .btn_minute:focus {
    background-color: #5bad7b !important;
    border-color: #5bad7b;
}


.comInfoBtn_newEdit {
    border-color: #d8e8ef;
    color: #505050;
    font-size: 12px;
}

.comInfoBtn_newEdit:hover {
    border-color: #c0d0d7;
    background-color: #d8e8ef;
    font-size: 12px;
    color: #505050 !important;

}


.btn_text, .btn_step {
    border-color: #2d6eb6;
    color: #505050;
}

.btn_text:focus, .btn_text:hover, .btn_step:focus, .btn_step:hover {
    border-color: #2d6eb6;
    background-color: #e1f0fa;
    color: #505050 !important;
}

.btn_default_new {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn_default_new {
    width: 68px height : 34 px;
    background-color: #ffffff;
    border-color: #2d6eb6;
    color: #505050 !important;
}

.btn_default_new:hover {
    background-color: #e1f0fa;
    border-color: #2d6eb6;
    color: #505050 !important;
}

.btn_default_xs {
    min-width: 46px;
    height: 30px;
    padding: 3px 6px;
    background-color: #ffffff;
    border-color: #2d6eb6;
    color: #505050 !important;
}

.btn_default_xs:hover {
    background-color: #e1f0fa;
    border-color: #2d6eb6;
    color: #505050 !important;
}
.lineDashed_cf{border-bottom: 1px dashed #cfcfcf;}
.lineDashed_dd{border-bottom: 1px dashed #ddd;}
.lineDashed_eb{border-bottom: 1px dashed #ebebeb;}
.lineDashed_f8{border-bottom: 1px dashed #f8f8f8;}


.fc_label {
    color: #858585
}

.fc_input {
    color: #505050
}


.loading {
    margin-left: -15px;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid #007AFF;
    -webkit-animation: load1 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.scrollbar::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}
.scrollbar::-webkit-scrollbar-track-piece
{
    background-color: #e2dce1;
    -webkit-border-radius: 6px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical
{
    height: 5px;
    background-color: #959996;
    -webkit-border-radius: 6px;
}
.scrollbar::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #898495;
    -webkit-border-radius: 6px;
}



    
    



    
    



    
    
    



    
    
    

.text-right{
     text-align:right!important;
 }
.text-left{
    text-align:left!important;
}