@import url("redesign2018.css");


body {
    font-weight: normal;
    color: #555555; /* #676767*/
}

fieldset {
    border: 1px solid silver;
    border-radius: 5px;
}

::-webkit-input-placeholder {
    color: #626262;
}

::-moz-placeholder {
    color: black;
}

:-ms-input-placeholder {
    color: #626262;
}

input {
    font-weight: normal;
    font-size: 1em;
}

.centeredCheckbox input[type=checkbox] {
    vertical-align: middle;
}

.topCheckbox input[type=checkbox] {
    vertical-align: top;
    padding-right: 0px;
}

.inputLtr {
    direction: ltr;
    text-align: left;
}

a {
    font-weight: normal; /*font-size: 1em;*/
    border: 0px;
    color: #06457b;
}

select, textarea {
    font-weight: normal;
    font-size: 1em;
}

.regularBoldText {
    font-size: 1em;
    font-weight: bold;
    color: #555555; /* #676767*/
}

H1 {
    font-weight: bold;
    font-size: 1.6em; /* 20 px*/
    color: #1B76B6;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

.H1UnderLine {
    background-color: #d7d7d7;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 13px;
    width: 100%;
    height: 1px;
}

H2 {
    font-weight: bold;
    font-size: 1.16em; /* 14 px*/
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

.H2Style {
    font-weight: bold;
    font-size: 1.16em; /* 14 px*/
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

.H2Link {
    font-size: 1.16em;
    font-weight: bold;
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;
}

H3 {
    font-weight: bold;
    font-size: 1em; /* 12 px*/
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

.H3Style {
    font-weight: bold;
    font-size: 1em; /* 12 px*/
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}
/* accessibility - change H3 text that aren't headers to the following class: */
.boldInstruction {
    font-weight: bold;
    font-size: 1em; /* 12 px*/
    color: #06457b;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

.boldInstructionWithLink {
    font-weight: bold;
    font-size: 1em; /* 12 px*/ /*	color: #06457b;*/
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

    .boldInstructionWithLink a {
        font-weight: bold;
        font-size: 1em; /* 12 px*/
        color: #06457b;
        margin-top: 10px;
        margin-bottom: 8px;
        display: inline-block;
    }

H4 /*sub title*/ {
    font-size: 1em; /* 12 px*/
    color: #767676;
    margin: 0px;
    display: inline;
    font-weight: normal;
}

.H4Style {
    font-size: 1em; /* 12 px*/
    color: #767676;
    margin: 0px;
    display: inline;
    font-weight: normal;
}

H5 /*error*/ {
    font-size: 1em; /* 12 px*/
    font-weight: bold; /*    color: #ff0000;*/
    color: #e10d0d;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.boldMainErrorMessage /*error - accessibility - change H5 text that aren't headers to the following class: */ {
    font-size: 1em; /* 12 px*/
    font-weight: bold; /*    color: #ff0000;*/
    color: #e10d0d;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.searchButton {
    overflow: hidden;
    border-radius: 5px;
    min-height: 20px;
    display: inline-block;
    border: 1px solid #bdbdbd;
}

    .searchButton input {
        border: 1px solid #bdbdbd;
        background-color: #e4e4e4;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
        background: -moz-linear-gradient(top, #ffffff, #e4e4e4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');
        color: #474747;
        padding: 3px 7px 3px 7px;
        height: 100%;
        width: 100%;
    }

        .searchButton input:hover {
            border: 1px solid #636363;
            background-color: #e4e4e4;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
            background: -moz-linear-gradient(top, #ffffff, #e4e4e4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');
            color: #131313;
        }

        .searchButton input:active {
            border: 1px solid #636363;
            background-color: #ffffff;
            background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ffffff));
            background: -moz-linear-gradient(top, #e4e4e4, #ffffff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff');
            color: #131313;
        }

.buttonClass {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    border-radius: 5px;
    min-height: 20px;
    min-width: 50px;
}

    .buttonClass input {
        width: 100%;
        border-radius: 5px;
        border: solid 1px #bdbdbd;
        background-color: #e4e4e4;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
        background: -moz-linear-gradient(top, #ffffff, #e4e4e4);
        background: -o-linear-gradient(top, #ffffff, #e4e4e4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');
        color: #474747;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 20px;
    }

        .buttonClass input:hover {
            border: 1px solid #636363;
            background-color: #e4e4e4;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
            background: -moz-linear-gradient(top, #ffffff, #e4e4e4);
            background: -o-linear-gradient(top, #ffffff, #e4e4e4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');
            color: #131313;
        }

        .buttonClass input:active {
            border: 1px solid #636363;
            background-color: #ffffff;
            background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#ffffff));
            background: -moz-linear-gradient(top, #e4e4e4, #ffffff);
            background: -o-linear-gradient(top, #e4e4e4, #ffffff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#ffffff');
            color: #131313;
        }

/*
.grayButton
{
	overflow: hidden;
	border-radius: 5px;
	min-width: 95px;
	min-height: 20px;
}
.grayButton input
{
	border: 1px solid #707070;
	background-color: #707070;
	background: -webkit-gradient(linear, 0% 0% , 0% 100%, from(#707070), to(#5c5c5c));
	background: -moz-linear-gradient(top,  #707070,  #5c5c5c);
	background: -o-linear-gradient(top, #707070, #5c5c5c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#5c5c5c');
	color: #ffffff;
	padding: 3px 10px 3px 10px;
	height: 100%;
	width: 100%;
}
.grayButton input:hover
{
	border: 1px solid #5a5a5a;
	background-color: #5a5a5a;
	background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#494949));
	background: -moz-linear-gradient(top,  #5a5a5a,  #494949);
	background: -o-linear-gradient(top, #5a5a5a, #494949);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#494949');
}
.grayButton input:active
{
	border: 1px solid #494949;
	background-color: #494949;
	background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#5a5a5a));
	background: -moz-linear-gradient(top,  #494949,  #5a5a5a);
	background: -o-linear-gradient(top, #494949, #5a5a5a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#5a5a5a');
}


.blueButton
{
	overflow: hidden;
	border-radius: 5px;
	min-width: 95px;
	min-height: 20px;
}
.blueButton input
{
	border: 1px solid #007dc6;
	background-color: #007dc6;
	background: -webkit-gradient(linear, 0% 0% , 0% 100%, from(#007dc6), to(#0067a3));
	background: -moz-linear-gradient(top,  #007dc6,  #0067a3);
	background: -o-linear-gradient(top, #007dc6, #0067a3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc6', endColorstr='#0067a3');
	color: #ffffff;
	padding: 3px 10px 3px 10px;
	height: 100%;
	width: 100%;
}
.blueButton input:hover
{
	border: 1px solid #026ead;
	background-color: #026ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#026ead), to(#02588b));
	background: -moz-linear-gradient(top,  #026ead,  #02588b);
	background: -o-linear-gradient(top, #026ead, #02588b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026ead', endColorstr='#02588b');
}
.blueButton input:active
{
	border: 1px solid #02588b;
	background-color: #02588b;
	background: -webkit-gradient(linear, left top, left bottom, from(#02588b), to(#026ead));
	background: -moz-linear-gradient(top,  #02588b,  #026ead);
	background: -o-linear-gradient(top, #02588b, #026ead);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02588b', endColorstr='#026ead');
}

*/

/* now blue button is orange, "next", changed by Batsheva 29/7/2013 */
.blueButton {
    overflow: hidden;
    border-radius: 5px;
    min-width: 95px;
    min-height: 20px;
}

    .blueButton input {
        border: 2px solid #2E7C35;
        background-color: #3C7E41;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C7E41), to(#24642A));
        background: -moz-linear-gradient(top, #3C7E41, #24642A);
        background: -o-linear-gradient(top, #3C7E41, #24642A);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7E41', endColorstr='#24642A');
        color: white;
        padding: .5em 1em;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

        .blueButton input:hover {
            border: 2px solid #2E7C35;
            background-color: #3C7E41;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#256329), to(#104916));
            background: -moz-linear-gradient(top, #3C7E41, #24642A);
            background: -o-linear-gradient(top, #3C7E41, #24642A);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7E41', endColorstr='#24642A');
        }

        .blueButton input:active {
            border: 1px solid #3C7E41;
            background-color: #3C7E41; /*background: -webkit-gradient(linear, left top, left bottom, from(#ce7e01), to(#f28902));  background: -moz-linear-gradient(top,  #ce7e01,  #f28902);  background: -o-linear-gradient(top, #ce7e01, #f28902);*/
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7E41', endColorstr='#265029');
        }

        .grayButton input:focus, .blueButton input:focus {
            border-color: black;
            border-width: 2px;
            box-shadow: 0 0 8px white inset;
        }

/* now gray button is blue!!!, "back", changed by Batsheva 29/7/2013 */
.grayButton {
    overflow: hidden;
    border-radius: 5px;
    min-width: 95px;
    min-height: 20px;
}

    .grayButton input {
        border: 2px solid #007dc6;
        background-color: #007dc6;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007dc6), to(#0067a3));
        background: -moz-linear-gradient(top, #007dc6, #0067a3);
        background: -o-linear-gradient(top, #007dc6, #0067a3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc6', endColorstr='#0067a3');
        color: #ffffff;
        padding: .5em 1em;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

        .grayButton input:hover {
            border: 2px solid #026ead;
            background-color: #026ead;
            background: -webkit-gradient(linear, left top, left bottom, from(#026ead), to(#02588b));
            background: -moz-linear-gradient(top, #026ead, #02588b);
            background: -o-linear-gradient(top, #026ead, #02588b);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026ead', endColorstr='#02588b');
        }

        .grayButton input:active {
            border: 1px solid #02588b;
            background-color: #02588b;
            background: -webkit-gradient(linear, left top, left bottom, from(#02588b), to(#026ead));
            background: -moz-linear-gradient(top, #02588b, #026ead);
            background: -o-linear-gradient(top, #02588b, #026ead);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02588b', endColorstr='#026ead');
        }


.rightArrow {
    background-color: transparent;
    background-image: url('Icons/Arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.printButton {
    background-image: url('../images/Print.png');
    background-repeat: no-repeat;
    background-position: inherit;
    width: 27px;
    height: 23px;
    border: 0px none;
    padding-left: 5px;
    font-size: 0.5em;
    vertical-align: top;
}

    .printButton:hover {
        background-image: url('../images/Print_MO.png');
    }

    .printButton:active {
        background-image: url('../images/Print_P.png');
    }

.saveButton {
    background-image: url('../images/Save.png');
    background-repeat: no-repeat;
    background-position: inherit;
    width: 27px;
    height: 23px;
    border: 0px none;
    vertical-align: top;
}

    .saveButton:hover {
        background-image: url('../images/Save_MO.png');
    }

    .saveButton:active {
        background-image: url('../images/Save_P.png');
    }

.closeButton {
    background-image: url('../images/Close_Large.png');
    background-repeat: no-repeat;
    background-position: inherit;
    width: 27px;
    height: 23px;
    border: 0px none;
    padding-left: 5px;
}

    .closeButton:hover {
        background-image: url('../images/Close_Large_MO.png');
    }

    .closeButton:active {
        background-image: url('../images/Close_Large_P.png');
    }

.viewButton {
    background-image: url('../images/View_Normal.png');
    background-repeat: no-repeat;
    background-position: inherit;
    background-color: transparent;
    width: 16px;
    height: 10px;
    border: 0px none;
    vertical-align: middle;
}

    .viewButton:hover {
        background-image: url('../images/View_Over.png');
    }

.editButton {
    background-image: url('../images/edit-normal.png');
    background-repeat: no-repeat;
    background-position: inherit;
    background-color: transparent; /*width: 16px; 	height: 10px;*/
    border: 0px none;
    vertical-align: middle;
}

    .editButton:hover {
        background-image: url('../images/edit-over.png');
        cursor: pointer;
    }

.deleteButton {
    background-image: url('../images/delete_normal.png');
    background-repeat: no-repeat;
    background-position: inherit;
    background-color: transparent;
    /*width: 16px; 	height: 10px;*/
    border: 0px none;
    vertical-align: middle;
    width: 18px;
}

    .deleteButton:hover {
        background-image: url('../images/delete_over.png');
        cursor: pointer;
    }

.deleteRowButton {
    background-image: url(../images/close_line.png);
    border-bottom: 0px;
    border-left: 0px;
    background-color: transparent;
    width: 16px;
    background-repeat: no-repeat;
    height: 16px;
    vertical-align: middle;
    border-top: 0px;
    border-right: 0px;
}

    .deleteRowButton:hover {
        background-image: url(../images/close_line.png);
        cursor: pointer;
    }

.inputTable {
    border-collapse: separate;
    border-spacing: 0px;
}

    .inputTable th, .inputTable td {
        padding: 15px 0px 0px 0px;
        margin: 0px;
    }

    .inputTable th {
        font-weight: normal;
        text-align: right;
    }

    .inputTable td {
        padding-right: 10px;
    }

    .inputTable input[type="tel"] {
        border: 1px solid #d7d7d7;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
        background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
        color: #676767;
        padding: 2px 7px 2px 7px;
    }

    .inputTable input[type="text"] {
        border: 1px solid #d7d7d7;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
        background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
        color: #676767;
        padding: 2px 7px 2px 7px;
    }

    .inputTable input[type="password"] {
        border: 1px solid #d7d7d7;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
        background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
        color: #676767;
        padding: 2px 7px 2px 7px;
    }

    .inputTable select {
        padding: 1px;
        border: 1px solid #d7d7d7;
        background-color: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
        background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
        color: #676767;
    }

.width4p2em {
    width: 4.2em;
}

.width6p5em {
    width: 6.5em;
}

.width9p4em {
    width: 9.4em;
}

.width10em {
    width: 10em;
}

.width11em {
    width: 11em;
}

.width12em {
    width: 12em;
}

.width13em {
    width: 12em;
}

.width14em {
    width: 14em;
}

.width16em {
    width: 16em;
}

.width18em {
    width: 18em;
}

.width20em {
    width: 20em;
}

.width130px /* in mobile width is changed to wider */ {
    width: 130px;
}

.width150px /* in mobile width is changed to wider */ {
    width: 150px;
}

.width170px {
    width: 170px;
}

.width210px {
    width: 210px;
}

.width500px {
    width: 500px;
}

.inputDivTable {
}

.inputDivRow {
    display: table-row;
}

.inputDivHeaderCell {
    padding: 15px 0px 0px 0px;
    margin: 0px;
    display: table-cell;
    font-weight: normal;
    text-align: right;
}

.LongHeader {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.inputDivCell {
    padding: 15px 10px 0px 0px;
    margin: 0px;
    display: table-cell;
}

.inputDivErrorCell {
    padding: 15px 10px 0px 0px;
    margin: 0px;
    display: table-cell;
    min-width: 50px;
}

.inputDivRemarkCell {
    padding: 0px 10px 0px 0px;
    margin: 0px;
    display: table-cell;
}

.inputDivTable input[type="tel"] {
    border: 1px solid #d7d7d7;
    background-color: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
    background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
    color: #676767;
    padding: 2px 7px 2px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inputDivTable input[type="text"] {
    border: 1px solid #d7d7d7;
    background-color: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
    background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
    color: #676767;
    padding: 2px 7px 2px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inputDivTable input[type="password"] {
    border: 1px solid #d7d7d7;
    background-color: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
    background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
    color: #676767;
    padding: 2px 7px 2px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inputDivTable input[type="checkbox"] {
    padding-right: 0px;
}

.inputDivTable select {
    padding: 1px;
    border: 1px solid #d7d7d7;
    background-color: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fefefe));
    background: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe');
    color: #676767;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.IAgreeCheckbox {
    padding-right: 0px;
}

    .IAgreeCheckbox input[type="checkbox"] {
        /*padding-right: 3px;*/
        padding-right: 0px;
        margin-right: 0px;
        vertical-align: top;
    }

.tableCell {
    display: table-cell;
}

.infoTable {
    border-collapse: separate;
    border-spacing: 0px;
}

    .infoTable th, .infoTable td {
        padding: 10px 0px 0px 0px;
        margin: 0px;
    }

    .infoTable th {
        font-weight: normal;
        text-align: right;
    }

    .infoTable td {
        font-weight: bold;
        padding-right: 10px;
    }

/*
.infoDivTable
{
	border-collapse: separate;
	border-spacing: 0px;
}
*/
.infoDivTable {
}

.infoDivRow {
    display: table-row;
}
/*
.infoDivTable th, .infoDivTable td
{
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.infoDivTable th
{
	font-weight: normal;
	text-align: right;
}
.infoDivTable td
{
	font-weight: bold;
	padding-right: 10px;
}
*/
.infoDivHeaderCell {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    display: table-cell;
    font-weight: normal;
    text-align: right;
}

    .infoDivHeaderCell label {
        font-weight: normal;
        text-align: right;
    }

.infoDivCell {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    display: table-cell;
    font-weight: bold;
}

    .infoDivCell label {
        font-weight: bold;
        padding-right: 10px;
    }

p.info {
    line-height: 200%;
    padding: 0px 0px 18px 0px;
    margin: 0px;
}

    p.info + h2 {
        line-height: 200%;
        padding: 0px 0px 3px 0px;
        margin: 0px;
    }

.ErrorControl {
    /*    border-color: #ff0000 !important;*/
    border-color: #e10d0d !important;
}

.CheckboxErrorControl input {
    /*    border: 1px solid #ff0000 !important;*/
    border: 1px solid #e10d0d !important;
}

.ErrorLabel {
    /*    color: #ff0000;*/
    color: #e10d0d;
}
/*                
        .ContentLabel
        {
        	font-weight:bold;
			min-width:120px;
			display:inline-block;
			font-weight:bold;
        }*/
.RemarkLabel {
    color: #606060;
    display: inline-block;
}

.listOneLine td {
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 0px;
}

.listOneLine th {
    padding-top: 0px;
}

.listOneLine label, .listOneLabel input {
    vertical-align: middle;
}

.listOneLine input {
    padding-right: 0px;
}

.listOneLineDivs {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

    .listOneLineDivs td {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .listOneLineDivs th {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
    }

    .listOneLineDivs label, .listOneLabel input {
        /*vertical-align: middle;*/
    }

    .listOneLineDivs input {
        padding-right: 0px;
        margin-right: 0px;
        padding-left: 3px;
    }

    .listOneLineDivs td:nth-child(1) {
        width: 9.4em;
    }

    .listOneLineDivs td:nth-child(2) {
        width: 130px;
    }

.RadioButtonlist td {
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 2px;
    display: flex;
    align-items: flex-start;
}

.RadioButtonlist th {
    padding-top: 0px;
}

.RadioButtonlist label {
    vertical-align: top;
}

.RadioButtonlist input {
    padding-right: 0px;
    vertical-align: top;
}

.lightbox {
    background-color: white;
    -moz-background-clip: padding; /* Firefox 3.6 */
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
    border: 6px solid rgba(7,56,105,0.15);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 250px;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

.addRowButton {
    background-image: url('../images/add.png');
    background-repeat: no-repeat;
    background-position: inherit;
    width: 25px;
    height: 22px;
    border: 0px none;
    padding-left: 5px;
}

.gridHeader {
    padding: 3px;
    color: #474747;
    min-height: 40px;
}

    .gridHeader th {
        border-collapse: separate;
        background-color: #e4e4e4;
        background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eaeaea));
        background: -moz-linear-gradient(top, #fdfdfd, #eaeaea);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea');
        background: -o-linear-gradient(top, #fdfdfd, #eaeaea);
        position: relative;
        z-index: -1;
        padding: 3px;
        border: 1px solid #c1c1c1;
        text-align: right;
    }

.gridRow {
    min-height: 30px;
}

    .gridRow td {
        padding: 3px;
        border: 1px solid #c1c1c1;
    }

    .gridRow th {
        padding: 3px;
        border: 1px solid #c1c1c1;
    }

.gridFooter {
    min-height: 30px;
    border: 1px solid #c1c1c1;
}

    .gridFooter td {
        padding: 3px;
        background-color: #f2f2f2;
    }

.gridTdBorder {
    border: 1px solid #c1c1c1;
}

.gridTdNoBorder {
    border: 0px;
}

.gridTdNoRightBorder {
    border-right: 0px;
}

.gridTdNoLeftBorder {
    border-left: 0px;
}

.gridSummaryTitle {
    font-size: 1em; /* 14 px*/
    color: #06457b;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.gridSummaryField {
    font-weight: bold;
    font-size: 1em; /* 14 px*/
    color: #06457b;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.SortImg {
    background-image: url(../images/Sort_Normal.png);
    width: 10px;
    height: 7px;
    display: inline-block;
}

    .SortImg:hover {
        background-image: url(../images/Sort_Over.png);
    }

    .SortImg:active {
        background-image: url(../images/Sort_Pressed.png);
    }

.SortUpImg {
    background-image: url(../images/SortUp_Normal.png);
    width: 10px;
    height: 7px;
    display: inline-block;
}

    .SortUpImg:hover {
        background-image: url(../images/SortUp_Over.png);
    }

    .SortUpImg:active {
        background-image: url(../images/SortUp_Pressed.png);
    }

.msg {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.msgLTR {
    direction: ltr;
    unicode-bidi: bidi-override;
    text-align: right;
}

.gridNoBorder {
    border: 0px;
}

    .gridNoBorder TR {
        border: 0px;
    }

    .gridNoBorder td {
        border: 0px;
    }

.infoExplanation {
    width: 81%;
}

.infoPicture {
    width: 19%;
}

.alignRight {
    text-align: right;
}

.summaryTable {
    padding: 3px;
    border-collapse: collapse;
    line-height: 1.5em;
    width: 100%;
    font-size: 0.75em;
}

    .summaryTable th {
        font-weight: bold;
        text-align: right;
    }

    .summaryTable td, .summaryTable th {
        border: 1px solid gray;
        padding-left: 4px;
        padding-right: 4px;
    }

.InfoList {
    padding-left: 0px;
    padding-right: 15px;
    line-height: 1.9em;
}

    .InfoList > li {
        list-style-type: disc; /*padding-bottom: 5px;*/
    }

.InlineBlock {
    display: inline-block;
}

/*style for Image add title  */


.link-img {
    background-image: url('../images/Print.png');
    background-repeat: no-repeat;
    background-position: inherit;
    width: 27px;
    height: 23px;
    border: 0px none;
    padding-left: 5px;
    font-size: 0.1em;
    color: White;
    overflow: hidden;
    border-radius: 5px;
}

    .link-img a {
        border: 1px solid #ff9001;
        background-color: #ff9001;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9001), to(#dd8700));
        background: -moz-linear-gradient(top, #ff9001, #dd8700);
        background: -o-linear-gradient(top, #ff9001, #dd8700);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9001', endColorstr='#dd8700');
        color: #ffffff;
        padding: 3px 10px 3px 10px;
        height: 100%;
        width: 100%;
    }

    .link-img a {
        background-image: url('../images/Print.png');
        background-repeat: no-repeat;
    }

        .link-img a:hover {
            background-image: url('../images/Print_MO.png');
        }

        .link-img a:active {
            background-image: url('../images/Print_P.png');
        }

    .link-img:hover a {
        margin: 7px 5px 0px -5px;
    }

        .link-img:hover a:hover {
            margin: 7px 0px 0px;
        }

a.LinkWithTooltipNotVisible {
    position: relative; /*z-index:24;*/
}

    a.LinkWithTooltipNotVisible span {
        position: absolute; /*left: -9000px;*/
        width: 0;
        overflow: hidden;
    }

a.LinkWithTooltip {
    position: relative; /*z-index:24;*/
}

    a.LinkWithTooltip span {
        position: absolute; /*left: -9000px;*/
        width: 0;
        overflow: hidden;
    }

    a.LinkWithTooltip:hover span, a.LinkWithTooltip:focus span, a.LinkWithTooltip:active span {
        display: block;
        position: absolute;
        top: 1.5em;
        left: 1em;
        width: 12em;
        border: 1px solid #0cf;
        background-color: #cff;
        color: #000;
        text-align: center;
    }

.visuallyhidden {
    position: absolute;
    width: 0;
    overflow: hidden;
}

.requiredField {
    display: inline-block;
    width: 0.3em;
    color: #E10D0D;
    vertical-align: top;
}


.divLinkSkipNavigation a {
    padding: 6px 12px 6px 12px;
    position: absolute;
    width: 0;
    overflow: hidden;
    color: white;
    z-index: -5;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
}

    .divLinkSkipNavigation a:focus {
        display: block;
        position: fixed !important;
        z-index: 100;
        top: 0em;
        right: 0em;
        width: auto;
        overflow: auto;
        font-weight: bold;
        font-size: 1.25em;
        background: #307136;
        outline: 0;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
    }

/* modal window */

.modalOverlay {
    width: 100%;
    height: 100%;
    z-index: 3; /* places the modal overlay between the main page and the modal dialog*/
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
}

.modalWindow {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: .5em;
    z-index: 4; /* places the modal dialog on top of everything else */
    position: fixed;
    top: 25%;
    left: 25%;
    display: none;
    border-radius: .5em;
    border-color: Gray;
    border-width: 3px;
    box-sizing: border-box;
    background: white;
}

    .modalWindow .modalWindow-header {
        padding: 0.5em 0.5em 0em 0.5em;
    }

        .modalWindow .modalWindow-header input[type=button] {
            float: left;
            text-decoration: none;
            margin: 0;
            font-size: 1.2em;
            background: #81b3d7;
            color: #fff;
            border-radius: 50%;
            font-weight: bolder;
            display: inline-block;
            width: 1.2em;
            height: 1.2em;
            line-height: 1.2em;
            text-align: center;
            padding: 0px !important;
            border: 0;
            transition: .2s ease;
        }

        .modalWindow .modalWindow-header h1 {
            text-align: center;
            font-size: 1.6em;
            padding: 0em 0em 0em .5em;
            margin-bottom: 0px;
        }

    .modalWindow .modalWindowContent {
        padding: 0px .6em 0em .6em;
    }

    .modalWindow .modalWindowButtons {
        float: left;
    }

    .modalWindow divModalConfirmationMsg {
        text-align: center;
        width: 100%;
    }

    .modalWindow .modalWindowButtons input {
        /*
            background: #bcdaef !important;
        background: -moz-linear-gradient(top, #d5ecfe 0, #b2d1e9 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5ecfe), color-stop(100%, #b2d1e9) ) !important;
        background: -webkit-linear-gradient(top, #d5ecfe 0, #b2d1e9 100%) !important;
        background: -o-linear-gradient(top, #d5ecfe 0, #b2d1e9 100%) !important;
        background: -ms-linear-gradient(top, #d5ecfe 0, #b2d1e9 100%) !important;
        background: linear-gradient(top, #d5ecfe 0, #b2d1e9 100%) !important;
        font-size: .9em;
        padding: .3em .5em;
        border: 1px solid #7baace;
        border-radius: 5px;
        color: #35556c;
        font-weight: bold;
        font-family: Arial, Simple-Line-Icons !important;
        text-indent: 0px !important;*/
        cursor: pointer;
        transition: .2s ease;
    }

/*.modalCloseButton {
    float: right;
    position: absolute;
    top: 10px;
    left: 92%;
    height: 25px;
}*/

.modalCloseButton img {
    border: 0;
}



/* ----------- SEND FILES ------------*/


.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody {
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
}

    .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody tr {
        width: calc(25% - 1em);
        margin: 0 .5em;
        box-sizing: border-box;
    }

    .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td {
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: auto;
        width: 100%;
        height: 100%;
        align-items: stretch;
        align-content: stretch;
        box-sizing: border-box;
    }

        .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td input {
            position: absolute;
            top: -8.8em;
            right: 0px;
        }

        .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label {
            padding: 1em;
            border-radius: .5em;
            border: 1px solid transparent;
            height: 100%;
        }

        .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label { /* border: #9E9E9E 1px solid; */
        }

       

        .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div > b {
            display: block
        }


        .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div {
            display: flex !important;
            flex-direction: column;
            width: 100%!important;
            position: relative;
            padding: 130px 1em 1em;
            right: -1em;
            border-radius: .5em;
            border: 2px solid transparent;
            min-height: 11em;
            transition:.2s ease;
            cursor:pointer;
        }

.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div:hover {background:aliceblue; transition:.2s ease;}

 .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div:before {content:"";display:block;position:absolute;width:120px;height:120px;top: 0.7em;left: calc(50% - 60px);}

 .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div#gviya:before {background: url('../images/gviya.png');}
 .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div#gimlaot:before {background: url('../images/gimlaot.png');}
.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div#tkufot:before {background: url('../images/tkufot.png');}
.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div#maasikim:before {background: url('../images/maasikim.png');}


.sendFilesConteiner .mobileWidth80Percent {
    display: flex;
    flex-direction: column;
}



    .sendFilesConteiner .mobileWidth80Percent.fcs {
        border: 2px solid #0368b0!important;
    }


    .sendFilesConteiner .mobileWidth80Percent span {
        display: block;
        box-sizing: border-box;
        padding-right: 1em;
        position: relative;
        margin: 6px 0;
        line-height: normal;
    }

        .sendFilesConteiner .mobileWidth80Percent span:before {
            content: "";
            position: absolute;
            right: 0.2em;
            top: 0.25em;
            border-style: solid;
            border-width: 4px 6px;
            border-color: transparent #006fb0 transparent transparent
        }
.DocumentGimlaot .width12em .width9p4em {
    /* display: none; */
}
.DocumentGimlaot .width12em .width18em  input {width:100%!important;}
.DocumentGimlaot .width12em .width18em {
    padding-right: 0.3em;
    display: block;
}
.DocumentGimlaot .Remark textarea.width500px {
    max-width: 27.6em;
    display: block;
    min-height: 8.5em;
}
.DocumentGimlaot .boldInstruction:before {content:"";position: absolute;border-width: 14px;border-style: solid;border-color: transparent transparent transparent #e0f7ff;right: -1.8em;top: 0.7em;}
.DocumentGimlaot .boldInstruction {
    background: #E0F7FF;
    font-weight: normal;
    color: #333;
    font-size: .9em;
    line-height: initial;
    padding: 1em;
    border-radius: .5em;
    position: absolute;
    left: 1em;
    margin-top: -2.5em;
    float: left;
    clear: both;
    /* display: flex; */
    flex-direction: column;
    width: 53%;
}

.DocumentGimlaot.DocumentGviya .boldInstruction {
    width: 50%
}
.DocumentGimlaot .files-list {
    width: 28em;
}

.DocumentGimlaot h3 {color:#333!important; font-weight:normal;font-size:1em }

@media (max-width:768px) {
    .sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody tr {
        width: 100%;
        margin: 0 0;
        border-bottom: 1px solid silver;
    }

	.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td {padding: 0;}

.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label > div {
    right: 0;
}
	.sendFilesConteiner table#FormsContentPlaceHolder_RadioButtonSug tbody td > label {
    padding: 0;
}

    .DocumentGimlaot.DocumentGviya .boldInstruction,
    .DocumentGimlaot .boldInstruction {
        position: initial;
        width: 100%;
        margin-top: 0.9em;
    }

	.DocumentGimlaot .files-list,
	.DocumentGimlaot .width18em,
	.DocumentGimlaot .inputDivTable select,
	.DocumentGimlaot .Remark textarea.width500px {width: 100%!important;box-sizing: border-box;}
.DocumentGimlaot .inputDivRow {display:block;width: 100%;}

	.DocumentGimlaot .boldInstruction:before {display:none}

	
}