@import url(https://fonts.googleapis.com/css?family=Audiowide);
body {
    /* background-color: #e5e5e5 !important; */
    /*background-color: #fdfbfb !important;*/
}

.customer_placeholder::placeholder {
  color: red !important;
}

.tax_invoice{
    margin: 10px;
}

div#loaderid {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    text-align: center;
    vertical-align: middle;
    top: 30%;
}

.body-loader {
    opacity: 1.0; /*removed loader effect - we may consider using other indication in future. value was 0.7*/
    pointer-events: none;
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    /* height: 50%;*/
    padding: 0px;
    border: 1px solid #000000;
    background-color: white;
    z-index: 10002;
    overflow: hidden;
}

#voucherform {
    font-size: 14px !important;
}

.form-control {
    font-size: 17px !important;
}

.shortcut {
    /* padding-left: 6px;
    padding-right: 6px;    */
}

.header-main {
    background-color: #f0f1f1;
    position: fixed;
    z-index: 3;
}

#peview_menu,
#preview {
    /* position: fixed;*/
    left: 0;
    right: 0;
}

#peview_menu_tools {
    margin: auto;
    width: max-content;
    color: #7d7e80;
    position: absolute;
    z-index: 3;
}

#peview_menu {
    width: 100%;
    background-color: #F7F7F7;
    height: 32px;
    min-height: 32px;
    position: absolute;
    z-index: 3;
}

#preview {
    bottom: 0px;
    /*height: 500px;*/
    height: 100%;
    z-index: 2;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: scroll;
}

#preview #canvas2 {
    top: 35px;
    position: relative;
}

#table_frame {
    height: 362px;
    overflow-y: scroll;
    resize: vertical;
}

.docnums_logo {
    /*height: 60px !important;*/
    width: 200px !important;
}


* {
    /*margin: 0;*/
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.personalDiv {
    padding-top: 30px;
}

.formtbl_fixed {
    /*    background-color: #F0F0F0; */
    background-color: #FFFFFF;
    table-layout: fixed;
}

.formtbl_fixed td {
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: right;
}


body {
    /*background-image:url(../img/back.gif);
	background-repeat:repeat-y;
    background-size: 100%;  */
    background-color: white;
    /*background: #E0F0FA; */
    /*background-repeat:repeat-x;*/
    font: 11px Arial, Helvetica, sans-serif;
    /*height:100%;*/
    /*behavior: url("csshover.htc");*/
    text-align: center;
}


img {

    border: none;
}

/*div { z-index:10; } */

.manual_sheel_image {
    width: 32px;
    height: 32px;
}

textarea {
    resize: none
}

.title {
    background: #E5EDF5;
    /*	color:#0C86C9; */
    color: #002EEB;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 14px;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.visible {
    visibility: visible;
}

.hidden,
.hidden2 {
    visibility: hidden;
}

.dropdowndiv {
    /*    float:left;*/
    /*    text-align:right;*/
    /*    margin:0px !important;*/
    display: none;
    /* margin-right: 14%;*/
}

.dropdowndiv_event {
    border: 1px solid #999999;
    width: 100%;
    margin: 5px 0;
    padding: 3px;
}

.showdiv {
    text-align: left;
}

/* The CSS */
select {
    padding: 2px;
    margin: 0;
}

.date_icon {
    margin-bottom: -5px;
    margin-right: 2px;
    margin-left: 2px;

    cursor: pointer;
}


.bottom_msg {


    background: #FF0000;

    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.btnlogoff {
    padding-left: 0.5em;
    padding-top: 0.5em;
}

.btn_primary {
    font-size: 25px !important;
    width: 90%;
    cursor: pointer;
    height: 40px;
    margin-top: -10px;
}

.bold {
    /*font-size:12px;*/
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.total {
    background: #eee;
    color: #002EEB;
}

input[type=text]:read-only {
    background: #eee;
    color: #555555;
}

#frmSelectFieldSort input[type=text]:read-only {
    background: #fff;
    color: #00020c;
}

input[type=number]:read-only {
    background: #eee;
    color: #00020c;
}

.items-table tfoot input[type=number]:read-only,
.item-table-sec input.sum:disabled,
.payment-table input.sum:disabled,
.payment-table #src_tax:disabled,
.payment-table #rcptsum,
.items-table #total_discount:read-only,
.items-table #total_discount_percent:read-only,
.items-table #footer-item input[type=number]:read-only {
    background: #eee;
    color: #00020c;
}

input[type=file].form-control {
    height: 40px;
}

.width_10px {
    width: 10px;
}

.width_20px {
    width: 20px;
}

.width_30px {
    width: 30px;
}

/*.crdhide{
	display: none;
}
.chkhide{
	display:none;
}*/
h1 {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /*color:#000000;*/
    position: relative;
    width: auto;
}

.gray_color {
    color: gray !important;
}

.light_gray_color {
    color: #bfbfbf !important;
}



.gray_background {
    background: #E5EDF5 !important;
    color: #002EEB !important;
}

.lightgrey {
    background-color: #f3f3f3 !important;
}

.white_color {
    color: white !important;
}

.black_color {
    color: white !important;
}

.red_color {
    color: red !important;
}

.green_color {
    color: green !important;
}

.contents-ltr .retainer_error_info {
    padding-left: 5px;
}

.contents-rtl .retainer_error_info {
    padding-right: 5px;
}
.contents-ltr .add_retainer_link {
    padding-right: 5px;
}

.contents-rtl .add_retainer_link {
    padding-left: 5px;
}



.blue_color {
    color: #2b55ff !important;
}
.yellow_color {
    color: rgb(240, 232, 12) !important;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}



h4 {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #54A4DE;
}

h5 {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #54A4DE;
}

h7 {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /* color: #9F9FA0;  */
}

h6 {
    font-size: 9px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #BABEB7;
}

/*
table 	{
	  font-size:11px; Arial, Helvetica, sans-serif;
	  font-family: Arial, Helvetica, sans-serif;
	  border: 0px;
}
  */
th {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /*color: #54A4DE;*/
}

th#RedElement {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #1870ca;
}

.accounts_hr{
	border: medium solid #1870ca;
    position: relative;
}

a.Surtcut {
    background-image: url(../img/ShurtcutBtn.png);
    background-repeat: no-repeat;
    width: 155px;
    height: 38px;
    /*padding-top:16px;*/
    font-size: 16px;
    /*display: inline-block;*/
    /* display:table-cell;*/
    display: inline-table;
    color: black;

    margin-bottom: 0px;
    /*text-align: center;*/
    vertical-align: text-bottom;
    text-align: center;
}

a.Surtcut:hover {
    background-image: url(../img/ShurtcutBtnOver.png);
    width: 155px;
    height: 38px;
}

/*  off by ss on 28.04.2016
a.btn{
	text-align:center;
	color:#186abf;
	display: inline-block;
	width: 92px; height: 30px;
	padding-top:10px;
	background-image: url(../img/btn.png);
	/*background-position: top;
	text-indent: -9999px;*
	text-decoration: none;
}

a.btn:hover{
    background-image: url(../img/btnhover.png);
    background-image: url(../img/btnactive.png);
    text-decoration: none;
    color:white;
}  */

/*custon css written by milon on 29.05.2016*/
/* Mobile first queries */

@media (min-width: 300px) {
    a.btn-submenu {
        /*        min-width: 100%;*/
    }

    .fa {
        font-size: 14px !important;
    }

}

.fa-3 {
    font-size: 30px !important;
}

/* Larger than mobile */
@media (min-width: 400px) {
    a.btn-submenu {
        /*        min-width: 100%;*/
    }

}

/* Larger than phablet */
@media (min-width: 550px) {
    a.btn-submenu {
        /*        min-width: 20%;
        margin-top: 5px;*/
    }

}

@media (max-width: 374px) {

  .contents-rtl .add_retainer_btn {
    padding-right: 0px !important;
    width: auto  !important;
  }
}


/* Larger than tablet */
@media (min-width: 750px) {
    a.btn-submenu {
        /*        width: 12%;*/
    }
}
@media (min-width: 768px) {
    .modal-dialog.modal-670px {
        width: 670px;
    }
}
/* Larger than desktop */
@media (min-width: 1000px) {
    a.btn-submenu {
        /*        min-width: 12%;*/
    }
}

/* Larger than Desktop HD */
@media (min-width: 1280px) {
    a.btn-submenu {
        /*        min-width: 12%;*/
    }


}


.btn:hover,
.btn:focus {
    text-decoration: none !important;
}

a.btn-submenu {
    background: #f5f5f5;
    text-align: center;
    color: #186abf;
    display: inline-block;
    text-decoration: none;
    border-radius: 0px !important;
    font-weight: bold;
    margin-bottom: 5px;
}


.btn-submenu:active,
.btn-submenu.active {
    box-shadow: 40px 40px 40px rgba(0, 0, 0, 0.125) inset !important;
}

/* End of custom css*/

a.btnX140 {
    text-align: center;
    color: #186abf;
    display: inline-block;
    width: 138px;
    height: 30px;
    padding-top: 10px;
    background-image: url(../img/btnX140.png);
    /*background-position: top;
    text-indent: -9999px;*/
    text-decoration: none;
    vertical-align: top;
}

a.btnX140:hover {
    background-image: url(../img/btnactiveX140.png);
    text-decoration: none;
    color: white;
}

a.active {
    /*off by milon*/
    /*background-image: url(../img/btnactive.png); */
    text-decoration: none;
    /*color:white;*/
}

a.btnAddQty {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/btnAddQty.png);
    background-repeat: no-repeat;
}

a.btnplusButton {
    background-image: url(../img/btnUpQty.png);
    background-repeat: no-repeat;
    display: inline;
    margin-bottom: -3px;
    margin-right: 2px;
    margin-left: 2px;
    width: 20px;
    height: 20px;
}

a.btnSubQty {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*padding-top:5px;*/
    background-image: url(../img/btnSubQty.png);
    text-decoration: none;
}

a.btnremove {
    height: 20px;
    width: 25px;
    background-image: url(../img/btnRemove.png);
    display: inline-block;
    position: relative;
    top: -4px;
}

#accadmintbl a.btnremove {
    top: -5px;
    margin-right: 10px;
}

pre {
    text-align: left;
}

button.btnPayments {
    display: inline-block;
}

a.btnPayments {
    height: 25px;
    width: 80px;
    /*background-image: url(../img/payments.png);*/
    display: inline-block;
}

/* START payments button tool tip */
a.btnPayments.tooltip {
    outline: none;
}

a.btnPayments.tooltip strong {
    line-height: 30px;
}

a.btnPayments.tooltip:hover {
    text-decoration: none;
}

a.btnPayments.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 300px;
    line-height: 16px;
}

a.btnPayments.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.btnPayments.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

/* END payments button tool tip */



a.btnadd {
    height: 25px;
    width: 25px;
    background-image: url(../img/btnAdd.png);
    display: inline-block;

}

.pointer {
    cursor: pointer;
}

a.btnDocStatus_ {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_1.png);
    display: inline-block;
}

a.btnDocStatus_0 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_1.png);
    display: inline-block;
}

a.btnDocStatus_1 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_2.png);
    display: inline-block;
}

a.btnDocStatus_2 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_3.png);
    display: inline-block;
}

a.btnDocStatus_3 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_4.png);
    display: inline-block;
}

a.btnImageStatus_0,
span.btnImageStatus_0 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_0.png);
    display: inline-block;
    vertical-align: middle;
}

a.btnImageStatus_1,
span.btnImageStatus_1 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_1.png);
    display: inline-block;
    vertical-align: middle;
}

a.btnImageStatus_2,
span.btnImageStatus_2 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_2.png);
    display: inline-block;
    vertical-align: middle;
}

a.btnImageStatus_3,
span.btnImageStatus_3 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_3.png);
    display: inline-block;
    vertical-align: middle;
}

a.btnImageStatus_4,
span.btnImageStatus_4 {
    height: 25px;
    width: 25px;
    background-image: url(../img/imageStatus_4.png);
    display: inline-block;
    vertical-align: middle;
}



a.btn_ocr_status_0,
span.btn_ocr_status_0 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_0.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_1,
span.btn_ocr_status_1 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_1.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_2,
span.btn_ocr_status_2 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_2.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_3,
span.btn_ocr_status_3 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_3.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_4,
span.btn_ocr_status_4 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_4.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_5,
span.btn_ocr_status_5 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_5.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_7,
span.btn_ocr_status_7 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_7.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

a.btn_ocr_status_8,
span.btn_ocr_status_8 {
    height: 25px;
    width: 25px;
    background-image: url(../img/ocr_status_8.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}




a.btnAddAction {
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-image: url(../img/right_arrow_16x16.png);
    display: inline-block;
}

a.btnedit {
    height: 25px;
    width: 25px;
    background-image: url(../img/btnEdit.png);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
    margin-top: 3px;
}

input.btnsmall {
    height: 24px;
    background-image: url(../img/btnSmall.png);
    background-repeat: no-repeat;
    display: inline-block;
    /*padding-right: 5px;*/
    text-align: center;
    padding-top: 7px;
    width: 80px;
}

a.btnsmall {
    height: 24px;
    background-image: url(../img/btnSmall.png);
    background-repeat: no-repeat;
    display: inline-block;
    /*padding-right: 5px;*/
    text-align: right;
    padding-top: 5px;
    text-indent: 10px;
    width: 80px;
}

a.btnAddItem {
    height: 24px;
    background-image: url(../img/btnSmall_green_45.png);
    display: inline-block;
    /*padding-right: 5px;*/
    text-align: center;
    padding-top: 4px;
    width: 50px;
}

a.btnNewComp {
    height: 34px;
    background-image: url(../img/btnNewComp.png);
    display: inline-block;
    /*padding-right: 5px;*/
    text-align: center;

    width: 150px;
}

a.btnsmallprint {
    height: 24px;
    background-image: url(../img/icon_print.png);
    display: inline-block;
    /*padding-right: 5px;*/
    text-align: center;
    padding-top: 7px;
    width: 80px;
}



a.btnplus {

    margin-bottom: -3px;
    margin-right: 2px;
    margin-left: 2px;
    cursor: pointer;
    /*
    height:24px;
    background-image: url(../img/btnUpQty.png);
    background-repeat: no-repeat;
    display:inline-block;

    text-align:center;
    margin-top: -5px;
    padding-right : 7px;

    width: 20;
    height : 20;
    */
}

img.drop {
    margin-bottom: -5px;
    margin-right: 2px;
    margin-left: 2px;
    display: inline !important;
    cursor: pointer;
}

img.thumbnail {
    height: 64px;
    /*
    padding-left: 20px;
    padding-top: 0px;
    text-align: center;
    */
    width: 64px;
}

img.preview {
    max-width: 500px;
    /*
    padding-left: 20px;
    padding-top: 0px;
    text-align: center;
    */

}

img.dropUp {
    margin-bottom: -5px;
    margin-right: 0px;
    margin-left: 0px;
    cursor: pointer;
}

input.btnaction,
submit.btnaction,
a.btnaction {
    border-style: hidden;
    background-color: white;
    background-image: url(../img/btnAction.png);
    background-repeat: no-repeat;
    background-size: 100% 40px;
    color: white;
    display: inline-block;
    height: 40px;
    /*padding-left: 20px;*/
    padding-top: 0px;
    text-align: center;
    text-indent: -25px;
    width: 120px;
    cursor: pointer;
}

input.btnactionRed,
submit.btnactionRed,
a.btnactionRed {
    border-style: hidden;
    background-color: white;
    background-image: url(../img/btnActionRed.png);
    background-repeat: no-repeat;
    background-size: 100% 40px;
    color: white;
    display: inline-block;
    height: 40px;
    /*padding-left: 20px;*/
    padding-top: 0px;
    text-align: center;
    text-indent: -25px;
    width: 120px;
    cursor: pointer;
}

input.btnaction_upgade,
submit.btnaction_upgade,
a.btnaction_upgade {
    border-style: hidden;
    background-color: white;
    background-image: url(../img/btnAction_upgrade.png);
    background-repeat: no-repeat;
    background-size: 100% 40px;
    color: white;
    display: inline-block;
    height: 40px;
    /*padding-left: 20px;*/
    padding-top: 0px;
    text-align: center;
    text-indent: -25px;
    width: 120px;
    cursor: pointer;
}


input.btnaction:over,
a.btnaction:over {
    color: orange
}

#wrapper {
    position: relative;

    margin: 0 auto;
    padding: 0px;
}

/*-------------------------------------HEADER--------------------------------*/
.headerA {
    height: 85px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 982px;
    padding-left: 6px;
}

.headerB {
    height: 130px;
    margin: 0 !important;
}

.headerC {
    top: 80px;
    background: #BBD9EE;
    height: 40px;
    margin: 0 !important;
}

.headerD {
    background: #ffffff;
    z-index: 1;
    height: 2px;
    _height: 10px;
    margin: 0 !important;
}

#logo {
    float: right;
    position: absolute;
    right: 350px;
    top: 26px;
}

/*
#support {
	color:white;
	font-size: 24;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#support a {
	color:white;
	font-size: 36;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}*/
#right_hdr a {
    float: right;
    /*margin-top: 5px !important;
    margin-bottom : 10px !important; */
    color: #000000;
    padding-top: 10px;
    margin-right: 20px;
    white-space: nowrap;
}

#right_hdr a h4 {
    margin-right: 5px;
    display: inline-block;
}

#left_hdr {
    float: left;
    text-align: end;
    padding-top: 5px;
    /*    float: left;
    font-size: 14px;
    position: relative;
    top: 4px;
    color: #000000;
    font-weight: bold;
    margin-top: 55px;
    text-align: left;
    width: 100%;*/
}

#right_hdr-ltr {
    float: right;
    font-size: 14px;
    position: relative;
    top: 4px;
    color: #000000;
    font-weight: bold;
    margin-top: 30px;
    width: 100%;
    text-align: right;
}

#left_hdr-ltr {
    float: left;
    text-align: left;
}

#left_hdr-ltr h1 {
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    color: #000000;
}

#lang_selection {
    float: left;
    font-size: 14px;
    position: fixed;
    /*    color: #000000;*/
    /*    font-weight: bold;    */
    margin-top: 35px;
}

#israel_flag {
    width: 30px;
    margin-right: 5px;
    margin-left: 6px;
}

#us_flag {
    width: 30px;
    height: 20px;
}


#data {
    color: #006599;
    float: right;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 0;
    text-align: right;
    top: 85px;
    width: 100%;
}

/*#logindata a {color: #006599;}*/
.sub_survey dt {
    font-size: 17px;
}

.sub_survey dd {
    margin-left: 0;
}
.main-sub-stages dt::before {
    display: none;
}
.stage_sub_cnt {
    display: none;
    margin: 0 2px;
    color:#5ea5ba;
    padding-right: 20px;
}
.main-sub-stages .stage_sub_cnt {
    display: inline-block;
}
/*----------------------------contents--------------------------------------------*/
div.warning {
    background-color: Wheat;
    border: 2px solid red;
    border-radius: 10px 10px 10px 10px;
    color: red;
    float: right;
    font-weight: bold;
    left: 635px;
    padding: 5px;
    position: fixed;
    top: 10px;
    z-index: 900;
}

.contents {
    background: none repeat scroll 0 0 white;
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    border-top-left-radius: 0.0em;
    border-top-right-radius: 0.0em;
    clear: both;
    left: 6px;
    min-height: 485px;
    padding: 0;
    padding-top: 20px;
    position: relative;
    top: -20px;
    width: 982px;
    box-shadow: 2px 2px 2px 2px #ccc;
}

.caption {
    background: #002EEB;
    height: 28px;
    border: 1px solid #D3D3D4;
    font-size: 13px;
    color: white;
}

.caption_out {
    background: #28B5E3;
    height: 30px;
    border: 1px solid #28B5E3;
    color: white;
}

.winbutton {
    background: white;
    color: #002EEB;
    margin-top: 5px;
    width: 1em;
    text-align: center;
}

/*------------------------------A-------------------------------------------------*/
a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.show_direct_form a {
    color: #566275;
    font-weight:unset;
}

/*a:link,
a:visited {
	color: #006599;
	font-weight: bold;
}*/
/*a:hover,
a:active {
	color: #0000FF;
	font-weight: bold;
}
a:visited {
	color:#006599;
	font-weight:bold;
}*/

/*----------------------------------` down menu------------------------------*/
#drop_down_menu {
    list-style-type: none;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;

}

#drop_down_menu span p {
    color: #FFFFFF;
    /*display:block;*/
    border-left: 1px solid white;
    margin-top: 5px;
    margin-bottom: 10px;
}

#drop_down_menu li {
    float: right;
    display: inline;
    width: 123px;
    color: #FFFFFF;
    height: 61px;
    padding-left: 0px;
    padding-top: 5px;
    background-image: url(../img/menu.gif);
    background-repeat: repeat-x;
}

#drop_down_menu li span {
    display: block;
    font-size: 16px;
    height: 34px;
    padding-top: 7px;
}

#drop_down_menu li span:lang(en) {
    height: 36px !important;
    margin-top: 4px;
    padding-top: 1px !important;
    width: 96%;
    margin-left: 3px;
}

#drop_down_menu li:last-child span p {
    border-left: none;
}

#drop_down_menu li span p:lang(en) {
    border-left: none;
}

#drop_down_menu li:lang(he):hover span {
    background-image: url(../img/mainmenuover.png);
    /*background-color:#8E8E8E; */
    color: black;
}

#drop_down_menu li:lang(en):hover span {
    background-color: white;
    color: black;
    border-radius: 15px 15px 0px 0px;
    box-shadow: 1px 2px 3px black;
}

#drop_down_menu li:hover span p {
    /*
	background-image: url(../img/mainmenuover.png);
	background-color:#168CE7;*/
    color: black;
}

#drop_down_menu li:last-child {
    border-radius: 15px 0px 0px 0px;
}

#drop_down_menu li:first-child {
    border-radius: 0px 15px 0px 0px;
}

#drop_down_menu li ul:lang(he) {
    display: none;
    width: 120px;
    margin-right: 19px;
}

#drop_down_menu li ul:lang(en) {
    display: none;
    width: 132px;
    padding-left: 3px;
}

#drop_down_menu li:hover ul {
    display: block;
}

#drop_down_menu li ul li {
    height: 24px;
    line-height: 24px;
    z-index: 60;
    position: relative;
    box-shadow: 2px 2px 2px 2px #ccc;
    background-color: white;
    background-image: none;
}

#drop_down_menu li ul li:lang(en) {
    box-shadow: 1px 2px 2px 2px #ccc !important;
    width: 132px;
}

#drop_down_menu li ul li:last-child {
    border-radius: 0em 0em 1.5em 1.5em;
}

#drop_down_menu li ul li:first-child {
    border-radius: 1.5em 0em 0em 0em;
}

#drop_down_menu li ul li:lang(en):first-child {
    border-radius: 0em 1.5em 0em 0em;
}

#drop_down_menu li ul li a {
    color: black;
}

#drop_down_menu li ul li a:hover {
    color: #2f6dae;
}

#drop_down_menu li ul li:hover {
    background-image: url(../img/submenuover.png);
    background-color: white;
}



.sinv {
    display: none;
    width: 50%;
    float: left;
}

.lefthalf {
    width: 40%;
    position: absolute;
    left: 15%;
    height: 500px;
    z-index: 0;
    /*	border:1px solid; */
}

.lefthalf2 {
    width: 40%;
    position: absolute;
    left: 2%;
    height: 500px;
    z-index: 0;
    /*	border:1px solid; */
}

.righthalf {
    width: 40%;
    position: absolute;
    left: 58%;
    height: 500px;
    padding-right: 10px;
    z-index: 0;
    /*	border:1px solid; */
}


.lefthalf1 {
    float: right;
    margin-right: 10px;
    width: 45%;
    /*	height:500px; */
    z-index: 0;
}

.innercontent {
    float: right;
    padding-right: 10px;
    width: 95%;
    margin-top: 10px;
}

.defbottom {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 510px;
    /*	bottom:50px; */
    /*	border:1px solid; */
}

.footer {
    margin-top: 5px;
    /*background: #F3F4F4;*/
    float: right;
    width: 100%;
    font-size: 12px;
    color: #7d7d7d;
}

.firefox {
    float: right;
    margin-top: 3px;
    padding-right: 35px;
    text-align: right;
}

div.firefox table tbody tr td {
    padding-right: 13px;
}

.isoc {
    float: right;

    text-align: right;
}

div.isoc table tbody tr td {
    padding-right: 13px;
}


.accttype {
    float: left;
    margin-left: 20px;
    width: 160px;
}

.brdr1 {
    border: 1px solid;
    width: auto;
}

/******************************************form********************/
.ftr {
    background: url(../img/ftr.png) 0 0 no-repeat;
}

.ftl {
    background: url(../img/ftl.png) 0 0 no-repeat;
}

.ftc {
    background: url(../img/ftc.png) 0 0 repeat-x;
    color: #000000;
    /*  font-weight:bold;  */
    font-size: 15px;
    height: 38px;
    padding-top: 5px;
}

td.ftc span {
    display: inline;
    position: relative;
    right: 5px;
    top: -5px;
}

.fcr {

    background: url("../img/fcr.png") repeat-y scroll right top white
}

.fcc {
    background: none repeat scroll 0 0 white;
    padding-top: 15px;
    vertical-align: baseline;
}

.fcl {

    background: url("../img/fcl.png") repeat-y scroll left top white
}

.fbc {
    background: url(../img/fbc.png) 0 0 repeat-x;
    height: 57px;
    text-align: left;

}

.fbl {
    background: url(../img/fbl.png ) 0 0 no-repeat;
    width: 14px;
    height: 57px;
}

.fbr {
    background: url(../img/fbr.png ) 0 0 no-repeat;
    width: 14px;
    height: 57px;
}

/*
td.ftc a{
	    display: inline;
    float: left;
    position: relative;
    top: 10px;


	}
a.help img{
	 position: relative;
    top: -8px;
    left:12px;
	}
a.help p{
	 position: relative;
    top: -12px;
    right:-9px;
	}		*/
.formtitle {
    float: right;
    right: 0px;
    position: relative;
    width: 120px;
    top: 0px;
}

.formback {
    /*float: left;
	left: 0px;*/
    /*width:75px;    */
    position: relative;
    top: 12px;
    display: inline-block;
}

.formhelp {
    /*float:left;
	width:75px;*/
    left: 15px;
    /*position: relative; */
    top: 0px;
    display: inline-block;
}

.form {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    /*float: right;*/
}

#forgat {
    display: none;
    /*height: 10px;
	 width: 300px;*/
}

.login1 {
    text-align: center;
}

.login1 table {
    margin: auto;
    margin-top: 15px;
    /*text-align:right;background-color: #ECF8FF;*/
}

.login1 table tbody tr td:nth-child(1) {
    text-align: center;
    padding: 10px;
}

.login1 table tbody tr td input {
    margin-top: 5px;
}

.login {
    /* background-image:  url(../img/back_sky.jpg) !important;  */
    /*  background-repeat:no-repeat; */
    /*    background: #E0F0FA; */

}

body.login {}

/*
.up{
background: none repeat scroll 0 0 #E5E9EA;
border-radius: 0.5em 0.5em 0em 0em;
 height: 15px;
}*/
/*.cont{
	border-width:0.5px;
	border-style:solid;
	border-color:#9a9a9a;
background: none repeat scroll 0 0 #F7F7F7;
border-radius: 0em 0em 0.5em 0.5em;
	float:right;
}
.side{
width:12px;
background: none;
}*/

.form h2 {
    /*font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	height:28px;
	color:white;
	padding:0.5em 1em 0em 0em;
	background: none repeat scroll 0 0 #D3DEEE;
	border-radius: 0.5em 0.5em 0em 0em;*/
}

