.icon_img{
    height: 20px;
}
.logo_nav{
	font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    margin-left: 5px;
}
.bg_navy{
	background-color: #234c7b!important;
    /*background-color: #30a73f!important;*/
}
.swal2-image{
    width: 120px;
}
.btn_money{
           background-color: #54b76a!important;
           border: 1px solid #54b76a!important;
}
.btn_money:hover{
           background-color: #52ea73!important;
           border: 1px solid #52ea73!important;
}
.card .card_head_modify {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 25px;
    padding-right: 3px;
    margin-bottom: 10px;
    background-color: #4da0ff6b;
}
.card_head_modify > div button {
    font-size: 13px;
}
.card .card_head_modify>span {
    margin-top: 7px;
	font-size: 16px;
	min-height: 30px;
}
.thead_txt_center > tr > th{
    text-align: center!important;
}
.tbody_txt_center > tr > td{
    text-align: center!important;
}
.panel_btn_center{
 border-top: 1px solid #ccc;
}
.panel_btn_center>div{
   text-align: center;
   margin-bottom: -13px;
   padding-top: 10px;
}
.btn_green{
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #f8f9fa;
    font-size: 14px;
}
.btn_green:hover{
    background-color: #28a745b3;
}
.btn_gray{
    background-color: #cccccc!important;
    border-color: #cccccc!important;
}

/*Start - Page Rent Payment */
        #pro_section{
                  padding-left: 2px;
                  padding-right: 2px;
        }
        .border_gray{
            border: 1px solid #ccc!important;
        }
        .border_right{
            border-right: 1px solid #ccc!important;
        }
        .font_bold{
            font-weight: bold!important;
        }
        .border_radius0{
            border-radius: 1px;
        }
        .btn_block{
          background-color: #51606d!important;
        }
        .pd_lr{
            padding-right: 10px!important;
            padding-left: 10px!important;
        }
        .bg_blue_w{
            background-color: #51606d!important;
            color: #fbfbfb!important;
        }
        .bg_blue_w:disabled{
            opacity: 1;
        }
        .card_bd{
            border: 1px solid #bfbdbd;
        }
         .h_order{
            font-size: 1.5em;
            margin-top: 3px;
        }
        .img_pro{
            height: 35px;
            width: 100%;
            border: 1px solid #ccc;
        }
        .img_pro>img{
            height: 100%;
        }
        .td_img_pro{
            height: 60px;
            padding: 2px!important;
            border: 1px solid #ccc;
        }
        .td_img_pro>img{
            height: 100%;
            max-width: 100%;
        }
        .th_sm{
          background-color: #d6d6d6;
        }
        .th_sm th{
          padding: .5rem;
        }
        .tf_sm{
          background-color: #d6d6d66e;
        }
        .tf_message {
            background-color: #fff;
        }
        .form-control:disabled {
            opacity: 1;
        }
        .table-bordered td, .table-bordered th {
            border: 1px solid #b7b7b7;
        }
        .panel_bill{
             border: 1px solid #b7b7b7!important;
             padding-top: 10px!important;
             padding-bottom:10px!important;
        }
        .panel_pay{
            border: 2px solid #28a745!important;
            margin-bottom: 15px!important;
            padding: 2px!important;
        }
