/*------------------------general browser settings ------------------------*/
/*scroll bar styles */
/* width */
::-webkit-scrollbar { width: 10px; height: 6px; }
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb { background:#c1c1c1; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555; }

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


body {
    margin: 0px;
    background-color: #ffffff;
}




/*-------------------------application elements----------------------------*/
/*load progress*/
.tt_loading {
    position:absolute;left: calc(50% - 60px);top: calc(40% - 60px); width: 120px; height: 120px;
    z-index: 21;
    display: none;
}
.tt_loader {
    border: 16px solid #e8e8e8;
    border-radius: 50%;
    border-top: 16px solid rgba(108,117,125,10);
    border-bottom: 16px solid rgba(108,117,125,10);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.txt_box1{
    width: 100%; height: 100%; text-decoration: none; padding: 3px; background: #f1f1f1;
    border-radius: 0; color: black; border: none; outline: none;
}

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

/*message and dialog box */
.msg_box { position: absolute; top: 25%;left:9%; width: 80%; height: 50%; z-index: 20; display: none; text-align: center; margin: 25px; }
.msg_lybx{ width: 60%; height: auto; background-color: #FFFFFF; display:inline-block; border-radius: 15px; box-shadow:  0px 0px 10px 1px #000000; margin: 20px 40px 0px 0px; }
.msg_lybx:hover{ animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
.msg_txt_ti { font-family: Arial; font-weight: 700; color: #313131; text-align: center; font-size: 26px; }
.msg_txt {  font-size: 19px; text-align: center; display: block; margin: 0 auto; width: 100%; max-width: 100%; font-family: Helvetica; padding: 10px; }
.msg_btn { display: block; background: #e1e1e1; font-family: Helvetica; cursor: pointer; width: 25%; height: 35px; border: 0px; margin: 20px auto; transition: all .2s ease-in-out; text-transform: uppercase; font-weight: bold; font-size: 16px; box-shadow: 0 6px 10px rgba(0,0,0,0.1); color: #424242; line-height: 36px; text-align: center; }
.msg_btn:hover{ transform: scale(1.1); }

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

.dlg_box {
    position: absolute;  top: 25%; left: 10%; width: 80%; height: 50%;box-shadow:  0px 0px 10px 1px #000000;
    background-color: #f0f0f0; border-radius: 3px;
    z-index: 20;
    display: none;
}
.dlg_txt {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 80%; height: 50%;font-family: Arial, Helvetica, sans-serif;
    margin: auto; text-align: center;
    font-size: 12px;
}
.msg_okbtn {
    position: absolute; top: 80%; width: 100%; height: 20%; text-align: center; font-weight: bolder;
    z-index: 2; font-size: 20px;
    color: #000000;
    text-decoration: underline;
}
.flyout_box {position:absolute; top: 25%; left: 30%; width: 40%; height: 100px; background-color: #f0f0f0; box-shadow:  0px 0px 2px 1px #545454; z-index: 20; display: none; resize: both; overflow: hidden; }
.flyout_txt {width:100%; height: 100%;}


.flyout_box_sug {position: absolute;  width: 40%; height: 300px; background-color: #f0f0f0; box-shadow:  0px 0px 2px 1px #505050; z-index: 20; display: none; resize: both; overflow: auto; }

/*application body*/
.tt_body {
    position: absolute; left:0px; top:0px; width: 100%; height: 100%; overflow:hidden;
    /*font-family: Arial, Helvetica, sans-serif;
    /*pointer-events:none;*/
    opacity: 1; background-color:#f1f1f1;
}

/*general application panels */
.k_licons { position:absolute; left:0px; top:0px; width:50px; height:100%; background-color:#FFFFFF; overflow: hidden; z-index:1; display: none;  }
.k_lpanelcbox { position:absolute; left:50px; top:0; width:15%; height:80px; background-color: #ffffff; overflow: hidden; z-index:1; display: none; }
.k_lpanel { position:absolute; left:50px; top:80px; width:15%; height:calc(100% - 80px); background-color:#FFFFFF; overflow: hidden; z-index:1; display: none; }
.k_stage { position:absolute; left:calc(15% + 50px); top:0px; width:calc(85.1% - 100px); height:100%; background-color:#b4b3a8; overflow: hidden; z-index:1; display: none; border-left: solid #ececec 1px; }

.k_riconpnl { position:absolute; right:-550px; top:40px; width:23%; max-width: 400px; height:calc(100% - 40px); background-color: #9d9d9d; overflow: hidden; z-index:1; display: block;  transition: all 0.5s ease-out; }

.k_rfilterpnl { position:absolute; right:-500px; top:40px; width:450px; max-width: 450px; height:calc(100% - 45px); background-color: #f1f1f1; overflow: hidden; z-index:100; display: block;  transition: all 0.5s ease-out; box-shadow: -3px 3px 3px #d3d3d3; }
.k_rpopup { position:absolute; right:-1500px; top:40px; width:950px; max-width: 950px; height:calc(100% - 45px); background-color: #f1f1f1; overflow: hidden; z-index:100; display: block;  transition: all 0.5s ease-out; box-shadow: -3px 3px 3px #d3d3d3; }

.k_rpopup2 { position:absolute; right:-650px; top:40px; width:650px; max-width: 150px; height:calc(100% - 45px); background-color: #f1f1f1; overflow: hidden; z-index:1; display: block;  transition: all 0.5s ease-out; box-shadow: -3px 3px 3px #d3d3d3; }

.k_riconpnlel { position:absolute; right:0; top:0; width:100%; height:100%; overflow: hidden; background-color: #9d9d9d; z-index:1; display: block; }
.k_ricons { position:absolute; right:0px; top:0px; width:49px; height:100%; background-color:#FFFFFF; overflow: hidden; z-index:1; display: none; }
.k_riconpnlel { position: absolute; right: 25px; }

/*data table elements*/
.tt_table { font-family: Arial, Helvetica, sans-serif; white-space: nowrap; }
.tt_hraw { position: -webkit-sticky; position: sticky; top: 0px; z-index: 2; border-bottom: 5px solid #969696;  }
.tt_hcell { height: 25px; line-height: 25px; font-size: 14px; background-color: #ffffff; padding:0px 0px; text-align: left;}
.tt_raw { height:44px; }
.tt_cell { height: 44px; line-height: 25px; font-size: 12px; background-color: #ffffff; color: #363636; padding:0px 3px;}

/*virtual table input text*/
.tt_input1 {width:85%; height:24px; border-radius:2px; border:solid #999 1px; padding:none;}


.scrl_nav{ position:absolute; bottom:0; width:50px; height:25px; display:block; }

/* application pages */
.tt_page{  position:absolute; display: block; left:0px; top:0px; width:100%; height:100%; overflow-y: auto; background-color:#FFF;z-index:1; animation-duration: 0.5s; }
.tt_page2{ position:absolute; display: block; left:0px; top:0px; width:100%; height:100%; overflow-y: scroll; background-color:#FFF;  z-index:1; animation-duration: 0.5s; }

.tt_page3{
    position:absolute; left:32%; top:0px; width:68%; height:100%;
    background-color:#FFF;
    overflow-y:scroll;
    z-index:1;
    transition: 0.5s;
}

.tt_lmenu {
    position: absolute; left: 0px; top: 0px; width: 22%; height: 100%;
}
.tt_stage {
    position: absolute; left: 22%; top: 0px; width: 60%; height: 100%;
}
.tt_rmenu {
    position: absolute; right: 0px; top: 0px; width: 18%; height: 100%;
}

/*header place holder*/
.hp_holder2 { position: absolute; width: 600px; height: 60px; line-height: 60px; text-align: center; overflow: hidden; background-color: #7396b7; }

/*icons*/
.k_icon {width: 46px; height: 46px; overflow: hidden; color: rgb(0, 0, 0); cursor: pointer; stroke: #bd9e4d;}
.k_icon2 {width: 36px; height: 36px; overflow: hidden; color: rgb(0, 0, 0); cursor: pointer; stroke: #bd9e4d; }
.k_iconwa {width: auto; height: 46px; overflow: hidden; color: white; cursor: pointer; stroke: white;}
.k_iconscrl {position: relative; width: auto; height: 20px; overflow: hidden; color: white; cursor: pointer; stroke: black; stroke-width:20;}
.k_stroke1 {stroke:#c0a76d;}
/*menu*/
/* fixed height */

/*.ttmnu_list { width: 100%; min-height: 46px; height: 46px; padding: 5px; text-align: left; border-bottom: solid #cacaca 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; cursor: pointer; }*/

.ttmnu_list {
    width: 100%; min-height: 35px; height: 35px; padding: 5px; text-align: left;
    border-bottom: solid #e5e5e5 1px;
    overflow-y: auto;
    font-family: Arial;
    font-size: 11px;
    line-height: 5px;
    font-weight: 520;
    cursor: pointer; overflow: hidden;
    background: #f8f8f8;
}

.ttmnu_list_sub{
    width: 100%; min-height: 35px; height: 35px; padding: 5px; text-align: left;
    overflow-y: auto;
    font-family: Arial;
    font-size: 11px;
    line-height: 5px;
    font-weight: 400;
    cursor: pointer; overflow: hidden;
    background: #f8f8f8;
}


.ttmnu_list1 { width: calc(100% - 70px); height: 100%; text-align: left; float: left;
    line-height: 25px;
}
.ttmnu_list2 { width: 50px; height: 50px; float: right;
    line-height: 50px; text-align: center; font-size: 24px;
}
.ttmnu_list3{
    width: 100%; height: 46px; padding: 5px; text-align: left; border-bottom: solid #cacaca 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    cursor: pointer;
}
.ttmnu_list3_chl{
    width: 100%; height: auto;
}
/*check box*/
.tt_chk1 {cursor: pointer;  }


/*variable height menu*/
.ttmnu_listah { width: 100%; height:auto; padding: 15px; text-align: left; border-bottom: solid #cacaca 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
}
.tt_mlmnu1 { position: relative; left: 0px; top: 0px; width: 100%; height: 100%; }
.tt_mlmnu2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }


/*tt_card*/
.tt_card50x100 {
    width: 50%; height: 100%;
    float: left;
}


/*text elements*/
.tt_font1 { font-family: tt_font1; }

.tt_txt1 { font-family: tt_font1;	font-size: 18px; }
.tt_txt2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.tt_txt10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.tt_txt11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.tt_txt12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.tt_txt13 { font-family:kar3; font-stretch:extra-expanded; font-size: 24px; }
.k_txtb { font-weight: bold; }

.tt_f10 { font-size: 10px; }
.tt_f11 { font-size: 11px; }
.tt_f12 { font-size: 12px; }
.tt_f13 { font-size: 13px; }
.tt_f14 { font-size: 14px; }
.tt_f16 { font-size: 16px; }
.tt_f18 { font-size: 18px; }
.tt_f20 { font-size: 20px; }
.tt_f28 { font-size: 28px; }
.k_txt10 { font-size: 10px; }
.k_txt24 { font-size: 24px; }
.k_txt25 { font-size: 25px; }

/*line height */
.k_lnh100p {line-height: 100%;}

.k_lnh50 {line-height: 50px;}
.k_lnh30 {line-height: 30px;}
.k_lnh35 {line-height: 35px;}
.k_lnh55 {line-height: 55px;}
.k_lnh40 {line-height: 40px;}
.k_lnh60 {line-height: 60px;}
.k_lnh65 {line-height: 65px;}
.k_lnh10 {line-height: 10px;}
.k_lnh16 {line-height: 16px;}
.k_lnh18 {line-height: 18px;}
.k_lnh20 {line-height: 20px;}
.k_lnh22 {line-height: 22px;}
.k_lnh24 {line-height: 24px;}
.k_lnh25 {line-height: 25px;}
.k_lnh28 {line-height: 28px;}
.k_lnh30 {line-height: 30px;}

/*text alignments */
.k_tal {text-align: left;}
.k_tar {text-align: right;}
.k_tac {text-align: center;}
.k_taj {text-align: justify;}

/*text color */
.k_txt_wh {color: white;}
.k_txt_gr {color: #868686;}


/*other page elements*/


/*----------*/

/*hover */
.k_hov1:hover {background-color: #f1f1f1; color: black; stroke: #000000;}
.k_hov2:hover {background-color: #f1f1f1; color: black; stroke: #000000;}
.k_hov3:hover {background-color: #bd9e4d; color: #ffffff; border-color: #bd9e4d; }

/*scroll bar style*/
.k_sbar {scrollbar-width: thin;}

/* --------------------- common properties ---------------------------*/
/*background colors */
.k_bg1 { background-color: #263d4f; } /*application identity color */
.k_bg2 { background-color: #f8f8f8; }
.k_bg3 { background-color: #666666; }
.k_bg4 { background-color: rgb(227, 228, 230); }
.k_bg5 { background-color: #c91212; }
.k_bg6 { background-color: #ffffff; }
.k_bg7 { background-color: #f1f1f1; }
.k_bg8 { background-color: #d9d9c9; }
.k_bg9 { background-color: #c5c5c5; }
.k_bg10 { background-color: #c9c3b1; }
.k_bg11 { background-color: #fff; }
.k_bg12 { background-color: #a89978; }

/*gradient bgs*/
.k_grad1 { background-image: linear-gradient(#a19b9b,#f1f1f1, #787879);}
.k_grad2 { background-image: linear-gradient(#a31703,#520c30 );}

.k_grad3 { background-image: linear-gradient(#8c7437, #bd9e4d);}
.k_grad3:hover { background-image: linear-gradient(#8f7e54, #d0a22f); }

/*foreground colors*/
.k_fcolor1 { color: #0a363e; }
.k_fcolor2 { color: #78755c; }
.k_fcolor3 { color: #000000; }
.k_fcolor4 { color: #ffffff; }
.k_fcolor5 { color: #727272; }

/*boarders*/
.k_brdr1 {border:solid #8c7437 1px;}
.k_brdrr3 {border-radius: 3px;}
.k_brdrr7 {border-radius: 7px;}
.k_brdrr10 {border-radius:  10px;}
.k_brdrrre {border:solid #c0a76d 1px;}
.k_brdrrre2 {border:solid #c7c7c7 1px;}
.k_brdr5 {border:solid #c0a76d 1px; }
.k_brdr6 {border:solid #c0a76d 1px; }
.k_brdr7 {border:solid #78755c 1px; }
.k_brdr8 {border:solid #626262 1px; }
.k_brdr9 {border:solid #999 1px; }
.k_brdr10 {border:solid #c7c7c7 1px; }
.k_brdr11 {border:solid #f1f1f1 1px; }
.k_brdrbtm {border-bottom: 1px solid #e1e1e1;}
.k_brdrbtm2 {border-bottom: 1px solid #f1f1f1;}


.k_brltb{ border-left:solid #999 1px; border-top:solid #999 1px; border-bottom:solid #999 1px; }
.k_brtrb{ border-left:none; border-right:solid #999 1px; border-top:solid #999 1px; border-bottom:solid #999 1px; }

.k_brb_shadow{
    box-shadow: 0px 2px 0px rgba(229, 229, 229, 0.2);
}

.k_brdrr5 {border-radius:5px; }
.k_brdrr3 {border-radius:3px; }

.k_brdrt2{ border-top: 1px solid #cbcbcb; }

.k_brdrtlr5{ border-top-left-radius: 5px; }
.k_brdrtlr10{ border-top-left-radius: 10px; }
.k_brdrtrr5{ border-top-right-radius: 5px; }
.k_brdrtrr10{ border-top-right-radius: 10px; }

.k_brdr_l1 {border-left:solid #999 1px;}
.k_brdr_r1 {border-right:solid #eeeeee 1px;}
.k_brdr_b1 {border-bottom:solid #999 1px;}



.k_brdr2 {border:solid #dfd91a 1px;}
.k_brdr3 {border-bottom: solid #00ff00 5px; }
.k_brdr5 {border:solid #ff0000 5px;}
.k_brdrr1 { border-right: solid #918d8d 1px;}
.k_brdrt1 { border-top: solid #eeeeee 1px;}

/*border radius*/
.kbr_1 {border-radius: 3px 3px 0px 0px;}

/*paddings*/
.k_pad20 { padding: 20px;}
.k_pad10 { padding: 10px;}
.k_pad16 { padding: 16px;}
.k_pad14 { padding: 14px;}
.k_pad5 {padding: 5px;}
.k_pad6 {padding: 6px;}
.k_pad8 {padding: 8px;}
.k_pad1 {padding: 1px;}
.k_pad2 {padding: 2px;}
.k_pad4 {padding: 4px;}
.k_padr5 {padding-right: 5px;}

.k_pad5_tlb {padding: 5px 5px 5px 0; }


.k_padm1 { padding: 8px 4px 0px 4px}

/*width and height*/
.w_auto {width: auto;}
.w100h100p {width: 100%; height: 100%;}
.w_100p { width: 100%;}
.w_90p { width: 90%;}
.w_96p {width: 96%;}
.w_82p { width: 82%;}
.w_80p { width: 80%;}
.w_75p {width: 75%;}
.w_70p {width: 70%;}
.w_67p { width: 67%;}
.w_60p { width: 60%;}
.w_55p { width: 55%;}
.w_52p { width: 52%;}
.w_50p { width: 50%;}
.w_47p { width: 47%;}
.w_45p { width: 45%;}
.w_40p { width: 40%;}
.w_44p { width: 44%;}
.w_36p { width: 36%;}
.w_35p { width: 35%;}
.w_34p { width: 34%;}
.w_33p { width: 33%;}
.w_31p { width: 31%;}
.w_30p { width: 30%;}
.w_28p {width: 28%;}
.w_25p { width: 25%;}
.w_23p { width: 23%;}
.w_20p { width: 20%;}
.w_160 {width: 160px;}
.w_100 {width: 100px;}
.w_65 {width: 65px;}
.w_55 {width: 55px;}
.w_50 {width: 50px;}
.w_32 {width: 32px;}
.w_30 {width: 30px;}
.w_22 {width: 22px;}
.w_10 {width: 10px;}
.w_mn160 {min-width: 160px;}
.h_50ph {height: 50vw;}
.h_40ph {height: 40vw;}
.w_75 {width: 75px;}
.w_100p150 { width: calc(100% - 150px); }
.w_100p75 { width: calc(100% - 75px); }
.w_60p50 { width: calc(60% - 160px); }
.w_41p2 { width: calc(41% - 2px); }
.w_28pa2 { width: calc(28% + 2px); }

.w_100p10 {width: calc(100% - 10px);}
.w_100p20 {width: calc(100% - 20px);}

.w_100p80 {width: calc(100% - 80px);}
.w_mn160 {min-width: 160px;}
.w_100p160 {width: calc(100% - 160px);}
.w_100p150 {width: calc(100% - 150px);}




.w_90 {width: 90px;}
.w_72 {width: 72px;}
.w_50 {width: 50px;}
.w_60 {width: 60px;}
.w_40 {width: 40px;}
.w_36 {width: 36px;}
.w_25 {width: 25px;}
.w_20 {width: 20px;}
.w_75p { width: 75%;}
.w_15p { width: 15%;}
.w_10p { width: 10%;}
.w_18p { width: 18%;}
.w_80p { width: 80%;}

.h_auto {height: auto;}
.h_100p { height: 100%; }
.h_93p {height: 93%;}
.h_80p {height: 80%;}
.h_50p { height: 50%; }
.h_80 { height: 80px; }
.h_50 {height: 50px;}
.h_46 {height: 46px;}
.h_45 {height: 45px;}
.h_40 {height: 40px;}
.h_30 {height: 30px;}
.h_100p40 {height: calc(100% - 40px);}
.h_100p30 {height: calc(100% - 30px);}
.h_100p50 {height: calc(100% - 40px);}
.h_100p65 {height: calc(100% - 65px);}
.h_100p70 {height: calc(100% - 70px);}
.h_100p85 {height: calc(100% - 85px);}

.h_50ph {height: 50vw;}
.h_40ph {height: 40vw;}
.w_auto {width: auto;}
.w_100p150 { width: calc(100% - 150px); }
.w_100p75 { width: calc(100% - 75px); }
.w_41p2 { width: calc(41% - 2px); }
.w_28pa2 { width: calc(28% + 2px); }

.h_90p { height: 90%; }
.h_95p { height: 95%; }
.h_80p { height: 80%; }
.h_160 { height: 160px; }
.h_110 { height: 110px; }
.h_65 {height: 65px;}
.h_80 {height: 80px;}
.h_60 {height: 60px;}
.h_25 { height: 25px; }
.h_22 { height: 22px; }
.h_20 { height: 20px; }
.h_15 {height: 15px;}
.h_30 {height: 30px;}
.h_55 {height: 55px;}
.h_100 {height: 100px;}
.h_105 {height: 105px;}
.h_120 { height: 120px;}
.h_26 {height: 26px;}
.h_32 {height:32px;}
.h_40 {height: 40px; }
.h_1 {height: 1px;}

.w25p {width: 25%;}
.w_10p {width: 10%;}
.w_5p {width: 5%;}
.w50p {width: 50%;}
.w45p {width: 45%;}

/*alignments*/
.kp_r {position: relative;}
.kp_a {position: absolute;}
.k_fltl {float: left;}
.k_fltr {float: right;}
.txt_c { text-align: center;}
.kt_50 {top: 50px;}
.kl_30 {left: 30px;}
.kb_10 { bottom: 10px;}
.khv_c {left: 50%; top:50%; transform: translate(-50%, -50%);}
.kh_c {left: 50%; transform: translate(-50%);}
.k_right20 {right: 20px;}
.kp_t0 { top:0px; }

.k_ma {margin: auto;}
.k_ma2 { margin:2px;}
.k_ma4 { margin:4px;}
.k_mat1 { margin-top:1px;}
.k_mat2 { margin-top:2px;}
.k_mat5 { margin-top:5px;}
.k_mat10 { margin-top:10px;}
.k_mat20 { margin-top:20px;}
.k_mat30 { margin-top:30px;}
.k_mat100 { margin-top:100px;}
.k_mat125 { margin-top:125px;}
.k_mab2 {margin-bottom: 2px;}
.k_mab10 {margin-bottom: 10px;}
.k_mab20 {margin-bottom: 20px;}

.k_vhc {top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.k_vc {  -ms-transform: translateY(-50%); transform: translateY(-50%);}
.k_hc {  -ms-transform: translateX(-50%); transform: translateX(-50%); }
.k_floatl {float: left;}
.k_floatr {float: right;}
/*top and left */
.k_btm20 {bottom: 20px;}
.k_lft50p {left: 50%;}

/*display*/
.tt_bk {display: block;}
.tt_bkh {display: none;}
.ovf_h {overflow:hidden;}
.k_dinbk { display: inline-block; }
.k_dcell {display: table-cell;}

.btn_pay {
    background-color: #c0a76d;
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

/*zindex */
.kz_10 {z-index: 10;}

/* Transitions & animations */
.k_trans1{transition:1s; }

/*text alignments */
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.ta_nw {text-wrap:none;white-space: nowrap;}

/*line height */
.kl_h20 {line-height: 20px;}
.kl_h25 {line-height: 25px;}
.kl_h30 {line-height: 30px;}
.kl_h35 {line-height: 35px;}
.kl_h40 {line-height: 40px;}
.kl_h46 {line-height: 46px;}

/*margins*/
.km_10 {margin: 10px;}
.km_16 {margin: 16px;}
.km_a {margin: auto;}
.km_2p {margin: 2%;}
.kmt_10 {margin-top: 10px;}

/*display*/
.tt_dsb {display: block;}
.tt_dsn { border:5px solid red;}
.tt_ofh { overflow:hidden;}
.tt_ofs { overflow: scroll;}
.tt_ofa { overflow: auto;}
.tt_dflex {display:flex;}
.tt_dinlb {display: inline-block;}

/*zindex */
.kz_10 { z-index: 10; }

/*annimations */
@keyframes k_lslidein {
    from {
        left: -100%;
    }
    to {
        left: 0px;
    }
}
@keyframes k_lslideout {
    from {
        left: 0px;
    }
    to {
        left:-100%;
    }
}


@keyframes slide-left {
    from {
        left: 100%;
    }
    to {
        left: 0px;
    }
}

@keyframes slide-right {
    from {
        left: -100%;
    }
    to {
        left: 0px;
    }
}

/*--------------------------------mobile and small screens-----------------------------*/
@media (max-width: 820px){
    .tt_card50x100 {width: 100%; height: 50%;}
    .tt_page2 { width: 100%;}
    .tt_page3 { width: 100%; left: 0px;}
}


/*.collapsible {*/
/*width: 100%; height: 46px; padding: 5px; text-align: left; border-bottom: solid #cacaca 1px;*/
/*    font-family: Arial, Helvetica, sans-serif;*/
/*    font-size: 12px;*/
/*    line-height: 15px;*/
/*    cursor: pointer;*/

/*}*/

/*.active, .collapsible:hover { */
/*}*/


/*.content {*/
/*  padding: 0 18px;*/
/*  max-height: 0;*/
/*  overflow: hidden;*/
/*  transition: max-height 0.2s ease-out;*/
/*  background-color: #f1f1f1;*/
/* width: 100%;*/
/*}*/

.k_par {
    content: '\002B';
    color: black;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}

.collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
    background-color: #555;
}

.collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}

.k_heading_text{
    font-family: Arial, Helvetica, sans-serif
}

.mya4{
    width:755px; height:1080px; overflow:hidden;
}

.crf_bdy{
    position:absolute; left:10px; top:0px; width:790px; height:1150px;
}

.btn_sub{ background: #e1e1e1; }
.btn_sub:hover{ background: #dadada; }

btn_can{  }
.btn_can:hover{ background: #dadada; }
/*.scroll {*/
/*    border: 0;*/
/*    border-collapse: collapse;*/
/*}*/




/*
table {
    table-layout: fixed;
    width: auto;
    overflow: auto;
}

table tr {
    border-bottom: 1px solid #e9e9e9;
}

table thead td,th {
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    padding: 10px;
    margin: 10px;
    font-size: 13px;
    text-transform: capitalize;
}

table thead tr td .dt_btitle{
    padding: 10px;
    font-weight: bold;
    background: #e8e8e8;
    border-radius: 10px;
}

table tbody tr td,
th {
    border-bottom: 1px solid #e1e1e1;
    padding: 13px;
    font-size: 14px;
    text-align: left;
    text-wrap: none;
}

table tbody tr:hover {
    background: #fcfcfc;
}

table thead tr td:hover .dt_btitle{
    background: #f1f1f1;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

table tr ul.actions {
    margin: 0;
}

table tr ul.actions li {
    display: inline;
    margin-right: 5px;
}

table thead tr th{
    border-bottom: red !important;
}

*/

/*tr:nth-child(even){ background-color: #949494 !important; }*/

/* Process category Form*/
.tt_frm_wizard {
    width: 100%;
    display: grid;
}

.tt_process {
    box-model: border-box;
    align-self: center;
    justify-self: center;
    padding: 30px 0;
}
.tt_process ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.tt_process ul li.tt_pst .tt_type {
    display: flex;
    align-items: center;
    color: #252525;
    font-size: 12px;
    cursor: pointer;
}
.tt_process ul li.tt_pst .tt_type:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
    border: 1px solid #c0a76d;
    background: transparent;
}

.tt_process ul li.tt_pst.completed .tt_type:before {
    content: "✓";
    color: white;
    font-size: 0.8em;
    text-align: center;
    background: #c0a76d;
    line-height: 20px;
}

.tt_process ul li.tt_pst:not(:last-child):after {
    height: 22px;
    width: 2px;
    content: "";
    display: block;
    background-color: #8c8c8c;
    margin-left: 9px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.tt_tlmt20{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 170px; }

.error-info{
    transition: all .2s ease-in-out;
}

.intl-tel-input,
.iti{ width: 100%; }