.form h3 {

    /*background: none repeat scroll 0 0 #2063A8;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    left: 1%;
    padding: 0.5em 1em 0 0;
    width: 98%;*/
}




/*
.shortcut a {
	color:#FFFFFF;
}
*/
/*************table*****************/

.tablesorter tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/*.tablesorter tbody tr:nth-child(even){background-color: #eeeeee;}*/
.Grey {
    background-color: #ffffff !important;
}

.DarkGrey {
    background-color: #eeeeee !important;
}


table.formy tbody tr th:first-child,
th.header:first-child,
.tablesorter thead tr th:first-child {
    /* border-radius:0px 15px 0px 0px; */
}

table.formy tbody tr th:lang(en):first-child,
th.header:lang(en):first-child,
.tablesorter thead tr th:lang(en):first-child {
    border-radius: 0px 0px 0px 0px;
    /*border-radius:15px 0px 0px 0px;*/
}

table.formy tbody tr th:last-child,
th.header:last-child,
.tablesorter thead tr th:last-child {
    /*  border-radius:15px 0px 0px 0px;*/
}

table.formy tbody tr th:lang(en):last-child,
th.header:lang(en):last-child,
.tablesorter thead tr th:lang(en):last-child {
    border-radius: 0px 0px 0px 0px;
    /*border-radius:0px 15px 0px 0px;*/
}

table.formy tbody tr th,
th.header {

    background-color: #DCDCDC;
    color: black;
    padding: 10px;
    font-size: 1em;
}

.tablesorter tbody tr td {
    /*border: 4px solid white;*/
    font-size: 1em;
    height: 24px !important;
}

/*table.formy tbody tr td{background-color: #ffffff;  border: 4px solid #ffffff; height:35px ;}*/

table.formy tbody tr td:first-child,
.tablesorter tbody tr td:first-child {
    padding-right: 0px;
}

table.formy tbody tr:first-child td,
.tablesorter tbody tr:first-child td {
    padding-top: 0px;
    /*border: 0px;*/
}

table.formy tbody tr:last-child td,
.tablesorter tbody tr:last-child td {
    padding-bottom: 0px;
}

table.formy tbody tr td:last-child,
.tablesorter tbody tr td:last-child {
    padding-left: 0px;
}

table.sums tr td {
    padding: 10px;
}

table.sums tr:nth-child(even) {
    background-color: #d5ebfc;
}

table.sums tr:nth-child(odd) {
    background-color: #ffe96e;
}

table.eventtbl {
    width: 100%;
    table-layout: fixed;
}

table.eventtbl td {
    word-wrap: break-word;
}

table.eventtbl tr:nth-child(odd) {
    background-color: #d5ebfc
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;

}

table.std {
    font-size: 14px;
    font-family: arial, sans-serif
}

td.std {
    font-size: 14px;
    font-family: arial, sans-serif
}

tr.tblhead {
    font-family: Arial, Verdana;
    color: white;
    font-size: 12px;
    font-weight: bold;
    background-color: #1870ca;
}

tr.tblhead1 {
    font-family: Arial, Verdana;
    color: white;
    font-weight: bold;
    background-color: #1870ca;
    border-radius: 15px;
}

.tblhead1,
.tblhead1 td {
    font-family: Arial, Verdana;
    color: white;
    font-weight: bold;
    background-color: #1870ca;
}

.tblheadprt,
.tblheadprt td,
.tblheadprt tr {
    font-family: Arial, Verdana;
    font-size: 18px;
    color: black;
    font-weight: bold;
    background-color: #F0F0F0;
}

tr.tblhead td {
    font-family: Arial, Verdana;
    font-size: 14px;
    color: black;
    font-weight: bold;
    background-color: #F0F0F0;
    border-top: 1px solid;
    border-bottom: 2px solid;
}

tr.tblheadprt td {
    font-family: Arial, Verdana;
    font-size: 18px;
    color: black;
    font-weight: bold;
    background-color: #F0F0F0;
    border-top: 1px solid;
    border-bottom: 2px solid;
}

tr.tblhead td a {
    font-family: Arial, Verdana;
    font-size: 14px;
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

.printtbl {
    font-size: 16px;
    border-bottom: 1px solid;
}

.sumline,
.sumline tr {
    /*font-size:10px;*/
    /*background-color: #2063A8;
	border-style: solid;
	border-width: 2px;
	border-left: none;
	border-right: none;*/
}

.sumlineprt,
.sumlineprt tr {
    border-style: solid;
    border-width: 2px;
    border-left: none;
    border-right: none;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

tr.sumline td {
    /*border-top:2px solid black;
	border-bottom:2px solid black;	*/
    background: none repeat scroll 0 0 #DCDCDC;
    /* border: 4px solid white;	 */
    padding-bottom: 4px;
    padding-top: 4px;
}

tr.sumlineprt td {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.repbottom {
    /* margin-right:5%; */
    margin-top: 10px;
}

.text1 {
    font-size: 10px;
    font-family: arial, sans-serif
}

.text2 {
    font-size: 11px;
    font-family: arial, sans-serif
}

.text3 {
    font-size: 14px;
    font-family: arial, sans-serif
}

.text4 {
    font-size: 16px;
    font-family: arial, sans-serif
}

/*styles for printing documents*/
table.blau {
    border: 2px solid #3550FF;
    width: 90%;
}

table.printdoc {
    border: 1px solid #000000;
    border-collapse: collapse;
}

td.print1 {
    font-weight: bold;
    background-color: #E5E5E5;
}

td.print0 {
    border: 0px solid #FFFFFF;
}

td.bolder {
    font-weight: bold;
}

/*end documents*/

/* Calendar styles */
table.caltbl {
    border: 1px solid;
}

td.caltbl {
    border: 1px solid;
}

/* main page styles */
.dateform {
    position: relative;
    /*right:5px;*/
    width: 900px;
    background-color: #F7F7F7;
    border-width: 1px;
    border-style: solid;
    border-color: #9A9A9A;
    border-radius: 0.5em;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin: auto;
}

.caldiv {
    margin-right: 7px;
}

.shortsdiv {
    margin-left: 10px;
}

.sysmsg {
    float: right;
    width: 100%;
}

/*.shortcut {
    background: none repeat scroll 0 0 #677CB8;
    border-radius: 7px 7px 7px 7px;
    color: white;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: 5px 5px 0px 0px;
    padding-right: 3px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}*/

/*
a.shortcut {
	color:white;
}*/


/*adam bh update*/
/*#main{
	background: none repeat scroll 0 0 #E5EDF5;

	width:660px;
	height:400px;
	margin-left: auto ;
	margin-right: auto ;
	text-align:right;
	font-size:12pt;
	padding:10px 20px 10px 20px;
}

#haed{
text-align:right;
font-size:14pt;
 background: none repeat scroll 0 0 #E0E0E0;
  border-radius: 7px 7px 0px 0px;
  border-bottom: 2px solid #F9A23B;

  width:700px;
  height:100px;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 50px;
}
#footer{

  margin-left: auto ;
  margin-right: auto ;
 background: none repeat scroll 0 0 #E0E0E0;
  border-radius: 0px 0px 7px 7px;
  border-top: 2px solid #F9A23B;
 margin-bottom:20px;
  width:700px;
}
#footer il{
font-size:14px;
 font-weight: bold;
}
#footer .active{
color:blue;
font-size:14px;
 font-weight: bold;
}*/
.control {
    text-align: center;
}

#main.fcc span.ul {
    position: relative;
    right: 105px;
    top: -15px;
}

#main.fcc ul il {
    display: inline-block;
    width: 150px;
}

#main.fcc ul il span,
#main.fcc span span span {
    color: #C7C5C5;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    right: -12px;
    top: -20px;
}

#main.fcc ul il span.num,
#main.fcc span span span.num {
    color: #FFFFFF;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    right: -32px;
    top: -18px;

    text-shadow: #6374AB 1px 1px 2px;
}

#ui-datepicker-div {
    z-index: 2000 !important;
}

div.updatetext {
    background-color: #ECF8FF;
    padding: 30px;
    position: relative;
    right: 130px;
    width: 400px;
}

#ui-id-5.ui-autocomplete,
#ui-id-2.ui-autocomplete {
    /*max-height: 180px;*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    /*padding-right: 20px;*/
    /*margin-left: 20px;*/
    /*  right: 70px;    */
}

/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html #ui-id-5.ui-autocomplete {
    height: 100px;
}

#doc {
    border-collapse: separate;
    /*   background: none repeat scroll 0 0 grey;*/
    border: 2px solid grey;
    border-radius: 10px 10px 10px 10px;
    margin: 30px;

}

table#doc tbody tr td {
    border: 1px solid grey;
}

html body div#wrapper div#contents table.form tbody tr td.fcc div form#documenet table.formy tbody tr td input.bank {
    width: 40px;
}

#dropdown {
    text-align: center;
    color: #186abf;
    display: inline-block;
    width: 92px;
    height: 30px;
    padding-top: 10px;
    background-image: url(../img/btn.png);
    /*background-position: top;
    text-indent: -9999px;*/

}

.semi_transparent {
    opacity: 0.4;
}

/* fullpage (faded out) backdrop styling */
#fullpage_backdrop ul.duplicate_issues {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
}

#fullpage_backdrop ul.duplicate_issues li {
    font-weight: normal;
    margin: 0 0 3px 0;
    text-align: left;
}

#fullpage_backdrop input[type="submit"] {
    font-weight: bold;
}

#fullpage_backdrop ul.duplicate_issues li input[type="checkbox"] {
    margin-left: 0;
}

#fullpage_backdrop ul.duplicate_issues li {
    padding-left: 5px;
    margin-bottom: 5px;
}

#fullpage_backdrop ul.duplicate_issues {
    margin: 10px 0 5px 0;
}

.fullpage_backdrop_content {
    position: relative;
    z-index: 100001;
}

.fullpage_backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.backdrop_box {
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: 100001;
    clear: both;
    padding: 0 !important;
}

.backdrop_box#reportissue_container {
    top: 10px;
}

.backdrop_box.small {
    width: 400px;
    margin: 0 -200px 0 -200px;
}

.backdrop_box.mediumsmall {
    width: 500px;
    margin: 0 -250px 0 -250px;
}

.backdrop_box.medium {
    width: 600px;
    margin: 0 -300px 0 -300px;
}

.backdrop_box.large {
    width: 800px;
    margin: 0 -400px 200px -400px;
}

.backdrop_box.huge {
    width: 1010px;
    margin: 0 -500px 200px -500px;
}

.backdrop_box .backdrop_detail_header {
    font-weight: bold;
    padding: 7px;
    font-size: 0.9em;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.backdrop_detail_content {
    font-weight: normal;
    font-size: 1.0em;
    padding: 5px;
    background: white;
    text-align: left;
}

#reportissue_container .backdrop_detail_content {
    padding: 5px;
    font-size: 0.9em;
}

#reportissue_container .backdrop_detail_footer {
    padding: 5px;
    font-size: 1.1em;
}

#reportissue_container .backdrop_detail_footer a {
    font-weight: normal;
}

.backdrop_detail_content #report_issue_add_extra,
.backdrop_detail_content #reproduction_steps_div {
    display: none;
}

.backdrop_detail_content .tab_menu {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.backdrop_detail_footer {
    clear: both;
    font-weight: bold;
    font-size: 0.9em;
    padding: 5px;
    text-align: right;
    background-color: #FFF;
}

#dialog_title,
#dialog_content {
    direction: rtl;
    color: #fff;
}

#dialog_yes,
#dialog_no {
    /*border-bottom: none !important;*/
    width: 80px;
    font-size: 18px;
}
.dialog_content_message
{
    font-size: 1.5em;
    /*font-weight: bold;*/
    padding: 5px;
    text-align: center;
    color: #5e5e5e;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 10px;

}

/* end backdrop styling */


/* rounded boxes styling */
.rounded_box {
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
}

.rounded_box.green {
    background-color: #CFE8CF;
    border-color: #aaC6aa;
    color: #242;
}

.rounded_box.yellow {
    background-color: #F9EF9E;
    border-color: #D9D9BB;
}

.rounded_box.lightyellow {
    background-color: #F9F5B2;
    border-color: #D9D9BB;
}

.rounded_box.verylightyellow {
    background-color: #FFFBD7;
    border-color: #E3DDa5;
}

.rounded_box.red {
    background-color: #E8CFCF;
    border-color: #C6aaaa;
    color: #422;
}

.rounded_box.blue {
    background-color: #585DB2;
    border: 0;
}

.rounded_box.iceblue {
    background-color: #D4E5FF;
    border-color: #B1B8E9;
}

.rounded_box.mediumgrey {
    background-color: #E7E7E7;
    border-color: #D7D7D7;
}

.rounded_box.lightgrey {
    background-color: #F3F3F3;
    border-color: #DDD;
}

.rounded_box.verylightgrey {
    background-color: #F8F8F8;
    border-color: #DDD;
}

.rounded_box.invisible {
    background-color: transparent;
    border-color: transparent;
}

.rounded_box.invisible:hover {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}

.rounded_box.invisible.nohover:hover {
    background-color: transparent;
    border-color: transparent;
}

.issue_detail_unmerged {
    background-color: #E0AC9C;
    border: 0;
}

.issue_detail_changed {
    background-color: #FFF299;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.rounded_box.cut_bottom {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.rounded_box.cut_top {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.rounded_bottom {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.rounded_top {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.rounded_box.borderless {
    border: 0;
}

.rounded_box .description {
    padding: 3px 3px 3px 0;
}

.rounded_box .question_header {
    font-size: 0.9em;
}

.rounded_box.iceblue .percent_filled {
    background-color: #88C;
}

.rounded_box.red .percent_filled {
    background-color: #C88;
}

.rounded_box.yellow .percent_filled {
    background-color: #CC8;
}

.rounded_box.lightgreen .percent_filled,
.rounded_box.green .percent_filled {
    background-color: #8C8;
}

.rounded_box.iceblue .percent_unfilled {
    background-color: #aaF;
}

.rounded_box.red .percent_unfilled {
    background-color: #FCC;
}

.rounded_box.yellow .percent_unfilled {
    background-color: #FFa;
}

.rounded_box.lightgreen .percent_unfilled,
.rounded_box.green .percent_unfilled {
    background-color: #CFC;
}

.rounded_box.red .faded_out {
    color: #B77;
}

.rounded_box.iceblue .faded_out {
    color: #99C;
}

.issue_detail_unmerged .faded_out {
    color: #FFD9D6;
}

.rounded_box.lightgreen .faded_out,
.rounded_box.green .faded_out {
    color: #7B7;
}

.rounded_box.iceblue .faded_out dark {
    color: #77C;
}

.rounded_box.iceblue th {
    border-color: #a0aDC0;
    background-color: #C1D1E8;
}

.rounded_box.iceblue .header_div {
    border-color: #a0aDC0;
}

.rounded_box.lightgrey.highlighted {
    background-color: #FFF299;
    border: 0;
}

.rounded_box.blue a {
    color: #B5B5FF;
    font-weight: bold;
}

.rounded_box.lightgreen a,
.rounded_box.green a {
    color: #4E703D;
    border-bottom-color: #4E703D;
}

.rounded_box.blue a:hover {
    color: #C9C9FF;
    font-weight: bold;
}

.rounded_box.lightgreen a:hover,
.rounded_box.green a:hover {
    color: #6a9753;
    border-bottom-color: #6a9753;
}

.rounded_box.white {
    background-color: rgba(0,0,0,.4);
    border-color: #001f61;
    border-bottom-width: 1px
}

.rounded_box.white th {
    font-weight: bold;
    background-color: #F1F1F1;
    border-bottom: 1px solid #DDD;
    padding-bottom: 2px;
}

.rounded_box.white thead.light th {
    background-color: #F9F9F9;
    border-color: #EEE;
}

/* end rounded box styling */


.header_div {
    border-bottom: 1px solid #DDD;
    padding: 3px;
    margin-top: 5px;
    font-weight: bold;
}

.header_div td {
    font-weight: bold;
    vertical-align: middle;
}

.header_div td.nice_button input {
    font-size: 0.8em;
}

.header_div.smaller,
label.smaller,
div.smaller {
    font-size: 0.9em;
}

.header_div.bigger,
label.bigger,
div.bigger {
    font-size: 1.2em;
}

.header_div.light {
    border-color: #EEE;
}


.button-Dialog {
    border: 1px solid #AAA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
}

input[type=submit],
input[type=submit]:hover,
button,
.button,
.button:hover {
    /*  line-height: 17px !important;     */
    /* height: auto;
    margin: 0;*/
    /*padding: 1px 3px !important; */
    font-size: 12px;
    text-decoration: none;
    /*border: 2px;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*  margin: 5px;*/
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;

}

/*
.button-silver, .button.disabled, .button.disabled:active, .button.disabled:hover, button, input[type=submit], input[type=submit]:hover {
    background: #c5c5c5;
    background: -moz-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5));
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%);
    background: -o-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%);
    background: -ms-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E5E5E5',GradientType=0 );
    background: linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%);
}

.button-silver:active, input[type=submit]:active, button:active, input[type=submit].button-pressed, button.button-pressed, .button-silver.button-pressed {
    background: #eaeaea;
    background: -moz-linear-gradient(top, #C5C5C5 0%, #EAEAEA 100%);
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#C5C5C5), color-stop(100%,#EAEAEA));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5C5C5), color-stop(100%,#EAEAEA));
    background: -webkit-linear-gradient(top, #C5C5C5 0%,#EAEAEA 100%);
    background: -o-linear-gradient(top, #C5C5C5 0%,#EAEAEA 100%);
    background: -ms-linear-gradient(top, #C5C5C5 0%,#EAEAEA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5C5C5', endColorstr='#EAEAEA',GradientType=0 );
    background: linear-gradient(top, #C5C5C5 0%,#EAEAEA 100%);
}
.button-silver, input[type=submit], button, input[type=submit].button-silver, button.button-silver, a.button-silver, .button-silver:active, button.button-silver:active, input[type=submit].button-silver:active, a.button-silver:active { color: #555; text-shadow: 1px 1px #FFF; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled], input[type=submit].disabled, button[disabled], button.disabled, .button.disabled, .button.button-silver.disabled { color: #AAA !important; text-shadow: 1px 1px 0px #FFF; }
.button-icon.disabled img { filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }
/
.button-khaki, input[type=submit].button-khaki {
    background: #A2B598;
    background: -moz-linear-gradient(top, #BDD1B4 0%, #A2B598 100%);
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#BDD1B4), color-stop(100%,#A2B598));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDD1B4), color-stop(100%,#A2B598));
    background: -webkit-linear-gradient(top, #BDD1B4 0%,#A2B598 100%);
    background: -o-linear-gradient(top, #BDD1B4 0%,#A2B598 100%);
    background: -ms-linear-gradient(top, #BDD1B4 0%,#A2B598 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BDD1B4', endColorstr='#A2B598',GradientType=0 );
    background: linear-gradient(top, #BDD1B4 0%,#A2B598 100%);
    color: #fff; text-shadow: 1px 1px 1px #666;
}
.button-khaki:active, input[type=submit].button-khaki:active {
    background: #BDD1B4;
    background: -moz-linear-gradient(top, #A2B598 0%, #BDD1B4 100%);
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#A2B598), color-stop(100%,#BDD1B4));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A2B598), color-stop(100%,#BDD1B4));
    background: -webkit-linear-gradient(top, #A2B598 0%,#BDD1B4 100%);
    background: -o-linear-gradient(top, #A2B598 0%,#BDD1B4 100%);
    background: -ms-linear-gradient(top, #A2B598 0%,#BDD1B4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2B598', endColorstr='#BDD1B4',GradientType=0 );
    background: linear-gradient(top, #A2B598 0%,#BDD1B4 100%);
}
*/


