@font-face {
    font-family: Arimo;
    src: url(/fonts/Arimo-Regular.ttf), url(/fonts/Arimo-Regular.eot);
}

@font-face {
    font-family: Arimo;
    src: url(/fonts/Arimo-Bold.ttf), url(/fonts/Arimo-Bold.eot);
    font-weight: bold;
}

@font-face {
    font-family: Arimo;
    src: url(/fonts/Arimo-BoldItalic.ttf), url(/fonts/Arimo-BoldItalic.eot);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: Arimo;
    src: url(/fonts/Arimo-Italic.ttf), url(/fonts/Arimo-Italic.eot);
    font-style: italic;
}

/*@font-face {
    font-family: Arimo_IE;
    src: url(../../fonts/Arimo-Regular_IE.eot)
}

@font-face {
    font-family: Arimo_IE;
    src: url(../../fonts/Arimo-Bold_IE.eot);
    font-weight: bold;
}

@font-face {
    font-family: Arimo_IE;
    src: url(../../fonts/Arimo-BoldItalic_IE.eot);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: Arimo_IE;
    src: url(../../fonts/Arimo-Italic_IE.eot);
    font-style: italic;
}*/



* {
    font-family: Arimo;
    /*font-family: Arimo-Regular; uncomment to restore other bold type*/
    direction: rtl;
    outline: none;
}