/* css main customer */
        .bg_red{
            background-color: #ff0000bf!important ;
        }
        .bg_orange{
            background-color: #ffb64d!important ;
        }
        .bg_gray{
            background-color: #ccc!important ;
            /* color: #000; */
        }

        .btng_pink ,.btnh_pink {
            color: #fff;
            background-color: #e95084 !important;
            border-color: #e95084 !important;
        }
        .btng_pink:hover {
            background-color: #cc4775 !important;
            border-color: #cc4775 !important;
        }

        .btng_gray_ddd ,.btnh_gray_ddd {
            color: #000;
            background-color: #dddddd;
            border-color: #dddddd;
        }
        .btng_gray_ddd:hover {
            background-color: #ddddddb7;
            border-color: #dddddd;
        }

        .btng_gray ,.btnh_gray {
            color: #fff;
            background-color: #868e96;
            border-color: #868e96;
        }
        .btng_gray:hover {
            background-color: #868e96;
            border-color: #868e96;
        }
        .btng_darkgray ,.btnh_darkgray {
            color: #fff;
            background-color: #607D8B;
            border-color: #607D8B;
        }
        .btng_darkgray:hover {
            background-color: #607d8b9e;
            border-color: #607d8b9e;
        }
        .btng_inverse ,.btnh_inverse {
            color: #fff;
            background-color: #27448e;
            border-color: #27448e;
        }
        .btng_inverse:hover {
            background-color: #091d50;
            border-color: #091d50;
        }
        .btn_primary {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }
        .btn_primary:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }

        .btng_blue_primary ,.btnh_blue_primary  {
            color: #fff;
            background-color: #6caffd;
            border-color: #6caffd;  
        }
        .btng_blue_primary:hover {
            color: #fff;
            background-color: #81bafa;
            border-color: #81bafa;
        }

        .btng_blue ,.btnh_blue  {
            color: #fff;
            background-color: #73b4ff;
            border-color: #73b4ff;  
        }
        .btng_blue:hover {
            color: #fff;
            background-color: #2e8fff;
            border-color: #2e8fff;
        }

        .btng_success ,.btnh_success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }
        .btng_success:hover {
            color: #fff;
            background-color: #4da54d;
            border-color: #4cae4c;
        }

        .btng_black ,.btnh_black {
            color: #fff;
            background-color: #313131;
            border-color: #313131;
        }
        .btng_black:hover {
            background-color: #737373;
            border-color: #737373;
        }

        .btng_white ,.btnh_white {
            color: #3b4650;
            background-color: #ffffff;
            border-color: #ccc;
            font-weight: bold;
        }
        .btng_white:hover {
            background-color: #cccccc;
            border-color: #ccc;
        }

        .btng_danger ,.btnh_danger {
            color: #fff;
            background-color: #dc3545;
            border-color: #dc3545;
        }
        .btng_danger:hover {
            background-color: #dc3545;
            border-color: #dc3545;
        }
       
        .btnh_alert{
            color: #dc3545;
            background-color: #ffffff;
            border-color: #dc3545;
            font-weight: bold;
        }

        .bg_c_blue{
            background: linear-gradient(45deg, #52bef3, #52bef3)!important;
        }

        .plr_2{
            padding-left: 2px!important;
            padding-right: 2px!important;
        }
        .plr_1{
            padding-left: 1px!important;
            padding-right: 1px!important;
        }
        .plr_4{
            padding-left: 4px!important;
            padding-right: 4px!important;
        }
        .pl2_r4{
            padding-left: 2px!important;
            padding-right: 14px!important;
        }
        .p_td_all{
            padding-left: 2px!important;
            padding-right: 2px!important;
            padding-top: 6px!important;
            padding-bottom: 2px!important;
        }
        .td_btn_action{
            padding-left: 2px!important;
            padding-right: 2px!important;
            padding-top: 10px!important;
            padding-bottom: 2px!important;
        }
        /* .pcoded .pcoded-header[header-theme="themelight5"] {
            background-color: #222!important;
        } */
        .plr_06{
            padding-left: .6rem!important;
            padding-right: .6rem!important;
        }
        .select_center {
            text-align: center;
            text-align-last: center;
            /* webkit*/
        }
        .select_center > option {
            text-align: left;
            /* reset to left*/
        }

        .text_icon_head{
            font-weight: bold;
            font-size: 1.2em;
            background-color: #cccccc;
        }
        .img_icon_home{
            height: 100px;
            max-width:100%; 
        }
        .text_home{
            font-size: 1em;
        }
        .text_head{
            font-weight: bold;
            font-size: 1.5em;
        }
        .text_title{
            font-weight: bold;
            font-size: 1em;
        }
        .text_other{
            font-size: 1em;
        }
        .text_other > i{
            color: #d35763;
            padding-right: 8px;
        }
        .label_score{
            color: #fff;
            background-color: #868e96;
            border-radius: 5px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .label_emty{
            position: absolute;
            bottom: 10px;
            left: -4px;
            background-color: #005ae0;
            border-radius: 0px;
            font-size: 24px;
            padding: 2px 16px;
            margin-right: 5px;
            font-weight: 400;
            color: #fff !important;
        }
        .label_emty2{
            position: absolute;
            bottom: 20px;
            left: -4px;
            background-color: #005ae0;
            border-radius: 0px;
            font-size: 30px;
            padding: 2px 16px;
            margin-right: 5px;
            font-weight: 400;
            color: #fff !important;
        }

        .label_cost_shirt{
            background-color: #ff5370;
            border-radius: 0px;
            font-size: 90%;
            padding: 1px 5px;
            color: #fff !important;
        }   

        .label_cost_shirt > span{
            font-size: 80%;
        }   


/*.panel_green{
    background-color: #28a74557;
    color: #f8f9fa;
    font-weight: normal;
}*/
 @media (min-width: 992px){
    .modal_xxl {
        max-width: 1100px;
    }
}


.b {font-weight: bold;}
.w10 { min-width:10px;	 max-width:10px; 	width:10px;}
.w20 { min-width:20px;	 max-width:20px; 	width:20px;}
.w25 { min-width:25px;	 max-width:25px; 	width:25px;}
.w28 { min-width:28px;	 max-width:28px; }
.w30 { min-width:30px;	 max-width:30px; 	width:30px;}
.w35 { min-width:35px;	 max-width:35px; }
.w40 { min-width:40px;	 max-width:40px; 	width:40px;}
.w50 { min-width:50px;	 max-width:50px; 	width:50px;}
.w55 { min-width:55px;	 max-width:55px; 	width:55px;}
.w60 { min-width:60px;	 max-width:60px;	width:60px; }
.w65 { min-width:65px;	 max-width:65px;	width:65px; }
.w70 { min-width:70px;	 max-width:70px;	width:70px; }
.w75 { min-width:75px;	 max-width:75px;	width:75px; }
.w80 { min-width:80px;	 max-width:80px; 	width:80px; }
.w85 { min-width:85px;	 max-width:85px; }
.w90 { min-width:90px;	 max-width:90px;	width:90px; }
.w95 { min-width:95px;	 max-width:95px;	width:95px; }
.w100 { min-width:100px;	 max-width:100px;	width:100px;}
.w105 { min-width:105px;	 max-width:105px; }
.w110 { min-width:110px;	 max-width:110px;	width:110px;}
.w115 { min-width:115px;	 max-width:115px;	width:115px;}
.w120{ min-width:120px;	 max-width:120px; 	width:120px;}
.w125 { min-width:125px;	 max-width:125px; 	width:125px;}
.w130 { min-width:130px;	 max-width:130px; 	width:130px;}
.w140 { min-width:140px;	 max-width:140px; 	width:140px;}
.w150 { min-width:150px;	 max-width:150px; 	width:150px;}
.w155 { min-width:155px;	 max-width:155px; 	width:155px;}
.w160 { min-width:160px;	 max-width:160px; 	width:160px;}
.w165 { min-width:165px;	 max-width:165px; 	width:165px;}
.w175 { min-width:175px;	 max-width:175px; 	width:175px;}
.w180 { min-width:180px;	 max-width:180px; 	width:180px;}
.w190 { min-width:190px;	 max-width:190px; 	width:190px;}
.w200 { min-width:200px;	 max-width:200px; 	width:200px;}
.w210 { min-width:210px;	 max-width:210px; 	width:210px;}
.w220 { min-width:220px;	 max-width:220px; 	width:220px;}
.w225 { min-width:225px;	 max-width:225px;	width:225px;}
.w230 { min-width:230px;	 max-width:230px;	width:230px;}
.w240 { min-width:240px;	 max-width:240px; }
.w250 { min-width:250px;	 max-width:250px; }
.w260 { min-width:260px;	 max-width:260px; }
.w275 { min-width:275px;	 max-width:275px; }
.w280 { min-width:280px;	 max-width:280px; }
.w290 { min-width:290px;	 max-width:290px; }
.w300 { min-width:300px;	 max-width:300px; }
.w310 { min-width:310px;	 max-width:310px; }
.w320 { min-width:320px;	 max-width:320px; }
.w340 { min-width:340px;	 max-width:340px; }
.w350 { min-width:350px;	 max-width:350px; }
.w360 { min-width:360px;	 max-width:360px; }
.w380 { min-width:380px;	 max-width:380px; }
.w390 { min-width:390px;	 max-width:390px; }
.w400 { min-width:400px;	 max-width:400px; }
.w450 { min-width:450px;	 max-width:450px; }
.w500 { min-width:500px;	 max-width:500px; }
.w550 { min-width:550px;	 max-width:550px; }
.w600 { min-width:600px;	 max-width:600px; }
.w700 { min-width:700px;	 max-width:700px; }