.button-blue,
input[type=submit].button-blue {
    background: #4477a1;
    background: -moz-linear-gradient(top, #81A8CB 0%, #4477A1 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #81A8CB), color-stop(100%, #4477A1));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81A8CB), color-stop(100%, #4477A1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #81A8CB 0%, #4477A1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #81A8CB 0%, #4477A1 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #81A8CB 0%, #4477A1 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81A8CB', endColorstr='#4477A1', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #81A8CB 0%, #4477A1 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-blue:active,
input[type=submit].button-blue:active,
.button-blue.button-pressed {
    background: #81a8cb;
    background: -moz-linear-gradient(top, #4477A1 0%, #81A8CB 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #4477A1), color-stop(100%, #81A8CB));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4477A1), color-stop(100%, #81A8CB));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4477A1 0%, #81A8CB 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4477A1 0%, #81A8CB 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4477A1 0%, #81A8CB 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477A1', endColorstr='#81A8CB', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #4477A1 0%, #81A8CB 100%);
    /* W3C */
}

/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-lightblue,
input[type=submit].button-lightblue {
    background: #4477a1;
    background: -moz-linear-gradient(top, #A9CBEA 0%, #8BA6C0 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #A9CBEA), color-stop(100%, #8BA6C0));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A9CBEA), color-stop(100%, #8BA6C0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #A9CBEA 0%, #8BA6C0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #A9CBEA 0%, #8BA6C0 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #A9CBEA 0%, #8BA6C0 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9CBEA', endColorstr='#8BA6C0', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #A9CBEA 0%, #8BA6C0 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-lightblue:active,
input[type=submit].button-lightblue:active {
    background: #81a8cb;
    background: -moz-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #8BA6C0), color-stop(100%, #A9CBEA));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8BA6C0), color-stop(100%, #A9CBEA));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BA6C0', endColorstr='#A9CBEA', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%);
    /* W3C */
}

/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-brown,
input[type=submit].button-brown {
    background: #8f3714;
    background: -moz-linear-gradient(top, #BF6F50 0%, #8F3714 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #BF6F50), color-stop(100%, #8F3714));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BF6F50), color-stop(100%, #8F3714));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #BF6F50 0%, #8F3714 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #BF6F50 0%, #8F3714 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #BF6F50 0%, #8F3714 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF6F50', endColorstr='#8F3714', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #BF6F50 0%, #8F3714 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-brown:active,
input[type=submit].button-brown:active {
    background: #bf6f50;
    background: -moz-linear-gradient(top, #8F3714 0%, #BF6F50 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #8F3714), color-stop(100%, #BF6F50));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8F3714), color-stop(100%, #BF6F50));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8F3714 0%, #BF6F50 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8F3714 0%, #BF6F50 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8F3714 0%, #BF6F50 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8F3714', endColorstr='#BF6F50', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #8F3714 0%, #BF6F50 100%);
    /* W3C */
}

/*.button-brown:active { background: #8f3714; }*/
/*----------------------------*/
.button-green,
input[type=submit].button-green {
    border: 1px solid #AAA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
    text-align: center;

    width: 70px;
    background: #92BA6F;
    background: -moz-linear-gradient(top, #92BA6F 0%, #428739 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #92BA6F), color-stop(100%, #428739));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92BA6F), color-stop(100%, #428739));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #92BA6F 0%, #428739 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #92BA6F 0%, #428739 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #92BA6F 0%, #428739 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92BA6F', endColorstr='#428739', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #92BA6F 0%, #428739 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-green:active,
input[type=submit].button-green:active {
    border: 1px solid #AAA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
    text-align: center;

    background: #c8dd95;
    background: -moz-linear-gradient(top, #428739 0%, #92BA6F 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #428739), color-stop(100%, #92BA6F));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428739), color-stop(100%, #92BA6F));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #428739 0%, #92BA6F 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #428739 0%, #92BA6F 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #428739 0%, #92BA6F 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#428739', endColorstr='#92BA6F', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #428739 0%, #92BA6F 100%);
    /* W3C */
}

/*.button-green:active { background: #428739; }*/
/*----------------------------*/
.button-red,
input[type=submit].button-red {
    border: 1px solid #AAA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
    text-align: center;

    width: 70px;
    background: #D82741;
    background: -moz-linear-gradient(top, #E84B6E 0%, #D82741 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #E84B6E), color-stop(100%, #D82741));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E84B6E), color-stop(100%, #D82741));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E84B6E 0%, #D82741 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E84B6E 0%, #D82741 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #E84B6E 0%, #D82741 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E84B6E', endColorstr='#D82741', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #E84B6E 0%, #D82741 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-red:active,
input[type=submit].button-red:active {
    border: 1px solid #AAA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
    text-align: center;

    background: #E84B6E;
    background: -moz-linear-gradient(top, #D82741 0%, #E84B6E 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #D82741), color-stop(100%, #E84B6E));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D82741), color-stop(100%, #E84B6E));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D82741 0%, #E84B6E 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D82741 0%, #E84B6E 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #D82741 0%, #E84B6E 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D82741', endColorstr='#E84B6E', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #D82741 0%, #E84B6E 100%);
    /* W3C */
}

/*.button-red:active { background: #D82741; }*/
/*----------------------------*/
.button-purple,
input[type=submit].button-purple {
    background: #6F50E7;
    background: -moz-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #B8A9F3), color-stop(100%, #6F50E7));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B8A9F3), color-stop(100%, #6F50E7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8A9F3', endColorstr='#6F50E7', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #B8A9F3 0%, #6F50E7 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-purple:active,
input[type=submit].button-purple:active {
    background: #B8A9F3;
    background: -moz-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #6F50E7), color-stop(100%, #B8A9F3));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6F50E7), color-stop(100%, #B8A9F3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F50E7', endColorstr='#B8A9F3', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #6F50E7 0%, #B8A9F3 100%);
    /* W3C */
}

/*.button-purple:active { background: #6F50E7; }*/
/*----------------------------*/
.button-black,
input[type=submit].button-black {
    background: #141414;
    background: -moz-linear-gradient(top, #656565 0%, #141414 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #656565), color-stop(100%, #141414));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #656565), color-stop(100%, #141414));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #656565 0%, #141414 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #656565 0%, #141414 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #656565 0%, #141414 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#141414', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #656565 0%, #141414 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-black:active,
input[type=submit].button-black:active {
    background: #656565;
    background: -moz-linear-gradient(top, #141414 0%, #656565 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #656565));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #656565));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #141414 0%, #656565 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #141414 0%, #656565 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #141414 0%, #656565 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141414', endColorstr='#656565', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #141414 0%, #656565 100%);
    /* W3C */
}

/*.button-black:active { background: #141414; }*/
/*----------------------------*/
.button-orange,
input[type=submit].button-orange {
    background: #f09c15;
    background: -moz-linear-gradient(top, #F8C939 0%, #F09C15 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #F8C939), color-stop(100%, #F09C15));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8C939), color-stop(100%, #F09C15));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F8C939 0%, #F09C15 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F8C939 0%, #F09C15 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F8C939 0%, #F09C15 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8C939', endColorstr='#F09C15', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #F8C939 0%, #F09C15 100%);
    /* W3C */
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.button-orange:active,
input[type=submit].button-orange:active {
    background: #f8c939;
    background: -moz-linear-gradient(top, #F09C15 0%, #F8C939 100%);
    /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%, #F09C15), color-stop(100%, #F8C939));
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F09C15), color-stop(100%, #F8C939));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F09C15 0%, #F8C939 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F09C15 0%, #F8C939 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F09C15 0%, #F8C939 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F09C15', endColorstr='#F8C939', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #F09C15 0%, #F8C939 100%);
    /* W3C */
}
#dialog_backdrop_content #dialog_no {
    background: #D82741;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    border: 2px solid #ff0126 !important;
    cursor: pointer;
}
#dialog_backdrop_content #dialog_no:hover {
    background: #ff0126;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    border: 2px solid #ff0126 !important;
    cursor: pointer;

}

#dialog_backdrop_content #dialog_yes {
    background: #0cb700;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    border: 2px solid #1ae200 !important;
    cursor: pointer;
}
#dialog_backdrop_content #dialog_yes:hover {
    background: #1ae200;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    border: 2px solid #1ae200 !important;
    cursor: pointer;
}
/*.button-orange:active { background: #f09c15; }*/
.ErrorElement,
.ErrorElement-input {
    border-color: #a94442 !important;
    box-shadow: 0 0 1px red !important;
}

.ErrorInventory {
    border-color: #ff8f04 !important;
    box-shadow: 0 0 10px #ff8f04 !important;
}

.GoodInventory {
    border-color: green !important;
    box-shadow: 0 0 10px green !important;
}

.RedElement {
    background-color: red !important;

    /* box-shadow:0 0 10px red;*/
}

.PinkElement {
    background-color: #ffb9b9 !important;

    /* box-shadow:0 0 10px red;*/
}

.ValidElement {
    border-color: #dadada;
    box-shadow: 0 0 0px #dadada;
}

label.error {
    float: none;
    color: red;
    padding-left: 0em;
    vertical-align: top;
    visibility: visible;
}

label img {
    position: relative;
    width: 20px;
    height: 20px;
    z-index: 100;
    visibility: collapse;
}

.ErrorMessage {
    position: relative;
    top: 0px;
    left: 5px;
    color: red;
    font-size: small;
}

.items-table .form-control,
.payment-table .form-control {
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px !important;
    border-radius: 10px;
}

.contents-ltr input[type=number],
.contents-ltr .number {
    text-align: left;
}

.contents-rtl input[type=number],
.contents-rtl .number,
.contents-rtl input[type=text]:read-only {
    text-align: right;
}

.number_center {
    direction: ltr;
    text-align: center;
}


input[type=text]:not(:read-only):focus,
input[type=password]:not(:read-only):focus {
    /* outline:none;*/
    border-color: #9ecaed;
    /* box-shadow:0 0 10px #9ecaed;   */
}

input[type=text]:read-only:focus{
    box-shadow:none !important;
}


/*drop up menu */
.dropupmenu {
    display: none;
    border: 1px solid #CCC;
    background-color: #FFF;
    width: 120px;
    padding: 14px;
    position: absolute;
    z-index: 10000;
    overflow: visible;
    height: auto;
    /*height: 140px;*/
    vertical-align: middle;
    font-weight: bold;
    box-shadow: 5px 5px 5px #888888;
}

.right_most {
    right: 0px !important;
}

.left_most {
    left: 0px !important;
}

.menu_item,
.menu_item a {
    text-align: left;
    color: gray;
    /* font-size:large;*/
}

.dropupmenu:lang(en) {
    width: 100%;
    min-width: 150px !important;
}

/*.dropupmenu a:hover {color:black;}*/

.topLeftNavlink {
    /*background-color:#FFF;*/
    background-image: url(../img/btnDropDown.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    color: #666;
    padding: 5px;
    cursor: pointer;
}

.topLeftNavlink>a {
    color: gray;
}

/*.topLeftNavlink:hover > .dropupmenu {display:block;}*/


/****************pagination**************************/
.pagination {
    display: block !important;
}

div.pagination {
    padding: 3px;
    margin: 3px;
    text-align: center;

}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;

    text-decoration: none;
    /* no underline */
    color: #000099;
}

div.pagination a:hover,
div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;

    font-weight: bold;
    background-color: #000099;
    color: #FFF;
}

div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    color: #DDD;
}

/**************** END pagination**************************/

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.pull-top {
    text-align: top;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.inline {
    display: inline !important;
}


.field_color {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: gray;
    top: 4px;
}

img.loading {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.printIcon {
    height: 22px;
    padding-top: 7px;
}

.printBtn {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
}

div.divHeader {
    display: none;
}

#divHeaderTopPage {
    /* height: 350px;  */
}

div.divFooter,
.printTitle {
    text-align: center;
    display: none;
}

div.divPager,
div.divPagerNoBreak {
    /* display: none;   */
    font-size: 8pt;
}


.filterDiv {
    width:100%;
}

page[size="A4"] {
    background: white;
    width: 21cm;
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.1cm rgba(0, 0, 0, 0.5);
}
page.overflow-scroll {
    overflow: scroll;
}
.border-top {
    /*border-top:3pt solid rgba(150, 150, 150, 1);    */
}

tr.footable-empty {
    display: none;
}

.copy_item_list {
    width: 100%;
    overflow-y: scroll;
    height: 400px;
}
@media print {

    /*
  a[href]:after {
    content: " (" attr(title) ")" !important;
  }

  */

    .contents-ltr.date-title{
        margin-left: 20px !important;
    }
    .contents-rtl.date-title{
        margin-right: 20px !important;
    }
    form#outcome,form#tedit{
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    table.trans_tax_tbl{
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: 90% !important;
    }
    table.tedit{
        border: 1px solid  !important;
    }
    div.page-break {
        display: run-in;
        page-break-after: always;
        clear: both !important;
    }

    .tablesorter-sticky-hidden {
        display: none;
    }

    /*    היה לפני התרגום       */
    table.tablesorter,
    form#foryear,
    form#vatrep,
    form#taxrep,
    .printDate,
    .printTitle,
    #extmtchtbl,
    #intmtchtbl,
    .frow .rdata,
    tr,
    th,
    td,
    thead {
        direction: rtl !important;
        text-align: right;
        font-size: 7pt !important;
        font-weight: normal !important;
        word-wrap: break-word !important;
    }

    table.tablesorter thead tr th,
    table.tablesorter tfoot tr th {
        direction: ltr !important;
        font-size: 7pt !important;
        font-weight: normal !important;
        text-align: right;
        padding: 5px !important;
        word-wrap: break-word !important;
    }
    .table-responsive {
        overflow-x: hidden !important;
        width: 100%;
    }

   @page {
        margin-left:5px;
        margin-right:40px;
    }

    .fixed-width {
        width: 100px !important;
    }


    table.tablesorter tr td,
    .formy tr td {
        border-bottom: 1pt solid gray;
        padding: 5px !important;
        word-wrap: break-word !important;
    }

    table.table,
    tr,
    th,
    thead {
        direction: rtl !important;
        text-align: right;
        font-size: 10pt !important;
        font-weight: normal !important;
        word-wrap: break-word !important;
    }

    table.table thead tr th,
    table.table tfoot tr th {
        direction: ltr !important;
        font-size: 10pt !important;
        font-weight: normal !important;
        text-align: right;
        word-wrap: break-word !important;
    }

    table tr td {
        direction: rtl !important;
        text-align: right !important;
        font-size: 8pt !important;
        font-weight: normal !important;
        word-wrap: break-word !important;
    }
    table.table-center tr td {
        text-align: center !important;
    }
    table.table tr,
    .formy tr {
        border-bottom: 1pt solid gray;
    }

    table.formtbl tr td {
        font-size: 10pt !important;
    }

    .td-mb-10 td {
        padding-left: 15pt;
        padding-right: 15pt;
        font-size: 10pt !important;
        font-weight: normal !important;
    }

    .td-mb-10 {
        margin-top: 15pt;
    }

    .td-mb-10 input {
        margin-top: 5pt !important;
        margin-bottom: 10pt !important;
        width: 100%;
    }

    .hovertbl td {
        border: 1pt solid black;
    }

    .hovertbl {
        /*display: inline-table;*/
        direction: rtl !important;
        font-size: 8pt;
    }

    table.formy {
        display: inline-table;
        direction: rtl !important;
    }

    table.form {
        text-align: right;
        direction: rtl !important;
    }

    .printTitle {
        display: block;
    }
    .comapny_info_print {
        font-size: 10pt;
        margin-left: 20pt;
        margin-right: 20pt;
        font-size: 11pt !important;
    }
    .printHeader {
        text-align: right !important;
    }

    .printHeaderTitle {
        text-align: right !important;
        width: 100% !important;
        float: right !important;
    }

    #left_hdr-ltr {
        float: right !important;
        margin-right: 25px !important;
    }

    div.divHeader {
        display: inline;
        font-size: 10pt;
    }

    div.divFooter {
        display: inline;
        font-size: 8pt;
    }

    div.divHeaderDoc {
        display: flex;
        position: inherit;
        text-align: right;
        font-size: 10pt;
    }

    div.divFooterDoc {
        width: 500px;
        position: fixed;
        display: table;
        text-align: center !important;
        margin-top: 150px;
        font-size: 8pt;
    }

    .rhdata {
        background-color: #ececec;
        font-size: 16px;
        display: table-cell;
        border: 1px solid #b1b1b1;
        padding: 10px;
        text-align: right;
    }

    page[size="A4"] {
        margin: 0;
        box-shadow: 0;
    }

    #taxrep table.formtbl tr td,
    #vatrep table.formtbl tr td {
        font-size: 14pt !important;
    }

    .no-print,
    input.no-print,
    .dataTables_length,
    .dataTables_filter,
    .dataTables_processing,
    .dataTables_info,
    .dataTables_paginate, .footable-toggle.fooicon-minus, .footable-toggle.fooicon-plus {
        display: none;
    }

    .row-print {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .print.table-responsive {
        overflow-x: hidden !important;
    }

    .small-print table td,
    .small-print table th {
        font-size: 70% !important;
        word-wrap: break-word !important;
    }

    a, title{
        text-decoration: none !important;
    }
    a[href]:after {
        content: none !important;
    }
    [dir="ltr"] {
        direction: ltr !important;
    }
    [dir="rtl"] {
        direction: rtl !important;
    }
    .only-print {
        display: block !important;
    }

    .footer {
        border-top: none !important;
    }

    th#RedElement {
        font-size: 12;
        color: black;
    }

    #manualSumTable {
        direction: ltr !important;
    }

    .filter-box {
        border-color: #7b7777;
        border-style: none !important;
        border-width: 0px !important;
        /*box-shadow: none !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding: 0px !important;*/
    }

    table {
        zoom: 0.9;
        width: 99% !important;
    }
    table.jurnal_table tbody td, table.jurnal_table_page tbody td {
        font-size: 6.5pt;
    }


    table.jurnal_table tbody td span {
        word-wrap: break-word !important;;
        width: 7ch !important;
        display: table-caption !important;
        white-space: normal;
    }
    table.jurnal_table th span{
        word-wrap: break-word !important;;
        width: 7ch !important;
        display: table-caption !important;
        white-space: normal;
    }
    table.table td span{
        word-wrap: break-word !important;;
        width: 30ch !important;
        display: table-caption !important;
        white-space: normal;
    }

    label {
        font-size: 8pt !important;
        font-weight: normal !important;
        margin-bottom: 0px !important;
    }

    select {
        font-size: 8pt !important;
    }

    .form-group {
        margin-bottom: 0px !important;
    }

    .form-control {
        font-size: 8pt !important;
        font-weight: normal !important;
        padding: 5px !important;
    }

    .prinheadertitle {
        text-align: right !important;
        font-size: 14pt !important;
        margin-top: 5px !important;
        text-decoration: none !important;
        margin-right: 40px  !important;
        margin-left: 35px;
    }

    .panel-body {
        padding: 0px !important;
        padding-top: 5px !important;
    }

    div.box {
        border: none !important;
    }

    hr {
        display: none;
    }

    div.input-group {
        display: inline !important;
    }

    table td span.input-group-addon, span.input-group-addon {
        display: none !important;
    }

    .dataTables_info, .dataTables_paginate {
        display: none !important;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    table.hidden-xs {
        display: table;
    }

    tr.hidden-xs {
        display: table-row !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }

    .hidden-xs.hidden-print {
        display: none !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    .visible-sm {
        display: table-cell !important;
    }

    .balancetbl table,
    .balancetbl,
    .page-break-avoid {
        page-break-inside: avoid !important;
        page-break-after: avoid;
        page-break-before: avoid;
    }

   /* table tr:nth-child(5) {
        page-break-after: always !important;
        display: block;
    }*/

    #filterDiv {
        page-break-inside: avoid !important;
        page-break-after: avoid;
        page-break-before: avoid;

    }
    .width-11em {
        width: 11em !important;
    }
    table.large-print tr td,  table.large-print tr td span,
    table.large-print th {
        font-size: 14pt !important;
    }

    .print-small tr td {
        font-size: 7pt !important;
    }
    .inputField input:not(:placeholder-shown)+label,  .inputField select:not(:placeholder-shown)+label {
        display: none !important;
    }
    .inputField .form-field > span {
        display: none !important;
    }
}

.company_not_select #image-process {
    display: none;
}

.login-footer {
    width: 100%
}

.img-responsive {
    text-align: center;
}

#contents-ltr {
    text-align: left;
}

#contents-rtl {
    text-align: right;
}

#contents-ltr .panel-body {
    text-align: left;
}

.contents-rtl .question_mode {
    float: left;
}
.contents-ltr label {
    direction: ltr;
}
.contents-rtl label {
    direction: rtl;
}

#eng-btn {
    /*float: left;*/
    display: inline-block;
    margin-bottom: 5px;
}

#heb-btn {
    /*float: right;*/
    display: inline-block;
    margin-bottom: 15px;
}

#ltr-text span.header-text {
    margin-left: 7px;
    width: auto;
}

#ltr-text td.ftc,
#ltr-text td.fcc,
#ltr-text td.fbc {
    text-align: left;
}

#ltr-text .btnsmall,
#ltr-text .btnaction {
    text-align: left;
    text-indent: 10px;
}


#ltr-text div.formtitle {
    float: left;
}

div.row input:lang(en) {
    margin: 0;
}

div.row input[type=checkbox]:lang(en) {
    margin: 5px;
}
/* for mannual shhet ocr checkbox */
.handsontable .htCheckboxRendererInput:lang(en){
    margin-left: -2px !important;
    margin-top: 3px !important;
}
.handsontable .htCheckboxRendererInput:lang(he){
    margin-left: -3px !important;
    margin-top: 3px !important;
}
.handsontable .checker_sheet:lang(en){
    margin-left: -2px !important;
}
.handsontable .checker_sheet:lang(he){
    margin-left: -3px !important;
}
/* for mannual shhet ocr checkbox */

/* added by humed in extmatch and inmatch module for autoreconicle option */
.reconicle_checkbox{
    margin: 5px !important;
}
/* added by humed in extmatch and inmatch module for autoreconicle option */


div.row .input-group-addon:lang(en) {
    transform: scalex(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    filter: FlipH;
    -ms-filter: “FlipH”;
}

div.row .input-group-addon:last-child:lang(en) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    border: 1px;
}
div.row .input-group-addon:last-child:lang(he) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    border: 1px;
    border-color: #b4b4b4;
}
.dynamic_form .input-group-addon + .input-group-addon {
    display: none;
}
form#edituser fieldset div.row div.col-sm-6:lang(en) {
    float: inherit;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.input-group .form-control:lang(en) {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    /*border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;  || off by ss on 06.05.2016*/
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.border-t-none {
    border-top: 0 !important;
}
.add-row,
.add-row-receipt {
    position: relative;
    top: 63px;
    left: 20px;
}

.add-row-receipt:lang(en) {
    position: relative;
    top: 75px;
    left: -21px;
}

.add-row:lang(en) {
    top: 60px;
    left: -21px;
}

table.for-docsadmin tfoot tr td:lang(he) {
    text-align: left;
    padding-left: 10px;
}

table.for-docsadmin tfoot tr td:lang(en) {
    text-align: right;
    padding-right: 10px;
}

#income {
    padding-right: 10px;
}

#income:lang(en) {
    padding-left: 10px;
}

#intmtchtbl tbody tr:first-child td:lang(en) {
    text-align: left;
}

/* start custom css written by ss */
span.only-print {
    display: none;
}

.only-print {
    display: none;
}

.container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px 10px 10px 10px;
    /* border-top: 2px solid #428BCA;*/
    box-shadow: 0px 2px 10px rgba(23, 11, 4, 0.03);
    margin-bottom: 20px;
    /* position: relative; */
    width: 100%;
    border-color: #001f6136;
    border-style: solid;
    border-width: 1px;

    /*
    border-bottom: 1px solid #428BCA;
    border-left: 1px solid #428BCA;
    border-right: 1px solid #428BCA;
	*/

}

.box-header a
{
    color: #FFF;
}

.box-header a:hover
{
    color: #FFF;
    text-decoration: none;
}

.box.box-default {
    border-top-color: #ccc;
}

.box.box-primary {
    border-top-color: #337ab7;
}

.box.box-success {
    border-top-color: #009e00;
}

.box.box-info {
    border-top-color: #00c0ef;
}

.box.box-warning {
    border-top-color: #e78800;
}

.box.box-danger {
    border-top-color: #d9534f;
}

/* .box-header {
    color: #FFF;
    color: #000;
    display: block;

    position: relative;
   /* background: #f4f4f4 none repeat scroll 0 0;  /
    background:hsl(0, 0%, 89%) none repeat scroll 0 0;
    background: hsl(208, 56%, 53%) none repeat scroll 0 0;
    background: #F8F8FA; /*hsl(0, 0%, 83%) none repeat scroll 0 0; /
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 15px;
    /* border-radius: 10px 10px 0px 0px; /
    border-radius: 10px;

} */
.box-header {
    color: #FFF;
    display: block;

    position: relative;
    /* background: #f4f4f4 none repeat scroll 0 0;  /
    background:hsl(0, 0%, 89%) none repeat scroll 0 0;
    background: hsl(208, 56%, 53%) none repeat scroll 0 0;
    background: #F8F8FA; /*hsl(0, 0%, 83%) none repeat scroll 0 0; */
    background: #001f61;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 15px;
    border-radius: 8px 8px 0px 0px;
    /*border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #d9edf7;
    border-width: 0px;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #979b9b;

}

.box-header.with-border {
    border-bottom: 1px solid #979b9b;
    /* border-left: 1px solid #428BCA;
    border-right: 1px solid #428BCA; */
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin: 0 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0 !important;
    margin-bottom: 0;
    white-space: nowrap;
}

.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.filter-box {
    border-color: #7B7777;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

#intmtchtbl,
#extmtchtbl {
    font-size: 75%;
}


.fa.fa-green {
    color: green;
}

.fa.fa-red {
    color: red;
}

.fa.fa-yellow {
    color: yellow;
}

.fa.fa-blue {
    color: blue;
}

.form-control-label {
    margin-top: 5px;
}

.table>thead.thead-default>tr>th,
.table-bordered>thead>tr>td {
    background-color: #E8E8E8;
}

.padding-left-zero {
    padding-left: 0px !important;
}

.padding-right-zero {
    padding-right: 0px !important;
}

.navbar-vista {
    /*padding: 4px;
  border-style: solid;
  border-color: #555555 #555555 #131515 #555555;
  border-width: 1px;
  border-radius: 0;
  background-color: transparent;
  box-shadow: 0 0 2px 0 #FFFFFF inset;
  border-collapse: separate;  */


    background-image: -moz-linear-gradient(top, #888A8A 0%, #4C4E4F 48%, #1B1D20 51%, #131516 100%);
    background-image: -webkit-linear-gradient(top, #888A8A 0%, #4C4E4F 48%, #1B1D20 51%, #131516 100%);
    background-image: linear-gradient(top, #888A8A 0%, #4C4E4F 48%, #1B1D20 51%, #131516 100%);
    /* background-image: url("\img\top_menu_bk.png");
  background-repeat:repeat-x;  */
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #888A8A 0%, #131516 100%);

    /*background-image: -webkit-linear-gradient(top, #448ccb 0%, #448ccb 48%, #346998 51%, #012f58 100%);*/
    background-size: 100% 100%;
}

.navbar-default-shortcut {
    background-color: #e2e2e2;
    line-height: 0.5;
}

#btnCloseDoc {
    margin-left: 0px;
    margin-top: -5px;
}


.navbar-default-shortcut .nav>li>a {
    /* color:gray !important;*/
    color: #3f3f40 !important;
    font-size: 1.1em;
}

.navbar-default-shortcut .nav>li>a:hover,
.navbar-default-shortcut .nav>li>a:focus {
    background-color: rgba(120, 120, 120, 0.0) !important;
    text-decoration: underline !important;
}


.nav>li>a:hover,
.nav>li>a:focus {
    background-color: rgba(31, 31, 31, 0.43) !important;
}

.nav>li>a {
    font-size: 1.15em;
    display: block;
    padding: 10px 0px 1px 0px !important;
    position: relative;
    color: #0f2060;
}

.navbar-collapse {
    padding-right: 0px !important;
}

.nav>li>a:hover {
    color: #0f2060 !important;
    background: #f0f1f1 !important;
    text-decoration: underline !important;
}

div#bs-example-navbar-collapse-2>ul.nav>li {
    padding: 1px;
}

div#bs-example-navbar-collapse-1 .dropdown-menu {
    padding: 0px !important;
}

div#bs-example-navbar-collapse-1 .dropdown-menu>li>a {
    line-height: 2.429 !important;
}

div#bs-example-navbar-collapse-1 .dropdown-menu>li>a:hover {
    /*background: #E0F0FA !important;*/
    color: #0f2060 !important;
}

div#bs-example-navbar-collapse-1 .dropdown-menu .divider {
    margin: 1px 0;
}

/* table shorter grid custom css*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    box-shadow: 0 0 0 0 #aaaaaa inset;
}

table.table tbody tr.ui-widget-content {
    background: none;
    box-shadow: 0 0 0 0 #aaaaaa inset;
    color: #222222;
}

#tblBnk.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 5px !important;
    vertical-align: middle !important;
}

.table.dynamic_form tr>td {
    padding: 10px 5px 22px !important;
}

.footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    text-align: center;
}

.width-1 {
    width: 1% !important;
}

.width-5 {
    width: 5% !important;
}

.width-10 {
    width: 10% !important;
}

.width-15 {
    width: 15% !important;
}

.width-20 {
    width: 20% !important;
}

.width-25 {
    width: 25% !important;
}

.width-30 {
    width: 30% !important;
}

.width-40 {
    width: 40% !important;
}

.width-50 {
    width: 50% !important;
}

.width-60 {
    width: 60% !important;
}

.width-70 {
    width: 70% !important;
}

.width-80 {
    width: 80% !important;
}

.width-90 {
    width: 90% !important;
}

.width-100 {
    width: 100% !important;
}

.modal-window {
    height: auto;
    max-height: 600px !important;
    overflow: scroll;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

.highlight td {
    background-color: yellow !important;
}

.highlight_match {
    background-color: yellow !important;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.3);
    /* IE */
    -moz-transform: scale(1.3);
    /* FF */
    -webkit-transform: scale(1.3);
    /* Safari and Chrome */
    -o-transform: scale(1.3);
    /* Opera */
    padding: 5px;
}

.display_match_block {
    padding-left: 20px;
    display: inline-block;
    ;
}

.display_match_block_fix_30 {
    display: inline-block;
    word-wrap: break-word;
    width: 30%;
}
.display_match_block_fix_15{
    padding-right: 2em;
}

.display_match_block_fix_20_small {
    display: inline-block;
    width: 20%;
    font-size: 80%;
}

.display_match_block_fix_20 {
    display: inline-block;
    word-wrap: break-word;
    width: 20%;
}

.display_match_block_fix_10 {
    display: inline-block;
    ;
    width: 10%;
}

.display_match_block_fix_05 {
    display: inline-block;
    ;
    width: 5%;
}

.display_match_block_right {
    padding-right: 15px;
    display: inline-block;
    ;
}

.contents-ltr .display_ext_total{
    padding-right: 3em;
}
.contents-ltr .display_int_total{
    padding-right: 8em;
}
.contents-rtl .display_ext_total{
    padding-left: 3em;
}
.contents-rtl .display_int_total{
    padding-left: 8em;
}
#plus5 {
    visibility: hidden;
    position: absolute;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.border-1px {
    border: 1px solid #ccc !important;
}

.sr-no p {
    margin-top: -10px;
}

.dynamic_form td p {
    min-height: 46px;
}

/******************** card payement style **************/

.cc-num {
    background-image: url('../AccountITPOS/assets/img/CC_bg.png') !important;
    background-repeat: repeat-x;
}

.padding-s {
    padding: 0 3px !important;
    margin: 0 0 30px 0 !important;
}

.CreditCardNum i {
    float: right;
    margin: 5px;
    color: #bababa;
    font-size: 2em !important;
}

#creditdiv {
    margin-left: 25px;
    margin-right: 25px;
}

.def_auto_eaxract_box {
    border: 2px solid #dadada;
    padding: 10px;
}

/* end custom css by ss */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}


.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.vatnum-form-group {
    float: right;
    width: 50%;
    padding-left: 10px;
}

.ocr_bottom_menu {
    color: #bababa;
}

.contents-rtl .hasDatepicker {
    text-align: right;
    direction: ltr !important;
}

.contents-ltr .hasDatepicker {
    text-align: left;
    direction: ltr !important;
}

#msgClose {
    margin-right: 10px;
}

sup {
    font-size: 14px;
    cursor: pointer;
}

.contents-ltr table.tablesorter thead tr th,
.contents-ltr table.tablesorter tfoot tr th {
    padding-left: 5px;
    text-align: left;
    direction: ltr;
    white-space: nowrap;
    padding-right: 20px;
}

.contents-rtl table.tablesorter thead tr th,
.contents-rtl table.tablesorter tfoot tr th {
    padding-left: 20px;
    text-align: right;
    padding-right: 5px;
    direction: rtl;
    white-space: nowrap;
}

.contents-ltr table.tablesorter thead tr th.check-all {
    padding-left: 4px;
    background-image: none;
}
.contents-ltr table.tablesorter thead tr .headerSortUp, .contents-ltr .tablesorter-headerSortUp,
.contents-ltr table.tablesorter thead tr .headerSortDown, .contents-ltr .tablesorter-headerSortDown {
    background-position: center right;
}
.contents-rtl table.tablesorter thead tr th.check-all {
    padding-right: 6px;
    background-image: none;
}

.modal-window table.tablesorter thead tr .header,
.modal-window .tablesorter-headerUnSorted {
    background-image: none;
}
.disp-flex {
    display: flex;
}
.contents-ltr .table-unassign.tablesorter thead tr th,
.contents-ltr .table-unassign.tablesorter tfoot tr th {
    text-align: left;
}

.intmatch_partly th {
    white-space: nowrap !important;
}

.intmatch_partly td:first-child {
    text-align: center;
}

.nowrap {
    white-space: normal !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

#btntop {
    display: none;
    /* Hidden by default */
    position: fixed;
    bottom: 75px;
    left: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #dcdcdca6;
    color: white;
    cursor: pointer;
    padding: 9px;
    border-radius: 30px;
    font-size: 0px;
}

#btntop:hover {
    background-color: #dcdcdc;
    /* Add a dark-grey background on hover */
}

.swal2-content {
    font-size: 1.5em !important;

}

.swal2-popup {
    width: 42em !important;

}


.swal2-content table {
    white-space: nowrap;
}

/* added by humed  */
.swal2-content .item_info_discription {
    white-space: normal;
}

#vehilce_list {
    float: left;
    width: 100%;
}

.input-group>.input-group-addon:last-child {
    /* border-bottom-right-radius: 12px !important;
    border-top-right-radius: 12px !important; */
    border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.contents-ltr table.tablesorter thead tr .header, .contents-ltr .tablesorter-headerUnSorted {
    background-position: center right;
}
.text-sucess {
    color: #5ea5ba;
    font-weight: bold;
}
.attchement-reports .text-accordion {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*
 *  Scroll STYLE
 */

 .scroll-style::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
 }

 .scroll-style::-webkit-scrollbar
 {
     width: 6px;
     background-color: #F5F5F5;
 }

 .scroll-style::-webkit-scrollbar-thumb
 {
     background-color: #333;
 }
 .payment-form, form#cart_update {
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
 }