/********************Loading circle***************************/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loadingModal {
    display: none;
    /*position: absolute;*/
    position: fixed;
    z-index: 2000 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/Img/Spinner.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
    height: 100%;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loadingModal {
        display: block;
        width: 100%;
        text-align: center;
    }

.loadingModal.loadingProgressBar {
    background-image: none;
}

/********************Inner Loading circle***************************/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.innerLoader {
    display: block;
    position: static;
    z-index: 2000 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.1;
    background: rgba( 255, 255, 255, .8 ) url(/Img/innerLoaderWizbiz.gif) 50% 50% no-repeat;
}


/** popup button by ortal*/
button.md-primary.md-confirm-button.md-button.md-autofocus.md-ink-ripple.md-default-theme,
.md-button.md-default-theme.md-primary, .md-button.md-primary,
.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    color: white;
    background: #7abf19;
    line-height: 4px;
    border-radius: 32px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    margin-bottom: 10px;
}
/*************************Document files by ortal************************/
.filesAdded {
    vertical-align: top;
    padding: 0px 0px 10px 15px;
    width: 14em;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.PropAnsDetails li.filesAdded {
    width: 13em;
}

a.fileName {
    color: #666666;
}

.fileIcons {
    background: url(../../images/icons/xls.png) no-repeat !important;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url(../../images/icons/file.png) no-repeat !important;
}

.publicFileIcon {
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}



.xlsIcons {
    background-image: url(../../images/icons/xls.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.xlsxIcons {
    background-image: url(../../images/icons/xls.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}


.docIcons {
    background-image: url(../../images/icons/doc.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.docxIcons {
    background-image: url(../../images/icons/doc.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.jpgIcons {
    background-image: url(../../images/icons/jpg.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.pdfIcons {
    background-image: url(../../images/icons/pdf.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.pngIcons {
    background-image: url(../../images/icons/png.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.pptIcons {
    background-image: url(../../images/icons/ppt.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.txtIcons {
    background-image: url(../../images/icons/txt.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.xmlIcons {
    background-image: url(../../images/icons/xml.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.zipIcons {
    background-image: url(../../images/icons/zip.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.rarIcons {
    background-image: url(../../images/icons/rar.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}


md-progress-circular.fileProgress {
    float: left;
}


/********************HEADER BY OMRI@MLY***************************/


header {
    height: 121px;
    width: 100%;
    display: block;
    padding: 10px 0;
    background-color: #a6a6a6;
    margin-bottom: 5px;
}

body {
    background-color: #fff !important;
    position: relative;
    margin: 0;
    padding-bottom: 49px;
    min-height: 100%;
    height: auto;
}

#mainmenu {
    float: right !important;
    height: 100%;
    width: 60%;
    display: flex;
    align-items: center;
}



#searchbar {
    position: relative;
    float: right !important;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 0;
}

div.username {
    margin-right: 14px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: normal !important;
    position: relative;
}

p.companyName {
    margin-right: 0;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    padding: 0;
    margin: 2px 0 0 0;
    width: 170px;
}

p.logOut {
    float: left;
    position: relative;
    top: -13px;
    color: white !important;
}

    p.logOut a {
        color: white !important;
    }


ul.menu-list {
    list-style: none;
    width: 100%;
    height: 100%;
    display: block;
    flex-direction: row;
    justify-content: center;
    /*justify-content: space-between;*/
    align-items: center;
    margin: 0;
}

li.menu-item {
    display: inline-flex;
    height: 100%;
    align-items: flex-end;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    justify-content: center;
    width: 16%;
    margin: 0 0%;
}

.mainmenuSupplier li.menu-item {
    display: inline-flex;
    height: 100%;
    align-items: flex-end;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    justify-content: center;
    width: 19%;
    margin: 0 0%;
}

@media screen and (max-width: 1400px) {

    p.logOut.specificPage {
        left: 65px;
    }

    li.menu-item {
        display: inline-flex;
        height: 100%;
        align-items: flex-end;
        color: #fff;
        font-size: 1.6rem;
        cursor: pointer;
        justify-content: center;
        width: 16.2%;
        margin: 0 0%;
    }

    md-input-container.sharedUsers {
        padding-right: 0;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        background-image: url(../images/droptwoarrows.png);
        background-repeat: no-repeat;
        background-position: 6% 50%;
        text-align: right;
        margin: 0;
        background-color: white;
        height: 30px;
        border-radius: 50px;
        padding: 0 15px;
        color: black;
        line-height: 31px;
        border: 1px solid #4299f7;
        /*width: 180px;*/
    }
}

li.menu-item a {
    color: white;
    text-decoration: none;
    white-space: nowrap;
}






li#li4 {
    background-image: url(../../images/topicons/reports.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li4 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li4:hover {
        background-image: url(../../images/topicons/reports.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li4.active {
        background-image: url(../../images/topicons/reports.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li5 {
    background-image: url(../../images/topicons/companyDetail.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li5 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li5:hover {
        background-image: url(../../images/topicons/companyDetail.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li5.active {
        background-image: url(../../images/topicons/companyDetail.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li6 {
    background-image: url(../../images/topicons/support.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li6 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li6:hover {
        background-image: url(../../images/topicons/support.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li6.active {
        background-image: url(../../images/topicons/support.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li1 {
    background-image: url(../../images/topicons/desktop.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li1 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li1:hover {
        background-image: url(../../images/topicons/desktop.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li1.active {
        background-image: url(../../images/topicons/desktop.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li2 {
    background-image: url(../../images/topicons/archive.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li2 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li2:hover {
        background-image: url(../../images/topicons/archive.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li2.active {
        background-image: url(../../images/topicons/archive.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li3 {
    background-image: url(../../images/topicons/supplierControl.png);
    background-repeat: no-repeat;
    background-position: center 240%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li3 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li3:hover {
        background-image: url(../../images/topicons/supplierControl.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li3.active {
        background-image: url(../../images/topicons/supplierControl.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

li#li7 {
    background-image: url(../../images/topicons/TenderCommittee.png);
    background-repeat: no-repeat;
    background-position: center 9px;
    background-size: 39%;
    border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    box-sizing: content-box;
}

    li#li7 a {
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
    }

    li#li7:hover {
        background-image: url(../../images/topicons/TenderCommittee.png);
        background-repeat: no-repeat;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

    li#li7.active {
        background-image: url(../../images/topicons/TenderCommittee.png);
        background-repeat: no-repeat;
        background-position: center 240%;
        border-bottom: 5px solid rgba(0, 0, 0, 0.00);
        box-sizing: content-box;
        position: relative;
        background-color: #848484;
    }

input#search-project {
    background-color: white;
    border: 1px solid #84bdd1;
    border-radius: 25px;
    width: 185px;
    height: 32px;
    padding-right: 35px;
    background-image: url(../../images/searchbaricon.png);
    background-repeat: no-repeat;
    background-position: 6% center;
}

    input#search-project:focus {
        outline: none;
    }

div#customer-banner {
    /*display: flex;*/
    justify-content: center;
    height: 120px;
    padding-bottom: 15px;
}

    div#customer-banner img {
        width: 100%;
    }

div#customer-banner {
    background: #fff;
}

#search-project::-webkit-input-placeholder {
    position: relative;
    right: -15px;
}

table#supplierDetailsTbl1 a {
    width: 130px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 18px;
}
/********************HEADER BY OMRI@MLY***************************/
/********************FOOTER BY OMRI@MLY***************************/
footer {
    background: #f2f2f2;
    height: 23px;
    width: 100%;
    /*position: absolute;*/
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

    footer img {
        float: left;
        margin-left: 30px;
        padding-right: 10px;
        position: relative;
        top: 10px;
        border-right: 1px solid #b9b9b9;
    }

    footer p {
        float: left;
        margin-left: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #4d4d4d;
        margin-bottom: 0;
        position: relative;
        top: 0;
    }

        footer p a {
            color: #4d4d4d;
            font-weight: bold;
        }
/********************FOOTER BY OMRI@MLY***************************/

table#supplierDetails2Tbl tr.ng-scope a, a.SupplierLink {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 78px;
    display: inline-block;
    line-height: 34px !important;
    height: 23px;
    overflow: hidden;
}

table#supplierDetails2Tbl td {
    position: relative;
}

span.tooltipname {
    position: absolute;
    top: -22px;
    left: calc(50% - 100px);
    border-radius: 5px;
    text-align: center;
    width: 200px;
    height: 60px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.66);
    color: white;
    padding: 10px;
}

.container-full {
    margin: 0 -20%;
}

.openmodal {
    padding-right: 17px;
    display: block !important;
    overflow-x: auto;
    overflow-y: auto;
}

/***SUPPLIERS ANSWER BY OMRI@MLY*/


body[ng-controller="SupplierAnswer"] #sendQuotation .col-sm-7, div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .col-sm-7 {
    /* background: #e0e0e0; */
    height: auto;
    min-height: 733px;
    border-radius: 10px 0 0 10px;
    padding: 80px 40px 40px 50px;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content .continue button,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content .continue button {
    width: 260px;
    text-align: center;
    margin-right: 0;
    height: 65px;
    border-radius: 35px;
    margin-top: 0px;
}

.marg5 {
    margin-top: 5px;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .addedFiles li,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .addedFiles li {
    display: inline-block;
    width: 100%;
    direction: ltr;
    margin-bottom: 10px;
    text-align: right;
}

body[ng-controller="SupplierAnswer"] .modal-content i.fileIcons.Icons,
div[ng-controller="ReservationsEditSupplierController"] .modal-content i.fileIcons.Icons {
    display: none;
}

/*body[ng-controller="SupplierAnswer"] .modal-content .blueTextBold,
[ng-controller="DesktopController"] .modal-content .blueTextBold,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .blueTextBold {
    color: #4299f7 !important;
    font-weight: 700 !important;
}*/

body[ng-controller="SupplierAnswer"] .modal-content .blueText,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .blueText {
    color: #4299f7;
}

body[ng-controller="SupplierAnswer"] .modal-content label.blueText,
div[ng-controller="ReservationsEditSupplierController"] .modal-content label.blueText {
    font-size: 16px;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .modal-dialog,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-dialog {
    width: 900px !important;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content .col-sm-7 label,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content .col-sm-7 label {
    display: inline-block;
    width: 150px;
    margin-bottom: 36px;
}

body[ng-controller="SupplierAnswer"] .modal-content span.elipseWhite.OnWhite.darkBorder.reductionPrecent.numOnly,
div[ng-controller="ReservationsEditSupplierController"] .modal-content span.elipseWhite.OnWhite.darkBorder.reductionPrecent.numOnly {
    margin-left: 3px;
}

body[ng-controller="SupplierAnswer"] .modal-content input#reductionPesentageWeighted,
div[ng-controller="ReservationsEditSupplierController"] .modal-content input#reductionPesentageWeighted {
    margin-left: 9px;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content .elipseWhite.OnWhite,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content .elipseWhite.OnWhite {
    width: 224px;
    height: 34px;
    border-color: #959595 !important;
}

body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content textarea,
div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content textarea {
    width: 324px;
    height: 93px;
    padding: 10px;
    border-color: #959595 !important;
}

body[ng-controller="SupplierAnswer"] .modal-content .elipseBlue,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .elipseBlue {
    background: #4299f7;
    color: white;
    height: 30px;
    text-align: center;
    border-radius: 20px;
    border: 0;
    width: 135px;
    line-height: 30px;
}

body[ng-controller="SupplierAnswer"] .modal-content .mrgRight300,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .mrgRight300 {
    margin-right: 282px;
    margin-top: 8px;
    height: 40px;
}

/*body[ng-controller="SupplierAnswer"] .modal-content .width555,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .width555 {
    width: 605px;
}*/

body[ng-controller="SupplierAnswer"] .modal-content .percentWrap,
div[ng-controller="ReservationsEditSupplierController"] .modal-content .percentWrap {
    display: inline-block;
}

body[ng-controller="SupplierAnswer"] .modal-content #reductionPrecent, body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content .elipseWhite.OnWhite, body[ng-controller="SupplierAnswer"] .modal-content input#totalAfterReduction, body[ng-controller="SupplierAnswer"] .modal-content input#totalWeighted,
div[ng-controller="ReservationsEditSupplierController"] .modal-content #reductionPrecent, div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content .elipseWhite.OnWhite, div[ng-controller="ReservationsEditSupplierController"] .modal-content input#totalAfterReduction, div[ng-controller="ReservationsEditSupplierController"] .modal-content input#totalWeighted {
    font-size: 14px;
    direction: ltr;
    text-align: center;
}

body[ng-controller="SupplierAnswer"] .modal-content label.checkMissingItem, body[ng-controller="SupplierAnswer"] .modal-body .blueText, body[ng-controller="SupplierAnswer"] #sendQuotation .modal-content ol,
div[ng-controller="ReservationsEditSupplierController"] .modal-content label.checkMissingItem, div[ng-controller="ReservationsEditSupplierController"] .modal-body .blueText, div[ng-controller="ReservationsEditSupplierController"] #sendQuotation .modal-content ol {
    font-size: 16px;
}

body[ng-controller="SupplierAnswer"] .modal-content button.elipseGreen,
div[ng-controller="ReservationsEditSupplierController"] .modal-content button.elipseGreen {
    font-size: 16px;
    width: 257px;
    height: 61px;
}

/***SUPPLIERS ANSWER BY OMRI@MLY*/

#backgroundTest {
    background-image: url(../images/comparingImgs/4.jpg);
    position: fixed;
    top: -158px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.padTop18 {
    padding-top: 18px;
}

html {
    background-color: #fff !important;
    height: 100%;
    box-sizing: border-box;
}

.halfOpacity {
    opacity: 0.5;
}

.modal-header {
    z-index: 99999;
    position: relative;
}

.margTop60 {
    margin-top: 60px;
}

.pinkText {
    color: deeppink !important;
}

.greenText {
    color: #7ac01a !important;
}

.redText {
    color: red !important;
}

.blueText {
    color: #4095f0 !important;
}


.bafoGreen {
    float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    background: #7abf19;
    color: white;
    font-weight: bold;
    border-radius: 50%;
}


    .bafoGreen.BafoIconNewRow {
        float: unset !important;
    }

    .bafoGreen.BafoIconNewRow {
        top: 9px;
        position: relative;
    }

.BAFOTD {
    position: relative;
}

span.blackSmallText {
    color: #666;
    font-size: 16px;
}


.BAFOTD .bafoGreen.top10 {
    position: absolute;
    top: 36px;
    right: -1153px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
}

.bafoGreen.top10 {
    position: relative;
    top: 10px;
}

.bafoGreen.centerLeft {
    float: left !important;
    position: absolute;
    top: calc(50% - 12px);
    left: 10px;
}

.bafoGreen.bafoPink {
    background: deeppink;
}

.relativePos {
    position: relative;
}

.moment-picker {
    z-index: 999999999999999999;
}




svg {
    width: 100%;
    height: 100%;
}

path.slice {
    stroke-width: 2px;
}

polyline {
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}

#chart1 {
    height: 300px;
}

tspan.labelText {
    font-size: 30px;
    font-weight: bold;
    /*width: 50px;*/
}

tspan.valueText {
    font-size: 16px;
    fill: #4299f7;
}

.percentLtr, .percentLtr span {
    direction: ltr;
}

.percentLtrRed .percentLtrRegular, .percentLtrRed .percentLtrRegular span {
    color: #57b1ea !important;
}

.percentLtrRed {
    color: red !important;
}



.container-fluid.hiddenBody, header.hiddenBody, footer.hiddenBody, .main-container.hiddenBody, #customer-banner.hiddenBody {
    opacity: 0;
    transition: .5s all;
}

.container-fluid, header, footer, .main-container, #customer-banner {
    opacity: 1;
    transition: .5s all;
}

md-input-container.sharedUsers {
    padding-right: 0;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    background-image: url(../images/droptwoarrows.png);
    background-repeat: no-repeat;
    background-position: 6% 50%;
    text-align: right;
    margin: 0;
    background-color: white;
    height: 23px;
    border-radius: 50px;
    padding: 0 15px;
    color: #4299f7;
    line-height: 23px;
    border: 1px solid #4299f7;
}

.sharedUsersDiv {
    height: 23px;
    margin-top: 5px;
}

.sharedUsers md-select-value#select_value_label_0 {
    padding: 0;
}

div#userdata img {
    border: 2px solid transparent;
    border-radius: 50%;
    text-align: center;
    margin-right: calc(50% - 38px);
}

#userdata {
    height: 100%;
    border-left: 1px solid #666;
    float: right !important;
    display: flex;
    align-items: center;
    padding: 0 3% 0 2% !important;
    width: 25%;
    margin-left: 5px;
    position: relative;
}

.suppliersUserData p.companyName {
    margin-right: 14px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold !important;
    margin: 0;
    padding-right: 0;
    width: 100%;
    position: absolute;
    white-space: normal;
}

.suppliersUserData p.username span {
    font-weight: bold !important;
}



/*.suppliersUserData p.logOut {
    padding-right: 15px;
    float: left;
    position: relative;
    top: 0px;
}*/

.suppliersUserData p.logOut a {
    color: white;
}

input#ResNumber {
    border-radius: 50px;
    border: 0;
    padding: 4px 5px;
    width: 130px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.start-date.shipAddress.ng-binding {
    position: relative;
    top: 0px;
}

img.saveAboveAddress {
    width: 19px;
    margin-right: 6px;
}

.ordersFiles.ng-scope {
    position: relative;
    top: 3px;
    color: white;
    left: -55px;
}

.col-md-7.changeRehesh {
    position: relative;
    top: 22px;
}

.ordersFiles i.fileIcons.Icons {
    width: 25px;
    height: 25px;
    background-size: 100% !important;
    position: relative;
    top: 5px;
}

.reservationReview span.fileName.simpleList {
    position: relative;
    left: -15px;
}

.start-date.shipAddress.ng-binding {
    white-space: nowrap;
}

b {
    font-weight: bold !important;
}

.usertext {
    height: 121px;
    width: 100%;
}

span.greeting {
    margin-bottom: 4px;
    display: inline-block;
    margin-top: 20px;
    font-weight: bold !important;
}

p.fullName.ng-binding {
    margin-bottom: 0;
}

.clientLogoHeader {
    height: auto;
    padding-top: 28px;
    text-align: center;
}

p.logOut {
    position: static;
    width: 100%;
    text-align: center;
}

/* IE FIX */
md-checkbox {
    border-collapse: separate;
}


    md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
        background-color: rgba(255, 64, 129, 0) !important;
    }

        md-checkbox.md-default-theme.md-checked .md-icon:after, md-checkbox.md-checked .md-icon:after {
            border-color: rgba(0, 0, 0, 0.87) !important;
        }

.modal-body.cancelProject.sendInvitePopup .row {
    width: 100% !important;
    margin: 0 auto;
}

#smallPopUp {
    width: 430px !important;
    margin: 30px auto;
}

.intro {
    text-align: center;
    font-size: 20px;
    color: #4299f7;
}

    .intro.introText {
        width: 100% !important;
        margin: 0 auto !important;
        float: right;
        font-weight: 700;
    }

p.introTitle {
    font-weight: bold !important;
}

p.restOfText {
    font-size: 16px;
    color: #666;
}

button.sendIntroButton {
    background-color: #7abf19;
    border: 0;
    border-radius: 50px;
    color: white;
    width: 170px;
    height: 50px;
    padding-left: 55px;
    background-image: url(../images/bigpaperplane.png);
    background-repeat: no-repeat;
    background-position: 7% center;
    text-align: right;
    padding-right: 25px;
    line-height: 14px;
    position: relative;
    top: 30px;
}

button.cancelIntroButton {
    background-color: #7abf19;
    border: 0;
    border-radius: 50px;
    color: white;
    width: 40%;
    height: 50px;
    padding-left: 12px;
    background-image: url(../images/cancelproject.png);
    background-repeat: no-repeat;
    background-position: 92% center;
    text-align: right;
    padding-right: 54px;
    line-height: 14px;
    position: relative;
    top: 30px;
    margin-left: 25px;
}

.modal-footer.sendInvitePopupFooter {
    width: 100% !important;
}

span.projNameTitle {
    color: #666 !important;
}

div#searchbar input#search-project_value {
    border-radius: 50px;
    border: 1px solid #3f95f0;
    background-image: url(../images/iconSearch.png);
    background-repeat: no-repeat;
    background-position: 10% center;
    padding-right: 20px;
    max-width: 190px;
    min-width: 180px;
}

div#searchbar div#search-project_dropdown {
    width: 260px;
    position: absolute;
    white-space: nowrap;
    background: white;
    max-height: 300px;
    z-index: 99999999;
    direction: ltr;
    left: 5px;
    overflow-x: hidden;
    border: 1px solid #3f95f0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

div#searchbar .angucomplete-row:hover {
    background: #85baf3;
    color: white;
}

div#searchbar .angucomplete-title {
    width: 19%;
    display: inline-block;
    border-bottom: 0 !important;
}

    div#searchbar .angucomplete-title:hover {
        background-color: #85baf3 !important;
    }

div#searchbar .angucomplete-row.ng-scope {
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px solid #a6a6a6;
}

div#searchbar .angucomplete-row:hover {
    background: #85baf3;
    color: white;
    font-weight: bold !important;
}

div#searchbar .angucomplete-description {
    width: 80%;
    display: inline-block;
}

.blackColor {
    color: #666;
}

.bafoFirstStep .price .close {
    border: solid 1px #dcdbdb;
    border-radius: 50%;
    line-height: 22px;
    width: 22px;
    text-align: center;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    left: 0px;
    right: auto !important;
    top: 0px;
    font-weight: 700;
    font-family: verdana;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    color: #3f95f0;
    opacity: 1;
}

span.nisSignLast {
    position: absolute;
    left: -17px;
}

input.loginForm:focus {
    text-align: left;
    direction: ltr;
}

input.loginForm {
    text-align: left !important;
    direction: ltr;
}

    input.loginForm::placeholder {
        text-align: right;
        direction: ltr;
    }

.termsTitle {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    margin-top: -22px;
    margin-bottom: 40px;
}

div[ng-controller="FirstTimeTermsController"] {
    width: 350px;
}


md-checkbox#agreeTerms .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 0;
    left: auto;
}

md-checkbox#agreeTerms .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: 0;
    margin-right: 30px;
}

.endAddItems.agreeTerms {
    background: #7abf19;
    color: white;
    height: 39px;
    line-height: 39px;
    width: 130px;
    border-radius: 30px;
    border: 0;
    font-weight: 700;
    margin-right: calc(50% - 65px);
    margin-top: 20px;
}

a.endAddItems:hover {
    color: white;
    text-decoration: none;
}

a.termsLink {
    color: #03A9F4;
    text-decoration: underline;
}

md-checkbox#agreeTerms .md-label {
    font-weight: bold;
    white-space: nowrap;
}

.openOrdersCancelPopupButton {
    background: #7abf19 !important;
    color: white;
    height: 60px;
    line-height: 60px;
    width: 138px !important;
    border-radius: 30px;
    border: 0;
    font-weight: 700;
    margin-right: 105px;
    margin-left: 61px;
}

    .openOrdersCancelPopupButton img.f-right {
        position: relative;
        left: 5px;
    }

h3.openOrdersCancelPopupTitle {
    font-size: 22px;
    text-align: center;
}

p.openOrdersCancelPopupText {
    text-align: center;
    font-size: 15px;
}


.sendInvitePopup .intro {
    text-align: center !important;
    font-size: 20px;
    color: #4299f7;
    font-weight: bold !important;
    width: 450px !important;
    margin-top: -30px;
}

div#customer-banner img {
    width: 100%;
    max-height: 138px;
}


span.showHide {
    /* background: #f1f2f54f; */
    width: 50px;
    text-align: center;
    height: 98%;
    line-height: 55px;
    display: inline-block;
    border-right: 1px solid #bec0c2;
    z-index: 1;
}

    span.showHide .fa-eye:before {
        font-size: 25px;
    }

input[name="hfld_Password"] {
    text-align: left !important;
}

    input[name="hfld_Password"]::placeholder, input[name="hfld_Password"]:-ms-input-placeholder {
        text-align: right !important;
        padding-right: 25px !important;
    }

.showHide {
    position: absolute;
    left: 0px;
    top: 0px;
}

p.passValidation {
    color: red;
    text-align: center;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #faffbd;
    border-color: #faebcc;
    background-image: unset !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

table.noaTable.table.table-bordered th {
    text-align: center;
}

body.ng-scope.md-dialog-is-showing footer {
    display: none;
}

.watchReservation {
    background: #7ac019 !important;
}

li .watchReservation {
    background: transparent !important;
}

label.setPointer {
    cursor: pointer;
}

div.circleButton {
    display: inline-flex;
    border: 2px solid #aff352;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    justify-content: center;
    text-align: center;
    padding: 0px;
    font-size: 12px;
    color: #a6a6a6;
    font-weight: normal;
    align-items: center;
    margin: 0 5px;
    line-height: 10px;
    cursor: pointer;
    background: white;
    position: absolute;
    right: 0;
    transition: 1s all;
    opacity: 0;
}

.desktopShortcut {
    display: flex;
    width: 100%;
    position: relative;
    height: 70px;
}

div#menuIcon {
    font-size: 50px;
    color: #7ac01a;
    border-color: #7ac019;
    position: absolute;
    z-index: 9;
    opacity: 1;
}

    div#menuIcon i {
        font-size: 0 !important;
        color: #7ac01a;
        border: 0;
        background-image: url(../images/bars.png);
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

div#allRequest.visible {
    right: 65px;
    transition: 1s opacity, 1s right;
    transition-delay: 0s;
    z-index: 6;
    opacity: 1;
}


div#rfiPage.visible {
    right: 130px;
    transition: 1s right, 1.4s opacity;
    transition-delay: 0.2s;
    z-index: 5;
    opacity: 1;
}

div#openOrdersPage.visible {
    right: 195px;
    transition: 1s right, 1.8s opacity;
    transition-delay: 0.4s;
    z-index: 4;
    opacity: 1;
}

div#rfqPage.visible {
    right: 260px;
    transition: 1s right, 1.6s opacity;
    transition-delay: 0.6s;
    z-index: 3;
    opacity: 1;
}

div#templates.visible {
    right: 325px;
    transition: 1s right, 1.2s opacity;
    transition-delay: 0.8s;
    z-index: 2;
    opacity: 1;
}

#blutText.redText {
    color: red !important;
}

.loginContainer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666;
    text-align: right;
}

.loginContainer ::-moz-placeholder { /* Firefox 19+ */
    color: #666;
    text-align: right !important;
}

.loginContainer :-ms-input-placeholder { /* IE 10+ */
    color: #666;
    text-align: right !important;
}

.loginContainer :-moz-placeholder { /* Firefox 18- */
    color: #666;
    text-align: right !important;
}

.loginContainer input[type="text"], .loginContainer input[type="password"] {
    padding-left: 15px;
    text-align: left;
}

span.borderedMessage {
    border: 1px solid #666;
    max-width: 190px;
    display: inline-block;
    min-height: 90px;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    text-overflow: clip;
    white-space: normal;
    min-width: 190px;
    font-size: 13px;
}

    span.borderedMessage.borderedMessageSubject {
        min-width: 280px;
        max-width: 280px;
    }

    span.borderedMessage.borderedMessageMessage {
        max-width: 350px;
        min-width: 360px;
        margin: 0 25px;
    }

td.innerAnswer {
    max-width: 690px;
    min-width: 690px;
}

.row.allreadyConnected {
    text-align: right !important;
    padding-right: 36%;
}


div.supplierArchiveContainer .wrapper-dropdown-1.archiveSuppliersFilterDates span {
    position: relative;
    top: -2px !important;
}



.loginContainer .input-wrapper input {
    width: 100%;
    padding: 0 15% 0 5%;
    height: 47px;
    border: none;
    text-align: right;
    border-left: 1px solid #bec0c2 !important;
    border-bottom: 1px solid #bec0c2;
    margin-bottom: 1px;
    border-radius: 3px 3px 0 0;
    font-size: 1.2em;
}

.aletrsDots {
    position: absolute;
    background: #ffffff00;
    width: 18%;
    height: 98px;
    left: 0;
    top: 0;
    float: left;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.bafoCell .aletrsDots span {
    position: static !important;
}



.aletrsDots span {
    position: static !important;
}

md-option {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
    padding: 0 16px 0 16px;
    height: 30px;
}

input[name="hfld_Password_repeat"] {
    text-align: left !important;
}

div .directions.colorBlack {
    color: #666 !important;
    font-weight: normal;
}

body[ng-controller="SuppliersBookSupplierController"] div#customer-banner {
    display: none;
}

body[ng-controller="SuppliersBookSupplierController"] table.suppliersBook input {
    display: none !important;
}

label.PartailOrder {
    color: red !important;
    float: right !important;
    margin-right: 19px !important;
}

.PartailOrder {
    color: red !important;
    float: right !important;
    margin-right: 19px !important;
}


/*.md-select-menu-container{
    position:absolute;
}*/

div[ng-controller="RestoreResponseController"] input {
    direction: ltr !important;
}

div#DesktopPopupCancelProject.invitedUserModal {
    margin-right: calc(50% - 246px) !important;
}

    div#DesktopPopupCancelProject.invitedUserModal p.introTitle.introTitleReg {
        margin-top: 15px;
    }

.modalAsrtriks {
    position: absolute;
    right: 0;
    top: 0;
}

label.budgetButton.redbudgetButton {
    background: red;
}

label.budgetButton.graybudgetButton {
    background: gray;
}

label.budgetButton.greenbudgetButton {
    background: #7abf19;
}

label.budgetButton {
    width: 130px;
    display: inline-block;
    font-size: 13px;
    /*float: right;*/
    text-align: center;
    color: white;
    height: 29px;
    line-height: 29px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
    /*margin-right: 35px;*/
    /*left: -45px;
    position: relative;*/
}

    label.budgetButton[ng-show="showPage == 4 && r.CloseBudgetLimitation && r.CanWatch==true"] {
        left: 0;
    }

.showanswers.rfqLockedFirstLine {
    position: relative;
    left: -29px;
}

.budgetButton.rfqLockedContinueButton {
    position: relative;
    left: -95px;
}

.budgetButton.rfqLockedTookoverButton {
    position: relative;
    left: -9px;
}


button.cancelLimitButton {
    background: #7abf19;
    border: 0;
    width: 120px;
    height: 30px;
    border-radius: 5px;
    color: white;
}

span.statusLimit {
    display: block;
    text-align: center;
    font-weight: bold !important;
    color: black;
}

.limitationPopup .modal-header {
    float: left;
}

.modal .limitationPopup .modal-footer {
    padding-bottom: 20px;
    text-align: center;
}

span.limitationManager {
    display: block;
    margin-top: 25px;
    font-size: 15px;
    text-align: center;
}

.limitationPopup p.introTitle.redText {
    font-size: 27px;
}

.limitationPopup .modalLockedBoxTable {
    width: 100%;
}

span.statusLimit.approvedText {
    color: #4299f7;
}

button.approveLimitationButton {
    float: left;
    background: #7abf19;
    border: 0;
    width: 170px;
    height: 30px;
    border-radius: 5px;
    color: white;
}


button.takeResponebilityButton {
    float: right;
    background: red;
    border: 0;
    width: 170px;
    height: 30px;
    border-radius: 5px;
    color: white;
}

td.semiTitle {
    color: #4299f7;
}

span.showanswers.closeHazmanot {
    width: 113px;
    height: 30px;
    background: #4299f7;
    color: white;
    display: inline-block;
    border-radius: 50px;
    line-height: 30px;
    font-size: 14px;
    margin-left: -8px;
    margin-bottom: 0px;
    position: relative;
    left: 35px;
}

td.overallRating {
    font-size: 31px;
    text-align: center;
    padding-top: 39px !important;
    color: #4299f7;
    font-weight: bold !important;
}

.messagesTable {
    width: 100% !important;
    margin: 0;
}

p.singleMessage {
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 5px;
    height: 40px;
    padding-top: 10px;
    text-align: right;
}

span.fromUserCompanyName, span.fromUserName, span.SentDateTime {
    display: inline-block;
    width: 170px;
    height: 100%;
    text-align: center;
}

span.messageSingle {
    display: inline-block;
    width: calc(100% - 620px);
}

p.bottomSentence {
    color: #666 !important;
}

p.formDescription {
    width: 490px;
    margin: 0 auto;
    font-weight: bold;
    color: black;
    font-size: 13px;
    text-align: center;
}

ul.buttons {
    display: flex;
    justify-content: space-between;
}

.data-buttons.messagesTo, .data-buttons.messagesForm {
    /*display: block !important;*/
    display: block;
    text-align: right;
    padding: 20px 30px;
    height: auto !important;
}

span.labelMessage {
    min-width: 93px;
    display: inline-block;
}

.messagesTo textarea.messageData, .messagesForm textarea.messageData {
    width: 800px;
    height: 70px;
    border: 1px solid #555;
    border-radius: 10px;
    resize: none;
}

button.sendMessage {
    background: #57b1ea;
    color: white;
    border: 0;
    width: 150px;
    height: 40px;
    border-radius: 50px;
    margin-right: calc(100% - 150px);
    margin-top: 14px;
}

.data-buttons.messagesTo, .data-buttons.messagesForm {
    display: block;
    text-align: right;
    padding: 0;
    height: auto;
    background: #e6e6e6;
}


.errorWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    height: calc(91vh - 110px);
}

    .errorWrapper a {
        margin-top: 35px;
        display: inline-block;
        width: 150px;
        background: #1591cf;
        text-align: center;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
        text-decoration: none;
        color: white;
        border-radius: 10px;
    }

h3.errorTitle {
    margin-top: 0;
    text-align: center;
}

h1.errorTitle {
    color: #58595b;
    font-size: 46px;
    text-align: center;
}

h3.errorTitle {
    color: #58595b;
    font-size: 30px;
}



span.showanswers.locked.pageTwo {
    left: 0 !important;
}

span.isUrgent.ng-scope {
    position: relative;
    left: -70px;
    top: 6px;
}

input.BoldInput {
    font-weight: bold;
}

.disabledSelecet,
.disabledSelecet md-select-value,
.disabledSelecet div.md-text {
    pointer-events: none !important;
    cursor: default !important;
    opacity: 1 !important;
    color: silver !important;
}

.modal .LockProjectModal .intro {
    float: none;
}

.limitationPopup .modalLockedBoxTable th,
.limitationPopup .modalLockedBoxTable td,
.LockProjectModal .modalLockedBoxTable th,
.LockProjectModal .modalLockedBoxTable td {
    padding: 2px 7px !important;
    text-align: right;
}

    .limitationPopup .modalLockedBoxTable th:last-child,
    .limitationPopup .modalLockedBoxTable td:last-child {
        width: 190px;
    }

.LockProjectModal .modal-footer {
    text-align: center;
}

.LockProjectModal button.endAddItems {
    margin: 0 30px;
    height: 40px;
    line-height: initial;
    width: 110px;
}

.LockProjectModalInlineTitle {
    display: inline;
    text-align: right;
}

.LockProjectModalInfo {
    text-align: right;
}

#DesktopPopupLimitedProject {
    max-width: 1000px;
}

.loading-content {
    margin: 15% auto;
    width: 100%;
    min-width: 300px;
    max-width: 800px;
    text-align: center;
    height: 100%;
    min-height: 4em;
    max-height: 9em;
    font-size: 3em;
    display: none;
}

/******************************************/
/*          Pagination                    */
/******************************************/
button.pageButton {
    /*width: auto;*/
    padding: 6px 12px;
    line-height: 1.42857143;
}

    button.pageButton.active,
    button.pageButton:hover {
        background-color: #3F51B5;
        color: #fff;
    }

    button.pageButton.disabled,
    button .pageButton.disabled:hover {
        cursor: not-allowed;
        background-color: rgb(221, 221, 221);
        color: rgb(112, 112, 112);
    }

/*************************************/
/*          RFQ supplier book link   */
/*************************************/
div#sefersapakimRFQ {
    float: left;
    background-image: url(../images/iconBook.png);
    height: 60px;
    line-height: 95px;
    background-position: center 10%;
    background-repeat: no-repeat;
    color: #3f95f0;
    cursor: pointer;
    position: relative;
    top: -20px;
}

p.formDescription b {
    font-weight: 900 !important;
}

#matrixTbl input[type=number].ng-invalid {
    color: red;
}

.redTextAll * {
    color: red !important;
}

.ng-hide {
    display: none !important;
}

#secondTabPropAnswer .tdItemName .hoverTooltip {
    top: -35px;
}

#proposelAnswersDiv .step4Utils.center-block {
    text-align: center;
}

    #proposelAnswersDiv .step4Utils.center-block button {
        margin: auto -5px;
    }


.TenderSummaryReport {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 175px;
}


.TenderSummaryReport-right {
    background: #ededed;
    border-radius: 0 25px 25px 0;
    flex: 3 1 auto;
    margin-left: 5px;
    display: flex;
    align-items: center;
}

.TenderSummaryReport-left {
    display: flex;
    flex: 1 10 235px;
    flex-direction: column;
}

.TenderSummaryReport-leftTop {
    background: #7ac019;
    border-radius: 25px 0 0 0;
    flex: 1 1 50%;
    margin-bottom: 5px;
}

.TenderSummaryReport-leftBottom {
    background: #a6a6a6;
    border-radius: 0 0 0 25px;
    flex: 1 1 50%;
    padding-top: 1.5em;
}

.TenderSummaryReport-left .DateText {
    margin-right: -2em;
}

.TenderSummaryReport-block {
    min-height: 75px;
    flex: 1 0 auto;
    border-left: 1px solid #9ac6f4;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 25px 0;
}

    .TenderSummaryReport-block .TenderSummaryReport-block-title {
        font-size: 16px;
        margin-bottom: 0.5em;
    }

.TenderSummaryReport-under-block-title {
    font-weight: bold;
    color: black;
}

.TenderSummaryReport-under-block-title-value {
    font-size: 125%;
}

.TenderSummaryReport-block:last-of-type {
    border-left: none;
}

.mr-auto {
    margin-right: auto;
}

button.printButton {
    background: none;
    border: 0;
}

button.md-primary.md-confirm-button.md-button.md-autofocus.md-ink-ripple.md-default-theme,
.md-button.md-default-theme.md-primary, .md-button.md-primary,
.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    color: white;
    background: #7abf19;
    line-height: 4px;
    border-radius: 32px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    margin-bottom: 10px;
}

span.editMatrixNameSave {
    display: inline-block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    color: white;
    font-weight: bold !important;
    background: #7abf19;
    padding: 0 35px;
    border-radius: 50px;
}

span.editMatrixNameCancel {
    background: red;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 50px;
    color: white;
    font-weight: bold;
}

.btn {
    border-radius: 50px;
}

    .btn.btn-accept {
        background: #7abf19;
        color: white;
    }

    .btn.btn-reject {
        background: #ff9a37;
        color: white;
    }

    .btn.btn-round-left {
        border-radius: 50px 0 0 50px;
    }

    .btn.btn-round-right {
        border-radius: 0 50px 50px 0;
    }
/*
* added by dotan staraight to Master branch
*/
#reservationEdit td.emptyspace {
    width: auto !important;
    text-align: center !important;
}

@media screen and (min-width: 769px) {
    .hideInDesktop {
        display: none !important
    }
}

@media screen and (max-width: 768px) {
    .hideInMobile, li.circletab.hideInMobile {
        display: none !important;
    }

    .data-text {
        height: auto !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .data-text div {
            width: 100% !important;
            border-right: 0 !important;
        }

    .buttonRow {
        background: #f2f2f2;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 15px 0;
    }

    span.showanswers, span.showanswersgreen {
        width: 80% !important;
    }

    ul.tabs {
        flex-direction: row;
        flex-wrap: wrap;
    }

    li.circletab {
        width: 48% !important;
        display: flex !important;
        flex-direction: row;
        margin: 0;
        height: auto !important;
        border: 0;
    }

        li.circletab .innerdiv {
            text-align: center;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100% !important;
        }

        li.circletab span.numbers, li.circletab.active span.numbers {
            display: inline-block;
            width: 30px !important;
            height: 30px !important;
            min-width: 30px !important;
            min-height: 30px !important;
            margin: 0 auto;
            text-align: center;
            border-radius: 50%;
            font-size: 19px !important;
            padding: 0px 0 !important;
        }

            li.circletab span.numbers img {
                width: 70%;
            }

    span.texttab {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        margin-right: 5px !important;
        font-size: 15px !important;
    }

    .messagesTo textarea.messageData, .messagesForm textarea.messageData {
        width: 90px !important;
        min-width: 90px !important;
    }

    span.borderedMessage.borderedMessageMessage {
        max-width: 300px;
        min-width: 100px;
        margin: 0 25px;
    }

    header {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        height: 68px !important;
    }

    .nrbutton {
        margin-left: 15px !important;
    }

    .mobileWrapper {
        background: #7749a3;
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 9;
        top: 0;
        right: -100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: 0.5s all;
    }

        .mobileWrapper.activeMenu {
            right: 0;
            transition: 0.5s all;
        }

    ul.menu-list {
        list-style: none;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        /* justify-content: space-between; */
        align-items: center;
        margin: 0;
        flex-direction: column;
    }

    ul.menu-list {
        list-style: none;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        /* justify-content: space-between; */
        align-items: center;
        margin: 0;
        flex-direction: column;
        margin-top: 25px;
    }

    li.menu-item {
        width: 100% !important;
        height: 60px !important;
        display: flex !important;
        border-bottom: 1px solid black !important;
        justify-content: flex-start !important;
        padding-right: 80px;
        margin: 0 !important;
        box-sizing: border-box !important;
        align-items: center !important;
        background-position: 93% center !important;
        background-size: 26px !important;
    }

        li.menu-item a {
            color: white !important;
            margin: 0 !important;
        }

    div#userdata {
        width: 100%;
        border-left: 0;
        height: auto !important;
        border-bottom: 1px solid black;
        margin: 0;
        padding-right: 80px !important;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        background: #311948;
    }

    .usertext {
        height: auto;
        width: 100%;
    }

    .suppliersUserData p.companyName {
        position: static;
    }

    span.greeting {
        margin-bottom: 4px;
        display: inline-block;
        margin-top: 0;
        font-weight: bold !important;
    }

    .mobileToggle {
        height: 68px;
        width: 80px;
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: 0.5s all;
        background: #7749a3;
    }

        .mobileToggle.activeMenu {
            background: #311948;
            transition: 0.5s all;
        }

        .mobileToggle span {
            display: block;
            background: white;
            height: 3px;
            width: 50%;
            margin: 5px auto;
        }

    div.username {
        margin-right: 14px;
        font-weight: bold;
        font-size: 1.6rem;
        white-space: nowrap;
        margin-bottom: 0;
        font-weight: normal !important;
        position: static;
    }

    #searchbar {
        float: right !important;
        height: auto;
        display: flex;
        align-items: center;
        padding-right: 0;
        margin-top: 15px;
        width: 100%;
    }

    div#search-project {
        width: 100%;
    }

    div#searchbar div#search-project_dropdown {
        width: 76%;
        position: absolute;
        white-space: nowrap;
        background: white;
        max-height: 300px;
        z-index: 99999999;
        direction: ltr;
        left: 12%;
        overflow-x: hidden;
        border: 1px solid #3f95f0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    div#searchbar input#search-project_value {
        border-radius: 50px;
        border: 1px solid #3f95f0;
        background-image: url(../images/iconSearch.png);
        background-repeat: no-repeat;
        background-position: 10% center;
        padding-right: 20px;
        width: 80% !important;
        margin: 0 auto !important;
    }

    #mainmenu {
        float: none !important;
        height: auto;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    ul.pageMenu.pageMenuSA {
        float: left;
        position: relative;
        left: 0;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
    }

    .pageMenu.pageMenuSA li:first-child {
        border-right: solid 1px #7ac019;
        border-radius: 0;
    }

    .pageMenu.pageMenuSA li:last-child {
        border-radius: 0;
    }

    .RFQ .pageMenu li {
        width: 100% !important;
    }

    textarea#supplierGeneralComments {
        width: 100% !important;
    }

    .mobileTable {
        overflow-y: scroll;
    }

    .RFQ .step4bot > .col-sm-4:after, .RFQ .step4bot > .col-sm-5:after {
        display: none !important;
    }

    .RFQ .step4bot {
        margin: 0 -15px;
        width: 100% !important;
        border-top: solid 1px #4095f0;
        height: auto !important;
    }

        .RFQ .step4bot > .col-sm-3 {
            margin-top: 0;
            padding-top: 26px;
            text-align: center;
            height: auto;
        }

    .step4bot .col-sm-4 {
        margin-top: 0px;
        height: auto !important;
        display: inline-block;
    }

    .RFQ .timeLeft {
        border-right: 0;
        width: 175px;
        height: auto !important;
        display: flex;
    }

    #sendQuotation .col-sm-5 {
        border-radius: 0 !important;
        padding: 70px 20px 65px 30px !important;
    }

    #sendQuotation .col-sm-7 {
        background: #e0e0e0;
        min-height: 200px;
        border-radius: 0 !important;
        padding: 30px 20px 65px 20px;
    }

    div#sendQuotation .modal-dialog {
        width: 95% !important;
    }

    #sendQuotation textarea {
        width: 100% !important;
    }

    #sendQuotation .elipseWhite.OnWhite {
        width: 93% !important;
    }

    .RFQ .step4bot > .col-sm-5 {
        margin-top: 0;
        padding-top: 23px;
        padding-right: 15px !important;
    }
}

.showanswersgray {
    width: 113px;
    background: rgb(111 104 104 / 0.79);
    color: white;
    border-radius: 50px;
    line-height: 30px;
    font-size: 16px;
    margin-left: 15px;
    margin-bottom: 0;
    box-shadow: none;
    outline: none;
    padding: 0;
    height: 40px;
    border: none;
}

.scroll550px {
    height:550px;
    overflow-y:auto;
}

    .scroll550px table {
        position: relative;
    }

        .scroll550px table th {
            position: sticky;
            top: 0; /* Don't forget this, required for the stickiness */
        }