* {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
body{
    margin:0; padding:0; background:url(../images/bg.png); font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;
    direction:rtl;
    line-height: 1;
    padding-bottom: 50px;
}
body.en {
    direction: ltr;
    font-size:16px;
}
a, input, select{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}


/*** COMMON CSS ***/
#main{margin:0 auto; width:100%; direction:rtl;}
body.en #main { direction: ltr; }
img{border:0;}
h1, h2, h3, h4, h5{margin:0; padding:0; line-height:normal; width:100%; font-weight:normal;}
ul{margin:0; padding:0; width:100%; float:left;}
ul li{list-style:none; float:left;}

.details_holder{ width:1200px; margin:0 auto; position: relative; }
.details_holder.page-content { width: 100%; }
.common_container{width:100%; float:left; padding:15px 0 0 0;}

.main_content{ width:950px; float:left; padding:0 30px 0 0;}
.main_content.page-content { width: 85%; }
.sidebar{ width: 13%; float:left; padding:0 0 50px 0;}
#sidebar-menu {
    width:220px;
}
.sidebar.logo { margin-bottom: 200px; float: right }
.sidebar h2.acc_trigger {width:100%; float:left; font-size:18px;}
body.en .sidebar h2.acc_trigger{ font-size: 16px; }
.sidebar h2.acc_trigger a {display:block; float:left; border-bottom:1px solid #879174; width:95%; padding:10px 5% 10px 0; color:#000; text-decoration:none; background:#d9e1c8;}
body.en .sidebar h2.acc_trigger a{ padding:10px 0 10px 5%; }
.sidebar h2.acc_trigger a:hover {color:#fff; background:#5d664b;}
.sidebar h2.active a{color:#fff; background:#5d664b;}
.sidebar .acc_container { display: none; }
.sidebar .acc_container{width:100%; float:left;background:#f3f3f3; font-size:14px;}
.sidebar .acc_container ul li{width:100%; float:left; border-bottom:1px solid #fff;}
.sidebar .acc_container ul li a{display:block; float:left; width:100%; float:left; padding:7px 5% 7px 0; width:95%; color:#000; text-decoration:none;}
body.en .sidebar .acc_container ul li a{ padding:7px 0 7px 5%; }
.sidebar .acc_container ul li a:hover{background:#f08127;}
.sidebar .acc_container ul li.active a{background:#f08127;}
.sidebar .acc_trigger.active + .acc_container {
    display: block;
}

/*** HEADER ****/
.header{ width:100%; float:left; background:url(../images/header.png) repeat-x; top:0; left:0; position:relative; z-index:20;}
.tagline{width:560px; float:left; text-align:left; color:#fff; font-size:20px; padding:25px 0 0 0;}
.tagline a{color:#5d664b; background:#fff; padding:5px; text-decoration:none; font-size:14px; text-transform:none;}
.tagline a:hover{background:#333; color:#fff;}
.logo_text{ width:390px; float:left; color:#fff; padding:10px 0 0 0;}
.logo_text strong{font-size:55px; color:#f18127;}
body.en .logo_text strong{ font-size: 40px; }
.logo_img{
    width:180px; float:left; text-align:left; padding:20px 0 0 0;
    position: absolute;
    top: 15px;
    z-index: 10000;
    left: 980px;
}


/*** FOOTER ****/
.footer{ width:100%; float:left; padding:10px 0; background:#5d664b; font-size:23px; color:#dce5ce; font-weight:bold; position: fixed; bottom: 0; z-index: 9999}
.footer .btn_holder{width:90px; float:left; }
.footer .btn_holder input{border:0; cursor:pointer; background:url(../images/submit.png) no-repeat center 0; width:42px; height:42px; text-indent:-999px;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.footer .btn_holder input:hover{background:url(../images/submit-ov.png) no-repeat center 0;}
.footer .textbox{ width:326px; float:left; padding:5px 0 0 0;}
.footer .textbox input{border:0; height:33px; width:90%; padding:0 3%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#999999;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.footer .textbox input:focus{color:#000;}
.footer .text_holder{ width:130px; float:left; line-height:35px;}

/*** LOGIN PAGE ***/
.login_container{width:100%; height:400px; float:left; background:url(../images/login-page.png) no-repeat 0 0; padding:80px 0 0 0;}
.login_form{width:280px; float:right; text-align:center;}
.login_form .textbox{width:100%; float:left; padding:0 0 10px 0;}
.login_form .textbox input{border:1px solid #666; height:43px; padding:0 3%; width:93.5%; font-size:18px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.login_form .textbox input:focus{color:#333; border:1px solid #666;}
.login_form .btn_holder{width:100%; float:left; padding:10px 0 10px 0; font-size:15px;}
.login_form .btn_holder a{color:#f18127; text-decoration:underline;}
.login_form .btn_holder a:hover{color:#000; text-decoration:underline;}
.login_form .btn_holder input{border:2px solid #f18127; width:99.5%; height:58px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127;}
.login_form .btn_holder input.other{background:#dce5ce;}
.login_form .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** POPUP 3 ***/
.popup_three{width:550px; margin:0 auto; border:1px solid #8b9577; text-align:center; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0;}
.popup_three h1{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%;}
.popup_three .title{width:100%; float:left; padding:15px 0;}
.popup_three .textbox{width:100%; float:left; text-align:center; padding:0 0 30px 0;}
.popup_three .textbox select{border:1px solid #ccc; height:33px; font-size:18px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 5px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:auto;}
.popup_three .btn_holder{width:100%; float:left;}
.btn_holder .btn-default,
.popup_three .btn_holder input,
#frmAccountSettings .btn_holder input,
.frmGeneralSettings .btn_holder input,
#frmGeneralSettings .btn_holder input {border:1px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin:0 10px}
.btn_holder .btn-default,
.popup_three .btn_holder input.other{background:#fff; color:#f18127;}
.btn_holder .btn-default:hover,
.popup_three .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** PAGE 4 ***/
.page_four_content{width:360px; float:right; height:400px;}
.page_four_content .textbox{width:270px; float:left;}
.page_four_content .textbox input{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:90%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_four_content .textbox input:focus{border:1px solid #333; color:#333;}
.page_four_content .text_holder{width:90px; float:left;}
.page_four_content .btn_holder{width:100%; float:left; text-align:center; padding:50px 0;}
.page_four_content .btn_holder input{border:1px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127;}
.page_four_content .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** PAGE 5 ***/
.page5_table{width:948px; float:left; border:1px solid #68764d; margin:0 0 50px 0;}
.page5_table .table_header{width:100%; float:left; text-align:center; color:#fff; background:#8b9577;}
.page5_table .table_header .text1{width:59px; float:left; border-right:1px solid #68764d; height:35px; padding:5px 0 0 0;}
.page5_table .table_header .text2{width:279px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_header .text3{width:239px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_header .text4{width:239px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_header .text5{width:63px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_header .text6{width:64px; float:left;height:30px; padding:10px 0 0 0;}
.page5_table .table_row{width:100%; float:left; text-align:center; background:#fff;}
.page5_table .table_row.bg_color{background:#f2f2f0;}
.page5_table .table_row .text1{width:59px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_row .text2{width:279px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_row .text3{width:239px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_row .text4{width:239px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_row .text5{width:63px; float:left; border-right:1px solid #68764d;height:35px; padding:5px 0 0 0;}
.page5_table .table_row .text6{width:64px; float:left;height:30px; padding:10px 0 0 0;}

.page5_table_holder{border:1px solid #68764d;}

/*** POPUP 8 ***/
.popup_eight{width:550px; margin:50px auto; border:1px solid #8b9577; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0; direction:rtl;}
.popup_eight h2{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%; margin-bottom:20px; text-align:center;}
.popup_eight .textbox{width:370px; float:left; padding:0 0 30px 0; direction:rtl;}
body.en .popup_eight .textbox{ direction:ltr; }
.popup_eight .textbox input{border:1px solid #ccc; background:#f2f2f0; height:38px; padding:0 5%; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.popup_eight .textbox input:focus{border:1px solid #333; color:#333;}
.popup_eight .textbox a{background:url(../images/calendar.png) no-repeat 0 4px; padding:10px 15px; text-decoration:none;}
.popup_eight .text_holder{width:160px; float:left; padding:8px 0 30px 20px; text-align:left;}
.popup_eight .checkbox{width:370px; float:left; padding:0 0 10px 0;}
.popup_eight .checkbox input{margin:0 0 0 10px;}
.popup_eight .btn_holder{width:100%; float:left; text-align:center; padding:35px 0 0 0;}
.popup_eight .btn_holder input{border:1px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin:0 10px}
.popup_eight .btn_holder input.other{background:#fff; color:#f18127;}
.popup_eight .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** PAGE 12 ***/
.page_twelve_content{width:100%; float:left;}
.page_twelve_content ul li{width:47%; margin:0 6% 0 0;}
.page_twelve_content ul li:last-child{margin:0;}

.page_twelve_form{width:100%; float:left;}
.page_twelve_form span{text-decoration:underline;}
.page_twelve_form span.other{color:#747474; text-decoration:none;}
.page_twelve_form .textbox{width:70%; float:left; padding:0 5% 0 0; height:60px;}
.page_twelve_form .textbox input, select{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:90%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_twelve_form .textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.page_twelve_form .text_holder{width:25%; float:left; height:60px; text-align:left;}
.page_twelve_form .checkbox{width:70%; float:left; padding:0 5% 20px 0;}
.page_twelve_form .checkbox_text{width:25%; float:left; text-align:left; padding:2px 0 18px 0;}

.page_twelve_form .btn_holder{width:100%; float:left; text-align:center; padding:0;}
.page_twelve_form .btn_holder input{border:0px solid #f18127; width:auto; padding:0 40px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin-bottom:20px;}
.page_twelve_form .btn_holder input:hover{background:#333 !important; color:#fff;}
.page_twelve_form .btn_holder input.other{background:#858f71;}
.page_twelve_form .btn_holder input.last{background:#fff; padding:0 80px; color:#000;border:1px solid #f18127; }

.page_twelve_content a.tooltip { background:url(../images/help.png) no-repeat 0 10px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.page_twelve_content a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.page_twelve_content a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none}
.page_twelve_content a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 

/*** POPUP SIXTEEN ***/
.popup_sixteen{width:550px; margin:50px auto; border:1px solid #8b9577; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0; direction:rtl;}
.popup_sixteen h2{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%; margin-bottom:20px; text-align:center;}
.popup_sixteen .textbox{width:370px; float:left; padding:0 0 30px 0; direction:rtl;}
body.en .popup_sixteen .textbox{direction:ltr;}
.popup_sixteen .textbox input, select{border:1px solid #ccc; background:#f2f2f0; height:38px; padding:0 5%; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.popup_sixteen .textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.popup_sixteen .textbox a{background:url(../images/calendar.png) no-repeat 0 4px; padding:10px 15px; text-decoration:none;}
.popup_sixteen .text_holder{width:160px; float:left; padding:8px 0 30px 20px; text-align:left;}
.popup_sixteen .checkbox{width:370px; float:left; padding:0 0 10px 0;}
.popup_sixteen .checkbox input{margin:0 0 0 10px;}
.popup_sixteen .btn_holder{width:100%; float:left; text-align:center; padding:35px 0 0 0;}
.popup_sixteen .btn_holder input{border:1px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin:0 10px}
.popup_sixteen .btn_holder input.other{background:#fff; color:#f18127;}
.popup_sixteen .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** PAGE 17 ***/
.page_saventeen{width:100%; float:left;text-align:center; top:0; left:0; position:relative; z-index:20; margin-top:-50px; padding-left: 20px; }
.page_saventeen select{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin:0 10px;}
.page_saventeen select:focus{border:1px solid #333; color:#333;}
.page_saventeen .textbox{ width:730px; float:left;}
.page_saventeen .help{width:40px; float:left; padding:25px 0 0 0;}
.page_saventeen .help a.tooltip { background:url(../images/help.png) no-repeat 0 10px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.page_saventeen .help a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.page_saventeen .help a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none;}
.page_saventeen .help a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 
.page_saventeen .btn_holder{ width:950px !important; float:right; text-align: right; padding-right: 10px; padding-bottom: 10px; direction: ltr;}
.page_saventeen .btn_holder ul li{width: 80px; display: inline-block; float: none; text-align: center;}
.page_saventeen .btn_holder ul li img{margin-bottom:5px;}
.page_saventeen .btn_holder ul li a{color:#5d664b; text-decoration:none;}
.page_saventeen .btn_holder ul li a:hover{color:#000; text-decoration:none;}

/*** POPUP 18 ***/
.main_content .popup_eighteen{float:left; margin:0; margin-top:-60px; margin-bottom:50px;}

.popup_eighteen{width:850px; margin:50px auto; border:1px solid #8b9577; direction:rtl; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0;}
body.en .popup_eighteen{direction:ltr;}
.popup_eighteen h2{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%; text-align:center;}
.popup_eighteen ul li{width:49%; margin:0 2% 0 0;}
.popup_eighteen ul li:last-child{margin:0;}

.page_eighteen_form{width:90%; float:left; padding:30px 5%;}
.page_eighteen_form .textbox{width:70%; float:left; padding:0 5% 0 0; height:60px;}
.page_eighteen_form .textbox input, select{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:88%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_eighteen_form .textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.page_eighteen_form .text_holder{width:25%; float:left; height:60px; text-align:left;}
.page_eighteen_form .checkbox{width:100%; float:left; padding:0 2% 10px 0;}
.page_eighteen_form .checkbox ul li{width:50%; float:left; margin:0;}
.page_eighteen_form .checkbox_text{width:15%; float:left; text-align:left; padding:2px 0 18px 0;}

.page_eighteen_form .btn_holder{width:100%; float:left; text-align:center; padding:0;}
.page_eighteen_form .btn_holder input{border:0px solid #f18127; width:180px; padding:0; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin-bottom:20px;}
.page_eighteen_form .btn_holder input:hover{background:#333 !important; color:#fff !important;}
.page_eighteen_form .btn_holder input.other{background:#fff;border:1px solid #f18127; color:#f18127;}

.popup_eighteen a.tooltip { background:url(../images/help.png) no-repeat 0 10px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.popup_eighteen a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.popup_eighteen a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none}
.popup_eighteen a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 

/*** POPUP 19 ***/
.main_content .popup_nineteen{float:left; margin:0; margin-top:-60px; margin-bottom:60px;}

.popup_nineteen{width:948px; margin:50px auto; border:1px solid #8b9577; direction:rtl; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0;}
body.en .popup_nineteen{ direction:ltr;}
.popup_nineteen h2{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%; text-align:center;}
.popup_nineteen ul li{width:450px; padding:0 12px 0 11px; border-right:1px solid #939393; margin-top:15px;}
.popup_nineteen ul li:last-child{padding:0 12px 0 12px; border:0;}

.page_nineteen_form{width:100%; float:left;}
.page_nineteen_form .title{width:100%; float:left; padding:0 0 15px 0;}
.page_nineteen_form strong{color:#f18127;}
.page_nineteen_form .checkbox_text{width:100%; float:left; padding:0 0 10px 0; font-weight:bold;}
.page_nineteen_form .checkbox_text input{margin:0 0 0 10px;}
.page_nineteen_form .textbox{width:100px; float:left; padding:0 5px 0 0; height:45px;}
.page_nineteen_form .textbox input, select{border:1px solid #ccc; background:#f2f2f0; height:25px; padding:0 5%; width:80%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_nineteen_form .textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.page_nineteen_form .text1{width:90px; float:left; height:45px; text-align:left;}
.page_nineteen_form .text2{width:150px; float:left; height:45px;}

.popup_nineteen .last_textbox{width:100px; float:left; padding:0 5px 0 10px; height:45px;}
.popup_nineteen .last_textbox input, select{border:1px solid #a5b090; background:#f2f2f0; height:35px; padding:0 5%; width:80%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.popup_nineteen .last_textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.popup_nineteen .text_holder{width:100px; float:left; padding:5px 0 0 0;}

.popup_nineteen .btn_holder{width:100%; float:left; text-align:center; padding:40px 0 0 0;}
.popup_nineteen .btn_holder input{border:0px solid #f18127; width:180px; padding:0; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin:0 15px;}
.popup_nineteen .btn_holder input:hover{background:#333 !important; color:#fff !important;}
.popup_nineteen .btn_holder input.other{background:#fff;border:1px solid #f18127; color:#f18127;}

.popup_nineteen a.tooltip { background:url(../images/help.png) no-repeat 0 10px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.popup_nineteen a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.popup_nineteen a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none}
.popup_nineteen a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 

/*** PAGE 20 ***/
.page_twentee_holder{width:100%; float:left; top:0; left:0; position:relative; z-index:20; margin-top:-50px;}
.page_twentee_header{width:690px; float:right;}
.page_twentee_header .selectbox{width:100%; float:left; direction:ltr}
.page_twentee_header .selectbox ul li{width:345px; float:left;}
.page_twentee_header .selectbox ul li:last-child{float:right; width:300px;}
.page_twentee_header .textbox{width:100%; float:left; padding:20px 0 0 0; direction:ltr; text-align:right;}
.page_twentee_header input, select{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_twentee_header input:focus, select:focus{border:1px solid #333; color:#333;}
.page_twentee_table{width:690px; float:right; border:1px solid #8b9677; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin-bottom:20px;}
.page_twentee_table .table_header{width:100%; float:left; background:#a8af99;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; text-align:center; line-height:35px;}
.page_twentee_table .table_header .text1{width:79px; float:left; border-right:1px solid #8b9677;}
.page_twentee_table .table_header .text2{width:449px; float:left; border-right:1px solid #8b9677;}
.page_twentee_table .table_header .text3{width:160px; float:left;}
.page_twentee_table .table_row{width:100%; float:left; text-align:center; line-height:35px;}
.page_twentee_table .table_row.last{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.page_twentee_table .table_row.bg_color{background:#f2f2f0;}
.page_twentee_table .table_row .text1{width:79px; float:left; border-right:1px solid #8b9677;}
.page_twentee_table .table_row .text2{width:449px; float:left; border-right:1px solid #8b9677;}
.page_twentee_table .table_row .text3{width:160px; float:left;}




/*** PAGE 26 ***/
.page_tweentysix_content{width:440px; float:right; direction:rtl}
body.en .page_tweentysix_content{direction:ltr}
.page_tweentysix_content .calendar{width:50px; float:left; padding:20px 0 0 0;}
.page_tweentysix_content .textbox{ width:190px; float:left; padding:0 10px 10px 10px;}
.page_tweentysix_content .textbox input{width:90% !important;}
.page_tweentysix_content .textbox input, select{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_tweentysix_content .textbox input:focus, select:focus{border:1px solid #333; color:#333;}
.page_tweentysix_content .text_holder{width:180px; float:left; padding:0 0 30px 0; text-align:left; line-height:35px;}
.page_tweentysix_content .checkbox_text{width:100%; float:left; padding:30px 0;}
.page_tweentysix_content .checkbox_text a.tooltip { background:url(../images/help.png) no-repeat 0 5px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.page_tweentysix_content .checkbox_text a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.page_tweentysix_content .checkbox_text a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none}
.page_tweentysix_content .checkbox_text a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 

.page_tweentysix_content .checkbox_text span{font-size:13px;}
.page_tweentysix_content .btn_holder{width:100%; float:left; text-align:center;}
.page_tweentysix_content .btn_holder input{border:2px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127;}
.page_tweentysix_content .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** POPUP 31 ***/
.popup_thirtyone{width:550px; margin:50px auto; border:1px solid #8b9577; text-align:center; background:#fff; box-shadow:0 0 5px #666; padding:0 0 30px 0;}
.popup_thirtyone h1{background:#939393; padding:10px 0; font-size:18px; color:#fff; float:left; margin:0; width:100%;}
.popup_thirtyone .title{width:100%; float:left; padding:15px 0;}
.popup_thirtyone .textbox{width:100%; float:left; text-align:center; padding:30px 0;}
.popup_thirtyone .textbox select{border:1px solid #ccc; height:33px; font-size:18px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:0 5px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:auto;}
.popup_thirtyone .textbox a.tooltip { background:url(../images/help.png) no-repeat 0 10px; text-decoration:none; padding:5px 8px; opacity:0.5; filter:alpha(opacity=50);}
.popup_thirtyone .textbox a.tooltip:hover {text-decoration:none;opacity:10; filter:alpha(opacity=100);} 
.popup_thirtyone .textbox a.tooltip span {z-index:10;display:none; padding:10px; margin:-35px 5px 0 0;width:260px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; text-decoration:none}
.popup_thirtyone .textbox a.tooltip:hover span{ display:inline; position:absolute; background:#9e9e9e; font-size:14px; color:#fff; line-height:22px;} 

.popup_thirtyone .btn_holder{width:100%; float:left;}
.popup_thirtyone .btn_holder input{border:1px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin:0 10px}
.popup_thirtyone .btn_holder input.other{background:#fff; color:#f18127;}
.popup_thirtyone .btn_holder input:hover{background:#333 !important; color:#fff;}

/*** PAGE 36 ***/
.page_thirtysix{width:420px; float:left; background:url(../images/contact-img.png) no-repeat 0 bottom; padding:0 0 0 530px;}
.page_thirtysix a{color:#000; text-decoration:none;}
.page_thirtysix .address{ width:300px; float:left; padding:0 10px 15px 0; line-height:28px;}
.page_thirtysix .textbox{ width:300px; float:left; padding:0 10px 15px 0;}
.page_thirtysix .textbox textarea{height:auto !important; padding:10px 5%;}
.page_thirtysix .textbox input, textarea{border:1px solid #ccc; background:#f2f2f0; height:35px; padding:0 5%; width:90%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.page_thirtysix .text_holder{width:110px; float:left; padding:0 0 15px 0;}
.page_thirtysix .text_holder input:focus, textarea:focus{border:1px solid #333; color:#333;}
.page_thirtysix .btn_holder{width:100%; float:left; text-align:center; padding:0;}
.page_thirtysix .btn_holder input{border:0px solid #f18127; width:180px; height:35px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; background:#f18127; margin-bottom:20px;}
.page_thirtysix .btn_holder input:hover{background:#333 !important; color:#fff;}

/* CSS for Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    .page_twelve_content a.tooltip span, 
    .page_seventeen .help a.tooltip span {
        margin: -35px 0 0 -380px;
    }

    .popup_eighteen a.tooltip span {
        margin: -35px 0 0 -360px;
    }

    .popup_nineteen a.tooltip span {
        margin: -35px 0 0 140px;
    }

    .page_tweentysix_content .checkbox_text a.tooltip span {
        margin: -35px 0 0 120px;
    }

    /* Placeholder for future styles */
    .popup_thirtyone .textbox a.tooltip span {
        /* Currently empty. Add styles here if needed */
    }
}

.clearfix {
    clear: both;
}
#frmAddExpense, #frmEditExpense, #frmAddBusinessEntity, #frmEditBusinessEntity, .form-design.form-padding {
    padding: 20px;
}
.form-design input.error {
    border: 1px solid red;
}
.form-design input.error.valid {
    border: none;
}
@media screen and (max-height: 500px) {
    .footer {
        position: unset;
    }
}
.certifier-rows a.actions {
    display: inline-block;
    vertical-align: middle;
}
.expense-profile-area-row .profile-area-select.has-error,
.expense-profile-area-row .profile-area-input.has-error,
.certifier-rows .certifier-select.has-error {
    border: 1px solid red;
}
.popup_three h1.certifier-title {
    margin-bottom: 10px;
}
.expense-profile-total-refund p {
    margin-right: 30px;
    margin-top: 10px;
}
.profile-expense-area-dynamic-rows {
    clear: both;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
tr.entity-parent {
    background-color: #e6efd4;
}
table.entity-child-table tr.entity-parent,
tr.entity-parent.entity-child {
    background: none;
}
tr.entity-child {
    display: none;
}
.pb-10 {
    padding-bottom: 10px !important;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}

table.dataTable thead .sorting {
    background-image: url(https://datatables.net/media/images/sort_both.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_asc {
    background-image: url(https://datatables.net/media/images/sort_asc.png);
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting_desc {
    background-image: url(https://datatables.net/media/images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: center right;
}
table.dataTable thead .sorting_asc.no-sort {
    background-image: none;
}
.tablesorter-scroller-table {
    /*max-height: 500px !important;*/
}
tr th {
    text-align: center !important;
}
@media screen and (max-width: 1600px) {
    .main_content.page-content { width: 75%; }
    .sidebar{ width: 20%; padding-left: 0; }
    .sidebar.logo {
        margin-bottom: 100px;
    }
}
.employees-count {
    text-align: left;
    direction: rtl;
}
td.table-h-200 div {
    width: 200px;
}
.line{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emp{
    padding-top:0!important;
}

.popup_three .textbox.additional input[type="text"] {
    width: 430px; /* or specify any specific width you want, like 300px */
    box-sizing: border-box; /* This ensures padding and borders are included in the total width */
}



.additional .remarks {
    height: 40px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-all;  /* Это принудительно разорвет длинные слова */
    resize: none;
}

.additional .remarks {
    width: 430px;
    height: 60px;
    padding: 5px;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-all;
    resize: none;
    border: 1px solid #ccc;
    background: #f2f2f0;
}
.label-multiselect{
    width: 185px;
}

.custom-multiselect {
    width: 185px;
    padding: 5px;
    border-radius: 4px;
    position: relative;
    max-height: 52px; /* Ensure a minimum height */
    overflow: visible; /* Ensure the dropdown can overflow */
}

.custom-multiselect .selected-options {
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 4px;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    gap: 5px;
    position: relative; /* Ensure the dropdown is positioned relative to this element */
}

.custom-multiselect .selected-options span {
    border: 1px solid #fff;
    background-color: rgb(104, 118, 77);
    color: white;
    padding: 3px 3px;
    border-radius: 4px;
    margin-right: 3px;
}

.custom-multiselect select {
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

.custom-multiselect .options-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    width: 182px;
    left: 5;
    z-index: 10;
}

.custom-multiselect .show-options .options-dropdown {
    display: block;
}

.choice__remove {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 0.9em;
    padding: 0;
}

.choice__remove span {
    display: block;
}
.multi-level{
    text-align: right!important;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    text-align: right;
    font-weight: 700;
    color:black;
    padding: 0 5px 0 0;
}
.search-input{
    border: 1px solid #ccc;
    background: #f2f2f0;
    height: 35px;
    padding: 0 5%;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px;
}
/*.expense-parent .expense-row{*/
/*    display: none;*/
/*}*/
/*.expense-child .expense-parent{*/
/*    display: none!important;*/
/*}*/
/*.chi-td{*/
/*    width: 140px!important;*/
/*}*/
/*.chi-td1{*/
/*    width: 87px;*/
/*    !*padding-right: 7px;*!*/
/*}*/
/*.chi-td2{*/
/*    width: 85px;*/
/*    !*padding-left: 20px;*!*/
/*    !*padding-right: 52px;*!*/
/*}*/
/*.chi-td3{*/
/*    width: 85px;*/
/*    !*padding-left: 20px;*!*/
/*    !*padding-right: 52px;*!*/
/*}*/
/*.chi-td4{*/
/*    width: 140px;*/
/*    padding-left: 20px;*/
/*    padding-right: 52px;*/
/*}*/
/*.chi-td5{*/
/*    width: 140px;*/
/*    padding-left: 20px;*/
/*    padding-right: 52px;*/
/*}*/
/*.chi-td6{*/
/*    width: 140px;*/
/*    padding-left: 20px;*/
/*    padding-right: 52px;*/
/*}*/
/*.chi-td7{*/
/*    width: 140px;*/
/*    padding-left: 20px;*/
/*    padding-right: 52px;*/
/*}*/
/* Скрыть строки */
.expense-hidden {
    display: none; /* Полностью убирает строку из потока документа */
}

/* Раскрытые строки */
.expense-row {
    display: table-row; /* Показывает строку таблицы */
}

/* Пример стилизации для скрытых дочерних элементов */
.expense-children {
    transition: all 0.3s ease-in-out; /* Анимация для плавного раскрытия */
}
/* Строки */
.expense-row {
    display: table-row; /* Используем table-row для корректного выравнивания */
}

/* Ячейки */
/*.expense-row > td {*/
/*    text-align: right;*/
/*    padding: 10px;*/
/*}*/

/*!* Первая колонка для чекбоксов (фиксированная ширина) *!*/
/*.expense-row > td:first-child {*/
/*    width: 50px; !* Устанавливаем ширину чекбокса *!*/
/*}*/

/*!* Сдвиг остальных колонок на 20px на каждый уровень вложенности *!*/
/*.expense-child-table[data-level="1"] .expense-row > td:not(:first-child) {*/
/*    padding-right: 40px; !* Сдвиг на 20px *!*/
/*}*/
/*.expense-child-table[data-level="2"] .expense-row > td:not(:first-child) {*/
/*    padding-right: 20px; !* Сдвиг на 40px *!*/
/*}*/
/*.expense-child-table[data-level="3"] .expense-row > td:not(:first-child) {*/
/*    padding-right: 20px; !* Сдвиг на 60px *!*/
/*}*/
.children{
    text-align: center;
}