@media screen and (max-width:767px) {

    .item-table-sec input[type=number]:read-only,
    .items-table #total:read-only,
    .rcptdet input[type=number]:read-only,
    .rcptdet input[type=number]:disabled {
        background: #eee;
        color: #00020c;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 1px solid #ddd !important;
    }

    .top_hdr_3 {
        padding-right: 0px;
        padding-left: 5px;
    }

    .top_hdr_1 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .header-main {
        z-index: 3;
    }

    .items-table td:not(:last-of-type):not(:first-of-type) {
        min-width: 200px;
    }

    .navitem_desk {
        display: none !important;
    }

    .navitem_mobile {
        display: block !important;
    }

    .items-table td:not(:last-of-type):not(:first-of-type) {
        min-width: 200px;
    }
}

@media screen and (min-width:769px) {
    #contents {
        padding: 15px 0px 15px 0px;
    }

    .navitem_desk {
        display: block !important;
    }

    .navitem_mobile {
        display: none !important;
    }
}

.header-main .row {
    padding-right: 15px;
    padding-left: 15px;
}

.dropdown-menu {
    position: relative !important;
}

.global-report-table .table-responsive {
    overflow: visible; /* old is 'auto', becuase it is conflict on action sub menu layout Moin*/
}
.table-responsive {
    overflow: auto; 
}
.tax-period .table-responsive, .modal-body .table-responsive {
    max-height: 900px;
}
.modal-body .table-responsive.max-height-100 {
    max-height: 100%;
}
.table>tbody>tr>td.no-wrap {
    white-space: nowrap;
}
/* Optional: Style the scroll bar */
.tax-period .table-responsive::-webkit-scrollbar , .modal-body .table-responsive::-webkit-scrollbar  {
    width: 10px; /* Adjust the width as needed */
  }

  .tax-period  .table-responsive::-webkit-scrollbar-thumb, .modal-body .table-responsive::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scroll thumb */
    border-radius: 6px; /* Rounded corners of the thumb */
  }

  .tax-period  .table-responsive::-webkit-scrollbar-track, .modal-body .table-responsive::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color of the scroll track */
  }
.box-pipe {
    margin-top: 0px;
}

.input-group-addon-btn {
    padding: 0px !important;
}

.input-group-addon-btn .btn {
    padding: 4px 12px !important;
}

#btnDeleteDraft {

  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}

.contents-rtl #service_taxi form.slideform-form .slideform-group {
    float: right;
}
.contents-rtl #service_taxi .content .wizard-header {
    text-align: right;
}
.contents-ltr #service_taxi form.slideform-form .slideform-group {
    float: left;
}
.contents-ltr #service_taxi .content .wizard-header {
    text-align: left;
}
.accountit_logo p {
    position: absolute;
    vertical-align: baseline;
    line-height: 0;
    top: 38px;
    left: 48px;
    font-size: 11.5px;
}

.accountit_logo {
    /*width: 29%;*/
    z-index: 2;

}

.company_logo {
    /*width: 70%; */
    white-space: nowrap;

    width: 60%;
    background-color: #e7e9e9;

}

.accountit_logo img {
    height: 35px;
    margin-top: 8px;
    margin-left: 10px;
}

.accountit_logo .img-responsive {
    margin-top: 0px;
    float: left;
}

.company_logo img {
    height: 40px;
    padding-right: 5px;
    margin-top: -23px;
    padding-left: 7px;
}

.company_logo h4 {
    display: inline-block;
    text-overflow: ellipsis;
    margin-top: 6px;
}

.company_logo .sub_title {
    display: block;
    padding-top: 5px;
}


.break {
    flex-basis: 100%;
    height: 0;
}


select[readonly]+.select2-container {
    cursor: not-allowed;
    pointer-events: none;
}

.head_row {
    width: 100%;
    position: fixed;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    align-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse;
    z-index: 9;
    border-top-style: solid;
    border-top-color: #001f6136;
    border-top-width: 1px;

    border-bottom-style: solid;
    border-bottom-color: #001f6136;
    border-bottom-width: 2px;
    height: 53px;

    /*
  -webkit-box-shadow: 2px 17px 40px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 17px 40px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 17px 40px 0px rgba(0,0,0,0.75);
  */
}

.item {
    /*width: 49%;*/
    /*min-width: 250px;*/
    margin: 0px;
    /*flex-grow: 1;*/
    /*height: 45px;*/
    background-color: #fff;
}

.chk_report {
    margin-left: 10px !important;
    margin-right: 5px !important;
}

.system_message {
    margin-bottom: 5px;
    margin-top: 20px;
}

.zero_padding {
    padding: 0 !important;
}

.acc_report_acc_thead {
    background-color: #fff !important;
}

#accadmintbl .fa,
#accadmintbl .fas {
    color: #545454;
}


a:hover,
a:focus {
    text-decoration: underline
}

#error_msg h4 {
    padding: 15px;
    margin-bottom: 20px;
    /* border:1px solid transparent; */
    border-radius: 4px;
    /* new */
    border: 2px solid #979b9b;
    box-shadow: 0px 2px 10px rgb(23 11 4 / 3%);
}

.input-group-addon {
    display: inline-table;
}

div#useList_length {
    float: right;
    width: 100%;
}

div#useList_wrapper {
    float: left;
    margin: 25px 0;
    width: 100%;
}

div#useList_info {
    text-align: center;
}

div#useList_paginate {
    text-align: center;
    margin-top: 20px;
}

div#useList_processing {
    top: 5%;
    font-size: 150%;
    font-weight: 700;
}

.paginate_button {
    border: 1px solid #333;
    padding: 10px;
    background: #001f61;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.paginate_button.current {
    background: #fff;
    color: #505254;
    cursor: text;
}

#datatable_list_info,
#datatable_list_paginate {
    padding-bottom: 30px;
}

#datatable_list_info {
    display: block;
    text-align: center;
}

.dataTables_length select {
    margin-top: 5px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 30px;
}
.contents-ltr table.dataTable.dtr-inline.collapsed.credit-terminal>tbody>tr>td.dtr-control,
.contents-ltr table.dataTable.dtr-inline.collapsed.credit-terminal>tbody>tr>th.dtr-control {
    padding-left: 30px !important;
}

.dataTables_paginate, .dataTables_info {
    display: block;
    text-align: center;
}

#datatable_list {
    width: 100% !important;
}

.dataTables_empty {
    text-align: center;
}

.form-control.invalid {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/* action icon css */
.edit-icon,
.view-icon,
.remove-icon {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.download-icon {
    padding: 6px;
    width: 24px;
    height: 22px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
    background-color: #00a65a;
    color: #fff;
    font-size: 10px !important;
}

.edit-icon {
    background: #009e00;
}

.view-icon {
    background-color: #00a65a;
}

.remove-icon {
    background-color: #ff0000;
}

.edit-icon i,
.view-icon i,
.remove-icon i {
    color: #fff;
    font-size: 10px !important;
}

.p-30 {
    padding: 30px;
}

.p-20 {
    padding: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.text-white {
    color: #fff !important;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#ltr-text .pl-0 {
    padding-left: 0 !important;
}

#ltr-text .pr-0 {
    padding-right: 0 !important;
}

#rtl-text .pl-0 {
    padding-right: 0 !important;
}

#rtl-text .pr-0 {
    padding-left: 0 !important;
}

.pal-0 {
    padding-left: 0 !important;
}

.par-0 {
    padding-right: 0 !important;
}

/** data table **/
.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    background-color: transparent;
    font-size: 14px;
    color: #bbb;
    font-weight: bold;
    margin-top: -6px;

}

.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    background-color: transparent;
    font-size: 14px;
    color: #bbb;
    font-weight: bold;
    margin-top: -6px;
}

.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    display: none;
}

/* comment by humed for show docs module */
.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
.contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    display: none;
}

.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:after,
.contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:after {
    top: 50%;
    right: 3px;
    height: 1em;
    width: 1em;
    margin-top: -6px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Font Awesome 5 Free";
    line-height: 1em;
    content: "\f067";
    font-size: 14px;
    color: #bbb;
    font-weight: bold;
}

/** tolltip css **/
/*moved to toop of the file @import url(https://fonts.googleapis.com/css?family=Audiowide);*/

/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 0%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #001f61 transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;
    transform: scale(.6) translateY(-90%);
}

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #001f61;
    border-radius: .25em;
    bottom: 16px;
    color: #fff;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 0.5em;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 18em;
}

.tool:hover::after,
.tool:focus::after {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}

.popover-title,
.popover-header {
    padding: 5px 5px !important;
    margin-top: 0 !important;
    background-color: #001f61 !important;
    color: #fff;
    font-size: 14px !important;
}

.popover-body {
    padding: 9px 14px;
}

.popover {
    right: auto !important;
    ;
    max-width: 300px !important;
    ;
}

div.dataTables_processing {
    text-align: center;
    position: absolute;
    align-items: center;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 9999;
}

div.dataTables_processing i {
    font-size: 3em !important;
}

.popover.bs-popover-right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: #001f61;
    border-left-width: 0;
}

.popover.bs-popover-left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

.popover.right>.arrow,
.popover.bs-popover-right>.arrow:after {
    left: 0 !important;
    ;
    right: auto !important;
    ;
}

.popover.right>.arrow:after {
    border-right-color: #001f61 !important;
}

.popover.left>.arrow:after,
.popover.bs-popover-left>.arrow {
    border-left-width: 10px !important;
    border-left-color: #001f61 !important;
}

/* plugin package style */
.product .info {
    background: #044689;
    padding: 0.0em 0.0em 3.0em;
    color: #FFF;
}

.required.has-error {
    border: 1px solid red !important;
    padding: 6px;
}

.show-Error input {
    border: 1px solid red !important;
}
/* give red border if 6111 field is empty in customer form */
.show-Error .select2-container .select2-selection {
    border: 1px solid red !important;
}

.show-error-message {
    display: none;
    color: red;
}

.show-Error .show-error-message {
    display: block;
}

.error-message,
.idate_msg, .date_msg  {
    color: red;
}

#survey_vehicles .error-message
{
    display: block;
}


.validateform .error-message {
    display: block;
}
.email-container + .error-message {
    display: none;
}
.form-group {
    margin-bottom: 18px;
}

.error-message.form-control {
    border: 1px solid;
    border-color: red !important;
    box-shadow: 0 0 10px red !important;
}

.loader {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 999;
    background-color: #fff;
    vertical-align: middle;
    display: block;
}

.rotate {
    animation: rotation 2s infinite linear;
    position: relative;
}
input[type=number] {
    -moz-appearance:textfield;
}
#accordion2 {
    display: table;
    width: 100%;
}

.custom-toggle {
    width: 100%;
    margin-bottom: 20px;
    border: 2px solid #e5e5e5;
    padding: 10.4px 13px;
    background: #001f61;
    color: #fff;
    border-color: #001f61;
    border-radius: 4px;
}

.custom-toggle:hover,
.custom-toggle:focus {
    text-decoration: none !important;
    color: #fff;
}

.contents-ltr .accordion-toggle:before {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    float: right;
}

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

.m-30 {
    margin: 30px 0px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-45 {
    margin-top: 45px;
}

.mt-15 {
    margin-top: 15px !important;
}

.m-10 {
    margin: 10px;
}
@media (min-width: 767px) {
    .mt-0 {
        margin-top: 0 !important;
    }
    .mb-0 {
        margin-bottom: 0 !important;
    }
}
.mt-0 .inputField {
    margin-top: 0 !important;
}
.mt-5 .inputField {
    margin-top: 5px !important;
}
.fn-14 {
    font-size: 14px !important;
}

.disable-link {
    cursor: not-allowed !important;
}

.disable-click{
    pointer-events:none;
}

.inner .form-row .form-holder select,
.inner .form-row .form-holder .text-control {
    background-color: #fff;
}

#notfound {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 1;
    position: relative;
    justify-content: center;
}

/* .docsadmin_document_html .notfound{
    top: 70% !important;
} */
/* .docsadmin_not_payment_html .notfound{
    top: 80% !important;
} */



.notfound {
    max-width: 920px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    /*padding-top: 50px;*/
}


.notfound .notfound-404 h1 {
    color: #ececec;
    font-weight: 900;
    margin: 0px;
}

.notfound .notfound-404 h1 i {
    font-size: 200px !important;
    position: relative;
    top: 47px;
    z-index: -1;
}

.notfound h2 {
    font-size: 36px;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
}

.notfound p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 20px;
    position: relative;
    bottom: 77px;
}

.register_question_outcome_not_found  p{
    margin-top: 0px;
}

.notfound .not_found_warning_msg {
    bottom: 23px;
}

.notfound .docsadmin_add_item_btn {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 38px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    position: relative;
    bottom: 100px;
}

.notfound .barcode_item_found {
    position: relative;
    bottom: 50px;
}
.notfound .document_add_note {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 38px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    /* position: relative; */
    bottom: 100px;
}

.notfound .payment_link {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 38px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    position: relative;
    bottom: 100px;
}

.notfound .docsadmin_empty_html_link {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 16px 38px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    position: relative;
    bottom: 75px;
}

/*.notfound a:hover{background-color:#fff;border-color:#189cf0;color:#189cf0;}*/
#no-more-tables .input-group-btn>.btn,
#no-more-tables .input-group-btn>.btn span {
    font-size: 14px;
}

.add-new-item-text {
    font-size: 14px;
}
.add-new-item-text-small {
    display: none;
}

.docsadmin_new_item_btn {
    padding-top:5px;
}

.docsadmin_new_item_qty {
    border-radius:10px !important;
}

.docsadmin_modal_total {
    padding-top: 10px;;
}

.docsadmin_qty_button {
    height: 49px;
}

#documenet .clickable {
    text-align: center;
    width: 51px;
}

.show-more {
    display: none;
    text-align: center;
    font-size: 10px;
    top: -4px;
    white-space: nowrap;
    position: relative;
}

.panel-collapsed .show-more {
    display: block;
}

#footer-item.show {
    display: table-row-group !important;
}

a.show-hide:hover,
a.show-hide:active,
a.show-hide:focus {
    text-decoration: none !important;
    color: #333;
}

.accor-td {
    text-align: left;
}

.btn.btn-gray {
    background-color: #ffffff;
    border-color: #a9a9a9;
}

.btn.btn-gray:hover {
    background-color: #eee;
    border-color: #a9a9a9;
}

.badge-success {
    background-color: #009e00 !important;
    border-color: #4cae4c;
}
.badge-transmitted {
    background-color: #d2c218 !important;
    border-color: #d2c218;
}
.plugin-accordion .alert-success {
    display: table;
}

.success {
    color: #009e00 !important;
}

.danger {
    color: #d9534f !important;
}

.badge-danger {
    background-color: #d9534f !important;
    border-color: #d43f3a;
}

.badge-trans {
    background-color: transparent !important;
    color: #7c7c7c !important;
}

.badge-ready {
    background-color: #2097f6 !important;
    border-color: #d43f3a;
}

.badge-client {
    background-color: #f17000 !important;
    border-color: #d43f3a;
}
.badge-client-submitted {
    background-color: #c59f07 !important;
    border-color: #d43f3a;
}
.badge-awaiting-client{
    background-color: #9f00f1 !important;
    border-color: #d43f3a;
}
.badge-transmited-not-voucher{
    background-color: #f68720 !important;
    border-color: #f68720;
}
.badge-under-rieview {
    background-color: #6ca3d3 !important;
    border-color: #6ca3d3;
} 
.mlr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mlr-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.annual-report-progress .mlr-10.fa-check, .anuual-section .mlr-10.fa-check{
    margin-left: -12px;
    margin-right: 0;
}
.mlr-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mt-2 {
    margin-top: 2px;
}

.mr-15 {
    margin-right: 15px;
}

.ml-15 {
    margin-left: 15px;
}
.m-5 {
    margin: 5px !important;
}
.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

/* foo table action menu */
.dropbtn {
    color: #428bca;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: none;
}

.select_level_reg input[type="checkbox"],
.select_level input[type="checkbox"] {
    margin: 0 4px 0;
}

.modal-header {
    display: table;
    width: 100%;
}
.modal-open .modal {
    top: 60px;
}
.dropdown-custom {
    position: relative;
    display: inline-block;
}

.dropdown-content, .dropdown-content-1 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    text-align: center;
    overflow: auto;
    z-index: 1;
    border: 1px solid #e6e6e9;
    box-sizing: border-box;
    box-shadow: 0 36px 80px rgb(4 8 40 / 7%), 0 13.1406px 29.2013px rgb(4 8 40 / 5%), 0 6.37951px 14.1767px rgb(4 8 40 / 4%), 0 3.12736px 6.94968px rgb(4 8 40 / 3%), 0 1.23656px 2.74791px rgb(4 8 40 / 2%);
    border-radius: 10px;
    margin-top: 8px;
}
.dropdown-content-1  {
    padding-bottom: 8px;
}
.contents-ltr .dropdown-content, .contents-ltr .dropdown-content-1 {
    left: auto;
    right: 0;
}
.contents-rtl .dropdown-content, .contents-rtl .dropdown-content-1 {
    left: 0;
    right: auto;
}

.dropdown-content a {
    color: #001f61 !important;
    padding: 2px 1rem;
    text-decoration: none;
    display: block;
    font-size: 15px;
    font-weight: normal !important;
} .dropdown-content.drop-down-border a {
    border-bottom: 1px solid #ddd;
}
.dropdown-content a i {
    color: #001f61;
    font-size: 17px !important;
    font-weight: normal !important;
}


.glyphicon:focus {
    outline: none;
}

.dropdown-custom a:hover {
    background-color: #ddd;
}

table.foo-table thead tr th,
table.foo-table tr td,
table.foo-table tfoot tr th {
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
}

.documenet .panel-default>.panel-heading,
.panel-toggle>.panel-heading, .panel-toggle>.toggel-heading {
    background-color: transparent !important;
    border: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #979b9b;
    cursor: pointer;
    /* display: flex; */
    width: 100%;
}



/* .documenet .panel-default>.panel-heading, .panel-toggle>.my-panel-headding{
    justify-content: center;
} */
.documenet .panel-default,
.panel-toggle.panel-default {
    border: 0;
    margin-bottom: 40px;
}

.documenet .panel-body,
.panel-toggle .panel-body {
    border-bottom: 0px solid #ddd;
}

.panel-toggle.clickable {
    text-align: center;
    width: 51px;
}

#btnSubmitDraft {
    margin: 0 5px;
}

.discount_type_sec.input-group .form-control {
    width: 58%;
}

.discount_type_sec select {
    width: 40%;
    float: left;
    margin-right: 2%;
    height: 32px;
    /*border-color: #dadada;*/
    font-size: 80%;
    border-color: #d7d7d7;
    background-color: white;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.generic_msg.c-validation {
    border: 1px solid #c51244;
    text-align: center;
    padding: 10px;
    border-radius: 0;
    display: inline-block;
    box-shadow: 1px 1px 1px #aaaaaa;
    margin-top: 10px;
    clear: right;
    position: absolute;
    z-index: 1;
    background: #fff;
    min-width: 250px;
    left: 15px;
}

.generic_msg.c-validation:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c51244;
    position: absolute;
    top: -10px;
    right: 50%;
}

#ltr-text .generic_msg.c-validation {
    right: 15px;
    left: auto;
    z-index: 3;
}

#ltr-text .generic_msg.c-validation:before {
    left: 50%;
    right: auto;
}

.ui-autocomplete.ui-menu {
    z-index: 9999;
    overflow-y: scroll;
    height: 200px;
}
.contents-ltr .intmatch-form .ui-autocomplete.ui-menu {
    left: 0 !important;
}
.rcptdet .select2-container {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered#select2-paperwork-get-container{
    line-height: 45px !important;
}
.select-comment .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #dadada !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
#codeError,
.red {
    color: red;
}

.inner .form-row .form-holder.has-error-1 .hide {
    display: block !important;
    color: #a94442;
}

.inner .form-row .form-holder.has-error-1 select {
    border-color: #a94442 !important
}

.select2-container .select2-selection--single {
    height: 45px !important;
}
.select-comment .select2-container .select2-selection--single {
    height: 35px !important;
}
.anuual-section .select2-container .select2-selection--single,
.select2-38 .select2-container .select2-selection--single {
    height: 38px !important;
}
.annula-form .select2-container {
   width: 100% !important;
}
.item_section.input-group-addon {
    padding: 6px 8px;
}
/*.select-item .select2-container .select2-selection--single ,
.select-item .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 41.5px !important;
}
.select-item .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}*/
.tab-content {
    display: block;
    width: 100%;
}

.itmes-tabs.nav-tabs {
    margin-bottom: 30px;
}

.decwidth{
    width: 120px !important;
}

.itmes-tabs.nav-tabs>li {
    width: 100%;
}

.modal-body .form-v1-content {
    margin-bottom: 0;
}

.modal-body.create-item {
    padding: 21px;
}

.form-register .steps li a.active {
    color: #333;
}

.wizard-form .tab-content {
    padding: 15px;
}

.itmes-tabs.nav-tabs>li>a {
    padding: 5px !important;
    border-radius: 0;
    background-color: #001f61;
    text-decoration: none;
    margin: 0;
}

.itmes-tabs.nav-tabs>li>a.active,
.itmes-tabs.nav-tabs>li>a.active:hover,
.itmes-tabs.nav-tabs>li>a.active:focus {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    text-decoration: none;
    border-radius: 0;
}

.contents-ltr .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a {
    font-size: 14px;
}

.wizard-form .alert-danger {
    background: transparent;
}

.wizard-form .ErrorElement,
.wizard-form .focus-visible {
    box-shadow: none !important;
}

.itmes-tabs.nav-tabs>li>a:hover {
    background: #fff !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.list-inline {
    margin-bottom: 0
}

.width_30px {
    width: 30px;
}

.form-control.AccountType[readonly] {
    pointer-events: none;
}
tbody td.vat_td {
    background: #acffac30 !important;
}
tbody td.tax_td {
    background: #ffcdcd36 !important;
}tbody td.ss_td {
    background: #c4c4e830 !important;
}
.global_period .sticky_table_header {
    background: #fff;
}
.mlr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.input-group-addon .fa,
.input-group-addon .fas {
    margin: 0 3px;
}

form.slideform-form.annula-form .slideform-slide {
    width: 60%;
    float: left;
}

.contents-rtl form.slideform-form.annula-form .slideform-slide {
    float: right;
}

.annual-nav-menu > ul {
    list-style: none;
    margin-left: 0px;
    margin-top: 30px;
}

.annual-nav-menu > ul > li {
    margin-bottom: 10px;
    list-style: inside;
    margin-left: 10px;
    font-size: 16px;
}

.annual-nav-menu li.header-menu {
    font-size: 18px;
}

.annual-nav-menu li a:hover {
    text-decoration: none !important;
}

.annual-nav-menu >ul li.active .menu-text {
    color: #001f61;
    font-weight: bold;
    font-size: 110%;
}
.annual-sub-nav-menu {
    list-style: inside;
    margin-left: 15px;
    margin-top: 5px;
    margin-right: 25px;
}
.annual_report_vehicle_odometer .slideform-btn-save-exit{
    display: none;
}
ul.annual-sub-nav-menu li.active .sub-menu-text {
    color: #001f61;
    font-weight: bold;
    font-size: 100%;
}
.dynamic_form .list-inline>li {
    display: block;
}

.acct-it-tabs.nav,
.acct-it-tabs>li>a {
    margin-bottom: 5px;
}

.acct-it-tabs>li>a {
    padding: 5px 20px !important;
    font-size: 16px;
    color: gray !important;
}

.periodsreport-tab>li>a {
    font-size: 17px;
}

.periodsreport-tab>li>a,
.periodsreport-tab.nav {
    margin-bottom: 15px;
}

.acct-it-tabs>li>a.active {
    background: #eee !important;
}

.periodsreport-tab>li>a {
    border: 0 !important;
}

.acct-it-tabs>li>a:focus,
.acct-it-tabs>li>a:hover,
.acct-it-tabs>li>a:active {
    outline: none;
    background-color: #eee !important;
    text-decoration: none !important;
}

.copy-accord .ui-accordion .ui-accordion-content {
    min-height: 200px;
}
.menu-container {
    position: relative;
    display: inline-block;
}
.ellipsis-btn {
    font-size: 24px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px 10px;
}
.submenu {
    display: none;
    position: absolute;
    top: 30px;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-width: 250px;
    z-index: 100;
}
.contents-ltr .submenu {
    right: 0;
}
.contents-rtl .submenu {
    left: 0;
}
.submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.submenu ul li {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #333;
}
.submenu ul li:hover {
    background: #f0f0f0;
}
.submenu ul li:last-child {
    border-bottom: none;
}
.submenu ul li a > .fas {
  border: 1px solid;
  padding: 6px;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  height: 28px;
  width: 28px;
  vertical-align: middle;
  align-content: center;
}
.submenu ul li.primary a > .fas {
    border-color: #3465ff;
    color: #3465ff;
  }
  .submenu ul li.success a > .fas {
    border-color: #00a65a;
    color: #00a65a;
  }
  .submenu ul li.danger a > .fas {
    border-color: #ff0000;
    color: #ff0000;
  }
   

.contents-ltr .dataTables_length {
    float: left;
    direction: ltr;
}

.contents-ltr .dataTables_filter {
    float: right;
    direction: ltr;
}

.contents-rtl .dataTables_length {
    float: right;
    direction: rtl;
}

.contents-rtl .dataTables_filter {
    float: left;
    direction: rtl;
}

.contents-ltr .company_not_select .panel-body {
    text-align: left;
}

.contents-ltr .form-control {
    direction: ltr;
}

.contents-rtl .form-control {
    direction: rtl;
}
.contents-rtl .form-control {
    border-radius: 10px !important;

}

input.form-control,select.form-control {
    border-radius: 10px;
}
.contents-ltr {
     .input-group-addon:first-child, 
     .input-group-btn:first-child>.btn:not(.create_new_item_btn,.remove_new_item_btn), 
     .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, 
     .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), 
     .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    /* .input-group .form-control:not(.date,#inv_date,.description):first-child{
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .input-group .form-control:not(.date,.description):first-child{
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

    .input-group .form-control:not(.description,.date):first-child{
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;

    }

    .input-group .form-control:not(#idate,.description):first-child{
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    } */

    /* .input-group .form-control:not(.date, #inv_date, .description):first-child {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .input-group .form-control:not(.description, .date):first-child{
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .input-group .form-control:not(#idate,#due_date, .description):first-child {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    } */

    .input-group .form-control:not(.date, #inv_date, .description,#taxpercent,#income,#custtaxtotal,#sellvat,#buyvat,#assetvat,#novatincome,#vatincome,#date,#valdate,#DESC_NUM1):first-child {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .input-group .form-control:not(.answer-status #acc_num_label, .description, .border-radius-0, .date,#taxpercent,#income,#custtaxtotal,#sellvat,#buyvat,#assetvat,#novatincome,#vatincome,#date,#valdate,[name="QTY[]"],#itemname):first-child,
    .input-group .form-control:not(.answer-status #acc_num_label, .border-radius-0, #idate,#due_date,#inv_date, .description,#dt,#src_date,#begindate,#enddate,#taxpercent,#income,#custtaxtotal,#sellvat,#buyvat,#assetvat, #cancel_date,#itemname, #novatincome,#vatincome,#date,#valdate,#fromDate,#toDate,#fromValDate,#toValDate,#begin,#vat_date,#end,[name="QTY[]"],[name="date[]"] ,[name="discount[]"]):first-child {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    }
    .input-group-btn:last-child>.btn.docsadmin_qty_button,
    .input-group-btn:last-child>.btn.qty_plus_btn  {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
    .input-group-btn:first-child>.btn.qty_minus_btn
     {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    
}
.contents-ltr {
    .input-group {
        .select2-container--default .select2-selection--single {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
    }
}
.contents-rtl {
     .input-group .form-control:first-child:not(#DESC_NUM1), .input-group-addon:first-child, .input-group-btn:first-child>.btn:not(.create_new_item_btn,.remove_new_item_btn), .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    }
}
.contents-rtl {
    .input-group .select2-container--default .select2-selection--single,  .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
}
.date {
    direction: ltr !important;
}
input[type="search"] {
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    /*height: 45px;*/ /*commented by oren - heigh on search is too much*/
    padding: 0 8px;
}
.table-items>thead>tr>th,
.table-items>thead>tr>td,
.table-nowrape td,
.table-nowrape th {
    white-space: nowrap;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.modal-dialog .form-group {
    margin-bottom: 10px;
}

.modal-dialog .item_fieldset {
    margin-top: -19px;
}

.modal-dialog #paperwork .form-group {
    margin-bottom: 5px;
}

.dialog-docsadmin-item_input_width {
    width: 100%;
    margin-top: 20px;
}


#add-user .error_msg {
    margin-bottom: 15px;
}

.border-btm-1 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

span.select2-selection.select2-selection--single.has-error {
    border-color: #a94442 !important;
    box-shadow: 0 0 1px red !important;
}

/* passowrd indicator */
#pwd_strength_wrap {
    border: 1px solid #D5CEC8;
    display: none;
    float: left;
    padding: 10px;
    position: relative;
    width: 100%;
}
#add-user_form .modal-body{
    background: #fff;
    z-index: 9;
    top: 45px;
}
#pwd_strength_wrap:before,
#pwd_strength_wrap:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    /* arrow size */
}

#pwd_strength_wrap:before {
    content: "";
    display: inline-block;
    left: -18px;
    position: absolute;
    top: 10px;
}

