@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700&display=swap&subset=hebrew');

html, body { height: 100%; }
.loginForm { height: 100%; direction: ltr; }
body { margin: 0; direction: rtl; font-size: 16px; color: #333333; font-family: 'Assistant', sans-serif; font-weight: 400; letter-spacing: 0.15px; }
h1, h2, h3, h4, h5 { line-height: 1; margin: 0; padding: 0; font-weight: 400; }
img { max-width: 100%; border: 0; }
div, b { line-height: 1; margin: 0; }
p { line-height: 21px; margin: 0; }
h1 { font-size: 35px; line-height: 35px; color: #333333; }
h2 { font-size: 28px; line-height: 28px; }
h3 { font-size: 22px; line-height: 22px; }
h4 { font-size: 18px; line-height: 18px; }
a { text-decoration: none; color: #cd633d; }
a:hover { text-decoration: underline; }
ul { list-style-type: none; margin: 0; padding: 0; }

input, textarea, button { color: #2b1e1e; outline: none !important; font-size: 16px; font-family: 'Assistant', sans-serif !important; }

input::placeholder {
    font-size: 16px ;
    color: lightgray;
}
.desktop { display: block; }
.mobile { display: none; }

.redBold { color: red; font-weight: bold; display: inline-block; direction: ltr; }

.expense select,
.supDataColumn select,
.divOrdersList select { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; background-color: #fff !important; background: url('../img/arrowSelect.svg') no-repeat; background-position: 7% 50%; outline: none !important; outline-offset: 0 !important; font-size: 16px !important; font-family: 'Assistant', sans-serif !important; }

.expense select::-ms-expand,
.supDataColumn select::-ms-expand,
.divOrdersList select::-ms-expand { display: none; }

.expense select:hover,
.expense select:focus,
.expense select option,
.supDataColumn select:hover,
.supDataColumn select:focus,
.supDataColumn select option,
.divOrdersList select:hover,
.divOrdersList select:focus,
.divOrdersList select option { cursor: pointer; outline: none !important; }

.btn { height: 52px; line-height: 46px; background-color: #333333; font-size: 20px; font-weight: 600; color: #ffffff; border: 0; cursor: pointer; text-align: center; letter-spacing: 0.18px; width: 160px; border: 2px solid #333333; }
.btn:hover { background-color: #000000; }
.widthUnset { width: unset !important; }

.btn.cancel { background-color: #ffffff; color: #333333; }
.btn.cancel:hover { color: #000000; }

.siteWrapper { background-color: #c9e3ef; padding: 10px; border-bottom: 10px solid white; }

/*************** Overlay Base ********************/

.overlayBG { display: none; z-index: 300; position: fixed; top: 0; right: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; filter: alpha(opacity=75); }
.overlayBG.show { display: block; }
.overlayBG.overlayBGLoader { display: block; z-index: 300; opacity: 0.4; filter: alpha(opacity=40); }
.overlayLoader { position: fixed; right: 50%; top: 355px; margin-right: 50px; z-index: 350; }
.overlayClose { z-index: 310; position: fixed; right: 23%; width: 15px; height: 16px; top: 160px; cursor: pointer; background: none; border: none; background: url(../img/xWhite.svg) no-repeat; }
.overlayClose:-moz-focusring { outline: 2px dotted white; }
.overlayContent { z-index: 310; position: fixed; right: 25%; top: 180px; background-color: white; }
.overlayContent:focus { outline: none; }

/*************** Overlay Message ********************/

#overlayMessage { display: none; }
.overlayContent { width: 50%; height: 270px; text-align: center; }
.overlayContent.messageWrapper .messageContainer { padding: 30px 25px; text-align: center; vertical-align: top; }
.overlayContent.messageWrapper .messageContainer .error { display: block; margin: 0 auto; margin-bottom: 30px; }
.overlayContent.messageWrapper .messageContainer p { font-size: 18px; margin-top: 35px; text-align: center; letter-spacing: 0.16px; line-height: 25px; color: #343434; }
.overlayContent.messageWrapper .messageContainer .btn { margin-top: 30px; width: 150px; font-size: 20px !important; }

/********************** Overlay Loader **************************/

.overlayBGLoader { display: block; }

.loaderContainer { z-index: 310; position: fixed; right: 50%; top: 150px; margin-right: -60px; }

.overlayContent.loader { margin-right: -60px; width: 120px; height: 120px; right: 50%; top: 200px; background-color: transparent; border-radius: 50%; border: 16px solid #f3f3f3; border-top: 16px solid #7E9CB9; z-index: 400; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

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

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

/********************** Select **************************/

.expense .customSelect,
.supDataColumn .customSelect,
.divOrdersList .customSelect { font-size: 14px; position: relative; display: inline-block; cursor: pointer; width: 90%; }
.expense .customSelect select,
.supDataColumn .customSelect select,
.divOrdersList .customSelect select { outline: none; -webkit-appearance: none; display: block; padding: 0 2% 0 5%; height: 35px; margin: 0; width: 100%; transition: border-color 0.2s; border: 1px solid #cccccc; line-height: normal; font-family: inherit; font-size: inherit; line-height: inherit; }

/************  Combo  http://multiple-select.wenzhixin.net.cn  */

.ms-parent { display: inline-block; position: relative; vertical-align: middle; }
.budgetSection .ms-parent,
.impfilesSection .ms-parent { width: 90% !important; }
.supType .ms-parent { width: 100% !important; }

.ms-parent.long { display: block; position: relative; vertical-align: middle; width: 630px!important; }

.long { height: 48px; display: block; width: 630px;}

.ms-choice { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; overflow: hidden; cursor: pointer; text-align: right; white-space: nowrap; color: #444; text-decoration: none; border: 0; background-color: #fff; border: 1px solid #cccccc; }
.ms-choice.disabled { background-color: #f4f4f4; background-image: none; cursor: default; }
.ms-choice > span { position: absolute; top: 0; left: 0; right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 16px; font-weight: 600; letter-spacing: 0.18px; color: #333333; }
.ms-choice > span.placeholder { color: #999; }
.ms-choice > div { position: absolute; top: 17px; left: 13px; width: 17px; height: 17px; background: url(../img/arrowSelect.svg) left top no-repeat; }
.ms-choice > div.open { background-position: right top; }
.ms-drop { overflow: hidden; display: none; margin-top: 0px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; }
.ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 2px 14px rgba(168, 168, 168, 0.5); -moz-box-shadow: 0 2px 14px rgba(168, 168, 168, 0.5); box-shadow: 0 2px 14px rgba(168, 168, 168, 0.5); min-width: 100%; }
.ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -2px 14px rgba(168, 168, 168, 0.5); -moz-box-shadow: 0 -2px 14px rgba(168, 168, 168, 0.5); box-shadow: 0 -2px 14px rgba(168, 168, 168, 0.5); }
.ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-search input { width: 100%; height: auto !important; min-height: 40px; line-height: 40px; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 0; outline: 0; padding: 0 20px; border: 1px solid #aaa; background-image: url(../img/search.png); background-repeat: no-repeat; background-position: left 20px center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin: 0; padding: 0; }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; }
.ms-drop ul > li .disabled { opacity: 0.35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label,
.ms-drop .ms-no-results { display: block; white-space: nowrap; cursor: pointer; font-size: 16px; letter-spacing: 0.18px; line-height: 30px; padding: 0 25px; }
.ms-drop .ms-no-results { color: #333333; font-weight: normal; }
.ms-parent.rtl .ms-drop ul > li label { direction: rtl; text-align: right; }
.ms-drop ul > li label:hover { background-color: #c9e3ef; font-weight: 600; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type=checkbox] { vertical-align: middle; margin: 5px; -ms-transform: scale(2); -moz-transform: scale(1.6); -webkit-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); margin-right: 25px; }
.ms-drop .ms-no-results { display: none; }
.ms-drop input[type=radio] { display: none; }

.docHeader div.budgetSection span,
.docHeader div.impfilesSection span { font-weight: 400; line-height: 40px; }
.docHeader .viewDocHeaderLabels .budgetSection div,
.docHeader .viewDocHeaderLabels .impfilesSection div { margin-bottom: 0; }
.docHeader .viewDocHeaderLabels div.budgetSection .ms-choice span,
.docHeader .viewDocHeaderLabels div.impfilesSection .ms-choice span { width: 85%; }

.impfilesList .ms-drop ul { direction: ltr; }

/********************** Master And Common **************************/

.push { display: none; }
.homeWrapper .push { height: 250px; display: block; }
.wrapper { width: 1440px; margin: 0 auto; box-shadow: 0 -7px 7px 2px #f0f0ef; position: relative; min-height: 100vh; }
.divLogo { padding-top: 35px; padding-bottom: 23px; }
header { width: 175px; position: absolute; top: 0; right: 0; text-align: center; min-height: 100%; }
header label { letter-spacing: 0.12px; color: #000000; font-weight: 400; font-size: 18px; }
nav { width: 175px; margin-bottom: 50px; margin-top: 32px; }
.navMenu li.selected, .navMenu ul li:hover { border-right: 8px solid #c9e3ef; }
.navMenu li { color: #000000; font-size: 18px; letter-spacing: 0.16px; padding-top: 13px; padding-bottom: 4px; border-right: 8px solid #ffffff; margin-top: 25px; }
.pageContainer { margin-right: 175px; box-shadow: 0 0 7px 2px #f0f0ef; }

.navMenu a { display: block; padding-top: 33px; color: #000000; line-height: 35px; text-decoration: none; }
.liDefault a { background: url('../img/home.svg') no-repeat top center; }
.liApproval a { background: url('../img/certifcateNum.png') no-repeat top center; position: relative; }
.liSupplier a { background: url('../img/supplier.svg') no-repeat top center; }
.liCustomer a { background: url('../img/customerNew.svg') no-repeat top center; position: relative; }
.liSalary a { background: url('../img/salary.svg') no-repeat top center; }
.liEmployee a { background: url('../img/worker.svg') no-repeat top center; }
.liExpense a { background: url('../img/reimbursement.svg') no-repeat top center; }
.liUse a { background: url('../img/use.svg') no-repeat top center; }

.liApproval span { position: absolute; top: 0px; right: 61px; color: #333333; font-size: 12px; font-weight: 700; letter-spacing: 0.11px; line-height: 21px; width: 21px; text-align: center; }
.liCustomer span { position: absolute; top: 0px; right: 68px; color: #333333; font-size: 12px; font-weight: 700; letter-spacing: 0.11px; line-height: 21px; width: 21px; text-align: center; }

header .hamburger { display: none; }
header .hamburgerClose { display: none; }
header .mobilNavBG { display: none; }

.userImg { margin: 0 auto; }
.userImg img { height: 72px; }
.userData span { display: block; color: #000000; font-size: 15px; letter-spacing: 0.14px; line-height: 19px; }
.userData span.lastEntry { letter-spacing: 0.13px; }
.userData .logOutBtn { border: 1px solid #000000; border-radius: 14px; background: url('../img/logOut.svg') no-repeat 72px center; height: 27px; width: 111px; font-size: 15px; letter-spacing: 0.14px; background-color: #ffffff; margin-top: 13px; margin-bottom: 28px; color: #000000; cursor: pointer; padding-right: 25px; }
.userData .logOutBtn:hover { color: #ffffff; background: url('../img/logOutWhite.svg') no-repeat 72px center; background-color: #000000; }
.logoHeader { display: none; }

.divError { padding-top: 40px; text-align: center; }
.divError p { padding-top: 20px; }
.divError p span { display: block; }

.divCreditsWrapper { position: absolute; bottom: 15px; right: 19px; }
.divCredits { margin: 0 auto; width: 137px; }
.imgMeda { width: 131px; height: 13px; }
.imgHexoo { width: 137px; height: 15px; }

/********************** Home Page **************************/
.homeWrapper { min-height: 100%; height: auto !important; margin: 0 auto -250px; }
.wrapper.home { min-height: 0; }
.home .pageContainer { box-shadow: none; min-height: 0; min-height: 935px; }
.home header.desktop { box-shadow: 0 0 7px 2px #f0f0ef; padding-bottom: 71px; }
.home .divCreditsWrapper { bottom: -230px; }
.carouselPictures { height: 310px; display: block; }
.carouselPictures img { height: 100%; }
.wrapper.home h1 { padding-top: 30px; display: inline-block; }
.myMessages { width: 31%; display: inline-block; margin-right: 13%;}
.myMessages h1 { width: 45%; }
.myMessages .envelope { display: inline-block; }
.envelopeImage { position: relative; background: url(../img/envelope.svg) no-repeat; background-size: cover; width: 38px; height: 30px; }
.envelopeImage span { position: absolute; top: 3px; right: 6px; color: #333333; font-size: 12px; font-weight: 700; letter-spacing: 0.11px; }
.lblNoMessages { line-height: 40px; }
.forms { width: 31%; display: inline-block; margin-right: 11%; vertical-align: top; }
.moreForms { float: left; line-height: 35px; display: inline-block; padding-top: 35px; }
.moreForms a { color: #343434; font-size: 14px; letter-spacing: 0.13px; line-height: 25px; text-decoration: underline; }
.divCustMsg { display: block; border-bottom: 1px solid #dcd3c7; }
.divCustMsg:last-child { border-bottom: 0; }
.msgDate { padding-top: 20px; }
.msgTitle { font-weight: 700; padding-top: 13px; }
.msgText { padding-top: 7px; line-height: 20px; }
.msgLink { padding-top: 10px; }
.divCustMsg .btn { font-size: 16px; font-weight: 600; margin-top: 20px; margin-bottom: 25px; padding-right: 11%; }
.divCustMsg .btn.notRead { background: url('../img/checkWhite.svg') no-repeat 103px; background-color: #333333; }
.divCustMsg .btn.notRead:hover { background-color: #000000; }
.divCustMsg .btn.read { background: url('../img/checkBlack.svg') no-repeat 103px; background-color: #ffffff; color: #333333; border-color: #ffffff; cursor: initial; }
.divCustMsg .btn.read:hover { color: #000000; }

.tbl { width: 100%; text-align: right; padding: 0; border-collapse: collapse; border-spacing: 0; }
.tbl th { font-weight: 400; padding-right: 5px; padding-left: 5px; }
.home .tbl th { color: #777777; line-height: 50px; padding-top: 4px; }
.tbl td { height: 56px; border-top: 1px solid #dcd3c7; padding-right: 5px; padding-left: 5px; }
.tbl .fileName { width: 70%; }
.tbl .fileDate { width: 30%; }

.birthdayWrapper { height: 250px; margin: 0 auto; width: 1440px; }
.birthdayRightMargin { width: 175px; position: absolute; top: 0; right: 0; }
.birthday { display: block; background-color: rgba(247, 241, 224, 0.5); height: 250px; margin-right: 175px; width: 1265px; }
.birthdayTitle { font-size: 35px; letter-spacing: 0.32px; line-height: 36px; width: 11%; margin-left: 2%; margin-right: 13%; height: 175px; margin-top: 75px; display: inline-block; }
.birthdayList { display: inline-block; height: 140px; width: 72%; vertical-align: middle; }
.birthdayItem { display: inline-block; width: 24%; max-width: 170px; border-right: 1px solid #dcd3c7; text-align: center; }
.workerName { padding-top: 16px; }
.birthDate { padding-top: 7px; }

/* news slider:*/
.news { width: 100%; background-color: #c9e3ef; color: #666; border-radius: 1px; height: 50px; }
.slick-slider { top: 16px; }
.slick-slide { text-align: left; padding-right: 700px; }
.slick-track { color: #343434; font-size: 18px; letter-spacing: 0.16px; }
.slick-slide a { color: #343434; text-decoration: underline; }

/******** carousel **********/
.jcarousel-wrapper { position: relative; width: 100%; height: 320px; margin-top: 0; }
.jcarousel-bottom-border { border-top: 1px solid #E5E5E5; }
.jcarousel { position: relative; overflow: hidden; }
.jcarousel a, .jcarousel a:hover { text-decoration: none; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }

.jcarousel li { float: right; }

.jcarousel-control-prev,
.jcarousel-control-next { position: absolute; top: 140px; width: 30px; height: 30px; text-align: center; background: #009fe3; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; display: none; }


.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive { opacity: .5; cursor: default; }
.jcarousel-control-prev { right: 0px; }
.jcarousel-control-next { left: 0px; }

.jcarousel-wrapper .carouselText { position: absolute; top: 35px; right: 50px; width: 200px; color: #333333; font-size: 35px; font-weight: 400; letter-spacing: 0.2px; line-height: 34px; }

.jcarousel li p { display: none; }

/********************** Doc Approval **************************/

.divContainer { margin: 0 2.5% 0 2.5%; border-bottom: 1px solid #dcd3c7; }
.openCloseHeader { padding: 43px 0px 20px 0; line-height: 22px; }
.openCloseHeader a.triangle:hover { text-decoration: none; }
.openCloseHeader a img { vertical-align: top; }
.openCloseHeader .divOpenClose { display: inline-block; width: 21px; cursor: pointer; }
.openCloseHeader h3 { vertical-align: bottom; padding-right: 20px; padding-left: 50px; }
.openCloseHeader div { display: inline-block; vertical-align: bottom; }
.docApproval h3 { display: inline-block; font-weight: 600; }

.divContent th { background-color: #f7f1e0; font-size: 14px; letter-spacing: 0.13px; color: #666666; height: 44px; }
.divContent .tbl th.first, .divContent .tbl td.first { padding-right: 1.5%; }
.divContent.poContent .tbl tr.tableRow td.first { padding-right: 1%; }
.docApproval .divContent.poContent .tbl th.first, .docApproval .divContent.poContent .tbl td.first { min-width: 45px; }

.isAlternate { height: 23px; width: 33px; }
.isNotAlternate { height: 25px; width: 25px; }
.divContent .tbl td { height: 58px; }
.divContent .tbl tr.files td { height: auto; border-top: 0; }
.divContent .tbl td.last { width: 70px; text-align: center; }
.btnAction { display: inline-block; width: 26px; height: 30px; border: 0; cursor: pointer; background: url('../img/reportIcon.svg') no-repeat top center; }
.btnAction.delete { background: url('../img/discard.svg') no-repeat top center; vertical-align: middle; }
.btnAction.edit { background: url('../img/edit.svg') no-repeat top center; vertical-align: middle; }
.btnAction.add { background: url('../img/check.svg') no-repeat top center; width: 31px; height: 22px; }

.docApproval .tbl tr.sortableHeader th { cursor: pointer; }
.tbl tr th .arrow { margin-right: 5px; display: inline-block; }

/********************** Order **************************/

.wrapper.order header, .wrapper.invoice header { display: none; }
.wrapper.order .pageContainer, .wrapper.invoice .pageContainer, .wrapper.expense .pageContainer { margin-right: 0; min-height: 0; box-shadow: none; }

.docHeader { width: 20%; height: auto; position: absolute; top: 0; right: 0; color: #000000; }
.backToList { padding-top: 40px; text-align: center; }
.backToList .btn { border: 1px solid #000000; width: 70%; background: url(../img/arrowRight.png) no-repeat 88%; background-color: #ffffff; color: #000000; padding-right: 10%; height: 45px; line-height: 42px; font-size: 16px; }
.docHeader div label { display: block; line-height: 20px; }
.docHeader div span { font-weight: 700; line-height: 17px }
.docHeader div.details input { width: 86%; height: 34px; padding: 2px 2%; border: 1px solid #cccccc; color: #333333; line-height: 34px; }
.docHeader .ordName { font-size: 18px; font-weight: 700; letter-spacing: 0.16px; padding: 29px 17% 38px 0; }
.docHeader .viewDocHeaderLabels { padding-right: 17%; padding-left: 2%; }
.docHeader .viewDocHeaderLabels div { margin-bottom: 37px; }

.wrapper.invoice .forOrder { display: none; }
.wrapper.order .forInvoice { display: none; }

.wrapper.invoice .divApprovalType, .wrapper.invoice .divOrdersList { width: 80%; padding-bottom: 0px; }
.wrapper.invoice .docHeader .viewDocHeaderLabels .divOrdersList { margin-bottom: 0px; }

.docData { width: 72%; margin-right: 20%; padding: 0 4% 0 4%; min-height: 100vh; box-shadow: 0 0 7px 2px #f0f0ef; }
.docData h1 { padding-top: 45px; padding-bottom: 30px; }
.docData h3 { font-weight: 600; line-height: 26px; padding-bottom: 13px; }
.wrapper.order .tbl, .wrapper.invoice .tbl { border-bottom: 1px solid #dcd3c7; color: #2b1e1e; }

.itemsContainer { margin-bottom: 5px; }

.divContent .tbl th.partName, .divContent .tbl td.partName { padding-left: 20px; }
.divContent .tbl th.quantity, .divContent .tbl td.quantity { min-width: 50px; }
.divContent .tbl th.unitPrice, .divContent .tbl td.unitPrice { min-width: 90px; }
.divContent .tbl th.totalPrice, .divContent .tbl td.totalPrice { min-width: 90px; }

.remarkContainer { padding-bottom: 15px; }

.textContainer { padding-top: 15px; }
.textContainer label, .textContainer span { display: block; }
.textContainer label { padding: 0 0 7px 0; }
.textContainer .lblComments { padding-bottom: 5px; }
.textContainer .internalComments { padding-bottom: 10px; }
.textContainer textarea { width: 80%; height: 90px; border-color: #cccccc; padding: 18px 2%; color: #333333; line-height: 22px; resize: none; }
.textContainer textarea.sup { height: 42px; }
.wrapper.invoice .vendorComments { display: none; }

.extFileContainer { display: block; width: 84%; padding-top: 40px; }
.wrapper.invoice .textContainer label.lblIntComments:before { content: 'הערות'; }
.wrapper.order .textContainer label.lblIntComments:before { content: 'הוספת הערות פנימיות'; }
.extFileContainer span { font-weight: 600; display: inline-block; }
.extFileContainer div { display: inline-block; }
.extFileContainer .linkAddFile { width: 35%; float: right; }
.extFileContainer div.extList { width: 55%; padding-bottom: 20px; }
.extFileContainer div.extList a.fileName { line-height: 30px; vertical-align: top; }
.extFileContainer div.extList .tbl { border: 0; }
.extFileContainer div.extList .tbl td { height: 16px; border: 0; padding-bottom: 10px; }
.extFileContainer div.extList .tbl td.deleteFile { width: 35px; }
.order .btnAction.delete, .invoice .btnAction.delete { background: url('../img/xBlack.svg') no-repeat 2px center; height: 11px; }

.approvalContainer { padding-top: 15px; }
.approvalContainer.divContent { padding-top: 12px; }
.approvalContainer h3 { padding-bottom: 0; }

.divButtons { padding-top: 45px; padding-bottom: 100px; }
.divButtons .btn.approve { margin-left: 3%; }

.order .divCreditsWrapper, .invoice .divCreditsWrapper { display: none; }
.expense .divCreditsWrapper { display: none; }

/********** Popup Budget *****************/

.backgroundPopupBudget { display: block; z-index: 300; position: fixed; top: 0; right: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; filter: alpha(opacity=75); }

.overlayContent.budget { height: auto; }
.overlayBudgetHead { font-size: 25px; line-height: 30px; }
.overlayContent.budget h1 { padding-top: 35px; }

.budgetContent { width: 90%; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; }

.divContent.budgetContent th:first-child,
.divContent.budgetContent td:first-child { padding-right: 30px; }

.divContent.budgetContent th:last-child,
.divContent.budgetContent td:last-child { padding-left: 30px; }

.divContent.budgetContent tr:last-child td { border-bottom: 1px solid #dcd3c7; }

/********************** Expenses-rep **************************/

.wrapper.expenses-rep h1 { padding-top: 46px; margin-right: 2.5%; }
.wrapper.expenses-rep .expContainer { padding-top: 21px; }
.wrapper.expenses-rep .btn { font-size: 16px; background-color: #333333; height: 40px; line-height: 34px; width: 160px; }

/********************** ExpensesItems **************************/

.wrapper.expense header { display: none; }
.wrapper.expense .pageContainer { margin: 0 1%; }

.wrapper.expense .backToList { text-align: right; padding-top: 43px; width: 30%; }
.wrapper.expense .backToList .btn { padding-right: 7%; }
.wrapper.expense .desktop .backToList .btn { width: 235px; height: 50px; line-height: 46px; padding-right: 20px; background-position-x: 210px; }
.wrapper.expense h1 { padding-top: 25px; }
.wrapper.expense p { padding-top: 30px; width: 70%; color: #343434; font-size: 18px; letter-spacing: 0.16px; line-height: 22px; }

.wrapper.expense .itemsContainer { padding-top: 20px; }


.expensesItems { border-bottom: 1px solid #dcd3c7; }
.expensesItems .editRow { background-color: #f7f1e0; }

.expensesItems .tbl th { height: 54px; line-height: 17px; }
.divContent .expensesItems .tbl tr td { height: 30px; padding-top: 10px; padding-bottom: 10px; }
.divContent .expensesItems .tbl tr.editRow td { height: 58px; padding-top: 0; padding-bottom: 0; }
.divContent .expensesItems .tbl tr.files td { height: auto; border-top: 0; padding-top: 0; }

.expensesItems .tbl td.tdCurDate,
.expensesItems .tbl th.tdCurDate { padding-right: 20px; }

.wrapper.expense .divContent .tbl td.tdExpType,
.wrapper.expense .divContent .tbl th.tdExpType { width: 210px; }

.wrapper.expense .divContent .tbl td.tdNumOfNights,
.wrapper.expense .divContent .tbl th.tdNumOfNights { width: 60px; }

.wrapper.expense .divContent .tbl td.tdPrice,
.wrapper.expense .divContent .tbl th.tdPrice { min-width: 135px; }

.expensesItems .tbl .editRow td.tdCurDate { padding-right: 20px; }

.expensesItems .tbl td.action,
.expensesItems .tbl .editRow td.action { width: 50px; text-align: center; padding: 0; }

.expensesItems .tbl td.action.actionCleanOrDelete,
.expensesItems .tbl .editRow td.action.actionCleanOrDelete { padding-left: 20px; }

.expensesItems .customSelect { width: 100%; }
.expensesItems .customSelect select { height: 48px; padding-right: 4px; background-position-x: 8px; background-size: 14px; padding-left: 26px; }

.expensesItems .tbl td.price .customSelect { width: 30%; }
.expensesItems .tbl input[type=text] { height: 46px; border: 1px solid #cccccc; padding: 0 5px; width: 76%; }
.expensesItems .tbl input[type=text].date { width: 100px; background: #fff url(../img/calendar.png) no-repeat 8px center; background-size: 16px; }
.expensesItems .tbl td.tdNumOfNights input { width: 50px; }
.expensesItems .tbl td.tdPrice input[type=text] { width: 60px; }
.expensesItems .tbl td.tdPrice .customSelect { width: 65px; }

.divHeader { margin-top: 20px; padding: 20px; background-color: #f7f1e0; border: 1px solid #dcd3c7; }
.divDate { display: inline-block; margin-left: 20px; }
.divDate input[type=text] { height: 46px; border: 1px solid #cccccc; padding: 0 5px; width: 76%; }
.divDate input[type=text].date { display: block; width: 100px; background: #fff url(../img/calendar.png) no-repeat 8px center; background-size: 16px; cursor: pointer; }
.divDate input[type=text].dateHdr {
        display: block;
        width: 100px;
        background: #fff url(../img/calendar.png) no-repeat 8px center;
        background-size: 16px;
        cursor: pointer;
}
.divDate input[type=text].long { display: block; width: 350px; }

.divDate span { font-weight: bold; }

.expensesItems .labelRemark { display: inline-block; padding-right: 20px; padding-left: 10px; }
.divContent .expensesItems .tbl tr.files td.tdRemark { padding: 0; padding-bottom: 10px; }
.divContent .expensesItems .tbl tr.files td input[type=text] { height: 30px; }

.expensesItems .tbl td.tdPrice .customSelect { display: inline-block; }
.localExpense .expensesItems .tbl td.tdPrice .customSelect { display: none; }

.expensesItems .tbl td.tdPrice .lblNisCurrency { display: none; }
.localExpense .expensesItems .tbl td.tdPrice .lblNisCurrency { display: inline-block; }

.expense .divLinkFile a { font-weight: 600; text-decoration: underline; display: inline-block; padding-bottom: 5px; color: #333333; font-weight: 400; }
.expense .divLinkFile a.delete { display: none; width: 14px; padding: 0; }
.expense .divLinkFile .btnAction.delete { background: url('../img/xBlack.svg') no-repeat 2px center; height: 11px; }
.expense .editRow .divLinkFile a.delete { display: inline-block; }
.expense .extLink { display: none; }
.expense .editRow .extLink { display: block; }

.expense .supDataColumn.radio { padding-top: 30px; }

.excelContainer { display: block; padding-left: 1%; cursor: pointer; text-align: left; padding-bottom: 10px; }

/********************** Useful **************************/
.wrapper.useful .fileList { padding-top: 52px; padding-right: 3%; }
.wrapper.useful .fileList .tbl td { border: 0; font-weight: 600; height: 40px; }
.wrapper.useful .fileList .tbl .fileDate { width: 10%; }

/********************** Sup **************************/
.wrapper.sup h1.h1Header { padding-top: 65px; margin-right: 2.5%; width: 300px; }
.h1Header.desktop { display: inline-block; }

.supHeader { background-color: #c9e3ef; height: 140px; line-height: 160px; margin: 20px 2.5% 0 2.5%; position: relative; }
.supHeader div { display: inline-block; padding-right: 2%; }
.supHeader div label, .supDetails div label { display: block; padding-bottom: 7px; }
.supDetails .siteWrapper div label { display: block; padding-top: 7px; padding-bottom: 0; }
.supHeader div input[type=text] { height: 58px; padding-right: 5%; padding-left: 5%; border: 0; width: 90%; font-size: 22px; font-weight: 600; letter-spacing: 0.2px; color: #333333; }
.supHeader div.supDes { width: 25%; }
.supHeader div.ESupDes { width: 25%; }
.supHeader div.wtaxnum { width: 15%; }
.supHeader div.supType { width: 25%; position: absolute; top: 24px; }
.noHebrew .supHeader div.supDes { display: none; }
.noHebrew .supHeader div.ESupDes { width: 40%; }
.noHebrew .supHeader div.wtaxnum { width: 22%; }
.noHebrew .supHeader div.supType { width: 30%; }

.supTypeList .ms-choice { height: 45px; }
.supDataColumn .supTypeList div { width: inherit; }
.supTypeList .ms-choice > span { padding-right: 2%;  font-weight: 400; letter-spacing: normal; position: unset; }
.supTypeList .ms-search input[type=text] { width: 100%; font-size: initial; }
.supTypeList div.ms-drop { display: none; }
.supTypeList .ms-choice > div { top: 20px; }
.supTypeList .ms-choice > div.open { background-position-x: left; }
.supTypeList .ms-parent { padding-bottom: 3px; width: 98% !important; }

.supDataColumn div.isToam { display: none; }
.noHebrew .supDataColumn div.isToam { display: inline-block; }

.supDataRow.supData .payComment { display: none; color: red; width: 96%; }
.supDataRow.supData.showPayComment .payComment { display: inline-block; }
.supDataRow.supData { padding-top: 40px; }
.supDataRow.supData .supDataColumn { vertical-align: top; }
.supDataRow.supData .splitColumnLeft.isToam { vertical-align: top; }

.supDataRow.contacts.header.desktop {margin-bottom: 10px;}
.supDataRow.contactRow {height: 45px;border-top: 1px solid #cccccc;}

.supDetails.sendLink { background-color: #c9e3ef; height: 120px; line-height: 160px; margin: 20px 2.5% 0 2.5%; padding-right: 2.5%; padding-left: 2.5%; }
.supDetails.sendLink .supDataColumn input { border: 0; }
.sendMail .supDataColumn.left { width: 200px; }

.sup .supDataRow.supData { width: 95%; }
.sup .supData .supDataColumn { width: 35%; }
.sup .supData .supDataColumn.left { width: 63%; }
.sup .supDataColumn.left .splitColumnRight.pay { width: 79%; }
.sup .supDataColumn.left .splitColumnLeft.isToam { width: 20%; }
.sup .supDataColumn.left select { background-position-x: 10px; }

.searchContainer { width: 100%; }
.searchContainer .btnSearchSubmit { position: absolute; right: 30px; top: 38px; display: block; width: 31px; height: 32px; border: 0; padding: 0; outline: 0; cursor: pointer; background: url(../img/icons/search-brown.png) no-repeat top left; background-size: cover; }
.searchContainer .searchClear { position: absolute; left: 30px; top: 45px; width: 16px; height: 16px; cursor: pointer; background-size: cover; }
.searchContainer .panelSearchContainer { width: 100%; }
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px 0; }
.autocomplete-suggestion { padding: 0 5%; padding-left: 12%; white-space: nowrap; overflow: hidden; color: #222222; line-height: 40px; letter-spacing: 0.2px; font-size: 18px; font-weight: normal; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: 600; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.supControls .h1Section { padding-top: 43px; padding-bottom: 7px; font-size: 28px; }
.supDetails { padding-right: 5%; padding-left: 5%; }
.supSection.billing { padding-bottom: 55px; }
.supDataRow { width: 100%; display: block; padding-top: 20px; }
.supDataRow.localType { padding-top: 0; }
.supDataColumn { width: 48%; display: inline-block; }
.supDataColumn input { width: 92%; height: 41px; border: 1px solid #cccccc; padding-right: 2%; padding-left: 2%; }
.supDataColumn div { display: inline-block; width: 48% }
.supDataColumn select { width: 96%; height: 45px; background-position-x: 4%; padding-right: 2%; border: 1px solid #cccccc; }

.supDataColumn.Phone { width: 48%; display: inline-block; }
.supDataColumn.Phone input { width: 92%; height: 41px; border: 1px solid #cccccc; padding-right: 2%; padding-left: 2%; }
.supDataColumn.Phone .mainDiv { display: inline-block; width: 32% }
.supDataColumn.Phone select { width: 96%; height: 45px; background-position-x: 4%; padding-right: 2%; border: 1px solid #cccccc; }

.supDataColumnFlag { width: 15%; display: inline-block; font-size: 15px; }
.supDataColumnFlag.supDataColumnFlagCustCrm {width:14%;}

.supDataColumnFlag input { width: 92%; height: 41px; border: 1px solid #cccccc; padding-right: 2%; padding-left: 2%; }
.supDataColumnFlag div { display: inline-block; width: 30%; }
.supDataColumnFlag .long { display: inline-block; width: 60%; }
.supDataColumnFlag select { width: 96%; height: 45px; background-position-x: 4%; padding-right: 2%; border: 1px solid #cccccc; }
.supDataColumnFlag .actions { display: inline-block; width: 100%; }
.supDataActions {width:70px;float:left;padding-top: 8px;}
.supDataActions .btnAction.delete {float:left;}


.supDataRow a { letter-spacing: 0.14px; color: initial; text-decoration: underline; }
.supDataRow b { letter-spacing: 0.14px; }
.supDataRow p { line-height: 24px; }
.supDataRow.billingText { padding-top: 30px; }
.supDataRow.currency { display: none; }
.noHebrew .supDataRow.currency { display: inline-block; }

.supDataRow.sendMail .btn { height: 45px; line-height: 43px; border: 1px solid #333333; }
.supDataRow.sendMail .supDataColumn.left input { width: 96%; }

.supDetails.files p { padding-top: 15px; padding-bottom: 30px; }

.sup .tbl, .sup .divContent th { font-size: 16px; letter-spacing: 0.15px; color: #333333; }
.sup .tbl th { font-weight: 700; line-height: 42px; }
.sup .tbl td { padding-top: 30px; padding-bottom: 25px; vertical-align: top; }
.sup .tbl th.first, .divContent .tbl td.first { padding-right: 2%; }
.sup .tbl tr.firstRow td { border: 0; }
.sup .tbl td.tdSupType { width: 20%; line-height: 22px; }
.sup .tbl td.tdTableFiles { font-weight: 600; width: 50%; }
.sup .tbl td.tdTableLinkFiles { width: 30%; }
.sup div.extLink { padding-right: 0; }
div.extLink input[type=file] { display: none; }
div.extLink a { cursor: pointer; font-weight: 600; text-decoration: underline; }

.sup .tblFiles { width: 100%; }
.sup .tblFiles td { height: 35px; border: 0; padding: 0; width: 100%; vertical-align: top; }
.sup .tblFiles td.tdFileName { width: 80%; }
.sup .tblFiles td.tdUploadBtn { width: 20%; }
.sup .tblFiles td.tdLinkFile { width: 30%; vertical-align: top; }
.sup .tblFiles td.tdLinkFile a { font-weight: 600; text-decoration: underline; }
.sup .tblFiles td.tdLinkFile a:focus { outline: 0; }

.sup .noHebrew .tblFiles .withholdingTax,
.sup .noHebrew .divFileSection.withholdingTax,
.sup .noHebrew .tblFiles .bookManagment,
.sup .noHebrew .divFileSection.bookManagment { display: none; }

.filesNotice { font-size: 20px; font-weight: 700; letter-spacing: 0.18px; color: #343434; padding-top: 10px; }

.sup .divButtons { padding: 75px 5% 70px 5%; }
.tdLinkFile .btnAction.delete { background: url('../img/xBlack.svg') no-repeat 2px center; height: 11px; }

/*radio button*/

.supDataColumn div.chooseContainer { width: 55%; }

.chooseContainer { text-align: right; position: relative; border: 1px solid #cccccc; border-radius: 23px; }
.chooseContainer span { width: 49%; height: 43px; line-height: 41px; color: #333333; letter-spacing: 0.16px; text-align: center; display: inline-block; cursor: pointer; font-size: 18px; }
.chooseContainer span.notClickable { cursor: unset; }

.chooseContainer span.selected { border-radius: 23px; font-weight: 700; }
.chooseContainer span.selected.right { border-left: 1px solid #cccccc; }
.chooseContainer span.selected.left { border-right: 1px solid #cccccc; }
.chooseContainer #radioLoginSMS { float: left; }
.supDataColumn.radio { padding-right: 30px; }
.sup .supDataColumn.radio { padding-right: 7%; }

/********************** Customer **************************/

.customer h1.h1Header { width: 250px; }
.custControls .h1Section { padding-top: 43px; padding-bottom: 7px; font-size: 28px; }
.customer .h1Header.desktop { display: inline-block; }

.customer .sendMail .supDataColumn.left { width: 150px; }

.customer .custControls.disable .supDataColumn input,
.customer .custControls.disable .supDataColumn select,
.customer .custControls.disable .supDataColumn div.ms-parent,
.customer .custControls.disable .extLink,
.customer .custControls.disable .chkIvMail input[type=checkbox],
.customer .custControls.disable .chkIvMail label { pointer-events: none; }
.customer .custControls.disable .sendLink .supDataColumn input,
.customer .custControls.disable .supHeader .supDataColumn input { pointer-events: unset; }
.customer .custControls.disable .supDataRow.editRow .actions,
.customer .custControls.disable .supDataColumn .actions { display: none; }

.customer .sendLink { background-color: #c9e3ef; height: 120px; line-height: 160px; margin: 20px 2.5% 0 2.5%; padding-right: 2%; padding-left: 2%; }
.customer .sendLink .supSection { border-bottom: none; }
.customer .supHeader div.supDes,
.customer .supHeader div.ESupDes,
.customer .supHeader div.wtaxnum { width: 30%; }
.customer .supHeader .wtaxnum a { position: absolute; display: block; bottom: 10px; }

.customer .supDataColumn span { line-height: 45px; }
.customer .supDataColumn input { width: 91%; }
.customer .supDataColumn .minOrdB2B input { width: 65%; }
.customer .supDataColumn .minOrdB2B span { padding-right: 5px; }
.phonebook.sites .supDataColumn .splitColumnRight { width: 30%; }
.phonebook.sites .supDataColumn .splitColumnLeft { width: 67%; }
.customer .supDataColumn.split3 .splitColumnRight { width: 32%; }
.customer .supDataColumn.split3 .splitColumnLeft { width: 64%; }
.customer .supDataColumn.split3 .splitColumnLeft .right { width: 40%; vertical-align: top; }
.customer .supDataColumn.split3 .splitColumnLeft .left { width: 55%; }
.customer .supDataColumn.split3 .splitColumnRight input { width: 85%; }

.phonebook .supDataRow .splitColumnLeft .left { text-align: center; }
.phonebook .supDataRow input[type=text],
.phonebook .supDataRow select { display: none; }
.customer .phonebook span { line-height: 1.2; }
.phonebook .supDataRow { padding-top: 5px; }
.phonebook .supDataRow.editRow input[type=text],
.phonebook .supDataRow.editRow select { display: inline-block; }
.phonebook .supDataRow.editRow span { display: none; }
.phonebook .supDataColumn .splitColumnRight,
.phonebook .supDataColumn .splitColumnLeft { vertical-align: top; }
.customer .supDetails .phonebook div label.mobile { display: none; }
.phonebook .rptSplitColumnLabel { display: inline-block; width: 100px; vertical-align: top; line-height: 1.2; }
.phonebook .rptSplitColumnControls { display: inline-block; width: 100%; vertical-align: top; }
.alignCenter { text-align: center; }
.phonebook .rptSplitColumnLabel.mobile { display: none; }
.phonebook .supDataRow.editRow .actions div { vertical-align: middle; line-height: 45px; }
.phonebook.sites { border-bottom: none; }

.customer .extLink { display: inline-block; }
.customer .noHebrew .chkIvMail { display: none; }
.customer .supDetails.chkIvMail { padding-top: 20px; }
.customer .supDetails.chkIvMail div label { display: inline-block; }
.customer .supDetails.chkIvMail .supSection { border-bottom: none; padding-bottom: 0; }
.customer .supDetails .divIvMail { display: none; padding-top: 10px; }

.customer .supDataColumn.supDataColumnCustCurrency select { display: none; }
.customer .supDataColumn.supDataColumnCustCurrency span { display: inline-block; }
.customer .noHebrew .supDataColumn.supDataColumnCustCurrency select { display: inline-block; }
.customer .noHebrew .supDataColumn.supDataColumnCustCurrency span { display: none; }

/********************** DropDownList customers **************************/

.priceList .ms-choice { height: 45px; }
.supDataRow .priceList div { width: inherit; }
.priceList .ms-choice > span { padding-right: 2%; font-weight: 400; letter-spacing: normal; position: unset; }
.priceList .ms-search input[type=text] { width: 100%; font-size: initial; }
.priceList div.ms-drop { display: none; }
.priceList .ms-choice > div { top: 20px; }
.priceList .ms-choice > div.open { background-position-x: left; }
.priceList .ms-parent { padding-bottom: 3px; width: 98% !important; }
.supDataRow .priceList div { width: inherit; }
.priceList .ms-parent { width: 96% !important; padding-bottom: 0; padding-top: 0; }

/********************** Else **************************/

.iframe { height: 100%; width: 100%; }
.divError .divButtons .btn.cancel { margin-left: 0; }

/***************  Login *********************/

.login,
.forgotpassword { overflow: hidden; }

.loginWrapper { height: 100%; position: relative; }
.loginRight { position: absolute; top: 0; right: 0; }
.loginRight img { display: block; }
.loginLeft { margin-right: 960px; height: 100%; }

.loginLeftInner { width: 295px; height: 100%; margin: 0 auto; padding: 0 30px; position: relative; text-align: center; color: #333333; position: relative; }

.loginLogo { margin-top: 120px; }
.loginCredentials { position: absolute; bottom: 0; left: 0; padding: 25px 0; width: 100%; }
.loginCredentials a { display: inline-block; }
.loginCredentials a.hexoo { float: right; }
.loginCredentials a.medatech { float: left; }
.loginCredentials .sep { display: inline-block; width: 1px; height: 16px; margin: 0 auto; background-color: #d1d1d1; }

.loginLeftInner .logo { display: block; width: 212px; height: 54px; margin: 0 auto; }
.loginLeftInner h1 { font-family: 'Raleway', sans-serif; font-size: 36px; font-weight: 500; letter-spacing: 0.75px; line-height: 40px; text-align: center; padding-top: 120px; padding-bottom: 100px; }
.forgotpassword .loginLeftInner h1 { padding-top: 80px; padding-bottom: 60px; }
.loginLeftInner h1.testSite { color: red; font-weight: bold; font-size: 40px; }
.loginLeftInner h2 { font-size: 15px; line-height: 15px; font-weight: normal; padding-bottom: 10px; color: black; }

.loginLeftInner .loginInputsContainer { direction: rtl; }
.loginLeftInner .loginInputsContainer input[type="text"],
.loginLeftInner .loginInputsContainer input[type="password"] { display: block; width: 90%; padding: 0 5%; line-height: 45px; font-size: 20px; height: 45px; border: 1px solid #333333; }
.loginLeftInner .loginInputsContainer label { display: block; height: 30px; line-height: 30px; font-size: 16px; letter-spacing: 0.15px; text-align: right; padding-top: 10px; }
.loginLeftInner .forgotPassword,
.loginLeftInner .toLoginPage { display: block; height: 47px; line-height: 47px; padding-bottom: 24px; color: black; font-size: 15px; text-align: right; }
.loginLeftInner .toLoginPage { font-size: 30px; text-align: center; }

.btnLogin { width: 100%; border: 0; display: block; background-color: #333333; color: white; height: 52px; line-height: 52px; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 0.18px; cursor: pointer; /*margin-top: 70px;*/ }
.forgotpassword .btnLogin { margin-top: 50px; }
.errorPage .btnLogin { width: 220px; margin: 0 auto; margin-top: 50px; text-decoration: none; }


.hide { display: none; }
.mobile { display: none; }


@media only screen and (max-width:1450px) {
    .wrapper { width: 100%; margin: 0; }
    .birthdayWrapper { width: 100%; margin: 0; }
    .birthday { width: auto; }
    .birthdayTitle { width: 13%; margin-right: 9%; }
    .birthdayList { width: 75%; }
    .birthdayItem { width: 19%; }

    /********************** Home Page **************************/

    .myMessages h1 { width: 60%; }
    .backToList .btn { background-position-x: 95%; font-size: 14px; }
}

/*************** Login Only **************************/
@media only screen and (max-width:1440px),(max-height:900px) {
    .login,
    .forgotpassword { overflow: auto; }

    .loginWrapper,
    .loginLeft,
    .loginRight img { height: 900px; }
    .loginLeft { margin-right: 792px; }
}


@media only screen and (max-width:1300px) {
    .divContent .ivHeader th { line-height: 22px; height: 44px; }
}

@media only screen and (max-width:1250px) {
    .myMessages { margin-right: 8%; }
    .forms { width: 35%; }

    .wrapper.expense .divContent .tbl td.first input[type=text]::-webkit-input-placeholder { color: #fff; }
    .wrapper.expense .divContent .tbl td.first input[type=text]:-moz-placeholder { color: #fff; opacity: 1; }
    .wrapper.expense .divContent .tbl td.first input[type=text]::-moz-placeholder { color: #fff; opacity: 1; }
    .wrapper.expense .divContent .tbl td.first input[type=text]:-ms-input-placeholder { color: #fff; }
    .wrapper.expense .divContent .tbl td.tdPrice, .wrapper.expense .divContent .tbl th.tdPrice { width: 15%; }

    .jcarousel-wrapper { height: initial; }
    .jcarousel img { max-width: 1250px; }

    .divContent .poHeader th { line-height: 22px; height: 44px; }
}

@media only screen and (max-width:1200px) {
    .wrapper { width: 87%; margin: 0 auto; }

    .myMessages h1 { width: 70%; }
    .forms { width: 40%; }

    .birthdayTitle { width: 16%; margin-right: 7%; margin-left: 1%; }

    .divContent th { font-size: 13px; }
    .divContent td { font-size: 15px; }

    .wrapper.expense .tbl td.tdPrice .customSelect { min-width: 50px; }
    .wrapper.expense .customSelect select { background-position-x: 2px; }

    .loginLogo { margin-top: 50px; }
    .loginLeftInner h1 { padding: 50px 0; }
    .loginWrapper, .loginLeft,
    .loginRight img { height: 750px; }

    .supDataRow { width: 90%; }
}

@media only screen and (max-width:1050px) {
    .divContent th { font-size: 12px; }

    .wrapper.expense .divContent .tbl td.tdPrice, .wrapper.expense .divContent .tbl th.tdPrice { width: 17%; }

    .jcarousel img { max-width: 1050px; }
}

@media only screen and (max-width:1000px) {
    .desktop { display: none; }
    .mobile { display: block; }
    .homeWrapper { margin: 0; min-height: 0; }
    .push,
    .homeWrapper .push { display: none; }
    header.mobile { background-color: #ffffff; width: 100%; z-index: 200; position: relative; }
    header .hamburger { display: block; position: absolute; top: 17px; right: 15px; width: 25px; height: 17px; }
    .mobileHeader { height: 50px; }
    .mobile .headerTitle { display: inline-block; color: #000000; font-size: 18px; letter-spacing: 0.12px; line-height: 50px; }
    .home .mobile .headerTitle { right: 20%; position: absolute; }
    .mobile .userImg { position: absolute; display: inline-block; left: 7px; padding-top: 7px; }
    .mobile .userImg img { height: 36px; }
    .logoHeader { display: none; }
    .home .logoHeader { display: inline-block; position: absolute; left: 55px; padding-top: 16px; }
    header.mobile .mobileNav { position: absolute; top: 0px; width: 250px; z-index: 200; background-color: #ffffff; color: #000000; right: -350px; }
    header.mobile .mobileNav .title { letter-spacing: 0.12px; padding-top: 15px; padding-bottom: 5px; text-align: right; padding-right: 52px; height: 30px; font-size: 18px; }
    header .hamburgerClose { display: block; position: absolute; top: 17px; right: 15px; cursor: pointer; }
    header .mobilNavBG { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 24, 0.7); z-index: 199; }
    .mobileUserData { background-color: #c9e3ef; height: 60px; }
    .mobileUserData .rightSection { padding-right: 12px; display: inline-block; padding-top: 13px; float: right; }
    .mobileUserData .rightSection span { display: block; text-align: right; color: #333333; font-size: 14px; letter-spacing: 0.13px; line-height: 20px; }
    .mobileUserData .rightSection span.lastEntry { letter-spacing: 0.13px; }
    .mobileUserData .logOutBtn { float: left; margin-left: 15px; border: 1px solid #333333; border-radius: 14px; height: 27px; width: 59px; font-size: 15px; letter-spacing: 0.14px; background-color: #c9e3ef; margin-top: 17px; color: #333333; cursor: pointer; }
    .mobile nav { width: 250px; margin-top: 0px; margin-bottom: 0px; }

    .divCreditsWrapper { margin: 0; width: 100%; float: none; clear: both; box-shadow: 0 -2px 4px rgba(178, 178, 178, 0.5); height: 50px; padding-top: 20px; position: unset; }
    .divCreditsWrapper.desktop { display: none; }

    .btn { height: 41px; width: 120px; line-height: 35px; }

    .long { width: 360px;}

    .navMobile li { margin-top: 0px; height: 30px; text-align: right; padding: 16px 10px 13px 0px; border-top: 2px solid #f4f4f4; }
    .navMobile li a { height: 26px; line-height: 26px; display: block; padding-right: 48px; letter-spacing: 0.16px; color: #000000; text-decoration: none; }
    .navMobile li.liCustomer a { padding-right: 45px; }
    .liDefault a, .liApproval a, .liSupplier a, .liCustomer a, .liSalary a,
    .liEmployee a, .liExpense a, .liUse a { background-repeat: no-repeat; background-size: 26px auto; background-position-x: right; }
    li.liSupplier,
    li.liCustomer,
    li.liEmployee { padding-top: 13px; padding-bottom: 10px; }
    li.liCustomer { padding-right: 13px; }
    li.liSupplier a { height: 32px; line-height: 32px; background-size: 26px auto; }
    li.liCustomer a { height: 26px; line-height: 26px; background-size: 19px auto; }
    li.liEmployee a { height: 32px; line-height: 32px; background-size: 22px auto; }

    .liApproval span { top: -4px; left: 0; right: -4px; font-size: 9px; font-weight: 600; }
    .liCustomer span { top: -4px; left: 0; right: -4px; font-size: 9px; font-weight: 600; }

    .pageContainer { margin-right: 0; box-shadow: none; }

    .overlayContent { top: 50px; right: 5%; width: 90%; height: 360px; }
    .overlayContent.budget { height: max-content; position: absolute; }

    .budgetContent.divContent .popupBudgetCard { display: flex; flex-direction: column; }
    .budgetContent.divContent .popupBudgetCard div:first-child { background-color: #f7f1e0; line-height: 44px; padding-top: 5px; padding-bottom: 5px; margin-top: 20px; margin-bottom: 20px; }
    .budgetContent { padding-top: 0px; }
    .budgetContent.divContent .popupBudgetCard .rowDiv { text-align: right; margin-top: 10px; }
    .budgetContent.divContent .popupBudgetCard .rowDiv label { padding-right: 40px; display: inline-block; width: 170px; }
    .budgetContent.divContent .popupBudgetCard .rowDiv span { font-weight: bold; display: inline-block; direction: ltr; text-align: right; }

    .overlayClose { top: 20px; right: 5%; }

    .jcarousel img { max-width: 1000px; }
    .jcarousel-wrapper .carouselText { display: none; }

    .ms-drop ul > li label, .ms-drop .ms-no-results { padding: 0 2%; font-size: 16px; }
    .ms-drop ul > li label { width: 96%; white-space: inherit; line-height: 25px; }
    .docHeader div.budgetSection li label span { line-height: 1; width: 100%; }
    .ms-search input { padding: 0 2%; }

    /********************** Home Page **************************/

    .news { height: 42px; }
    .slick-slider { top: 11px; }
    .slick-track { font-size: 16px; letter-spacing: 0.15px; }
    .carouselPictures { height: 133px; }
    .myMessages, .forms { display: block; width: 86%; margin-right: 7%; }
    .myMessages { border-bottom: 1px solid #dcd3c7; min-height: 0 }
    .msgDate { padding-top: 17px; }
    .divCustMsg .btn { margin-bottom: 21px; padding-right: 5%; }
    .divCustMsg .btn.notRead, .divCustMsg .btn.read { background-position-x: 84px; }
    .wrapper.home h1 { margin-right: 0px; font-size: 28px; padding-top: 15px; }
    .envelope { float: left; margin-top: 16px; }
    .wrapper.home .forms h1 { padding-top: 26px; }
    .moreForms { display: block; float: none; padding-top: 0px; }
    .moreForms a { color: #cd633d; font-size: 16px; letter-spacing: 0.15px; }

    .tbl .fileName a { color: #333333; text-decoration: none; }
    .tbl th { padding-top: 7px; line-height: 36px; }

    .birthdayWrapper { height: auto; }
    .birthday { height: auto; width: 100%; margin-right: 0; }
    .birthdayTitle { display: block; font-size: 28px; line-height: 28px; width: 93%; padding-top: 25px; margin-top: 0; height: 40px; padding-bottom: 25px; margin-right: 7%; }
    .birthdayList { height: auto; margin-right: 7%; margin-left: 7%; width: 84%; text-align: center; }
    .birthdayItem { width: 45%; border-right: 0; height: 160px; }

    /********************** Doc Approval **************************/

    .radioContainer { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .radioContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; margin: 0; }
    .radiomark { position: absolute; right: 0; }
    .radioContainer:hover input ~ .radiomark { background-color: #ccc; }
    .radioContainer:after { content: ""; position: absolute; display: none; }
    .docTypeRadio { height: 54px; display: block; width: 100%; text-align: center; padding-top: 20px; border-bottom: 1px solid #000000; }
    .radioContainer { line-height: 54px; right: -4px; width: 33%; }
    .radioContainer .checkText { color: #ffffff; }
    .radioContainer input:checked ~ .checkText { color: #000000; font-weight: 600; }
    .radiomark { width: 100%; z-index: -1; }
    .radioContainer input ~ .radiomark { background-color: #000000; height: 54px; }
    .radioContainer input:checked ~ .radiomark { background-color: #c9e3ef; }
    .radiomarkContainer { display: none; }

    .divContainer { margin: 0; border: 0; }
    .divContainerHeader { padding-right: 25px; }
    .divContainerHeader h3 { font-size: 18px; padding-top: 27px; line-height: 24px; }
    .divContainerHeader div { padding: 12px 0 8px; }
    .divContainer .mobile_table_header, .divContainer .mobile_table_row { padding-right: 25px; }
    .mobile_table_header { font-size: 14px; letter-spacing: 0.13px; color: #666666; line-height: 35px; }
    .mobile_table_header div { display: inline-block; }
    .mobile_table_row div { display: inline-block; }
    .mobile_table_row div.divLinkFile { display: block; }
    .mobile_table_row div.divLinkFile.hide { display: none; }
    .mobile_table_row.title { background-color: #f7f1e0; line-height: 44px; margin-bottom: 15px; }
    .mobile_table_row.title div { line-height: 44px; }
    .mobile_table_row.title div.partName { line-height: 20px; }
    .mobile_table_header div.firstCol, .mobile_table_row div.firstCol { width: 35%; }
    .mobile_table_row.title div.firstCol { font-weight: 700; }
    .mobile_table_header div.secondCol, .mobile_table_row div.secondCol { width: 63%; }
    .ivContainer .mobile_table_row.title .firstCol { width: 80%; }
    .ivContainer .mobile_table_row.title .secondCol { width: 17%; }
    .mobile_table_row.title img, .mobile_table_row.title a { line-height: 44px; vertical-align: middle; }
    .mobile_table_row.title div.curDate { width: 80%; font-weight: 700; }
    .divContainer .mobile_table_row .firstCol, .divContainer .mobile_table_row .secondCol { display: inline-block; vertical-align: top; padding-bottom: 10px; }

    .mobile_table_row { line-height: 31px; }
    .mobile_table_row div:nth-child(2) { font-weight: 700; }
    .mobile_table_row.last { padding-bottom: 18px; }

    .isAlternate { height: 22px; width: 32px; }
    .isNotAlternate { height: 26px; width: 25px; }

    .rptFooter { border-bottom: 1px solid #dcd3c7; padding-bottom: 4px; }

    /********************** Order **************************/

    .wrapper.order header.mobile, .wrapper.invoice header.mobile { display: block; }
    .wrapper.order .hamburger, .wrapper.invoice .hamburger { display: none; }
    .order .headerTitle,
    .invoice .headerTitle,
    .expense .headerTitle { text-align: right; width: 55%; max-width: 250px; position: absolute; right: 7px; top: 0px; }
    .mobile .backToList { display: none; }
    .order .mobile .backToList,
    .invoice .mobile .backToList,
    .expense .mobile .backToList { display: inline-block; width: 100%; padding-top: 0; }
    .order .mobile .backToList input,
    .invoice .mobile .backToList input,
    .wrapper.expense .mobile .backToList input { width: 100%; height: 35px; line-height: 30px; }
    .backToList .btn { background-position-x: 93%; font-size: 16px; padding-right: 0; }

    .docHeader { width: 100%; position: static; }
    .docHeader div.backToList, .docHeader div.ordName { display: none; }
    .docHeader { width: 93%; margin-right: 7%; box-shadow: none; }
    .docHeader h1 { padding-top: 22px; padding-bottom: 26px; font-size: 28px; color: #000000; }
    .docHeader .viewDocHeaderLabels { padding-right: 0; }
    .docHeader .viewDocHeaderLabels div label { vertical-align: top; }
    .docHeader .viewDocHeaderLabels div span { width: 58%; display: inline-block; }
    .docHeader div label { display: inline-block; width: 40%; }
    .docHeader .viewDocHeaderLabels div { margin-bottom: 10px; }
    .order .docTypeRadio, .invoice .docTypeRadio { padding-top: 26px; }
    .order .radioContainer { width: 33%; }
    .invoice .radioContainer { width: 49.5%; }
    .invoice .radioContainer.second { display: none; }
    .wrapper.invoice .divApprovalType, .wrapper.invoice .divOrdersList { width: 100%; }
    .wrapper.invoice .docHeader .customSelect { display: inline-block; width: 50%; }
    .wrapper.invoice .docHeader .budgetSection div { }
    .wrapper.invoice .docHeader .details input { width: 46%; }

    .docData { padding: 0; margin-right: 0; width: 100%; }
    .docData h3 { padding-right: 7%; font-size: 18px; padding-top: 23px; padding-bottom: 10px; }
    .docData .mobile_table_row { padding-right: 7%; padding-left: 7%; padding-top: 10px; }
    .docData .mobile_table_row.last { padding-bottom: 20px; }
    .docData .mobile_table_row.title { margin-bottom: 14px; padding-top: 5px; }
    .docData .mobile_table_row.title div { line-height: 20px; vertical-align: middle; }
    .docData .mobile_table_row.title div.partName { line-height: 20px; width: 93%; }
    .docData .mobile_table_row span { font-weight: 700; }
    .itemsContainer .qnt, .itemsContainer .price { width: 33%; display: inline-block; }
    .itemsContainer label { display: block; font-weight: 400; padding-bottom: 4px; }
    .itemsContainer .rowIndex { color: rgba(51, 51, 51, 0.5); width: 4%; font-weight: 700; }
    .itemsContainer .totalPrice span { font-size: 22px; }
    .itemsContainer { padding-bottom: 5px; border-bottom: 1px solid #dcd3c7; }
    .budgetList { display: inline-block; width: 56%; }

    .textContainer { padding-top: 0; }
    .textContainer .divTextArea { width: 100%; }
    .vendorComments label { padding-top: 13px; padding-bottom: 2px; }
    .invoice .textContainer label.lblIntComments, .order .textContainer label.lblIntComments { padding-top: 28px; }
    .textContainer label, .textContainer span { margin-right: 7%; margin-left: 7%; }
    .textContainer textarea { margin-right: 7%; margin-left: 7%; height: 180px; }
    .lblNoRows { margin-right: 7%; }

    .extFileContainer { margin-right: 7%; margin-left: 7%; padding-top: 20px; }
    .extFileContainer .linkAddFile { display: block; width: 100%; }
    .extFileContainer a { font-weight: 600; }
    .extFileContainer div.extList { width: 100%; text-align: right; }
    .extFileContainer div.extList .tbl { text-align: right; direction: ltr; padding-top: 7px; }
    .extFileContainer td.deleteFile { padding-top: 2px; }
    .extFileContainer .extList { padding-top: 5px; }

    .approvalContainer { padding-top: 0; }
    .approvalContainer h3 { font-size: 18px; padding-bottom: 0; }
    .approvalContainer .mobile_table_row { margin-right: 7%; margin-left: 7%; padding: 0; }
    .approvalContainer .mobile_table_row.first { border-top: 1px solid #dcd3c7; padding-top: 14px; }
    .approvalContainer div label { display: inline-block; width: 40%; }

    .docData .divButtons { padding-top: 34px; }
    .divButtons { margin-right: 7%; margin-left: 7%; padding-bottom: 50px; }

    .divButtons input { width: 28%; }

    .invoice .divButtons input { width: 100%; }
    .invoice .divButtons .btn.approve { margin-left: 0; margin-bottom: 15px; }

    .divButtons .cancel { float: left; }
    .divError .divButtons .cancel { float: none; }
    .divButtons .btn { height: 45px; line-height: 39px; }

    .pdfContainer { display: none !important; }

    /********************** Expenses-rep **************************/

    .wrapper.expenses-rep h1 { font-size: 28px; line-height: 31px; padding-top: 24px; padding-right: 0px; margin-right: 7%; }
    .wrapper.expenses-rep .btn { margin-top: 15px; margin-right: 7%; }
    .wrapper.expenses-rep .mobile_table_header div.firstCol, .wrapper.expenses-rep .mobile_table_row div.firstCol { width: 55%; }
    .wrapper.expenses-rep .mobile_table_header div.secondCol, .wrapper.expenses-rep .mobile_table_row div.secondCol { width: 40%; }
    .wrapper.expenses-rep .mobile .expContainer { padding-top: 17px; }

    /********************** ExpensesItems **************************/

    .expense .itemsContainer { border-bottom: 0; }
    .wrapper.expense header.mobile { display: inline-block; }
    .wrapper.expense h1,
    .wrapper.expense p { margin-right: 6%; margin-left: 6%; }
    .wrapper.expense .mobile_table_row div.firstCol,
    .wrapper.expense .mobile_table_row div.secondCol,
    .wrapper.expense .mobile_table_header div { margin-right: 6%; margin-left: 6%; }
    .wrapper.expense .mobile_table_row.title { margin-right: 0; margin-left: 0; }
    .wrapper.expense .mobile_table_row.editCurDate { padding-top: 10px; }
    .wrapper.expense .mobile_table_header div,
    .wrapper.expense .mobile_table_row div.firstCol,
    .wrapper.expense .mobile_table_row div.secondCol { width: 30%; }
    .wrapper.expense .mobile_table_row div.firstCol,
    .wrapper.expense .mobile_table_row div.secondCol { vertical-align: top; }
    .wrapper.expense .pageContainer { margin-right: 0; margin-left: 0; }
    .wrapper.expense .pageContainer div.backToList { display: none; }
    .wrapper.expense p { width: 88%; }

    .expense .mobile .editRepeaterItem { background-color: #f7f1e0; }
    .expense .mobile .editRepeaterItem .title { display: none; }
    .expense .mobile .editRepeaterItem .editCurDate { padding-top: 14px; }

    .expense .editRepeaterItem .mobile_table_row div { width: 100%; }
    .expense .itemsContainer .price { width: unset; display: block; }

    .expense .editRepeaterItem .mobile_table_row.hideOnEdit { display: none; }
    .expense .editRepeaterItem .mobile_table_row div.firstCol { display: block; padding-top: 25px; padding-bottom: 10px; }
    .expense .editRepeaterItem .mobile_table_row div.secondCol { display: block; width: 88%; }
    .expense .editRepeaterItem .mobile_table_row div.secondCol input { width: 100%; height: 45px; border: 1px solid #cccccc; }
    .expense .editRepeaterItem .mobile_table_row div.secondCol input[type=text] { width: 94%; padding-right: 3%; padding-left: 3%; }
    .expense .editRepeaterItem .customSelect select { border: 1px solid #cccccc; background-position-x: 10px; }
    .expense .editRepeaterItem .mobile_table_row.price div.secondCol input { width: 70%; height: 43px; }

    .expense .editRepeaterItem .mobile_table_row.price div.secondCol .customSelect select { height: 46px; }
    .expense .editRepeaterItem .mobile_table_row.price div.secondCol .customSelect { width: 22%; float: left; height: 43px; }
    .expense .localExpense .editRepeaterItem .mobile_table_row.price div.secondCol .customSelect { display: none; }

    .expense .editRepeaterItem .mobile_table_row.price div.secondCol .lblNisCurrency { display: none; }
    .expense .localExpense .editRepeaterItem .mobile_table_row.price div.secondCol .lblNisCurrency { display: inline-block; }

    .expense .editRepeaterItem div.extLink { display: inline-block; vertical-align: top; width: 80px; }
    .expense .editRepeaterItem .divLinkFile a.delete { display: inline-block; }
    .expense .editRepeaterItem .mobile_table_row div.divLinkFileList { width: 60%; }

    .expense .mobile_table_row.actions div { width: 30%; }
    .expense .mobile_table_row .btnAction { background-position-y: bottom; }
    .expense .mobile_table_row.actions .action { padding-left: 5%; vertical-align: bottom; }
    .expense .mobile_table_row.actions { padding-bottom: 25px; }

    .excelContainer { padding-left: 6%; }

    /********************** Useful **************************/

    .wrapper.useful .fileList { padding-top: 20px; padding-right: 5%; }
    .wrapper.useful .fileList .tbl .fileName a { color: #cd633d; }
    .wrapper.useful .fileList .tbl .fileDate { width: 35%; }

    /********************** Sup **************************/

    .wrapper.sup h1.h1Header { padding-top: 22px; padding-bottom: 4px; margin-right: 7%; font-size: 28px; }
    .supHeader { height: 555px; margin: 0; }
    .noHebrew .supHeader { height: 445px; }
    .supHeader div.supDes,
    .supHeader div.ESupDes,
    .supHeader div.wtaxnum,
    .supHeader div.supType { display: block; width: 86%; padding-top: 25px; padding-right: 7%; padding-left: 7%; position: unset; }
    .noHebrew .supHeader div.supDes,
    .noHebrew .supHeader div.ESupDes,
    .noHebrew .supHeader div.wtaxnum,
    .noHebrew .supHeader div.supType { width: 86%; }
    .supHeader .supTypeList { width: 100%; }
    .supHeader div textarea { width: 92%; line-height: 30px; border: 0; resize: none; height: 61px; padding: 10px 4%; font-size: 20px; font-weight: 600; letter-spacing: 0.18px; }
    .supHeader div input[type=text] { padding-right: 4%; padding-left: 4%; width: 92%; }

    .supControls .h1Section { font-size: 20px; line-height: 16px; padding-top: 36px; padding-bottom: 0; }
    .supControls .h1Section.supLocalType { padding-bottom: 7px; }
    .supDataRow,
    .supDataRow.supData { width: 100%; padding-top: 0; }
    .supDataColumn { display: block; width: 100%; padding-top: 20px; }
    .supDataColumnFlag { display: block; width: 100%; padding-top: 20px; }
    .supDataRow.contactRow  .supDataColumnFlag {padding-top:0;}
    .supDataColumnFlag.supColumnTitle,
    .splitColumnRight.supColumnTitle{ display: inline-block; width: 100%; padding-top: 20px; }
    .supDataRow.contactRow .supDataColumnFlag.supColumnTitle {padding-top:0;}

    .supDataColumnFlag .long { width: 100%; }
    .supDataColumn.Phone { display: block; width: 100%; padding-top: 20px !important; }
    .supDataColumn.desktop { display: none; }
    .supDataColumn div { display: block; width: 100%; padding-top: 20px; }
    
    .supDataColumnFlag div { display: block; width: 100%; padding-top: 20px; }
    .editRowContact .supDataColumnFlag div {padding-top:0;}

    .supDataRow.contactRow .supDataColumnFlag div {padding-top:0;}

    .phonebook .supDataRow.contactRow .rptSplitColumnLabel,
    .phonebook .supDataRow.editRowContact .rptSplitColumnLabel {width:150px;}  

    .supDataColumn.Phone .mainDiv { display: block; width: 100%; padding-top: 20px !important; }
    .supDataRow.contactRow .supDataColumn.Phone .mainDiv { padding-top: 0 !important;}
    .supDataColumn.Phone div { padding-top: 20px; }
    .supDataColumn .splitColumnRight { padding-top: 0px; }
    .supDataColumn div.chooseContainer { padding-top: 0px; margin-bottom: 3px; }
    .supDataColumn.idCodeType { padding-top: 27px; }
    .supDataColumn.iban { padding-top: 14px; }
    .supDataRow p { line-height: 20px; }
    .supDataRow.contactRow {height: auto;border:0;}
    .supDataRow.billingText { padding-top: 22px; padding-bottom: 4px; }
    .filesNotice { font-size: 18px; letter-spacing: 0.16px; line-height: 22px; padding-bottom: 33px; }
    .supSection.billing { padding-bottom: 40px; }
    .supDetails.files p { padding-top: 21px; padding-bottom: 0px; }
    .supDetails { padding-right: 7%; padding-left: 7%; }

    .supDataColumnFlag.supDataColumnFlagCustCrm{width: 100%}

    .sup .supData .supDataColumn,
    .sup .supData .supDataColumn.left,
    .sup .supDataColumn.left .splitColumnRight,
    .sup .supDataColumn.left .splitColumnLeft.isToam { width: 100%; }
    .sup .supDataRow.sendMail { width: 95%; }

    .sup .mobile_table_row.title { font-weight: 700; padding-right: 4%; margin-bottom: 0px; }
    .divFileName { font-weight: 600; padding-top: 5px; }
    .divFileSection { min-height: 38px; border-bottom: 1px solid #dcd3c7; padding: 29px 0 27px 0; }
    .divFileSection.last { border: 0; }
    .fileRightSection { display: inline-block; width: 65%; padding-right: 4%; }
    .fileLeftSection { display: inline-block; width: 29%; vertical-align: top; direction: ltr; }

    .sup .divLinkFile { padding: 4px 4% 0 0; }
    .sup .divLinkFile a.linkFile { text-decoration: underline; font-weight: 600; line-height: 32px; }
    .sup .divButtons { padding: 27px 0 20px 0; margin-right: 6%; margin-left: 6%; }

    .supTypeList .ms-parent { width: 96% !important; padding-bottom: 0; padding-top: 0; }
    .supTypeList .ms-choice > div { left: 4%; }
    .supControls .h1Section { padding-top: 0; }
    .supDetails.sendLink { padding-bottom: 15px; }
    .supDetails.sendLink { margin: 20px 0; padding-right: 7%; padding-left: 7%; height: 170px; }

    /********************** Customers **************************/

    .custControls .h1Section { font-size: 20px; line-height: 16px; padding-top: 36px; padding-bottom: 0; }
    .customer .custControls .sendLink { margin: 20px 0; padding-right: 7%; padding-left: 7%; height: 170px; }
    .customer .supHeader .wtaxnum a { position: unset; bottom: unset; padding-top: 5px; }
    .sendMail .supDataColumn.left,
    .customer .sendMail .supDataColumn.left { width: 100%; }
    .customer .supHeader div.supDes,
    .customer .supHeader div.ESupDes,
    .customer .supHeader div.wtaxnum { width: 86%; }
    .customer .supHeader { height: 450px; }
    .customer .supDataColumn.split3 div { display: inline-block; }

    .customer .phonebook .supDataColumn,
    .customer .phonebook .supDataColumn div {  padding-top: 0; }
    .customer .supDetails .phonebook div label.mobile { display: inline-block; padding-top: 7px; }
    .phonebook.sites .supDataColumn .splitColumnRight { width: 100%; }
    .phonebook.sites .supDataColumn .splitColumnLeft { width: 100%; }
    .customer .phonebook .supDataColumn.split3 .splitColumnRight,
    .customer .phonebook .supDataColumn.split3 .splitColumnLeft { width: 100%; }
    .customer .phonebook .supDataColumn.split3 .splitColumnLeft .right {width: 100%; padding-bottom: 10px; }
    .customer .phonebook .supDataColumn.split3 .splitColumnLeft .left { width: 20%; }
    .customer .phonebook .supDataColumn div.actions div { width: 45%; }
    
    .phonebook .supDataRow.editRow input[type=text] { display: block; }
    .phonebook .supDataRow.editRow.editRowContact input[type=text] { display: block;width:100%;box-sizing:border-box; }
    .phonebook .supDataRow.editRow.editRowContact select {width:100%;box-sizing:border-box;
-moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; background-color: #fff !important; background: url('../img/arrowSelect.svg') no-repeat; background-position: 7% 50%; outline: none !important; outline-offset: 0 !important; font-size: 16px !important; font-family: 'Assistant', sans-serif !important;
    }
    
    .customer .supDataColumn.split3 .splitColumnRight input { width: 91%; }
    .phonebook label.mobile { width: 100px; }
    .customer .phonebook .supDataColumn span { line-height: 20px; display: inline-block; }
    .customer .phonebook .supDataRow.editRow .supDataColumn span { display: none; }
    .customer .phonebook .supDataRow.editRow .splitColumnRight,
    .customer .phonebook .supDataRow.editRow .splitColumnLeft { padding-bottom: 10px; }

    .customer .phonebook .supDataRow.editRow.editRowContact .splitColumnRight,
    .customer .phonebook .supDataRow.editRow.editRowContact .splitColumnLeft {padding-bottom:0;}

    div.splitColumnLeft.supColumnTitle {padding-top:20px;}

    .phonebook .supDataRow,
    .phonebook .supDataRow.editRow { padding-top: 0; }

    .phonebook .rptSplitColumnLabel.mobile { display: inline-block; }
    
    .phonebook .rptSplitColumnControls { width: 80%; }
    .phonebook .editRowContact .rptSplitColumnControls { width: 100%;box-sizing:border-box; }
    
    
    .phonebook .supDataRow.contactRow .rptSplitColumnControls {width:auto;}
    .phonebook .supDataColumn.left.split3 .splitColumnLeft .rptSplitColumnControls { width: 75%; }

    .supDataActions {float:none;width:100px;padding-right:30px;padding-bottom:20px;}
    .editRowContact .supDataActions {padding-top:20px;}

    .supDataRow.contactRow  {border-bottom:1px solid #cccccc;}

    
    /***** Login ******/

    .loginWrapper,
    .loginLeft,
    .loginRight img { height: initial; }

    .loginWrapper { width: initial; }
    .loginRight { display: none; }
    .loginLeft { margin: 0; width: 100%; background: url("../img/mobileLoginBG.png") no-repeat center top; background-size: contain; }

    .loginLogo { margin-top: 280px; height: 42px; }

    .loginLeftInner h1 { color: #000000; font-size: 22px; letter-spacing: 0.46px; line-height: 22px; padding-top: 15px; padding-bottom: 10px; }
    .loginLeftInner h2 { display: none; }
    .loginLeftInner .loginInputsContainer label { color: #000000; font-size: 16px; letter-spacing: 0.15px; }
    .loginCredentials { position: static; bottom: initial; left: initial; }
    .loginCredentials .sep { display: none; }
    .loginCredentials a img { height: 15px; }

    .loginLeftInner .loginInputsContainer input[type="text"],
    .loginLeftInner .loginInputsContainer input[type="password"] { background-color: transparent; }

    .loginLeftInner .forgotPassword,
    .loginLeftInner .toLoginPage { padding-bottom: 16px; }
    .loginCredentials { padding: 40px 0; }

    .loginWrapper, .loginLeft, .loginRight img { height: initial; }
}

@media only screen and (max-width:900px) {
    .loginLeft { margin-right: 792px; }
    .loginWrapper, .loginLeft, .loginRight img { height: 900px; }
}

@media only screen and (max-width:700px) {
    .radioContainer.expenses { width: 32%; }
    .order .radioContainer.third { width: 32%; }
    .backToList .btn { background-position-x: 95%; }
    .overlayContent.messageWrapper .messageContainer .btn { width: 40%; }
    .slick-slide { padding-right: 450px; }
    .budgetList { display: inline-block; width: 55%; }
    .wrapper.invoice .docHeader .details input { width: 45%; }
    .ms-drop.bottom { width: 100%; }
    .jcarousel img { max-width: 700px; }
    .phonebook .rptSplitColumnControls { width: 70%; }
    .phonebook .supDataColumn.left.split3 .splitColumnLeft .rptSplitColumnControls { width: 65%; }
}

@media only screen and (max-width:500px) {
    .budgetContent.divContent.mobile,
    .budgetContent.divContent.mobile .divContent { width: 100%; margin: 0; }
    .budgetContent.divContent.mobile .divContent { padding-bottom: 0; }
    .budgetContent.divContent .popupBudgetCard .rowDiv label { padding-right: 20px; width: 150px; }
    .popupBudgetContainer.overlayContent.budget h1 { padding: 25px 10px 10px 10px; font-size: 18px; line-height: 24px; font-weight: bold; }
}

@media only screen and (max-width:450px) {
    .jcarousel img { max-width: 450px; }
    .supDataColumn.radio div.chooseContainer { width: 75%; }
    .phonebook .rptSplitColumnControls { width: 50%; }
    .phonebook .supDataColumn.left.split3 .splitColumnLeft .rptSplitColumnControls { width: 50%; }
}

@media only screen and (max-width:400px) {
    .mobile_table_row.title div.curDate { width: 70%; }
    .radioContainer.invoices, .radioContainer.porders { width: 32%; }
    .order .radioContainer.second { width: 32%; }
    .invoice .radioContainer { width: 49%; }
    .backToList .btn { font-size: 15px; padding-right: 5%; }
    .slick-slide { padding-right: 250px; }
    .jcarousel img { max-width: 400px; }
}