#pwd_strength_wrap:after {
    content: "";
    display: inline-block;
    left: -16px;
    position: absolute;
    top: 11px;
}

#pswd_info ul {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}

#pswd_info ul li {
    padding: 0 0 0 20px;
}

#pswd_info ul li.valid {
    background-position: left -42px;
    color: green;
}
#pswd_info ul li.invalid {
    color: #d64c49;
}
#passwordStrength {
    display: block;
    height: 5px;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

.strength0 {
    background: none;
    /* too short */
    width: 0px;
}

.strength1 {
    background: none repeat scroll 0 0 #FF4545;
    /* weak */
    width: 25px;
}

.strength2 {
    background: none repeat scroll 0 0 #FFC824;
    /* good */
    width: 75px;
}

.strength3 {
    background: none repeat scroll 0 0 #6699CC;
    /* strong */
    width: 100px;
}

.strength4 {
    background: none repeat scroll 0 0 #008000;
    /* best */
    width: 150px;
}

/*end */

.select-comment>.note-btn-group {
    display: flex;
}

body.body-loader button,
body.body-loader a,
body.body-loader input[type="submit"] {
    pointer-events: none !important;
}

.popover.fade.show {
    opacity: 1 !important;
    visibility: visible !important;
}

#email_comma,
.error_msg.error_file_attachment {
    display: block;
    width: 100%;
    margin: 16px 0 5px;
}

.disable-form button,
.disable-form .input-group-addon,
.disable-form .show_row_,
.disable-form .accor-td,
.disable-form a.btnedit {
    pointer-events: none;
    cursor: not-allowed;
}
.disable-form .add_customer_docsadmin .input-group-addon {
    pointer-events: all;
}


.disable-form .customer-text .input-group-addon {
    pointer-events: visible;
    cursor: pointer;
}

.width-max-content {
    width: max-content !important;
}

.table td label.error {
    position: absolute;
}

.table-child .collapse.in {
    display: table-row !important;
}

ul.sort-number {
    padding-right: 10px;
    list-style: number;
}

ul.sort-number a>span {
    margin: 0 5px;
}

.icome-source-sub-que .record-exist,
.icome-source-sub-que button,
.icome-source-sub-que small {
    display: none;
}

.icome-source-sub-que dd {
    margin-bottom: 5px;
    border-bottom: 0;
}

.icome-source-sub-que dt {
    font-size: 14px;
}

.icome-source-sub-que dd a.hide {
    display: block !important;
    float: left;
    margin-top: -25px;
}
.item_section span.add-text{
    font-size: 12px;
}
.item_section span.add-text i {
    font-size: 11px !important;
}
.select2-container--open .select2-results__option {
    font-size: 14px;
    padding: 4px;
}
.item-table-sec .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
}
.rotate {
    animation: rotation 2s infinite linear;
    position: relative;
    top:0;
}

#acct-loader {
    position: fixed;
    top: 0;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    transition: opacity 0.3s ease-in-out;
  }

  .acct-loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .acct-loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: relative;
    right: calc(50% - 25px);
    top: calc(50% - 25px);
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* upload files */
.acct-file{
    width: 100%;
    padding: 15px;
    font-size: 20px;
    box-sizing: border-box;
    border: 1px solid #E0E0CE;
    outline: none;
    border-radius: none;
    background: #f6f6f6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.pdf-section {
    display: table;
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 40px;
}
#proflosstbl .bold u {
    font-size: 16px;
    text-decoration: none;
}
.inner .form-row .form-holder input.defs_vat_number {
    border: 2px solid #e5e5e5 !important;
    padding: 10.4px 13px !important;
    cursor: pointer;
}

.contents-rtl form .slideform-btn.slideform-btn-prev{
    float: right;
    margin-right: 0;
}
.contents-ltr form .slideform-btn.slideform-btn-prev {
    float: left;
    margin-left: 0;
}
.contents-ltr form:not(.annula-form) .slideform-wrapper .slideform-slide:first-child .slideform-btn.slideform-btn-prev{
    float: left;
}

.contents-rtl .annula-form .slideform-btn.slideform-btn-save-exit{
    float: left;
}
.contents-ltr .annula-form .slideform-btn.slideform-btn-save-exit {
    float: right;
}
.contents-ltr .annula-form .slideform-wrapper .slideform-slide:first-child .slideform-btn.slideform-btn-save-exit{
    float: left;
}

.contents-ltr form.slideform-form .slideform-group{
    text-align: left;
    direction: rtl;
}
form.slideform-form .slideform-track {
    margin-bottom: 30px;
}
.contents-ltr form.slideform-form input, .contents-ltr form.slideform-form select, .contents-ltr form.slideform-form textarea {
    direction: ltr;
    text-align: left;
}
.sorter-false.tablesorter-headerUnSorted {
    background-image: none !important;
    cursor: default !important;
}
.accordion_one .change-source, .sub_survey .change-source, .sub_survey .main-hide{
    display: none;
}

.phone_prefix {
    width: 20%;
}
.phone_number_section {
    width: 78% !important;
}
.contents-ltr .phone_prefix {
    margin-left: 5px;
}
.contents-rtl .phone_prefix {
    margin-right: 5px;
}
select.prfix_sel {
    border-radius: 0;
    height: 50px !important;
    background: #f6f6f6;
    border: 1px solid #E0E0CE;
}
.cancel-invoice-btn a {
    margin: 0 5px;
}
.icome-source-sub-que .main-hide {
    display: none;
}
.img-preview {
    margin-top: 10px;
    height: 150px;
    max-width: 100%;
}
select.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #eee;
}
.list-inline-text>li {
    display: inline-flex;
    padding-right: 0px;
    padding-left: 0px;
}
.list-inline-text.dis-table>li {
    display: table;
}
.vehic_expen_fix_amount li {
    list-style: none;
}
.btn[disabled] {
    color: #fff;
}
.btn-primary.disabled, .btn-primary[disabled] {
    color: #001f61;
}
.cancel-invoice-btn .send_comment.tax_invoice{
    margin: 5px;
    width: 100%;
}
.cancel-invoice-btn .dropdown-content {
    padding: 10px;
}
span.del-preview-img {
    position: absolute;
    color: #d9534f;
    cursor: pointer;
}
.contents-ltr span.del-preview-img {
    left: 0;
}
.contents-rtl span.del-preview-img {
    right: 0;
}
.anuual-section {
    width: 100%;
}

.approve-it-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #001f61 !important;
    border: 1px solid #357ebd !important;
    color: #fff !important;
    transition: all 0.3s ease;
    outline: none;
}
.approve-later-btn {
    background: #e78800 !important;
    border: 1px solid #eea236 !important;
    color: #fff !important;
}
.z-index-1{
    z-index: -1;
}
.dynamic-panel ul li .dropdown-icon-content a{
    height:30px;
}
.dynamic-panel ul li .dropdown-icon-content a:hover {
    color: #4099ff !important;
    text-decoration: underline !important;
}
.contents-ltr .add_retainer_btn {
    padding-left: 3px;
}
.contents-rtl .add_retainer_btn {
    padding-right: 3px;
}

.contents-ltr .bank_retainer_plus_icon {
    padding-left: 3px;
}

.contents-rtl .bank_retainer_plus_icon {
    padding-left: 3px;
}

.contents-ltr .add_retainer_plus_icon {
    padding-left: 3px;
}

.contents-rtl .add_retainer_plus_icon {
    padding-right: 3px;
}

#retainer_add_modal .form-group {
    margin-bottom: 10px !important;
}

@media (min-width: 769px) {
    .modal-lg.modal-lg-1000 {
        width: 1030px;
    }
    .contents-ltr .showdocs-tbl .dropdown-content{
        left: 0;
    }
    .contents-rtl .showdocs-tbl .dropdown-content{
        right: 0;
    }
    .md-pr-0 {
        padding-right: 0;
    }
    .md-mr-ml-5 {
        margin-left: 5px;
        margin-right: 5px;
    }
    .xs-plr-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .vat-report {
        min-height: 80vh;
    }

    #report-data label {
        font-size: 13px;
    }

    .mt-md-50per {
        margin-top: 50%;
    }
    .anuual-section {
        padding: 2px;
    }
    .nav-flex-menu {
        padding: 5px;
        background: #fff;
        width: 100%;
        box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
        -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
        border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
        display: inline-block;
    }
    .annual-nav-menu {
        background: #e8e8e8;
        padding: 1px 5px;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
    }
    .annual-nav-menu li > a {
        color: #505254;
    }
    ul.annual-business-sub-nav-menu li > a {
        font-weight: 300;
    }
    .annual-nav-menu li::marker {
        color: #505254;
    }
    ul.annual-sub-nav-menu li.active .sub-menu-text, .annual-nav-menu >ul li.active .menu-text  {
        color: #3465ff;
    }
}

@media (min-width: 992px) {
    #create-item.modal-lg {
        width: 900px;
    }

    .col-md-rtl-offset-6 {
        margin-left: 50%;
    }

    .social-panel .sub-title {
        font-size: 13px !important;
        word-break: break-word;
    }
}

@media (min-width: 1200px) {
    #create-item.modal-lg {
        width: 1150px;
    }

    #copy-doc-form.modal-lg {
        width: calc(100% - 40px)
    }
}
#image-list li {
    position: relative;
    display: inline-block;
}
span.del-img .fa-times{
    left: 8px;
    position: relative;
}
#service_taxi span.del-img .fa-times {
    left: 0px;
    font-size: 21px !important;
  }
  #service_taxi .show-thumb-img {
    margin-top: 40px !important;
  }
  #service_taxi .img-preview {
    margin-top: 40px;
    height: 100px;
  }
/* radio and checkbox style
form .options-buttons input[type=radio] {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    width: auto;
    height: auto;
}
form .options-buttons label {
    margin: 0 5px 5px 0;
    display: inline-block;
    text-transform: none;
  }

  form .options-buttons input[type=checkbox] + span, form .options-buttons input[type=radio] + span {
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    background: #f6f6f6;
    border: 1px solid #929282;
    padding: 5px 10px;
    width: auto;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    font-weight: 600;
  }
  form .options-buttons input[type=radio]:checked + span, form .options-buttons input[type=checkbox]:checked + span {
    background: #001f61;
    border: 1px solid #357ebd;
    color: #fff;
  }*/
  .child-option {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
}

   .options-buttons  label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
}
.display-inline.options-buttons  label{
    display: inline-block;
    margin: 0 5px;
}
 .options-buttons  label input {
    position: absolute;
    cursor: pointer;
}
.anuual-section ul ul {
    margin: 10px;
}
.contents-rtl  .options-buttons  label input  {
    right: -9999px;
}
.contents-ltr  .options-buttons  label input  {
    left: -9999px;
}
.options-buttons input[type=checkbox]{
    position: absolute;
    z-index: -1;
    visibility: hidden;
    width: auto;
    height: auto;
  }
 .options-buttons label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.95em 0.375em 0.95em;
    border-radius: 99em;
    transition: 0.25s ease;
    border: 1px solid #ccc;
}
 .options-buttons label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #929282;
}
.contents-ltr  .options-buttons label span:before {
    margin-right: 0.375em;
}
.contents-rtl  .options-buttons label span:before {
    margin-left: 0.375em;
}
 .options-buttons label input:checked + span {
    /*background-color: #d6d6e5;*/
    background-color: #375f9e;
    color: white;
}
 .options-buttons input[type=radio]:checked + span:before,  .options-buttons input[type=checkbox]:checked + span:before {
    box-shadow: inset 0 0 0 0.35em #00005c;
}
.mlr-1 {
    margin-left: 1px;
    margin-right: 1px;
}
.accessibility_component.accessibility_div_wrap {
    z-index: 10 !important;
}
/* end radio and checkbox style */
.copyable {
    cursor: pointer;
    padding: 10px;
    background-color: lightblue;
    border: 1px solid blue;
    margin-bottom: 10px;
}
.submit-by-list li {
    list-style: none;
    padding: 5px 5px;
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
}
.submit-by-list li a {
    margin: 0 10px;
}
.submit-by-list li a:hover {
    text-decoration: none !important;
}
.kbw-signature {
    width: 600px;
    height: 300px;
    box-shadow: 0 3px #a0a0a0;
    border-radius: 10px;
    margin-bottom: 30px;
}
.kbw-signature canvas{
    border-radius: 100%;
}
.progressWrapper {
    width: 100%;
    border: 1px solid #ccc;
    display: none;
    padding: 5px;
  }

.progressBar {
    height: 20px;
    background-color: #001f61;
    width: 0;
  }

.progressStatus {
    margin-top: 5px;
    text-align: center;
  }
.slideform-outcom-btn{
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px !important;
    padding: 8px 20px;
    font-size: 16px !important;
    margin-right: 10px;
    border-radius: 6px;
    background: #001f61;
    border: 1px solid #357ebd;
    color: #fff;
    transition: all 0.3s ease;
    outline: none;
    text-align: center;
}
.slideform-outcom-btn-prev{
    background: #e78800;
    border: 1px solid #eea236;
}



/* global Input dynamcic Input Start */

/* form */
.inputField {
    position: relative;
    margin-top: 28px;
}
.mt-child-0 .inputField {
    margin-top: 0 !important;
}
.mt-child-5 .inputField {
    margin-top: 5px !important;
}
.modal-content .inputField {
    margin-top: 10px;
}
.inputField .form-field{
    position: relative;
}
.inputField label {
    pointer-events: none;
    opacity: 1;
    position: absolute;
    padding: 10px 15px 10px 35px;
    top: 23px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: text;
}

.inputField input:not(:read-only)+label,
.inputField input:not(placeholder-shown)+label,
.inputField input:not(:read-only)+span+label,
.inputField input:not(placeholder-shown)+span+label,
.inputField input:not(:read-only)+div+label,
.inputField input:not(placeholder-shown)+div+label
 {
    z-index: 2;
    top: 0;
    left: auto;
    -webkit-transform: scale(1) translateY(-10%);
    transform: scale(1) translateY(-49%);
    padding: 0 2px !important;
    margin: 0  !important;
    font-size:  1.6rem ;
    background: #fff !important;
    transition: 0.3s;
}

.inputField input.item-total-pay-label + label,
.inputField input.item-total-pay-label + span + label,
.inputField input.item-total-pay-label + div + label 
{
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important
}
.inputField input:not(placeholder-shown)+label{
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important
}
.contents-ltr {
    .inputField input:not(:read-only)+label,
    .inputField input:not(placeholder-shown)+label,
    .inputField input:not(:read-only)+span+label,
    .inputField input:not(placeholder-shown)+span+label,
    .inputField input:not(:read-only)+div+label,
    .inputField input:not(placeholder-shown)+div+label
    {
        left: 29px;
    }
 .total-pay-mobile .inputField label.resposive-lable {
    left: 32px;
 }
}

.inputField input:not(:read-only)+label {
    background: #fff !important;
}
.contents-ltr .inputField #doInventoryTransaction_error-message ~ label.label-select {
    left: 5px;
}


.inputField select[disabled]:not(:placeholder-shown,#CURR_type1)+label,
.inputField select[readonly]:not(:placeholder-shown)+label,
.inputField input[readonly]:not(:placeholder-shown)+label,
.inputField input[disabled]:not(:placeholder-shown)+label {
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
    top:-0.7px !important;
}

.inputField input[readonly] + label,
.inputField input[disabled] + label,
.inputField input[readonly] + span + label,
.inputField input[disabled] + span + label,
.inputField input[readonly] + div + label,
.inputField input[disabled] + div + label {
    top: -1px !important;
}


/* added by humed for receipt date */
.input-group.receipt-date input[readonly] + span + label {
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
}
/* added by humed for receipt date */

.input-group.date-mt input[disabled][readonly] + span + label {
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
}
.input-group.date-mt input[disabled] + span + label {
    background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
}


.inputField input:-webkit-autofill + label,
.inputField input:-webkit-autofill:focus + label {
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #E8F0FE 50%, #E8F0FE 100%) !important;
    top: -0.5px;
}

.inputField input:focus+label.pl45,
.inputField input:not(:placeholder-shown)+label.pl45 {
    padding-left: 43px;
    padding-right: 43px;
}

.inputField input:focus+label.pl30,
.inputField input:not(:placeholder-shown)+label.pl30 {
    padding-left: 30px;
    padding-right: 30px;
}
.contents-rtl .inputField input:focus+label.pl30,
.contents-rtl .inputField input:not(:placeholder-shown)+label.pl30 {
    right: 20px;
}
.contents-ltr .inputField input:focus+label.pl30{
    left: 0px;
}
.contents-ltr .inputField input:not(:placeholder-shown)+label.pl30 {
    left: 0px;
}
.inputField input:focus+label.pl46,
.inputField input:not(:placeholder-shown)+label.pl46 {
    padding-left: 46px;
    padding-right: 46px;
}

.inputField input:focus+label.pl40,
.inputField input:not(:placeholder-shown)+label.pl40 {
    padding-left: 40px;
    padding-right: 40px;
}

.inputField input:focus+label.pl20,
.inputField input:not(:placeholder-shown)+label.pl20 {
    padding-left: 20px;
    padding-right: 20px;
}
.contents-rtl .inputField input:focus+label.pl20,
.contents-rtl .inputField input:not(:placeholder-shown)+label.pl20 {
    right: 13px;
}
.contents-ltr .inputField input:focus+label.pl20,
.contents-ltr .inputField input:not(:placeholder-shown)+label.pl20 {
    left: 13px;
}
.inputField input:focus+label.pl26,
.inputField input:not(:placeholder-shown)+label.pl26 {
    padding-left: 26px;
    padding-right: 26px;
}

.inputField input:not(:placeholder-shown)+label.pl15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.contents-rtl .inputField input:not(:read-only):focus+label,
.contents-rtl .inputField input:not(:placeholder-shown)+label {
    padding-left: 0 !important;
    padding-right: 0 !important;
    direction: rtl;
    text-align: right;
    right: 36px;
}
/* for new ui added by Humed */
/*.contents-rtl .inputField input:not(:placeholder-shown)+label {
    right: 34px;
    left: auto;
}
.contents-rtl .inputField input:focus+label {
    right: 34px;
    left: auto;
}*/
/* for new ui added by Humed */


.contents-ltr .inputField input:not(:placeholder-shown)+label {
    padding-left: 12px;
    padding-right: 0px;
}
.contents-ltr .inputField input:focus+label {
    padding-left: 12px;
    padding-right: 0px;
}
.inputField label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    left: 0;
    font-size: 16px;/*for label font issue in customer popup*/
    /* font-size: 14px; comment by humed*/
}
.contents-rtl .inputField label {
    right: 34px;
    left: auto;
    font-size: 16px;
}

/* for new ui changes add by humed */
.contents-rtl .inputField label.label-select {
    right: 36px;
}
.contents-rtl .inputField label.group-label {
    right: 15px;
}
.contents-ltr .inputField label.label-select {
    left: 32px;
}
.contents-ltr .inputField label.group-label {
    left: 15px;
}
.inputField input {

    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

}

.inputField select:focus+label,
.inputField select:not(:placeholder-shown)+label,
.inputField .select2-container+label,
.inputField select+span+label,
.inputField select:not(:placeholder-shown)+span+label  {
    top: 0px;
    -webkit-transform: scale(0.7) translateY(-10%);
    transform: translateY(-49%);
    font-size: 16px;
    /* padding-left: 0; */
    padding: 0 2px !important;
    background: #FFFFFF;

}

.inputField .tool-tip-icon {
    position: absolute;
    right: 8px;
    left: auto !important;
    font-size: 80% !important;
    opacity: 0.8;
    top : 6px;
    z-index: 9;
    pointer-events: initial;
    padding-left: 7px;
    padding-right: 7px;
}
.contents-ltr .inputField .tool-tip-icon {
    right: -20px;
    left: auto !important;
}
.contents-rtl .inputField .tool-tip-icon {
    left: -20px !important;
    right: auto !important;
}
.sm_label {
    font-size: 14px !important;
    padding: 10px 22px 10px 22px !important;

}
/* comment by humed issue in popup modal */
/* .modal-dialog #acct .inputField{
    margin-top: 0px;
} */

.name {
    font-weight: 600;
    font-size: 1.4rem;
    /* letter-spacing: 1.3px; */
    padding-left: 10px;
    color: #555
}

 .form-field  span.input-icon {
    position: absolute;
    padding-left: 20px;
    padding-top: 20px;
    top: -4px;

}

.inputField span.input-icon:has(+input:not(:placeholder-shown)) {
    padding-top: 20px;

}
.filter-top {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}
.filter-bottom {
    margin-top: 15px;
    margin-bottom: 15px;
}
 .form-field input,
 .form-field select {
    width: 100%;
    display: block;

    /* border: none; */
    border: 1px solid #D3D3D3;
    outline: none;
    background: #fff;
    font-size: 1.2rem;
    color: #666;
    border-radius: 10px;
    padding: 5px 35px 5px 15px;
}

.form-field:focus-within .email-input:not(:read-only) {
    border: none !important;
    background: #fff;
    color: #2B55FF;
    box-shadow: none;
}
.contents-ltr {
.form-field input:not(.email-input),
 .form-field select {
    padding: 5px 15px 5px 30px;
 }
}

 .form-field:focus-within {
    color: #2B55FF !important;
    /* box-shadow: inset 5px 5px 5px #EEF1F5; */
}

 .form-field:focus-within input:not(:read-only),
 .form-field:focus-within select {

    border: 1px solid #2B55FF !important;
    background: #fff;
    color: #2B55FF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.form-field:focus-within .select2 input:not(:read-only), .form-field:focus-within .select2  {
    border: none !important;
    background: transparent;
    box-shadow: none;
}
 .form-field:focus-within input:focus::-webkit-input-placeholder,
 .form-field:focus-within select:focus::-webkit-input-placeholder {
    color: #2B55FF;
}

 .form-field:focus-within input:focus:-moz-placeholder,
 .form-field:focus-within select:focus:-moz-placeholder {
    color: #2B55FF;
}

/* for error */
 .has-error:focus-within {
    /*color: #d64c49;*/
}

.has-error {
    color: #d64c49;
}

.has-error input {
    color: #d64c49 !important;
    border: 1px solid #d64c49 !important;
}
.defs-form .has-error.form-holder input {
   /* color: transparent !important; Comment by moin */
    border: 0 !important;
}

.has-error input::-webkit-input-placeholder {
    color: #d64c49;
}

.help-block {
    padding: 0 5px;
}

/* new ui design css for fields */

.global-ui{
    background: #fff ;
}
.global-border{
    border-radius: 10px !important;
}

.global-ui:focus{
    border: 1px solid #001f61 !important;
    background: #fff !important;
    color: #2B55FF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.date-label{
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    position: absolute;
    top: -0.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: text;
    padding: 0 2px !important;
    background: #fff !important;


}
.contents-ltr .date-label{
    left: 13px;

}
.contents-rtl .date-label{
    right: 13px;

}
.date-mt{
    margin-top: 29px;

}
.vat-mt{
    margin-top: -28px;
}
.input-group:focus-within {
    color: #2B55FF !important;
}
.label-default {
    margin: 0 2px;
}
.label-mt{
    margin-top: 18px;
}
.new-ui-period{
    margin-top: -12px;
}
.form-control:focus {
    box-shadow: none;
}

.form-label {
    font-weight: 500;
}

input.checkbox {
    /* width: 18px;
            height: 18px; */
    transform: scale(1.5);
    /* outline: 5px solid #2B55FF; */
}

.checkbox-span {
    padding-top: -2px;
}

.contents-rtl .form-field input:not(.email-input){
    padding: 7px 35px 5px 5px;
}
.contents-rtl .form-field  span.input-icon{
    padding-right: 10px;
    right: 0;
}

.contents-ltr .form-field input:not(.email-input){
    padding: 5px 5px 5px 34px
}
.contents-ltr .form-field  span.input-icon{
    padding-left: 10px;
    left: 0;
}
.new-btn{
    line-height: 30px !important;
    border-radius: 10px !important;
    font-size: 15px;
}

.modal-body.create-item .btn{
    line-height: 30px !important;
    border-radius: 10px !important;
    font-size: 15px;
}
.new-ui-trans{
    margin-top: -15px !important;
}
/* added by humed for user_list new ui */
.new_ui_user_list{
    height: 45px !important;
    border: 2px solid #333 !important;
    margin-top: -10px !important;
}
/* added by humed for user_list new ui */

#_saveUser{
    margin: 0 10px;
}

.defs-tooltip{
    z-index: 0 !important;
}

.mt_payment_new_ui{
    margin-top: 56px !important;
}
.payment_new_ui{
    margin-top: -15px !important;
}
.payment_val_date_new_ui{
    margin-top: 58px !important;
}

.bank-payment-mt{
    margin-top: 49px !important;
}

.payment-account-mt{
    margin-top: 7px !important;
}

.contents-ltr .form-control.customer_email + .select2-container .select2-selection--multiple {
    padding: 7px 16px 2px 10px !important;
}

.contents-rtl .form-control.customer_email + .select2-container .select2-selection--multiple {
    padding: 7px 35px 2px 10px !important;
}



.contents-rtl .form-control.acctadmin_customer_email + .select2-container .select2-selection--multiple {
    padding: 7px 35px 2px 10px !important;
}

.user_add_new_ui{
    margin-top: 10px;
}
/* .item-table-sec .btn{
    line-height: 20px !important;

} */
/* global Input dynamcic Input End */

/* plugin modules product css */
.product_buttons{
    text-align: center;
}
.plugin_btn{
    background: #f1f2f3;
    border: none !important;
    color: #001f61;
    padding: 15px 35px !important;
    margin: 20px 10px !important;
}

.plugin_btn:not(.active):hover {
    background: #5580db !important;
    color: #fff !important;
    border: none !important;
}

.plugin_btn:not(.active):hover {
    color: #fff !important;
}
.plugin_btn.active {
   background: #001F61;
   border: none !important;
   color: white !important;
}
.acctadmin_margin{
    margin: 0px !important;
}
.contents-rtl .blueTable{
    width: 30%;
}
.contents-ltr .blueTable{
    width: 20%;
}

.mprofflosstbl{
    margin-top: 10px;
}
.details-list-mobile{
    display: none;
}
/* image preview container design */
.EZView .tools-container {
    background: white !important;
    height: 46px !important;
}

.EZView .close.EZViewHighlight {
    opacity: 1 !important;
}

.EZView .tools-container .name {
    display: flex;
    margin-top: 7px;
}
/* image preview container design */
.select_global_ul_ui ~ #autocomplete_view .ui-autocomplete {
    left: 0 !important;
    width: 100% !important;
}

.select_global_ul_ui ~ #register_outcome_autocomplete_view .ui-autocomplete {
    left: 0 !important;
}

.select_global_ul_ui ~ .autocomplete_view_selA .ui-autocomplete {
    left: 0 !important;
}

.contents-ltr #pdf_download_message{
    margin-left: 10px;
}
.contents-rtl #pdf_download_message{
    margin-right: 10px;
}
.table-title{
    margin: 20px 0 20px;
    text-decoration: underline;
}
.showdocs_draft_checkbox{
    margin-top: 40px;
}
.contents-rtl .include_drafts{
    margin-left: 8px ;
}
.contents-ltr .include_drafts{
    margin-right: 8px ;
}
.mail-alert-danger{
    color: #a94442;
}
.mail-alert-success{
    color: #3c763d;
}
.email_text{
    color: #000000;
}
.mail-status-msg{
    color: black;
    font-size: 14px;
    padding-top: 15px;
}
.mail_status_hr{
    padding-top: 30vh;
}
.contents-ltr .new_item_text{
    padding-right: 8px;
}
.contents-rtl .new_item_text{
    padding-left: 8px;
}
.no_register_outcome{
    height: 100vh;
}
.verify_voucher{
    margin-top: 5px;
}
.voucher_used{
    line-height: 10px !important;
}
/* added by  humed for dropdown in extmatch and inmatch module */

#chkCommandPerMatch{
    margin: 0px 10px 10px !important;
}
.auto_reconicle_dropdown{
    height: 100% !important;
}
#reconcile-button{
    padding-top: 8.6px;
    padding-bottom: 8.6px;
    font-weight: bold;
    font-size: 18px;
    margin-top: 4px;
    width: 45%;
}

.contents-ltr .auto_reconcile_select{
    padding-left: 3px;
}
.contents-rtl .auto_reconcile_select{
    padding-right: 3px;
}


.contents-rtl .showdocs_checkbox{
    margin-left: 6px;
}

.reconcile_dropdown .dropdown-backdrop {
    z-index: 1;
}

.dropdown.reconcile_dropdown .dropdown-menu {
    z-index: 1;
}

#clear-selection-button{
    margin-top: 6px;
}


#email.select2-hidden-accessible + .select2-container--default {
    position: static !important;
}


.inputField .select2-container .select2-selection--multiple {
    /* Your CSS styles here */
    padding: 7px 15px 2px 30px !important;
    border-radius: 10px !important;
}


.add_new_item_modal_btn {
    /*
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-style: solid !important;
    background-color: #fdfdfd !important;
    border-color: #d3d3d3 !important;
    line-height: 23px !important;
    */
}

.add_new_customer_modal_btn {
    /*
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-style: solid !important;
    background-color: #fdfdfd !important;
    border-color: #d3d3d3 !important;
    line-height: 23px !important;
    */
}

.contents-ltr .item_modal_new_item_add_btn .add-text {
    margin-left: 4px;
}
.contents-rtl .item_modal_new_item_add_btn .add-text {
    margin-right: 4px;
}

.contents-ltr .add_new_customer_modal_btn .add-text {
    margin-left: 4px;
}
.contents-rtl .add_new_customer_modal_btn .add-text {
    margin-right: 4px;
}

/* added by new humed for dropdown in extmatch and inmatch module */

/* Position the pseudo-element over the input field */

/*csv link in ocr sheet */
#csv-link{
    position: relative;
    top: -8px;
    z-index: 1;
    font-size: 10px;
}
.contents-ltr #csv-link{
    left: 129px;


}
.contents-rtl #csv-link{
    right: 129px;


}
/*csv link in ocr sheet */

/* Style the link within the pseudo-element */
#csv-link a {
    color: black;
    text-decoration: none;
}

.input-group-addon.api-icon {
    width: auto;
}
.access_token_text {
    margin: 5px 10px;
}
.pb-5{
    padding-bottom: 5px !important;
}
.border-1 {
    border: 1px solid #ccc !important;
}
.tax-period .actions > ul > li, #report_graph .actions > ul > li {
    display: none !important;
  }

  .email-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: text;
    min-height: 38px;
    border: 1px solid rgb(218, 218, 218);
    padding: 0px;
    border-radius: 10px;
}

.email-input, .form-field input.email-input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    flex-grow: 1;
    padding: 0.375rem 0.75rem;
}

.email-tag {
    display: inline-flex;
    align-items: center;
    margin: 3px;
    cursor: pointer;
    padding-left: 0.5rem;
    padding-right: 0;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.form-field .email-input {
    width: 20%;
}
.tag-separator {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 8px;
}

.remove-container {
    padding: 0 8px;
    display: flex;
    align-items: center;
}

.error-message {
    /*display: none;*/   /*why hidden?*/
    font-size: 0.875em;
    margin-top: 0.25rem;
}

.email-container:focus-within {
    border: 1px solid #2B55FF !important;
    background: #fff;
    color: #2B55FF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius:10px;
}

.remove:hover {
    opacity: 0.8;
}
.badge.email-tag {
    display: inline-flex;
}
.contents-rtl .email-container {
    padding-right:28px;
}
.contents-ltr .email-container {
    padding-left:28px;
}
.contents-ltr .badge.email-tag + .email-tag {
    margin-left: 5px;
}
.contents-ltr .form-field .email-tag + input {
    padding: 5px 5px 5px 10px;
}
.contents-rtl .form-field .email-tag + input {
    padding: 5px 10px 5px 5px;
}
/** This css for retainer action menu rtl */

.contents-rtl .retainer-tbl .dropdown-menu {
    left: 0;
    right: auto;
}

.contents-rtl .retainer-tbl .dropdown-menu li a {
    text-align: right;
}
/** This css for retainer action menu rtl */
.badge.badge-primary {
    background: #001f61;
}
.email-container {
    padding-top: 0px;
}
#multiErrorMessage {
    display: none;
}
.new_receipt_popup .error_msg{
    margin-bottom: 15px;
    margin-top: -10px;
}
.total_info .add_new_item_step_btn {
    font-size: 1.5rem;
    padding: 10px;
}
.total_info .add_new_item_step_btn span {
    color: #333;
}
.total_info {
    padding-top: 0 !important;
}
.alert-invoice-receipt-info
{
    color: #6a625e;
    background-color: #e8e8e8;
    border-color: #dddddd;
    border-style: solid;
    border-width: 2px;
}

.comment_delete_action {
    color: red;
    background-color: #ffffff;
    border-color: red !important;
}

.comment_delete_action:hover {
    color: #ffffff !important;
    background-color: red;
    border-color: #ffffff;
}

.limit_date_fieldset {
    margin-top: 27px !important;
}

.start_date_fieldset {
    margin-top: 15px !important;
}

.duration_mode_fieldset {
    margin-top: 20px !important;
}

.retainer_email {
    font-size: 14px;;
}
/* tablet */
@media (max-width: 760px) {
    .col-xs-hidden {
        display: none !important;
    }
    .preview_data {
        padding: 0 10px;
    }
    .total_info .add_new_item_step_btn {
        font-size: 1.3rem;
        padding: 10px 5px;
    }
    .form-field .email-input {
        width: 100%;
    }
    .new_receipt_popup .error_msg{
        margin-top: 0px;
    }
    .contents-ltr .items-table  .form-field input, .contents-rtl .items-table  .form-field input,
    .customer-docadmin-section  .form-field input, .order-docadmin-section  .form-field input{
        padding: 0;
    }
    .items-table .form-field input[name="QTY[]"] {
        text-indent:10px;
    }
    .payment-table .form-field input{
        padding: 0;
    }
    .contents-rtl .payment-table .form-field input.payment-date{
        padding-right: 30px !important;
    }
    .item-price-docs {
        display: inline !important;
    }
    .contents-rtl span.del-img .fa-times{
        left: 0px;
    }
    
    /* .dataTable tr.odd.parent + tr {
        background: #efefef !important;
    } */
    /* Set parent and child rows background by humed*/
    .dataTable tr.parent > td {
        background: #efefef !important;
    }
    .dataTable tr.child {
        background: #fff !important;
    }
    .dataTable tr.child > td {
        padding-bottom: 14px !important;
    }
    /* Set parent and child rows background by humed*/
    /*foo-table Parent rows */
    table.new_mobile_ui.footable > tbody > tr:not(.footable-detail-row) {
        background-color: #efefef; 
    }
    /* foo-table Child row */
    table.new_mobile_ui.footable .footable-detail-row table.footable-details {
        background-color: #fff !important;
    }
    table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid #ddd !important;
    }
    .ml-sm-20 {
        margin-left: 20px;
        display: flex;
    }
    .cancel-invoice-btn a {
        margin: 5px;
        width: 100%;
    }
    .cancel-invoice-btn button {
        width: 100%;
        margin: 5px;
    }
	.kbw-signature {
        width: 100%;
    }
	.dropdown-content a {
        font-size: 14px;
    }
    .dropdown-content a i {
        font-size: 14px !important;
    }
    .contents-ltr .dropdown-content a {
        text-align: left;
    }
    .contents-rtl .dropdown-content a {
        text-align: right;
    }
    .cancel-invoice-btn .dropdown-custom {
        width: 100%;
    }
    .dis-sm-table {
        display: table;
        width: 100%;
        float: left;
    }
    .mts-15{
        margin-top: 15px;
    }
    #annual_report_list {
        width: 100%;
        float: left;
    }

    .display-flex-100 {
        float: left;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .annual-survey-que .float-right-sm-none {
        float: none !important;
    }
    .annual-nav-menu {
        display: none;
    }
    .table td label.error {
        position: relative;
    }
    .table.dynamic_form td label.error {
        position: absolute;
    }

    .contents-rtl .ml-sm-20 {
        margin-right: 20px;
    }

    .display-sm-block {
        display: block !important;
    }

    form.slideform-form .slideform-footer {
        display: block !important;
    }

    form.slideform-form .slideform-progress-bar {
        width: 100%;
    }

    .got-to {
        margin-top: 1px;
    }

    form.slideform-form .slideform-group {
        padding: 10px 5px !important;
    }

    /* mobile header */
    table.showdocs-tbl.dataTable>tbody>tr.child .dtr-details li:last-child .dtr-title {
      /*  display: none; */
    }
    .edi-status-icon {
        margin: 0 5px;
    }
    .dataTables_wrapper table {
        font-size: 12px;
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li {
        text-align: left;
        list-style: none;
    }

    .contents-rtl table.dataTable>tbody>tr.child ul.dtr-details>li {
        text-align: right;
    }

    .head_row_mobile {
        width: 100%;
        position: fixed;
        background: #e7e9e9;
        display: block;
        flex-flow: row nowrap;
        align-content: space-between;
        justify-content: space-between;
        flex-direction: row-reverse;
        z-index: 9;
        border-top-style: solid;
        border-top-color: #7b7776;
        border-top-width: 1px;
        height: 60px;
        padding-top: 11px;
        border-bottom-style: solid;
        border-bottom-color: #abadad;
        border-bottom-width: 1px;
        z-index: 999;
    }

    .floating-btn-mobile {
        background-color: #001f61;
        border: 1px solid #050a0a99;
        box-shadow: 0 11px 12px -9px #001f61;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 15px;
        padding: 4px 32px;
        position: relative;
        z-index: 3;
        transform: translateX(0%);
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        margin-top: -12px;
        
        vertical-align: middle;
        margin-left: 35px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        height: 38px;
    }

    .floating-btn-home {
        background-color: transparent;
        /* border: 1px solid #050a0a99;
        box-shadow: 0 11px 12px -9px #001f61; */
        color: #001f61;
        cursor: pointer;
        font-size: 2.5rem !important;
        line-height: 15px;
        padding: 4px 32px;
        position: relative;
        z-index: 3;
        vertical-align: text-bottom;
    }
    /*
    .floating-btn-mobile {
        border-radius: 7.5px;
        background-color: #001f61;
        border: 1px solid #001F61;
        box-shadow: 0 16px 22px -17px #03153b;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 15px;
        padding: 10px 13px;
        position: relative;
        z-index: 3;
        transform: translateX(0%);
        transition: transform 0.8s ease-in-out;
        vertical-align: middle;
    }
    */

    .company-info-xs {

        border-bottom-style: solid;
        border-bottom-color: #abadad;
        border-bottom-width: 1px;
    }

    .company-info-xs a {
        display: flex;
        align-items: center;
    }

    .company-info-xs a img {
        width: 45px;
        float: right;
    }

    .company-info-xs .comp-inf {
        margin-right: 10px;
        width: calc(100% - 55px);
        text-align: right;
    }

    .company-info-xs .comp-inf small {
        display: block;
        margin-top: 4px;
    }

    .accountit-open-btn {
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

    .contents-ltr .company-info-xs a {
        flex-direction: row-reverse;
    }

    .contents-ltr .comp-inf {
        margin-right: 0px;
        text-align: left;
        margin-left: 10px;
    }

    .mt-sm-65 {
        margin-top: 65px;
    }

    .accountit-nav-btn i.fa {
        font-size: 1.4em !important;
    }

    .periodsreport-tab>li {
        width: 100%;
    }

    .periodsreport-tab>li>a {
        font-size: 15px;
        padding: 5px 10px !important;
    }

    #form_mode {
        margin-left: -15px;
        margin-right: -15px;
    }

    .got-to {
        width: 100%;
    }

    .modal.in .modal-dialog {
        height: 100%;
    }

    .form-control {
        font-size: 14px !important;
    }

    .bank-action .bank-width {
        width: fit-content !important;
    }

    .report-data {
        padding: 30px 15px;
    }

    .dataTables_length,
    .dataTables_filter {
        width: 100%;
    }

    #datatable_list_wrapper {
        padding: 10px;
    }

    hr.submenu {
        width: 100%;
        top: 4px;
    }

    .m-b-sm-0 {
        margin-bottom: 0 !important;
    }

    .m-t-sm-10 {
        margin-top: 10px;
    }

    .m-b-sm-10 {
        margin-bottom: 10px;
    }

    .plr-sm-0,
    #rtl-text .showdoc-form .plr-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box-header>.fa.fa-university {
        display: none;
    }

    .generic_msg.c-validation {
        position: relative;
        width: 100%;
    }

    .generic_msg.c-validation {
        left: 0;
    }

    #ltr-text .generic_msg.c-validation {
        right: 0;
    }

    #btnSubmitDraft {
        margin: 0;
    }

    .discount_type_sec input {
        width: 60% !important;
    }

    .discount_type_sec select {
        width: 38% !important;
        height: 40px !important;
    }

    .break-word-wrap {
        word-wrap: break-word;
        hyphens: auto;
        width: 30ch;
        display: table-caption;
        white-space: normal;
    }

    .widthch-10 {
        width: 10ch;
    }

    h3.date-title {
        font-size: 16px;
        margin-top: 0 !important;
    }

    .box-title {
        word-wrap: break-word;
        hyphens: auto;
        width: 58%;
        display: table-caption;
        white-space: normal !important;
    }

    .accor-td {
        text-align: center;
    }

    .edit-td {
        position: absolute;
        top: 25px;
    }

    .contents-ltr .edit-td{
        left: 11px;

    }
    .contents-rtl .edit-td{
        right: 11px;

    }

    /* .edit-td a {
        position: relative;
        top: -68px;
        right: -4px;
    } */

    .pt-xs-10 {
        padding-top: 10px;
    }

    .col-width-7 {
        width: 60% !important;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .add-new-item-text {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px;
    }

    .add-new-item-text-small {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        font-size: 12px;
    }

    .payment-table .fa {
        font-size: 12px !important;
    }

    .payment-table .btn-remove .fa,
    .item-table-sec .btn-remove .fa {
        font-size: 19px !important;
        color: #d43f3a;
    }

    .btn-expand i {
        font-size: 19px !important;
        color: #001f61;
    }

    .btn-remove {
        background: none;
        border: 0;
    }

    .badge-remove {
        float: left !important;
        display: inline-flex;
        margin-top: 5px;
    }

    .add-payment-btn {
        padding: 6px !important;
    }

    .payment-table .fooicon-plus:before,
    .item-table-sec .fooicon-plus:before {
        content: "\e114";
    }

    .payment-table .fooicon-minus:before,
    .item-table-sec .fooicon-minus:before {
        content: "\e113";
    }

    .payment-table .footable-toggle,
    .item-table-sec .footable-toggle {
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        margin-top: 5px;
    }

    .payment-table .footable-toggle {
        margin-top: 0;
    }

    .item-table-sec .footable-toggle {
        float: left;
        margin-left: -15px;
    }

    .total_discount_mobile{
        right: 16px;
    }

    .total_per_discount_mobile,
    .total_discount_mobile {
        padding-left: 5px !important;
        padding-right: 5px !important;
        right: 0px !important;
    }

    .total_per_discount_mobile lable {
        float: right;
        display: block;
        margin: 0 3px;
    }

    .total_per_discount_mobile input {
        float: right;
        display: inline;
        width: 100%;
        padding: 2px;
        margin: 0 5px;
    }

    .total_discount_mobile input {
        float: right;
        width: 100%;
        display: inline;
        padding: 2px;
        margin: 0 5px;
    }

    .total_discount_mobile lable {
        display: block;
        width: 100%;
    }

    .payment-table .input-group-btn:last-child>.btn {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    table.payment-table>tbody>tr>td>span.footable-toggle {
        margin: 0;
    }


    .hide-sm {
        display: none !important;
    }

    .foo-table td,
    .foo-table th,
    .accordion-toggle.custom-toggle {
        font-size: 12px;
    }

    .foo-table thead th {
        background: #DCDCDC;
    }

    .plr-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .title-sm {
        font-size: 1.5em !important;
    }

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

    .tool::after {
        font-size: .75em;
        margin-left: -5em;
        width: 13em;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .psm-0 {
        padding: 0 !important;
    }

    .psm-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .psm-lr-8 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .border-sm-0 {
        border: 0 !important;
    }

    table>tbody>tr>td>span.footable-toggle {
        display: none;
        margin: 0 !important;
        font-size: 12px;
        font-weight: normal;
        color: #aaa;
        padding: 3px 6px;
        opacity: 1 !important;
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child {
        border-left:1px;
    }
    #cart_update table>tbody>tr>td>span.footable-toggle {
        margin: 0px 0px 0 0px !important;
    }

    #cart_update .table>tbody>tr>td {
        padding: 5px 2px !important;
    }

    #cart_update .btn {
        padding: 6px 5px;
        font-size: 12px;
    }

    .year-report .custom-toggle {
        display: table;
        width: 100%;
        float: none !important;
    }

    .breack-word-pr-line {
        text-overflow: ellipsis;
        display: table-caption;
    }

    .overflow {
        width: 15ch;
        white-space: nowrap;
        overflow: hidden;
    }

    table .icon img {
        width: 30px;
    }

    .xs-text .input-group-addon-btn .btn {
        padding: 7px 4px !important;
        font-size: 10px;
    }

    /*.xs-text .input-group-addon {
        padding: 4px;
    }*/

    .xs-text .input-group-addon i {
        font-size: 16px !important;
    }

    #btnSubmit,
    #btnSubmitDraft {
        width: 100%;
        margin-bottom: 10px;
    }


    .ui-autocomplete.ui-menu {
        width: 450px !important;
        margin: 0 auto;
        text-align: right;
        padding-right: 0;
        padding-top: 12px !important; /*added by humed for docsadmin ul list */
    }

    .payment-table tr.footable-header {
        background: #E8E8E8;
        display: table !important;
        width: 100%;
    }

    .payment-head {
        background: #001f61;
        color: #fff;
        border: 1px solid #001f61;
        padding: 10px;
    }

    .item-name {
        width: 20ch;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: table-caption;
        font-size: 90%;
        text-align: right;
        float: right;
    }

    .nested-list-content>span {
        width: 20ch;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: table-caption;
        font-size: 90%;
        text-align: left;
        float: left;
    }

    .select2-results {
        text-align: right;
    }

    .custom-lbl {
        float: left;
        margin: 2px 3px 3px 0;
    }

    .left-sec {
        text-align: right;
        margin: 0;
        padding: 0;
        position: relative;
        left: 10px;
    }

    .middle-sec {
        margin: 0 auto;
        width: calc(100% - 80px);
    }

    .right-sec {
        text-align: right;
    }

    .middle-sec lable {
        top: 5px;
        position: relative;
    }

    #no-more-tables tbody tr {
        margin: 8px 0;
    }

    .second_add_row_btn_tr {
        margin-bottom: 25px !important;
    } 

    button.btn-getinfo.btn-number {
        padding: 4px 10px;
        position: absolute;
        top: 3px;
    }

    .inputField .tool-tip-icon {
        opacity : 1 !important;
    }
    
    .contents-ltr button.btn-getinfo.btn-number {
        right: 26px;
    }

    .contents-rtl button.btn-getinfo.btn-number {
        left: 26px;
    }

    .display-block {
        display: block;
    }

    .right-sec {
        top: 4px;
        left: -10px;
    }

    .left-se {
        padding: 0;
        text-align: right;
    }

    th.hide_row.th_cur_price {
        display: none !important;
    }

    .table-responsive>.foo-table>tbody>tr.footable-detail-row>td:last-child {
        padding-bottom: 15px !important;
    }

    .doc-action {
        color: #333;
        font-weight: bold;
    }

    .add-text {
        font-size: 11px;
       margin: 0 3px 0px 3px;
    }

    .customer-docadmin-section .input-group-addon {
        padding: 5px;
    }
    .documenet .input-group-addon i {
        font-size: 1.4rem !important;
    }

    .customer-text .form-control {
        font-size: 14px !important;
    }

    #hide-more-btn,
    #show-more-btn {
        position: relative;
        top: -15px;
        display: table;
        width: 100%;
    }

    .sum-field.form-control {
        width: 100%;
    }

    .hide-arrow i {
        top: 3px;
        color: #001f61;
    }

    #btnCloseDoc {
        width: 100%;
        text-decoration: underline;
        font-weight:bold;
    }

    .mobile_view .copy_form_doc_section{
        text-align: center;
    }

    .mobile_view .client_modal_section{
        text-align: center;
    }

    .table-responsive>.foo-table>thead>tr>th:not(.nowrap-td),
    .table-responsive>.foo-table>tbody>tr>th:not(.nowrap-td),
    .table-responsive>.foo-table>tfoot>tr>th:not(.nowrap-td),
    .table-responsive>.foo-table>thead>tr>td:not(.nowrap-td),
    .table-responsive>.foo-table>tbody>tr>td:not(.nowrap-td),
    .table-responsive>.foo-table>tfoot>tr>td:not(.nowrap-td) {
        white-space: normal !important;
    }

    table.tablesorter.foo-table tbody tr.ui-state-default {
        display: table-row !important;
    }

    table.tablesorter.foo-table thead tr .header {
        background-image: none;
    }

    .company_not_select .company_logo img {
        margin-top: -50px;
    }

    .box-header>.fa {
        font-size: 16px !important;
        vertical-align: top;
        margin: 3px;
        top: 4px;
        position: relative;
    }

    #peview_menu_tools a img {
        width: 18px;
    }
    
    .notfound .btn {
        width: 100%;
        margin-bottom: 8px;
        font-size: 1.5rem;
        padding: 1.2rem;
    }
   
    .text-xs-center {
        text-align: center;
    }
    #box-header-hide .box-header {
        display: none;
    }
    .question_mode #previewWnd {
        max-height: 400px;
        height: 100% !important;
    }
    .register_question_outcome .question_mode {
        padding: 0;
    }
    .register_question_outcome .box-header-hide {
        padding-top: 5px !important;
    }
    .question_mode #preview {
        max-height: 350px;
    }

    #myTabContent {
        margin-bottom: 15px;
        margin-top: -20px;
    }

    .ui-datepicker {
        z-index: 9 !important;
        left: 40px !important;
    }


    div#ui-datepicker-div {
        /* bottom: 22px !important; */
        box-shadow: none;
    }

    .ui-datepicker table,
    .ui-datepicker .ui-datepicker-buttonpane {
        background-color: #fff;
        display: table;
        width: 100%;
        margin: 0;

    }

    .ui-datepicker table,
    .ui-datepicker .ui-datepicker-buttonpane {
        box-shadow: 0 0 0 1px #aaaaaa inset;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .ui-accordion .ui-accordion-content {
        padding: 5px;
    }
    
    .copy_item_list {
        height: calc(100vh - 30px);
    }

    .copy-accord .ui-accordion .ui-accordion-header {
        font-size: 12px;
    }

    .copy-accord .ui-accordion .ui-accordion-header .check_all {
        float: right;
        height: 35px;
    }

    .ui-dialog.ui-widget {
        width: calc(100% - 10px) !important;
        margin-left: 5px
    }

    .ui-dialog .ui-dialog-content {
        padding: .5em !important;
    }

    .ui-dialog .ui-dialog-buttonpane {
        padding-left: 0;
        padding-right: 0;
    }

    table.dataTable>tbody>tr.child {
        padding: 0;
    }

    .sub_survey dt {
        font-size: 14px;
    }

    .anuual-section h3 {
        font-size: 17px;
        text-align: left;
    }

    .contents-ltr .anuual-section h4 {
        font-size: 14px;
        text-align: left;
    }

    .anuual-section .btn-success {
        font-size: 14px;
    }
    /* data table in mobile layout */
    .contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:after,
    .contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:after {
        display: none;
        right: 0;
        height: 1em;
        width: 1em;
        top:0;
        margin-top: -15px;
        position: relative;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: "Font Awesome 5 Free";
        line-height: 1em;
        content: "\f067";
        font-size: 14px;
        color: #bbb;
        font-weight: bold;
    }
    .contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .contents-rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        text-align: left;
    }
    .contents-rtl table.image_upload_tracking_tbl.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    .contents-rtl table.image_upload_tracking_tbl.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
    .contents-rtl table.payment_link_tracker_tbl.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    .contents-rtl table.payment_link_tracker_tbl.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
    .contents-rtl table.retainer-tbl.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    .contents-rtl table.retainer-tbl.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
        text-align: right;
    }
    .contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .contents-ltr table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        margin-right: 3px;
    }
    .form-register #defs-edit ul[role="tablist"] li:not(.current), .form-register #defs ul[role="tablist"] li:not(.current){
        display: none;
    }
    .form-register #documenet ul[role="tablist"] li:not(.current){
        display: none;
    }
    .form-register #service_taxi ul[role="tablist"] li:not(.current){
        display: none;
    }
    .form-v2-content .form-register #service_taxi .content .wizard-header {
        padding: 5px 0;
    }
    .form-register .steps li a .title {
        padding: 0px !important;
    }
    .form-register .steps li.current {
        border-bottom: 2px solid #e5e5e5;
    }
    #personal-area .dropdown-content {
        left: auto !important;
        right: auto !important;
    }
    .form-v1-content .form-register .steps li a {
        padding: 10px 10px 0px;
    }
    .documenet .darf_button_html {
        display: table;
        width: 100%;
        padding: 0 10px;
    }
    .form-v2-content .documenet .actions ul li.last-back {
        width: 49%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 10px;
    }
    .form-v2-content .documenet .actions ul li.last-next {
        width: 100%;
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .form-v2-content .documenet .actions ul li.done-issue {
        width: 49%;
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
   /* .form-v2-content .documenet .actions ul li.done-issue .docsadmin_draft_btn {
        width: 100%;
        padding-bottom: 10px;
    } */
    .actions ul li:nth-child(2), #documenet .actions ul li:nth-child(3) {
        margin-right: 0;
    }
    .total-pay-mobile {
        background: #efefef;
        border-top: 4px solid #001F61 !important;
        margin-top: 20px !important;
        padding-top: 5px;
    }
/* global Input dynamcic Input Start */

    .inputField {
        margin-top: 12px;
    }

    select#status_filter {
        margin-top: 35px !important;

    }/*for showdocs mobile design*/

    /*comment by humed  .inputField label {
        top: 17px;
    } */

    .inputField input:focus+label.pl45,
    .inputField input:not(:placeholder-shown)+label.pl45 {
        padding-left: 29px;
        padding-right: 29px;
    }

    .inputField input:focus+label.pl40,
    .inputField input:not(:placeholder-shown)+label.pl40 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .inputField input:focus+label.pl30,
    .inputField input:not(:placeholder-shown)+label.pl30 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .inputField input:focus+label.pl20,
    .inputField input:not(:placeholder-shown)+label.pl20 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .inputField input:focus+label.pl46,
    .inputField input:not(:placeholder-shown)+label.pl46 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .contents-rtl .form-field  span.input-icon {
        /* padding-right: 10px !important; */
        padding: 22px 15px 0px 0px !important;

    }
    .contents-rtl .form-field input, .contents-rtl .form-field select {
       padding: 0 !important;
      /*padding-top: 5px;
      padding-right: 35px;
      padding-left: 5px;
      padding-bottom: 5px;*/
        font-size: 1.7rem !important;
        height: 49px !important;

    }

    .contents-ltr .form-field  input.payment-date  {
        text-indent: 28px !important;

    }


    .contents-rtl .form-field .docsadmin_item_qty_input {
        height: 37px !important;
    }

    .form-field select, .form-field input  {
        text-indent: 35px;
      webkit-appearance: initial;
    }
    .form-field .email-input {
        text-indent: 10px;
    }
    .email-container {
        padding-top: 10px;
    }
    .contents-rtl .form-field select {
      padding: 0 !important;
    /*  padding-top: 4px;
      padding-right: 40px;
      padding-left: 35px;
      padding-bottom: 5px;*/
      height: 49px !important;
      text-indent: 35px;

    }

    .contents-rtl .form-field:focus-within select {
        padding-top: 0px !important;
    }

    .contents-ltr .form-field  span.input-icon {
        /* padding-right: 10px !important; */
        padding: 22px 10px 0px 10px !important;

    }
    .form-field span.input-icon:has(+input:not(:placeholder-shown)) {
        padding-top: 22px !important;

    }
    .inputField label {
        padding: 13px 15px 10px 35px !important;
    }
    .inputField .payment-date-label {
        top: 0px !important;
        padding: 0px 2px !important;
    }
    .contents-rtl .payment-table .inputField label {
        padding-right: 0 !important;
    }
   .contents-rtl .items-table .inputField input[name="QTY[]"]:not(:placeholder-shown)+label
    {
        right: 10px;
    }
    .contents-ltr .items-table .inputField input[name="QTY[]"]:not(:placeholder-shown)+label
    {
        left: 10px;
    }
    #new_item_popup .date-mt, #new_item_popup .docsadmin_qty_modal_width {
        padding-top: 12px;
    }
    .contents-ltr .form-field input {
        padding: 0px !important;
        font-size: 1.7rem !important;
        height: 49px !important;
        /* comment by humed */

    }

    .contents-ltr .form-field select {
        padding: 0px !important;
        height: 49px !important;
        text-indent: 30px;
    }

    .contents-ltr .form-field:focus-within select {
        padding-top: 10px !important;
    }

    .customer-doc{
        height: 49px !important;
    }
    .date-h{
        height: 49px !important;

    }

    .vat-mt {
        margin-top: 0px !important;
    }

    #btnCreate{
        width: 100%;
        font-size: 17px !important;
        height: 50px !important;
        padding: 12px 2px !important;
    }

    .mt_payment_new_ui{
        margin-top: 0px !important;
    }
    .payment_new_ui{
        margin-top: 0px !important;
    }
    .payment_val_date_new_ui{
        margin-top: 0px !important;
    }

    /* for paperwork code */
    .paper_work_code{
        white-space: normal;
    }
    /* #notfound .notfound{
        top: 77px !important;
    } */
    .docsadmin_document_html .notfound {
        top: 50% !important;
    }
  


    .docsadmin_not_payment_html .notfound{
        top: 50% !important;
    }
    
    .not_found_warning_msg {
        font-size: 1.0em !important;
    }
    .no_payment_warning_msg {
        /*font-size: 0.5em !important;*/ /*comment by oren effect many places */
    }
    
    
    .rcptsum_lable{
        top: 0px !important;
    }

    .global-ui-height{
        height: 49px !important;
    }

    .payment_term_new_ui{
        margin-top: 30px !important;
    }


    .payment-date-label{
        z-index: 2;
        pointer-events: none;
        opacity: 1;
        position: absolute;
        top: -0.5px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: text;
        padding: 0 2px !important;
        background: #fff !important;
    
    
    }
    
    .contents-ltr .payment-date-label{
        left: 29px;
    
    }
    .contents-rtl .payment-date-label{
        right: 29px;
    
    }

    .payment_bank_new_ui{
        margin-top: 10px;
        text-indent: 16px;
    }

    .payment_bank_label{
        top: 17px !important;
    }
    .contents-ltr .payment_bank_label{
        left: 33px !important;
    }
    .contents-rtl .payment_bank_label{
        right: 33px !important;
    }

    /*
    .new_ui_indent{
        text-indent: 6px !important;
    }
     code comment by Moin   */
    
    .payment_modal_mt{
        margin-top: 50px !important;
    }

    .date-mt{
        margin-top: 20px;
    }
    .new_receipt_popup .date-mt{
        margin-top: 2px;
    }
    .new_receipt_popup .mtxs-20 .date-mt{
        margin-top: 17px;
    }

    .new_receipt_popup .mtxs-20{
        margin-top: 17px;
    }

    
   
    .bank-payment-mt {
        margin-top: 20px !important;
    }
    .bank-disable-label{
        background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
    }
 
    .inputField:has(.disable_click_customer) .payment-date-label {
        background: linear-gradient(to bottom, #FFFFFF 0%, transparent 0%, transparent 49%, transparent 51%, #EEEEEE 51%, #EEEEEE 100%) !important;
    }

    /* width issue in email field in customer form when enter email by humed */
    .form-control.select2-tags.customer_email ~ .select2-container .select2-search__field {
        width: 100% !important; 
        text-indent: 0px !important;                     
    }

    .form-control.select2-tags.customer_email ~ .select2.select2-container .select2-search--inline {
        white-space: normal !important;
    }

    /* width issue in email field in customer form by humed */

    /* width issue in email field in acctadmin form when enter email by humed */
    .form-control.select2-tags.acctadmin_customer_email ~ .select2-container .select2-search__field {
        width: 100% !important; 
        text-indent: 0px !important;                     
    }

    .form-control.select2-tags.acctadmin_customer_email ~ .select2.select2-container .select2-search--inline {
        white-space: normal !important;
    }
    /* width issue in email field in acctadmin form by humed */
    .select_global_ul_ui~#autocomplete_view .ui-autocomplete {
        width: 100% !important;
    }
    .select_global_ul_ui~#register_outcome_autocomplete_view .ui-autocomplete {
        width: 100% !important;
    }
    .select_global_ul_ui~.autocomplete_view_selA .ui-autocomplete {
        width: 100% !important;
    }
    /* global Input dynamcic Input End */
    
    .register_question_outcome_not_found  p{
        bottom: 0px !important;
    }
    .mobile_vehicle{
        white-space: normal !important;
    }
    .taxi_mob_hide{
        display: none !important;
    }
    .register_outcome_transaction{
        margin-top: 30px;
    }

    #btnStoreno{
        margin-bottom: 10px !important;
    }
    .foreign_number_parent {
        margin-top: 30px !important;
    }
    .acctadmin_margin{
        margin: 0px !important;
    }
    
    .items_table.dataTable > tbody > tr.child ul.dtr-details {
        display: block !important;
    }

    .image_upload_tracking_tbl.dataTable > tbody > tr.child ul.dtr-details {
        display: block !important;
    }

    .contents-rtl .blueTable{
        width: 65% !important;
    }
    .contents-ltr .blueTable{
        width: 100%  !important;
    }
    .blueTable_span{
       word-wrap: break-word !important;
    }
    .data_table_heading{
        width: 62px !important;
        font-size: 10px !important;
    }

    .showdocs-tbl .contents-rtl.dropdown-menu {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
    }
    .showdocs-tbl .contents-ltr.dropdown-menu {
        position: absolute !important;
        right: 0 !important;
    }
    .payment_link_tracker_tbl .contents-ltr.dropdown-menu {
        position: absolute !important;
        right: 0 !important;
    }
    .payment_link_tracker_tbl .contents-rtl.dropdown-menu {
        position: absolute !important;
        right: auto !important;
        left: 0 !important;
    }

    /* balance module css */
    .balance_left_border {
        border-left: 1px solid #ddd !important;
    }

    /* image tracking module css */
    .details-list-mobile{
        display: block !important;
    }
    .image_upload_tracking .selected-items{
        gap: 1px !important;
    }
    .image_upload_tracking .selected-item{
       font-size: 8px !important;
    }
    .image_upload_tracking .multi-select-dropdown-list{
        font-size: 9px !important;
        text-wrap-mode: nowrap;
    }
    .image_upload_tracking .user_search, #source-multi-select-display{
        font-size: 10px !important;
        height: 34px !important;
        padding: 0px 10px !important;
    }
    .details-table-desktop{
        display: none !important;
    }
    .dtr-details {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .dtr-details li {
        display: flex;
        flex-direction: row;
        padding: 6px 0;
        border-bottom: 1px solid #eee;
    }
    .dtr-title {
        min-width: 26%;
        font-weight: bold;
        color: #888;
        margin-right: 10px;
    }
    .contents-rtl .retainer-tbl .dtr-title {
        margin-left: 10px !important;
    }
    .dtr-data {
        flex: 1;
        word-break: break-word;
    }
    .image_upload_tracking .dropdown-menu {
        width: 100%;
        padding: 0px;
        height: 35px;
    }
    .image_upload_tracking.source-select{
        width: 100%;
    }
    /* image tracking module css */
    
    .contents-ltr table.owe_table thead tr th {
        padding-left: 5px;
        text-align: left;
        direction: ltr;
        white-space: nowrap !important;
        padding-right: 20px;
        background-color: #DCDCDC;
    }
    .contents-rtl table.owe_table thead tr th {
        padding-right: 5px;
        text-align: right;
        direction: rtl;
        white-space: nowrap !important;
        padding-left: 20px;
        background-color: #DCDCDC;
    }
    
    .sticky_column_table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        min-width: 800px;
    }

    .contents-rtl .sticky_column_table th:first-child,
    .contents-rtl .sticky_column_table td:first-child {
        right: 0 !important;
        text-align: right !important;

    }
    .sticky_column_table th:first-child,
    .sticky_column_table td:first-child {
        position: sticky;
        left: 0;
        background-color: #DCDCDC !important;
        z-index: 5;
        text-align: left;
        min-width: 120px;
    }

    .register_outcome_report_btns{
        margin-bottom: 10px;
    }

    .table-responsive>.edit-transaction-num-tbl>tbody>tr>td{
        white-space: normal !important;

    }

    .open_bal_details{
        font-size: 10px !important;
    }
    #action_select, #action_button{
        height: 40px !important;
    }
    /* docsadmin mobile item mobile ui popup */
    .item_docsadmin_not_found{
        top: -86px;
    } 
    .item_docsadmin_not_found .notfound p {
        top: -77px;
    }

    .notfound .not_found_warning_msg {
        top: -41px !important;
    }

    .item_docsadmin_not_found  .notfound .docsadmin_empty_html_link{
        top: -73px;
    } 
    .item_docsadmin_not_found  .notfound .barcode_item_found{
        top:-51px;
    }
    .item_docsadmin_not_found .notfound .additional-btn{
        bottom: 33px !important;
    }
    .item_docsadmin_not_found:has(.barcode_item_found) .additional-btn {
        bottom: 38px !important;
      }
      
    /* docsadmin mobile item mobile ui popup */

    .showdocs_draft_checkbox{
        margin-top: 0px !important;
    }
    .contents-ltr .new_item_margin{
        margin-right: 5px !important;
    }
    .contents-rtl .new_item_margin{
        margin-right: 0px !important;
    }
    .inputField .tool-tip-icon.item_info_description_tool_tip {
        z-index: 1;
    }
    .contents-ltr .item_lock_margin{
        margin-left: -21px;
    }
    .ocr_padding{
        padding: 5px 0px 10px !important
    }

    /* added by  humed for dropdown in extmatch and inmatch module */
    #reconcile-button{
        width: 100% !important;
    }

    /* added by humed for item list in mobile for scrollable horizontal */
    .ui-autocomplete.ui-menu{
        white-space: nowrap;
    }

/*csv link in ocr sheet */

    #csv-link {
        position: relative;
        top: -12px;
        z-index: 1;
        font-size: 10px;
    }
    .contents-ltr #csv-link{
        left: 104px;


    }
    .contents-rtl #csv-link{
        right: 104px;


    }

    /*csv link in ocr sheet */

    .discount_type_sec select {
        border-radius: 10px;
    }

    /* mobile view select2 changes */

    .select2-container .select2-selection--single {
        height: 54px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 49px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 49px !important;
    }
    .select-comment .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 35px !important;
    }
    .modal-dialog .inputField  .form-group {
        margin-bottom: 0px;
    }
    .modal-dialog  #classification {
        margin-top: 5px;
    }
    .inputField input:not(:read-only)+label,
    .inputField input:not(placeholder-shown)+label,
    .inputField input:not(:read-only)+span+label,
    .inputField input:not(placeholder-shown)+span+label,
    .inputField input:not(:read-only)+div+label,
    .inputField input:not(placeholder-shown)+div+label
    {
        font-size:  1.3rem ;
    }

    

    /*
    * Retainer filter class mobile view
    */

    .retainer_client_filter .inputField input:not(:read-only)+label {
        font-size:  1.6rem !important;
    }

    .retainer_filter_html .retainer_type_fieldset {
        margin-bottom: 0;
    }
    .retainer_filter_html .followup_doc_fieldset {
        margin-bottom: 18px;
    }

    .retainer_filter_html .start_date_fieldset {
        margin-bottom: 28px;
    }

    .retainer_filter_html .client_fieldset {
        margin-bottom: 0px;
    }

    
    .retainer_filter_html .status_fieldset {
        margin-bottom: 0px;
    }

    .retainer_filter_html #status_filter {
        margin-top: 0px !important;
    }

    .retainer_filter_html .form_date_fieldset {
        margin-bottom: 32px;
    }
    .retainer_filter_html .masav_num_fieldset {
        margin-bottom: 0px;
    }

    .retainer_filter_html .payment_status_fieldset {
        margin-bottom: 0px;
    }

    .start_date_fieldset {
        margin-top: 32px !important;
    }
    
    .duration_mode_fieldset {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    /*
    * Retainer filter class mobile view
    */
}
.border-radius-0, .contents-rtl .border-radius-0.form-control {
    border-radius: 0 !important;
}
.docsadmin_modal_item_name_search {
    margin-top: 5px;
}

.docsadmin_modal_customer_num_search {
    margin-top: 5px;
}

/* .docsadmin_not_item_section {
    height: 50vh;
    top: 60px;
} */
/* .docsadmin_not_payment_html{
    height: 60vh;
    top: 47px;
} */

/* .docsadmin_document_html {
    height: 60vh;
    top: 47px;
} */
.docsadmin_hr_sepretor {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ul.annual-business-sub-nav-menu {
    font-size: 13px;
    margin-right:10px;
    list-style: number ;
}
.contents-ltr ul.annual-business-sub-nav-menu {
    margin-left:20px;
}

ul.annual-sub-nav-menu li.active .sub-menu-text {
   font-weight: 300;
}
@media (min-width: 768px) {
    .full-width-table {
        width: 90vw !important;
        max-width: 100vw !important;
        flex: 0 0 90vw !important;
    }
}
@media only screen and (max-width: 480px) {
    .tree-btn {
        text-align: center;
        width: 100%;
        display: block;
    }

    .bank-action .bank{
        margin: 5px 0px;
    }

    .swal2-actions {
        padding: 0 1em !important;
    }

    .swal2-styled {
        padding: 0.625em 1em !important;
    }

    .print-and-sign a {
        width: 46.5%;
        float: right;
        text-align: right;
        font-size: 11px;
        margin: 5px;
        padding: 5px;
        border: 1px solid #979b9b;
    }

    .contents-ltr .print-and-sign a {
        float: left;
        text-align: left;
        padding: 5px;
    }

    .print-and-sign a i {
        font-size: 12px !important;
    }

    .showdocs-tbl .child .dtr-data a .far,
    .showdocs-tbl .child .dtr-data a .fa {
        display: none;
    }
    .showdocs-tbl .child .dtr-data a.d-block .fa {
        display: inline-block;
    }
    
    .question_mode #previewWnd {
        max-height: 400px; 
        overflow: hidden;
        position: sticky;
        top: 0; 
    }
    .survey_question_outcome {
        margin-top: 20px;
    }
   .register_question_outcome .company-info-xs {
        display: none !important;
    }

    .fnt-sm-10 {
        font-size: 10px;
    }

    table#accadmintbl.foo-table thead tr th,
    table.foo-table tr td,
    table#accadmintbl.foo-table tfoot tr th {
        font-size: 12px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .contents-ltr div#useList_length,
    .contents-ltr div#useList_filter {
        text-align: left;
        float: left;
    }

    .contents-rtl div#useList_length,
    .contents-rtl div#useList_filter {
        text-align: right;
        float: right;
    }

    div#useList_length,
    div#useList_filter {
        width: 100%;
        margin-bottom: 10px;
    }

    div#useList_wrapper {
        margin-left: 5px;
        margin-right: 5px;
    }

    .contents-rtl div#useList_wrapper {
        margin-left: -5px;
    }

    .width-15px {
        width: 15px;
        height: 15px;
    }

    .break-word-wrap.open-bal {
        word-wrap: break-word;
        hyphens: auto;
        width: auto;
        display: inline;
        white-space: nowrap;
    }

    .box-header .box-title,
    .box-header a,
    .box-header a i {
        font-size: 14px !important;
    }

    th.header.sm-fn-65 {
        font-size: 75% !important;
    }

    .notfound .notfound-404 h1 {
        font-size: 162px;
    }

    .notfound h2 {
        font-size: 26px;
    }

    .ui-autocomplete.ui-menu {
        width: 400px !important;
        /*left: 20px !important;*/
        height: 250px !important;
    }

    .middle-sec .col-width-7 {
        margin: 5px 3px;
    }

    .company_logo h4 {
        width: 20ch;
        white-space: break-spaces;
        font-size: 18px;
    }

    .image-manager .note,
    .image-manager .size {
        width: 8em;
    }

    .copy-doc-form .table-responsive {
        border: 0;
    }

    .save_and_crate_button {
        padding-bottom: 10px;
    }

    .save_and_create_item {
        padding-bottom: 10px;
    }
}

/* For screens between 381px and 420px */
@media only screen and (min-width: 381px) and (max-width: 420px) {
  .ui-autocomplete.ui-menu {
    width: 340px !important;
  }
}

@media only screen and (max-width: 420px) {
    .col-width-7 {
        width: 100% !important;
    }

    a.btn-submenu {
        margin: 5px;
    }

    .company_logo h4 {
        font-size: 16px;
    }

}

@media only screen and (max-width: 380px) {

    #peview_menu_tools a img {
        width: 16px;
    }

    .box-title {
        width: 50%;
    }

    .box-title.width-80 {
        width: 80%;
        line-height: 1.3;
    }

    .doc-action {
        font-size: 10px !important;
    }

    .col-width-7 {
        width: 75% !important;
    }

    .middle-sec .col-width-7 {
        width: 100% !important;
    }

    .ui-autocomplete.ui-menu {
        width: 320px !important;
    }

    .company_logo h4 {
        font-size: 14px;
    }

    .company_not_select .company_logo img {
        margin-top: -55px;
    }


}

@media only screen and (max-width: 360px) {
    .showdocs-tbl .dtr-data a {
        font-size: 11px !important;
    }

    table#accadmintbl.foo-table thead tr th,
    table.foo-table tr td,
    table#accadmintbl.foo-table tfoot tr th {
        font-size: 12px;
    }

    .ui-autocomplete.ui-menu {
        width: 300px !important;
    }
}

@media only screen and (max-width: 330px) {

    .payment-table .btn-remove .fa,
    .item-table-sec .btn-remove .fa {
        font-size: 14px !important;
    }

    .btn-expand i {
        font-size: 14px !important;
    }

    .box-header .box-title,
    .box-header a,
    .box-header a i {
        font-size: 12px !important;
    }

    .box-title {
        width: 24ch;
    }

    .item-name {
        width: 20ch;
    }

    .col-width-7 {
        width: 60% !important;
    }

    .middle-sec .col-width-7 {
        width: 100% !important;
    }

    #ui-id-5.ui-autocomplete {
        width: 310px !important;
    }

    th.header.sm-fn-65 {
        font-size: 55% !important;
    }

    table#accadmintbl.foo-table thead tr th,
    table.foo-table tr td,
    table#accadmintbl.foo-table tfoot tr th {
        font-size: 10px;
    }

    .total_per_discount_mobile lable,
    .total_discount_mobile lable {
        font-size: 12px;
    }

    .foo-table td,
    .foo-table th,
    .accordion-toggle.custom-toggle {
        font-size: 10px;
    }

    .widthch-10 {
        width: 8ch;
    }

    .doc-action {
        font-size: 9px;
    }

    .break-word-xss {
        word-wrap: break-word;
        hyphens: auto;
        white-space: normal !important;
    }

    .accountit_logo .floating-btn {
        font-size: 12px;
        padding: 8px 7px;
    }

    .ui-autocomplete.ui-menu {
        width: 280px !important;
    }

    .company_not_select .company_logo img {
        margin-top: -40px;
    }

    .image-manager .header td {
        font-size: 12px;
    }

    .copy-doc-form .btn-primary {
        font-size: 14px;
        padding: 6px 8px;
    }
}

@media only screen and (max-width: 319px) {
    .add-text {
        font-size: 10px;
    }

    .accountit_logo .floating-btn {
        font-size: 12px;
        padding: 8px 4px;
        margin: 10px 0 0 14px;
    }

    .break-word-wrap.open-bal {
        word-wrap: break-word;
        hyphens: auto;
        width: 10ch;
        display: table-caption;
        white-space: normal;
    }

    h3.date-title {
        font-size: 14px;
    }

    .box-title {
        width: 22ch;
    }

    .dropbtn {
        font-size: 12px;
    }

    .foo-table td,
    .foo-table th {
        font-size: 9px;
    }

    table#accadmintbl.foo-table thead tr th,
    table.foo-table tr td,
    table#accadmintbl.foo-table tfoot tr th,
    table#acctbl.foo-table thead tr th,
    table#acctbl.foo-table tfoot tr th {
        font-size: 9px;
    }

    .break-word-xs {
        display: table-caption;
    }

    .ui-autocomplete.ui-menu {
        width: 200px !important;
    }
}

@media only screen and (max-width: 290px) {
    .customer-text .add-text {
        font-size: 0;
    }
    .left-sec {
        left: 0;
    }
    .btn {
        padding: 6px 8px !important;
        font-size: 13px;
    }
    .resposive-lable, body {font-size: 13px;}
    .print-and-sign a { width:47.7%; font-size: 10px; }
    .contents-rtl .print-and-sign a.open_doc_cancel_modal, .contents-rtl .print-and-sign a.print-doc, .contents-rtl .print-and-sign a.cancel-it {
        margin-left: 0;
    }
    .contents-rtl .print-and-sign a.send-doc, .contents-rtl .print-and-sign a.open_modal_duplicate {
        margin-right: 0;
    }
    .contents-ltr .print-and-sign a.send-doc, .contents-ltr .print-and-sign a.open_modal_duplicate {
        margin-left: 0;
    }
    .contents-ltr .print-and-sign a.open_doc_cancel_modal, .contents-ltr .print-and-sign a.print-doc, .contents-ltr .print-and-sign a.cancel-it {
        margin-right: 0;
    }
    .print-and-sign a i { font-size: 10px !important;}
}

.notes_download {
    font-size: small;
    color: #464E5F;
    cursor: pointer;
}

.item_description {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background-color: #eeeeee;
    border-color: #cecccc;
    border-style: solid;
    border-width: 1px;
    padding-right: 7px;
    border-left-width: 0px;
    min-width: 2.5em;
}

.popover-question {
    color: #001f61;
    cursor: pointer;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.contents-ltr .custom-file-upload{
    margin-right: 15px;
}
.contents-rtl .custom-file-upload{
    margin-left: 15px;
}
.dis-block {
    display: block;
}
.docsadmin_draft_btn {
    /*color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;*/
}

.form-group.required .control-label:after {
    content:"*";
    color:red;
  }

#datatable_list>thead>tr>th {
    cursor: pointer;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff;
}

/* new change */
/* common */
#error_msg>span {
    margin: 15px 0;
}

.pt-0 {
    padding-top: 0px !important;
}

.box-body {
    /*border: 2px solid #d9edf7;
        border-top-color: #91c6e6;*/
}

/* main Page */
.company_not_select .container {
    min-height: 90vh;
}

/* / main Page */
/* slideform-form new change */
#survey_answer .date_survey {
    border-radius: 0px !important;
}

#survey_answer #date_icon_date {
    height: 45px !important;
}

/* module=defs */
.template-image-box {
    margin-top: 2px;
}

.img-template {
    width: 100%;
}

.color-box {
    padding: 5px !important;
    height: 50px !important;
    width: 50% !important;
    cursor: pointer;
}

/*  */
/* docsadmin */
#docdet .input-group .input-group-btn .btn {
    padding: 6px 12px 7px;
}
#docdet .input-group .input-group-btn .btn:not(.qty_plus_btn, .qty_minus_btn) {    
    border-radius: 0px !important;
}
#docdet .input-group .input-number {
    border-radius: 0px !important;
}

.discount_type_sec.input-group .form-control {
    width: 55%;
    border-radius: 0px !important;
}

.discount_type_sec select {
    width: 45%;
    padding: 0px;
    margin-right: 0%;
    height: 35px;
}

.comment_msg {
    padding: 0px 0px 10px 27px;
}

.note-editor {
    margin-bottom: 0px !important;
}

.my-check-space {
    margin-top: -15px !important;
}

.documenet .note-editor.panel-default>.panel-heading {
    display: flex;
    padding-left: 5px;
    /* justify-content: center !important; */
}

.note-editor .panel-heading {
    /* justify-content: center !important; */
    padding-bottom: 5px !important;
    padding-left: 5px;
    width: 100%;
    white-space: normal;
    border-bottom: 1px solid #cccccc !important;

}

.note-editor .dropdown-menu {
    position: absolute !important;
}

.note-editor .note-icon-check {
    visibility: visible !important;
}

.note-editor .dropdown-menu>li>a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
    white-space: nowrap !important;
}

.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
    color: black !important;
}

.note-editor .dropdown-menu>li:hover {
    background-color: #f5f5f5 !important;
}

.note-editor .dropdown-menu>li a {
    padding: 3px 20px;
    color: #333;
    font-weight: bold;
}

.btn-on-editer {
    padding: 5px 6px !important;
    height: 35px;
}

.note-editor .select2-container {
    width: 150px !important;
}

.contents-rtl .note-editor {
    text-align: right;
}

.contents-ltr .note-editor {
    text-align: left;
}

.contents-rtl .note-editable ol {
    list-style-type: hebrew !important;
}

.contents-ltr .note-editable ol {
    list-style-type: decimal !important;
}

.note-editable ol,
.note-editable ul {
    margin-left: 20px;
    margin-right: 20px;
}

#template-preview-box {
    margin-top: 15px;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
/*used in login welcome message, docadmin and other -> the image befere move to next stage*/
.transmission-img{
    max-width: 50%;
    width: 40%;
}


.view_add_calender_icon{
    display:none;
}

.event_records:hover .view_add_calender_icon {
    display: block;
    position: absolute;
    cursor: pointer;
}

.view_add_calender_icon_time{
    display:none;
}
.event_time:hover .view_add_calender_icon_time {
    display: block;
    /*position: absolute; */
    cursor: pointer;
}

.schedual_time {
    float:left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.show_event_form_add_icon {
    padding-right: 5px;
}

#calendar_day_schedual td {
    border: 1;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 0;
    font-family: tahoma, verdana, arial;
    /* font-size: 25px; */
    width: 22px;
}

#schedule_view_section {
    height: 400px;
    overflow: scroll;
}

.event_count_text {
    font-size:12px;
    color:#838db6 !important;
}


/*
* juqery auto complete auto complete not record found
*/
.customer_search-frame {
    padding: 10px;
    /*by oren*/
    /*background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 5px;
    */
    margin-top: 0px;
    text-align: center;
    /*padding-top:30px;*/
    height:195px;
}

.custom-message-frame {
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-top: 0px;
    text-align: center;
    height:195px;
}

.customer_search_detail {
    padding-top:30px;
}

.custom-button {
    margin: 5px;
    padding: 8px 16px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 10px;
}

.btn-accept {
    background-color: #28a745 !important;
    color: white !important;
    font-size: 15px !important;
}

.btn-reject {
    background-color: #001f61 !important;
    color: white !important;
    font-size: 15px !important;
}

.btn-accept:hover {
    background-color: #7ad990 !important;
    color: white !important;
}

.btn-reject:hover {
    background-color: #7c99d7 !important;
    color: white !important;
}

.item_search_width {
    /*width:450px !important;*/
}

.select2-dropdown--below {
    /*width:450px;*/
}

.info_generic_account_text_left {
    font-size: 12px;
    padding-left: 4px;
}

.info_generic_account_text_right {
    font-size: 12px;
    padding-right: 4px;
}

.select2-selection__arrow i {
    padding-top: 17px;
    padding-right: 3px;
}


/*
* juqery auto complete auto complete not record found
*/

/*
* docsadmin item select2 css
*/

.item_search_width ul > li {
    background-color: #FFF !important;
}

.item_search_width ul {
    overflow-y: hidden !important;
}
.item_heading {
    font-size: 16px;
    color:black;
}


.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: 0;
}

#autocomplete_view .ui-menu .ui-menu-item a {
    word-wrap: break-word;
    white-space: pre-wrap;
    
}

#customer_modal_autocomplete_view .ui-menu .ui-menu-item a {
    word-wrap: break-word;
    white-space: pre-wrap;
    
}

.select_box .ui-menu .ui-menu-item a {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.draft_btn {
    z-index: 9;
    position: relative;
}

.docsadmin_empty_html_link {
    color: #fff;
    background-color: #001f61;
    border-color: #285e8e;   
}

.docsadmin_empty_html_link:hover {
    color: #001f61;
    background-color: #ffffff;
    border-color: #001f61;
}

/*
Docsadmin item modal
*/

.contents-ltr #item_sku_text_value {
    padding-right: 3px;
}

.contents-rtl #item_sku_text_value {
    padding-left: 3px;
}

.add_retainer_link {
    color: #fff;
    background-color: #001f61;
    border-color: #285e8e; 
}

.add_retainer_link:hover {
    color: #001f61;
    background-color: #ffffff;
    border-color: #001f61;
}
.add_retainer_link:focus {
    color: #001f61;
    background-color: #ffffff;
    border-color: #001f61;
}
/*
* docsadmin item select2 css
*/

/*  */

.contents-ltr .select_box .ui-autocomplete.ui-menu {
    top: 4px !important;
}
.contents-rtl .select_box .ui-autocomplete.ui-menu {
    top: 4px !important;
}
.contents-ltr .docsadmin_modal_item_name_search .ui-autocomplete.ui-menu {
    top: 4px !important;
}


.copy_form_doc_section {
    padding-bottom: 20px;;
}
.copy_form_doc_section .additional-btn {
    text-decoration: underline;
}

.client_modal_section {
    padding-bottom: 20px;;
}
.client_modal_section .additional-btn {
    text-decoration: underline;
}

.item_modal_section {
    padding-bottom: 20px;;
}
.item_modal_section .additional-btn {
    text-decoration: underline;
}

.notfound .additional-btn {
    text-decoration: underline;
    position: relative;
    bottom: 30px;
}

.notfound .item_no_found_or_text {
    position: relative;
    bottom: 40px;
}

.form-v2-content .form-register .documenet .content #documenet-p-3 .inner {
    min-height: 300px !important;
}

.form-v2-content .form-register .content .inner {
    min-height: 300px !important;
}

.item_modal_show_discount_label {
    padding-top: 5px;
    padding-bottom: 5px;
}

.contents-rtl .item_modal_show_discount_label {
    padding-right: 8px;
}

.contents-ltr .item_modal_show_discount_label {
    padding-left: 8px;
}

.image_upload_tracking_table .dropdown-menu {
    position: absolute !important;
    right: auto !important;
}

.payment_link_tracker_tbl .dropdown-menu {
    position: absolute !important;
    right: auto;

}

.retainer-tbl .dropdown-menu {
    position: absolute !important;
}
@media (min-width: 200px) and (max-width:767px) {
     .options-buttons label span:before {
        width: 1em;
        height: 1em;
     }
    .main_popup_section {
        left: 0 !important;
        width: 100% !important;
    }

    .client_modal_popup_btn {
        width: 100%;
    }

    .save_and_crate_button {
        padding-bottom: 10px;
    }
    .save_and_create_item {
        padding-bottom: 10px;
    }

    .save_and_crate_button .client_modal_popup_btn{
        font-size: 18px !important;
    }

    .save_and_create_item .create_new {
        font-size: 18px !important;
    }

    #no_item_modal .user_generic {
        font-size: 18px !important;
    }

    .use_generic_client_btn .client_modal_popup_btn{
        font-size: 18px !important;
    }

    #creditframe {
        width: 100% !important;
    }

    #creditdiv {
        margin-left: 0px;
        margin-right: 0px;
    }

    .active_popup_section .ui-dialog-content {
        padding: 10px 0px;
    }

    /* footer */
    .text-sm-center {
        text-align: center !important;
    }

    #export-button {
        margin-top: 5px;
    }

    .customer_search-frame {
        height:244px;
    }

    .custom-message-frame {
        height:244px;
    }

    .item_modal_btn {
        width:100%;
    }

    .customer_modal_btn {
        width:100%;
    }

    #new_customer_popup .date-mt {
        padding-top: 12px;
    }

    #new_customer_popup .form-control:not(textarea) {
        height: 40px;
    }

    .add_retainer_link {
        width:100%;
    }

    .add_retainer_btn {
        width:100%;
    }

}

@media (min-width: 200px) and (max-width:767px) {

    .documenet .panel-default>.panel-heading,
    .panel-toggle>.note-toolbar {
        display: table !important;
    }

    #docdet .input-group .input-group-btn .btn {
        padding: 8px 12px 9px;
        height: 49px !important;
    }

    span.input-group-btn.qty {
        top: 6px !important;
    }

    span.input-group-btn.item_qty_icon {
        top: 0px !important;
    }

    .note-editor .note-align button,
    .note-editor .note-list button {
        float: none !important;
        display: block !important;
        clear: both !important;
        border-radius: none !important;
    }

    .note-editor .dropdown-menu {
        min-width: 40px !important;
    }

    .note-editor .dropdown-menu>div {
        margin: 0px !important;

    }

    .contents-rtl .note-editor .dropdown-menu>div {
        padding-right: 4px;
        /* padding-right: -1px !important; */
        margin-right: -1px !important;

    }

    .contents-ltr .note-editor .dropdown-menu>div {
        padding-left: 3px;
        border-radius: none !important;
    }

    .contents-rtl .note-editor .btn-group>.btn:first-child {
        margin-right: -1px !important;
    }

    /* docsadmin */
    #docdet .select2-container {
        /* width: 56vw !important; */
        width: 100%;
    }


}

@media (max-width:768px) {
    #docdet .select2-container {
        width: 100% !important;
        /* width: 120px !important; */
        /* max-width: 64.7vw;*/
    }

    .select2-container--open .select2-results__option {
        font-size: 16px;
        padding: 4px;
    }

}


@media (min-width: 789px) and (max-width:3000px) {
    #docdet .select2-container {
        width: 100% !important;
        /*max-width: 312px !important;*/
    }
    .col-lg-hidden {
        display: none !important;
    }
}

.report_option{
    margin: 0 3px 0 10px;
}

.def_transaction_type .select2-container {
    width: 100% !important;
}
.select2-container {
    width: 100% !important;
 }
 .swal2-checkbox label, .swal2-radio label {
     margin: 5px !important;
     font-size: 14px !important;
 }

.box_title_absolute_top_7 {
    top: 7px;
}

.creditdialog .form-group {
    margin-bottom: 5px;
}


/* .handsontableEditor.listbox {
    max-height: 250px !important;
    overflow: scroll !important;
}

#docdet .select2-container {
	width: 250px !important;
} */

.change_color {
    position: absolute;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 35px;
    font-size: small;
    cursor: pointer;
}

#enddate input[type=text]:read-only,
#begindate input[type=text]:read-only {
    background: #fff !important;
    color: #555555;
}

#enddate[type=text]:read-only,
#begindate[type=text]:read-only {
    background: #fff !important;
    color: #555555;
}

#table_dest {
    width: 100%;
}

#table_dest td {
    padding: 2px 5px;
}

.th_item_name {
    /* width: 20% !important; */
    word-break: break-word;
}


.input-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
  font-size: 15px;
}
.contents-ltr .input-group .select2-container {
    float: right;

}

.select_item_error_mgs {
	border: 1px solid red;
}

.tablesorter_pager_hide {
	display:none;
}

.idate_error {
    border: 1px solid;
    border-color: red !important;
    box-shadow: 0 0 10px red !important;
}

.idate_msg_tax_date {
	color: red;
}

.conract_history_data {
  height: 180px;
  overflow: auto;
  border:1px solid black;
  border-radius: 2px;
  border-color: #999999;
}

.contct_business_documents_row {
	padding-left:5px;
}

.main_popup_section.ui-dialog .ui-dialog-content {
    display: table;
}

#flash_message h4 {
    padding: 15px;
    margin-bottom: 20px;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    border: 2px solid #979b9b;
    box-shadow: 0px 2px 10px rgb(23 11 4 / 3%);
}

.disable_click {
    pointer-events: none;
    cursor: not-allowed;
}
.disable_click .btn {
    background-color: #eee !important;
}

.disable_click_customer {
    cursor: not-allowed;
    pointer-events: none;
}

.disable_click_customer .next-btn {
    opacity: 0.8;
}

#showdiv
{
    color: #001f61;
    border-color: #001f61;
}
.base_color
{
    color: #001f61;
}

#showdiv:hover
{
    color: #3756ff;
    background-color: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}

#btnSubmitDraft {
    font-size: 10px;
}

#btnSubmit_new {
    padding-top: 8.6px;
    padding-bottom: 8.6px;
    font-weight: bold;
    font-size: 18px;
    background: #001f61;
}

#btnSubmit_new:hover {
    opacity: 0.8;
    color: #ffffff;
}

#btnSubmit {
    padding-top: 8.6px;
    padding-bottom: 8.6px;
    font-weight: bold;
    font-size: 18px;
}
.delete_draft_button_html_dekstop {
    font-size: 10px;
    padding-top: 9px !important;
    padding-bottom: 4px !important;
}

.darf_button_html {
    padding-right: 10px;
}
.emaildoc_html {
    padding-top: 15px;
}

.item_edit_button {
    opacity: 0;
}

.item_edit_button_show {
    opacity: 1;
}

.back_schedual_view_btn {
    position: fixed;
    left: 572px;
    z-index: 1;
}

.docsadmin_item_qty_input {
    height: 49px !important;
}

.add_new_item_step_btn a {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 22px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.add_new_item_step_btn  {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 22px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

/*
.add_new_item_step_btn span {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 22px;
    border-radius: 40px;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
*/

.default_height_tab {
    height: 354px;
}

.bank_td .select2-selection--single {
    border-radius: 10px !important;
    height: 35px !important;
}

.vat_note_text {
    padding-top: 5px;;
}

.document_date_note_text {
    padding-top: 5px;;
}

.lock_item_row {
    height: 25px;
    width: 25px;
    display: inline-block;
    cursor: pointer;
    margin-top: 3px;
    text-align: center;
}

.lock_payment_row {
    height: 25px;
    width: 25px;
    display: inline-block;
    cursor: pointer;
    margin-top: 3px;
    text-align: center;
}

/* Customer no found modal popup*/
.no_customer_found_text_modal {
    padding-top: 30px;
}

.no_customer_found_text {
    text-align: center;
    font-size: 21px;
    font-weight: 400;
}

.customer_box_modal {
 position: relative !important;   
}
/* Customer no found modal popup*/

.global_period .left-bar {
    border-bottom: 2px solid;
    display: table;
    margin-bottom: 2px;
    padding-bottom: 2px;
    width: 100%;
}

.client_filter_div {
    margin-top: 0px !important;
}

.client_filter_div .inputField {
    margin-top: 0px !important;
}

@media (min-width: 200px) and (max-width: 767px) {
   .padding-sm-0 {
    padding: 0 !important;
   }
    .plugin_order_img_logo {
        display: none;
        z-index: -1;
    }

    .documenet .wizard-header {
        padding: 0 !important;
    }

    .actions ul li a {
        width: 100%;
    }
    .form-v1-content .actions ul li, .form-v2-content .actions ul li {
        width: 46%;
    }

    .actions ul li {
        margin: 0 3%;
    }

    #btnSubmit_new {
        background: #001f61;
        width:100%;
        font-weight: bold;
        font-size: 18px;
        padding-top: 8.50px;
        padding-bottom: 8.50px;
        padding-left: 5px;
        padding-right: 5px;
        height: 46px;
    }
    .darf_button_html {
        width:100%;
        padding-bottom: 5px !important;
    }
    #btnSubmitDraft {
        /*font-weight: bold;*/
        font-size: 16px !important;
    }

    .delete_draft_button_html {
        padding-bottom: 8px !important;
    }
    .delete_draft_btn {
        width: 100%;
        font-weight: bold;
        font-size: 18px;
    }

    #btnDeleteDraft {
        width:100%;
        font-size: 18px;
    }

    .draft_delete_btn {
        padding-bottom: 10px;
    }

    .form-register .draft_delete_btn {
        display: none;
    }
   .form-register .done_issue_btn {
        display: none;
    }

    #btnSubmit_new:hover {
        color: #fff;
        opacity: 0.8;
    }

    .transaction_type_edit_btn_right, .transaction_type_edit_btn_left {
        margin-left: 5px;
        margin-right: 5px;
    }

    button.btnPayments {
        font-size: 12px;
    }

    .darf_delete_button_html {
        margin-bottom: 10px !important;
    }

    .main_popup_section .ui-dialog-titlebar-close {display: none }

    #no-more-tables tr {
        border : 0px;
    }

    .defs_last_button {
        width: 49.5% !important;
    }

    .add-text {
        font-size: 1.4rem;
    }
    .my-check-space {
        margin-top: 0px !important;
    }

    .comment_msg {
        padding: 0px 0px 10px 5px;
    }

    .docsadmin_item_label {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .docsadmin_payment_method_input {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .comment_plus_icon {
        float: left;
        margin-top: 2px;
        /*margin-bottom: 5px;*/
        width: 20px;
    }

    .left-sec {
        padding-right: 34px !important;
        left: 0px;
    }

    .copy_from_doc {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-style: solid !important;
        background-color: #fdfdfd !important;
        border-color: #d3d3d3 !important;
    }

    .add_new_customer {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-style: solid !important;
        background-color: #fdfdfd !important;
        border-color: #d3d3d3 !important;
    }

    .add_new_item_modal_btn {
        /*
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-style: solid !important;
        background-color: #fdfdfd !important;
        border-color: #d3d3d3 !important;
        line-height: 0px;
        */
    }

    .add_new_customer_modal_btn {
        /*
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-style: solid !important;
        background-color: #fdfdfd !important;
        border-color: #d3d3d3 !important;
        line-height: 0px;
        */
    }

    /*used in login welcome message, docadmin and other -> the image befere move to next stage*/
    .transmission-img{
        max-width: 100%;
        width: 100%;

    }

    .docsadmin_new_item_btn {
        padding-top:19px;
    }

    .docsadmin_modal_item_name_search {
        width:auto;
    }

    .docsadmin_item_qty_input {
        height: 40px !important;
    }

    .receipt_remove_icon {
        width: 10px;
        margin: 0 auto;
        float:left;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        right: 36px;
    }

    .receipt_row_edit {
        float:right;
    }

    .document_date_note_text {
        padding-bottom: 15px;;
    }

    .notfound {
        padding-top: 0px;
    }
}

.legend {
    margin-bottom: 20px;
}
.legend-item {
    display: inline-block;
    margin-right: 20px;
}
.legend-item span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid #000;
}


br.responsive {
  display: inline; /* Show BR tag for narrow screens*/
}

/* Step form when split payment open then next and back button not disable so use this css */
.ui-front {
    z-index: 1000;
}

.margin_bottom_zero {
    margin-bottom: 0px !important;
}


@media (min-width: 767px) {
  br.responsive {
    display: none; /* Hide BR tag for wider screens */
  }
}


/* Frame around settings notification on main page*/

  /* Don't show again message */
  .dont-show-again {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #777;
    margin-bottom: 30px;
    margin-right: 15px;
  }

.button-main-panel {
    padding: 5px 5px 5px 5px !important;
    margin: -5px 0px 0px 5px !important;
  }

/* annual report thumb image for paperwork */
.paper-work-file {
    .thumbnail {
        position: relative;
        display: inline-block;
        width: 100px;
        text-align: center;
    }

    .thumbnail img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 5px;
    }

    .thumbnail .file-icon {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2em;
        background: #f0f0f0;
        border-radius: 5px;
    }

    .thumbnail .delete-btn, .thumbnail .delete-btn-1 {
        position: absolute;
        top: 5px;
        right: 5px;
        background: rgba(255, 0, 0, 0.7);
        border: none;
        color: white;
        padding: 3px 5px;
        border-radius: 50%;
        cursor: pointer;
    }

    .thumbnail .attach-checkbox {
        position: absolute;
        bottom: 5px;
        left: 5px;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 5px;
        padding: 3px;
    }
    input[type="file"] {
        width: 100%;
    }

}
.notify-text {
    color:#4cae4c;
}
.mail-ul > li {
    margin: 0 10px;
}

.customer-text .customer-doc, .docsadmin_modal_item_name_search input.ui-autocomplete-input {
    box-shadow: none;
}
.contents-rtl .customer-text .customer-doc, .contents-rtl .docsadmin_modal_item_name_search input.ui-autocomplete-input {
    border-left: 0;
}
.contents-ltr .customer-text .customer-doc, .contents-ltr .docsadmin_modal_item_name_search input.ui-autocomplete-input {
    border-right: 0;
}

.input-group-addon.clear_customer_btn {
    background: #fff;
    box-shadow: none;
}

.input-group-addon.quick_doc_clear_customer_btn {
    background: #fff;
    box-shadow: none;
}


.input-group-addon.clear_customer_modal_btn {
    background: #fff;
    box-shadow: none;
    border-left: 0;
}
.contents-ltr .clear_customer_btn {
    border-left: 0;
}

.contents-rtl .quick_doc_edit_receipt_btn {
    padding-right: 5px;
}

.contents-ltr .quick_doc_edit_receipt_btn {
    padding-left: 5px;
}

.contents-rtl .quick_doc_currency_icon {
    padding-right: 3px;
}

.contents-ltr .quick_doc_currency_icon {
    padding-left: 3px;
}

.quick_doc_company_fieldset {
    padding-top: 20px;
}

.company_fieldset {
    margin-bottom: 0px !important;
}

.contents-ltr .quick_doc_company {
    border-right: 0 !important;
}

.contents-rtl .quick_doc_company {
    border-left: 0 !important;
}
.contents-ltr .quick_doc_company_icon {
    background: #fff !important;
    box-shadow: none;
    border-left: 0 !important;
}

.contents-rtl .quick_doc_company_icon {
    background: #fff !important;
    box-shadow: none;
    border-right: 0 !important;
}

#delete_card_button {
    color: red;
    background-color: #ffffff;
    border-color: red;    
}

/**
* Docsadmin payment dailog box start 
**/
#cancel-button {
    float:left;
}

#credit_payment_button {
    color: #fff !important;
    background-color: #47a447 !important;
    border-color: #398439 !important;
}
#credit_payment_button:hover {
    color: #4cae4c !important;
    background-color: #ffffff !important;
    border-color: #4cae4c !important;
}

.credit_payment_payment_success {
    display: block !important;
    margin: 7px auto !important;
}

.ui-dialog-buttonset {
    width: 100%;
}

#dialog-form {
    width: 502px !important;
}

.dialog_form_payment .ui-dialog-buttonpane {
    padding: 0em 0em 0em 0em !important;
    padding-left: 8px !important;
}
/**
* Docsadmin payment dailog box end 
**/

.contents-ltr .quick_doc_clear_customer_btn {
    border-left: 0;
}

.contents-rtl .quick_doc_clear_customer_btn {
    border-left: 0;
}

.contents-ltr .set_payment_label {
    padding-right: 4px;
}

.contents-rtl .set_payment_label {
    padding-left: 4px;
}

.payment_row_btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.docsadmin_step_form .quick_doc_clear_customer_btn {
    border: 0;
}

.docsadmin_step_form .clear_customer_btn {
    border: 0;
}

.docsadmin_step_form #acc_account_text {
    padding-top: 6px;
}

.acc_account_text {
   padding-top: 2px; 
}

.quick_doc_grand_total_fieldset {
   margin-bottom: 0px !important; 
}

.quick_doc_fieldset {
   margin-bottom: 0px !important; 
}

.quick_doc_payment_ethod_fieldset {
    padding-top: 17px;
    margin-bottom: 0px !important; 
}

.quick_doc_down_arrow_show {
    padding-top: 10px;
}

.payment_row_section {
    margin-top: 28px;
    margin-bottom: 9px;
}

.quick_doc_payment_type_label {
    padding-top: 10px;
    padding-bottom: 10px;
}

.total_row_section {
    margin-top: 19px;
}

.quick_add_payment_btn_fieldset{
    padding-right: 5px;
    padding-top: 28px; 
}
.quick_doc_client_section {
    border:0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.transaction_type_error_message {
    border: 1px solid red;
}

.quick_doc_receipt_seprator {
    border-bottom: 1px solid #979b9b;
}

.quick_doc_item_section {
    padding-top: 15px; 
    border:0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.quick_doc_set_paymnet_button {
    border-radius: 40px !important;    
    line-height: 1.22857143 !important;

}


.quick_doc_address_icon {
    padding-top: 10px;
    padding-right: 14px;
}

.docsadmin_step_form {
    border-radius: 10px !important;
    border: 1px solid #D3D3D3;
}
.contents-rtl .clear_customer_btn {
    border-right: 0;
}

.contents-rtl .quick_doc_clear_customer_btn {
    border-right: 0;
}

.input-group-addon.clear_item_modal_btn {
    background: #fff;
    box-shadow: none;
}
.contents-ltr .clear_item_modal_btn {
    border-left: 0;
}
.contents-rtl .clear_item_modal_btn {
    border-right: 0;
}

/* show doc en css */
.showdoc-form-en .ui-autocomplete {
    border: 1px solid #001f61;
    width: 450px;
    border-radius: 10px;
    left:0 !important;
}

/* show doc en css */

/* show doc he css */

.showdoc-form-he .ui-autocomplete {
    border: 1px solid #001f61;
    width: 450px;
    border-radius: 10px;
}
.showdoc-form-he .ui-autocomplete.ui-menu {
    z-index: 3 !important;
}

.showdoc-form-he .ui-autocomplete {
    left: auto;
    right: 0;
}
/* show doc he css */

/* transcation type modal form css */

.vat_file_type_parant {
    margin-top: 24px;
}

.foreign_number_parent {
    /*margin-top: 30px;*/
}

.transaction_type_success {
    text-align: center;
}

.vat_report_type_parent .inputField {
    margin-top: 26px;
}

.text_align_center {
    text-align: center;
}

.contents-ltr .payment_type_section {
    padding-left: 5px;
    padding-bottom: 8px;
}

.contents-rtl .payment_type_section {
    padding-right: 5px;
    padding-bottom: 8px;
}

.contents-ltr .copy_from_main_header {
    padding-left: 18px;
}

.contents-rtl .copy_from_main_header {
    padding-right: 18px;
}

/* transcation type modal form css */

@media (max-width: 767px) {
    /* Hide desktop text on mobile */
    .desktop-text {
        display: none;
    }

    #notification_msg_welcome,#notification_msg_company_description
    {
        font-size: 75%;
    }
    #welcome-area .table-responsive.panel-body{
        border:0 !important;
    }
    .add_new_item_step_btn {
        a {
           width: 100%;
        }
       
   }
   .second_add_row_btn{
        width: 100%;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        border-radius: 40px;
        font-weight: 400;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
   }
  .global-report-table .table-responsive {
    overflow-y: visible;
  }
  .contents-rtl .main-action-btn > a {
    float: right !important;
  }
  .contents-ltr .main-action-btn > a{
    float: left !important;
  }
  .main-action-btn > a {
    margin-top: 5px;
    margin-bottom: 5px;
  }
    #dialog-form {
        width: 370px !important;
    }

    #credit_payment_button {
        width:100%;
    }

    #ok-button {
        width:100%;
    }

    #cancel-button {
        width:100%;
    }

    .contents-ltr .retainer_mega_menu {
        left: 0px;
        position: absolute !important;
       

    }

    .contents-rtl .retainer_mega_menu {
        
        position: absolute !important;
    }

    .retainer_mega_menu a {
        padding-left: 11px !important;
        
    }

    .contents-ltr .copy_from_main_header {
        padding-left: 20px;
    }

    .contents-rtl .copy_from_main_header {
        padding-right: 20px;
    }
    .home-icon{
        font-size: 2.4rem !important;
    }
}

@media (min-width: 768px) {
    /* Hide mobile text on desktop */
    .mobile-text {
        display: none;
    }

    .notification_welcome_image
    {
        height: 20em;
        position: absolute;
        top: -2em;
    }

    .contents-ltr .notification_welcome_image{
        right: 15em;
    }

    .contents-rtl .notification_welcome_image{
        left: 15em;
    }

}
@media (max-width: 370px) {
    
    .customer-docadmin-section .input-group-addon {
        font-size: 1.2rem;
    }
   .customer-docadmin-section .add-text {
        font-size: 1.2rem;
    }
    .documenet .input-group-addon i {
        font-size: 1.2rem !important;
    }
}

.legend_main_company_description
{
    margin-bottom: 0px;
    color: #40708f;
}


@media screen and (max-width: 740px) {
    .home_quick_menu li {
        margin: 0 15px !important;
    }
}