/* font rules    */

@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900');

@font-face
{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rubik-v7-hebrew-300.eot'); /* IE9 Compat Modes */
  src: local('Rubik Light'), local('Rubik-Light'), url('../fonts/rubik-v7-hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v7-hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v7-hebrew-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v7-hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v7-hebrew-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - hebrew */
@font-face
{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v7-hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Rubik'), local('Rubik-Regular'), url('../fonts/rubik-v7-hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v7-hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v7-hebrew-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v7-hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v7-hebrew-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - hebrew */
@font-face
{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rubik-v7-hebrew-500.eot'); /* IE9 Compat Modes */
  src: local('Rubik Medium'), local('Rubik-Medium'), url('../fonts/rubik-v7-hebrew-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v7-hebrew-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v7-hebrew-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v7-hebrew-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v7-hebrew-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - hebrew */
@font-face
{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rubik-v7-hebrew-700.eot'); /* IE9 Compat Modes */
  src: local('Rubik Bold'), local('Rubik-Bold'), url('../fonts/rubik-v7-hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v7-hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v7-hebrew-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v7-hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v7-hebrew-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900 - hebrew */
@font-face
{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/rubik-v7-hebrew-900.eot'); /* IE9 Compat Modes */
  src: local('Rubik Black'), local('Rubik-Black'), url('../fonts/rubik-v7-hebrew-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v7-hebrew-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/rubik-v7-hebrew-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/rubik-v7-hebrew-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/rubik-v7-hebrew-900.svg#Rubik') format('svg'); /* Legacy iOS */
}

.ui-datepicker-trigger
{
  right: 15px;
  border: none;
  background-color: transparent;
}

.leaveToRashutSite
{
  text-align: left;
  padding: 0px 207px;
}

  .leaveToRashutSite a
  {
    color: #987330;
    font-size: 19px;
    font-weight: 800;
  }

.media-text-bottom
{
  vertical-align: text-bottom;
}

.inline-flex
{
  display: inline-flex;
}

.clearfix:after
{
  content: "";
  clear: both;
  display: table;
}

.portableMenu
{
  position: absolute;
  background-color: white;
  z-index: 100;
  margin-top: 27px;
  border: 1px solid #cccccc;
  margin-right: -16px;
  padding-right: 16px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
}

*
{
  font-family: 'Rubik';
}

body
{
  padding: 0px !important;
  overflow-y: hidden visible;
  overflow-x: hidden;
}

/* normalize */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
  display: block;
  height: 100%;
}

/*Access*/
.goTo
{
  font-family: arial !important;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 16px !important;
  display: block;
  z-index: 9999999988;
}

  .goTo:focus
  {
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
    margin: 0px;
    z-index: 9999999988;
    padding: 20px 20px;
    top: auto;
  }
/*End Of Access*/
.top-29
{
  top: -29px !important;
}

.navbar-login #closeUserDetals
{
  border: 0px;
  background-color: transparent;
  color: grey;
  font-size: 13px;
}

.wellcome_buttons
{
  flex-direction: column;
}

.modal-header, .modal-footer
{
  border: 0px !important;
}

.additionalOptions
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

#getDataMehsalem p,
#getDataRecident p
{
  text-align: center !important;
  margin-bottom: 0px;
}

#getDataMehsalem label,
#getDataRecident label
{
  font-weight: 100;
}

#getDataMehsalem .d-flex
{
  justify-content: space-evenly;
  align-items: flex-end;
}

#getDataMehsalem hr
{
  margin: 0px;
}

.additionalOptions .main_call_to_action
{
  margin: 0px 0px 0px 20px;
}

.forgetpass
{
  align-items: center;
}

  .forgetpass label
  {
    margin: 5px 20px 0px 20px;
  }
/*settings*/
.d-flex
{
  display: flex;
}

.d-flex-row-rev
{
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.flex-wrap
{
  flex-wrap: wrap;
}

.flex-dir-column
{
  flex-direction: column;
  display: flex;
}

.flex-dir-row
{
  flex-direction: row;
  display: flex;
}

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

.d-none
{
  display: none;
}

.text-center
{
  text-align: center !important;
}

.autowidth
{
  width: auto !important;
}

.bg-white
{
  background-color: white;
  border-radius: 5px;
}

.align-items-center
{
  align-items: center;
}

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

.zeroleftmargin
{
  margin-left: 0 !important;
}

.floatright
{
  float: right !important;
}

.floatleft
{
  float: left !important;
}

.margin-0
{
  margin: 0 !important
}

.margin-10-0
{
  margin: 10px 0 !important
}

.mainappwrapper
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

.container
{
  width: 1200px;
}

.container-wide
{
  width: 100%;
  padding: 0 15px;
}

.main-content
{
  flex-grow: 1;
}

.innerpagecontentwrapper
{
  width: 100%;
  padding: 0px 15px;
}

.gradien-wrapper
{
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(186,244,236,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(186,244,236,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(186,244,236,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80baf4ec',GradientType=0 ); /* IE6-9 */
}

/*hoover animations*/
a, button, .open
{
  transition: all 0.5s ease-out;
}

.login9btn
{
  cursor: pointer;
  background-color: red;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  color: white;
  font-weight: 500;
  display: block;
  width: 100%;
  border: 0;
}

/*GLOBAL*/
.desktop-hidden
{
  display: none;
}

body
{
  direction: rtl;
}

ol, ul
{
  list-style: none;
}

  ul li
  {
    margin: 0;
    padding: 0;
    list-style: none;
  }

blockquote, q
{
  quotes: none;
}

  blockquote:before, blockquote:after,
  q:before, q:after
  {
    content: '';
    content: none;
  }

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

.pageloader
{
  text-align: -webkit-center;
}

.inlineblock
{
  display: inline-block;
}

.clearleft
{
  clear: left;
}

.clearboth
{
  clear: both;
}

.mainimagemessagewrapperV4 h3
{
  color: #1b536f;
}

.a-href-cursor
{
  cursor: pointer;
}

.nextPrevBut
{
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.customFindResident .k-widget
{
  margin-top: 10px;
  border: 0px !important;
}

.customFindResident .k-header
{
  background-image: none !important;
  background-color: #ffffff;
}

.k-loading-mask
{
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  display: none;
}

/*typography*/
html
{
  font-size: 1.1em;
}

body
{
  font-weight: 300;
  line-height: 1.45;
}

p
{
  margin-bottom: 1.3em;
  color: #2b5ba0;
}

h1, h2, h3, h4
{
  margin: 0.3em 0 0.3em;
  line-height: 1.2;
  color: #2b5ba0;
}

h1
{
  font-size: 2.341em;
  font-weight: 400;
}

h2
{
  font-size: 1.7em;
  font-weight: 300;
}

h3
{
  font-size: 1.463em;
  font-weight: 300;
}

h4
{
  font-size: 1.15em;
  font-weight: 300;
}

small, .font_small
{
  font-size: 0.8em;
}

.actionitemwrapper .item9
{
  flex-direction: column-reverse !important;
}
/*BUTTONS*/
.main_call_to_action, .btn
{
  background-color: #1eafab;
  padding: 10px 40px;
  color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 12px rgba(145, 145, 145, 0.5);
  font-size: 22px;
  font-weight: 400;
  border: 0px;
  min-width: 180px;
  vertical-align: middle;
}

.litle-btn
{
  padding: 5px 35px !important;
  font-size: 20px;
}

.padding-10
{
  padding: 10px !important;
}

.main_call_to_action:hover, .btn:hover
{
  background-color: #33e4df;
}

.main_call_to_action:disabled,
.main_call_to_action[disabled]
{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.secondary_btn
{
  background-color: white;
  border: 1px solid #1eafab;
  padding: 10px 40px !important;
  color: #1eafab;
  border-radius: 5px;
  box-shadow: 0px 0px 12px rgba(145, 145, 145, 0.5);
  font-size: 22px;
  font-weight: 400;
  min-width: 180px;
}

  .secondary_btn:hover
  {
    background-color: #defffa;
  }
/*breadcrumbs*/
#breadcrumbs
{
  margin-top: 30px;
  margin-bottom: 20px;
}

  #breadcrumbs span
  {
    color: grey;
    font-size: 16px;
  }
/* menu rules - begin  */

a.userProfile
{
  display: block;
  text-align: center;
}

#nav-icon
{
  width: 32px;
  height: 26px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none;
}

  #nav-icon span
  {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #2f96b8;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

    #nav-icon span:nth-child(1)
    {
      top: 0px;
    }

    #nav-icon span:nth-child(2), #nav-icon span:nth-child(3)
    {
      top: 8px;
    }

    #nav-icon span:nth-child(4)
    {
      top: 16px;
    }

  #nav-icon.open span:nth-child(1)
  {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  #nav-icon.open span:nth-child(2)
  {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ee3333;
  }

  #nav-icon.open span:nth-child(3)
  {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ee3333;
  }

  #nav-icon.open span:nth-child(4)
  {
    top: 10px;
    width: 0%;
    left: 50%;
  }
/* menu rules - end  */

.headerloginwrapperV4
{
  position: relative;
  font-size: 20px;
  color: darkblue;
  margin-right: 20px;
  margin-top: 10px;
}

.logowrapperV4 img
{
  max-height: 70px;
  width: auto;
  float: left;
  padding: 7px;
}

.headerloginwrapperV4 .loginfirstnname
{
  padding: 10px 15px 8px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

  .headerloginwrapperV4 .loginfirstnname span
  {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    position: relative;
    top: 5px;
  }

  .headerloginwrapperV4 .loginfirstnname a
  {
    color: darkblue;
  }

.loginbottomwrapperV4 div.login9btn
{
  color: white;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  text-align: center;
}

  .loginbottomwrapperV4 div.login9btn.exit_loginbtn
  {
    background-color: #ee3333;
  }

  .loginbottomwrapperV4 div.login9btn.enter_loginbtn
  {
    background-color: #40ab47;
  }

.headermessageswrapperV4
{
  background-image: url(../images/messagebg.png);
  width: 36px;
  float: left;
  margin-left: 5%;
  margin-top: 2px;
  height: 35px;
}

  .headermessageswrapperV4 div
  {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    color: white;
    font-size: 18px;
  }

.headersearchwrapperV4
{
  border: 1px solid #cccccc;
  background-color: white;
  padding: 5px 15px 5px 10px;
  float: right;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 2%;
}

  .headersearchwrapperV4 input[type="text"]
  {
    border: none;
    font-size: 18px;
    font-weight: 300;
    color: #999999;
    height: 21px;
    padding: 0;
  }

  .headersearchwrapperV4 input[type="button"]
  {
    color: transparent;
    height: 18px;
    width: 18px;
    background-image: url(../images/searchbtn.png);
    background-color: transparent;
    border: none;
    padding: 0;
  }

.headerinternationalizationwrapperV4
{
  float: left;
  margin-top: 16px;
  margin-left: 10px;
}

  .headerinternationalizationwrapperV4 a
  {
    margin-left: 5px;
  }

  .headerinternationalizationwrapperV4 ul li
  {
    float: right;
    padding-left: 5px !important;
  }

.headerloginwrapperV4 .dropdown-menu
{
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px 0px;
}

.modal-dialog-loginV4
{
  width: 50%;
  margin: 20px auto;
  overflow: hidden;
}

  .modal-dialog-loginV4 .modal-body
  {
    padding: 0px 15px;
  }

  .modal-dialog-loginV4 .login-bg-image
  {
    background: url(/PortalServicesSite/images/login_bg.png) white;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 102%;
    display: none;
  }

.bottom-links
{
  justify-content: center;
}

  .bottom-links a
  {
    margin: 20px;
    font-weight: 400;
  }
/* header rules - ends */
#city4u thead tr.font-bold th
{
  font-weight: 300 !important;
}

.form-group input[type="email"]
{
  max-width: 300px !important;
}

.close-button
{
  border: 0px solid #96d1f8 !important;
  padding: 6px 37px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 19px !important;
  font-family: 'Rubik' !important;
}

#dialogMSG
{
  font-size: 15px !important;
  padding: 15px !important;
  text-align: center !important;
  font-family: 'Rubik' !important;
}

.firststepinputfieldwrapper
{ /*height: 100px !important;*/
  position: relative;
}

.changecitymainbtn
{
  color: white;
  background-color: #2f96b8;
  line-height: 25px;
  height: 25px;
  background-image: url(../images/changecityarrow.png);
  font-weight: 400;
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 8px center;
  cursor: pointer;
  padding-right: 10px;
}

.changecitymenu
{
  position: absolute;
  z-index: 2;
  border: 1px solid #b6b6b6;
  padding: 20px 0px 0px;
  background-color: #fff;
  top: 107%;
  right: 0;
  font-weight: 300;
  display: none;
}

.changecitybtn
{
  padding: 8px 80px 5px;
  background-color: #2f96b8;
  color: #ecedef;
  white-space: nowrap;
  cursor: pointer;
  margin-top: 25px;
}

.changecitymenu li
{
  color: #2b5ba0;
  padding-right: 25px;
  margin-right: 15px;
  background-image: url(../images/changecityoptions.png);
  background-repeat: no-repeat;
  background-position: right -20px;
  margin-bottom: 10px;
}

  .changecitymenu li.selectedcity
  {
    background-position: right 0px;
  }


/*   homepage rules   */
/*.mainimagewrapper {
  min-height: 560px;
}*/

.l-page-holder
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mainimagewrapper-img
{
  background-image: url(../images/mainnew.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: calc(100vh - 165px);
  position: relative;
}

.bottom_navigations
{
  position: absolute;
  bottom: 25px;
  width: 47%;
  left: 50%;
  transform: translateX(-50%);
}

.islandingpage_false .bottom_navigations
{
  bottom: 125px;
}

.mainimagewrapper-noimg
{
  background-image: none;
  min-height: 0px;
}

.maincontentwrapper .mainactionsheader
{
  font-size: 46px;
  color: darkblue;
  font-weight: 300;
  margin-top: 18px;
  margin-bottom: 10px;
}

.actionitemswrapper a
{
  font-size: 0px;
  margin: 10px;
  padding: 12px;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  width: 170px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  min-height: 210px;
  position: relative;
  background-color: #b8f4f0;
  border-radius: 3px;
  box-shadow: 0px 0px 10px #bebebe;
}

.actionitemswrapper > ul > li
{
  position: relative;
}

  .actionitemswrapper > ul > li > img
  {
    position: absolute;
    width: 15px;
    height: 20px;
    top: 15px;
    right: 15px;
  }

.actionitemswrapper a > span
{
  font-size: 18px;
  line-height: 23px;
  background-color: #1eafab;
  color: white;
  width: 100%;
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  padding: 5px;
  border-radius: 5px;
  position: relative;
}

  .actionitemswrapper a > span:after
  {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #cacaca;
    top: -21px;
  }

.actionitemswrapper a:hover
{
  box-shadow: 0px 0px 14px grey;
  border-radius: 5px;
  text-decoration: none;
}

.actionitemswrapper > a
{
}

.actionitemswrapper ul
{
  display: flex;
  width: 100%;
  justify-content: center;
}

.actionitemswrapper .actionitemwrapper
{
  margin: 0 35px;
}


.actionitemtopcontent
{
  padding-top: 25px;
  border-left: 3px solid #50c2e1;
  height: 100%;
}

.actionitemwrapper:last-child .actionitemtopcontent
{
  border-left: 0px solid #70174e;
}

.dotswrapper
{
  width: 60px;
  margin: 35px auto 0;
}

.dot
{
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #245d99;
  margin-left: 6px;
  float: left;
}

.adswrapper
{
  text-align: center;
}

  .adswrapper img
  {
    margin: 0 auto;
  }

#_portal .ulwithbullets
{
  list-style: initial;
  background-color: white;
  margin-top: 23px;
  border-radius: 5px;
  box-shadow: 0px 0px 20px #e7e7e7;
  margin: 50px 0px;
}


/*  footer rules  */

.fotterlogo
{
  width: 20%;
  float: right;
  margin-left: 2%;
}

.footerwrapper ul
{
  float: right;
  margin-top: 15px;
}

  .footerwrapper ul li
  {
    background-image: url(../images/footerbullet.png);
    background-position: right 6px;
    background-repeat: no-repeat;
    font-size: 18px;
    color: darkblue;
    font-weight: 400;
    padding-right: 15px;
    line-height: 23px;
  }

.creditwrapper
{
  width: 20%;
  margin-left: 4%;
  float: right;
  margin-top: 1%;
}

  .creditwrapper p
  {
    font-size: 18px;
    color: #2b5ba0;
    font-weight: 300;
    line-height: 23px;
    margin-top: 7px;
  }

.facebooklink
{
  top: 18px;
  position: relative;
}

.footermenuwrapper
{
  border-bottom: 1px solid #2f96b8;
  padding-bottom: 20px;
}

  .footermenuwrapper ul li a
  {
    font-weight: lighter;
    font-size: 16px;
  }

/***************************************/
/******inner page   *******/
/***************************************/

.help-block
{
  font-size: 14px !important;
  position: absolute;
  padding: 0px 20px;
  margin: 0px;
  margin-bottom: 10px;
  color: #000000;
  background: #ff7b7b87;
  font-weight: 400;
}

.form-group
{
  margin-bottom: 15px;
  position: relative;
}

.radioHolder
{
  margin-top: 25px;
  margin-bottom: 15px;
}

.innersinglepagecontentwrapper
{
  position: relative;
}

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

.breadcrumbswrapper
{
  font-size: 18px;
  font-weight: 300;
  color: #2b5ba0;
  position: absolute;
  top: 15px;
}

  .breadcrumbswrapper a
  {
    color: #2b5ba0;
  }

  .breadcrumbswrapper .pagetitle
  {
    color: darkblue;
  }

/***************************************/
/******inner page - citypay page *******/
/***************************************/



#cityPay .stepcontent .topformwrapper
{
  width: auto;
  min-width: 370px;
}

#cityPay .topcontentwrapper .glupawrapper
{
  float: right;
  margin-right: 50px;
}

#cityPay .topmMessage
{
  margin-bottom: 20px;
}

#cityPay .topformwrapper
{
  width: 100%;
  float: right;
}

.glupawrapper
{
  width: 200px;
  float: left;
  position: relative;
}

.table-striped > tbody > tr:nth-of-type(odd)
{
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #dbdbdb;
}

.form-control-feedback
{
  top: 3px;
}

.glupawrapper .glupacontentwrapper img
{
  width: 100%;
}

.glupawrapper .glupacontentwrapper div
{
  position: absolute;
  border: 3px solid;
}

.topinputborderwrapper
{
  width: 100% !important;
  position: absolute;
  border: 0px solid transparent;
  top: 23px;
  height: 2px;
  left: 0px;
}

.topcontentwrapper .formbtnwrapper
{
  margin-bottom: 20px;
  width: 100%;
  float: right;
}

#txtSum
{
  color: darkblue;
}

.linktovoucher
{
  font-size: 18px;
  font-weight: 300;
  color: darkblue;
}

.messageError.getSumErrorMessage
{
  border: none;
  background: none;
  box-shadow: none;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  color: red;
  padding: 5px 0;
}

.getSumMessage
{
  border: none;
  background: none;
  box-shadow: none;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  padding: 5px 0;
}

.voucherPaid, .voucherSum
{
  padding-bottom: 10px;
  color: darkblue;
  font-size: 30px;
  font-weight: 300;
}

#fourthnextstepbtn
{
  height: 40px;
  line-height: 40px;
  padding: 0;
}

.Negtive-Numbers-Td
{
  direction: ltr;
  text-align: right;
}

.inputfieldwrapper input.CCValidationDate
{
  width: 80px;
  direction: ltr;
}

.inputfieldwrapper input.CcValidationCode, .inputfieldwrapper input.CcPaymentsNumber
{
  width: 80px;
  text-align: center;
}


/***************************************/
/******inner page - registration page *******/
/***************************************/

.mainimagewrapper.innerpageimagewrapper div
{
  background-color: #205c9b;
  padding-bottom: 6px;
  padding-top: 5px;
  padding-left: 35px;
  padding-right: 35px;
  color: #fff;
  font-weight: 300;
  position: absolute;
  right: 15px;
  top: 71px;
  font-size: 26px;
}

.infomessage
{
  border: 1px solid #e9e9e9;
  background-color: #f6fdff;
  padding: 5px 42px 0px 5px;
  width: 100%;
  font-weight: 300;
  position: relative;
  max-width: 300px;
  font-size: 14px;
  margin: 65px auto 0px;
}

  .infomessage:before
  {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../images/infoicon.png);
    position: absolute;
    display: block;
    right: 10px;
    top: 15px;
  }

.loginformactions a
{
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin: 5px 0px;
  text-align: center;
}

/***********************************/
/******* steps ruls    ********/
/***********************************/

.stepswrapper.stepsize_30 .step
{
  width: 30px;
  height: 30px;
  border-radius: 15px;
  font-size: 24px;
}

  .stepswrapper.stepsize_30 .step span
  {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    line-height: 27px;
  }

.stepswrapper.stepsize_40 .step
{
  font-size: 24px;
}

.step
{
  position: relative;
  font-weight: 400;
  z-index: 1;
  background-color: #dfdfdf;
  color: #b8b8b8;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: 1px solid #858585;
  margin-left: 10px;
}

.stepwrapper
{
  width: 175px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 25px;
  margin-left: 10px;
  background: #f0fcfb;
  box-shadow: 0px 0px 14px #e7e7e7;
  position: relative;
}

  .stepwrapper:before
  {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background: #1eafab;
    top: 20px;
    left: -10px;
  }

  .stepwrapper:last-child:before
  {
    content: "";
    position: absolute;
    width: 10px;
    height: 0px;
    background: #1eafab;
    top: 20px;
    left: -10px;
  }

  .stepwrapper.markedstep .step
  {
    background-color: #dcf9f5;
    color: #1eafab;
    width: 47px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    border: 1px solid #1eafab;
    margin-left: 10px;
  }


.step span
{
  background-color: #fff0;
  text-align: center;
  font-weight: 600;
}

.stepswrapper
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}

.find-resident .d-flex
{
  justify-content: flex-start;
  align-items: flex-end;
}

.find-resident .inputfieldwrapper
{
  margin-left: 20px;
}

  .find-resident .inputfieldwrapper input
  {
    min-width: 250px;
  }
/***********************************/
/******* steps tabs ruls    ********/
/***********************************/
.stepcontent
{
  display: none;
}

  .stepcontent.currentstepcontent
  {
    display: block;
  }

/***********************************/
/******* form ruls    ********/
/***********************************/
.inputfieldwrapper
{
  margin-top: 5px;
}

#usersManagement .inputfieldwrapper
{
  margin-top: 15px;
}

.inputfieldwrapper label
{
  font-size: 17px;
  color: #2b5ba0;
  font-weight: 400;
  display: block;
  padding-left: 30px;
}

.inputfieldwrapper .tooltipicon
{
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(../images/questionicon.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  left: 0;
  top: 0;
}

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

.inputfieldwrapper .inputContainer.col-lg-7
{
  width: 58.33333333%;
}

.inputfieldwrapper.horizontalinputfieldwrapper input
{
  margin-top: 0px;
}

  .inputfieldwrapper.horizontalinputfieldwrapper input[type="radio"]
  {
    width: auto;
    height: auto;
  }

.inputfieldwrapper.radioinputfieldwrapper .inputContainer label
{
  display: inline;
  line-height: normal;
}

.inputfieldwrapper.radioinputfieldwrapper .inputContainer
{
  display: inline;
  line-height: normal;
  padding-left: 0;
  text-align: center;
}

.inputfieldwrapper.horizontalinputfieldwrapper label
{
  text-align: left;
  line-height: 24px;
  margin-top: 9px;
  padding-left: inherit;
}

.k-tooltip
{
  background: white !important;
  color: #2f96b8 !important;
  font-weight: 400;
  width: 150px;
}

  .k-tooltip.k-tooltip-validation
  {
    background: initial !important;
    color: red !important;
    width: auto;
  }

.k-callout-s
{
  border-top-color: white;
}

.inputfieldwrapper label.display_inline
{
  display: inline;
  padding-left: 30px;
  width: 31%;
}

.myinput
{
  width: 80%;
}

.inputfieldwrapper input, .inputfieldwrapper select, .inputsignalfieldwrapper
{
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 40px;
  margin-top: 0px;
  font-size: 15px;
  color: #2b5ba0;
  font-weight: 400;
  padding: 0 10px;
  box-shadow: none !important;
  background: white !important;
}

.inputfieldwrapper select
{
  margin-top: 0px;
}

.datepick.inputContainer
{
  margin-top: 5px;
}

  .datepick.inputContainer input
  {
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 32px;
  }

.inputfieldwrapper input.ng-invalid.k-invalid, .inputfieldwrapper input.k-invalid
{
  border: 1px solid red;
}

.inputfieldwrapper input.ng-valid.k-valid
{
  border: 1px solid green;
}

  .inputfieldwrapper input.ng-valid.k-valid.fieldwitoutvalidation
  {
    border: 1px solid #cccccc;
  }

.inputfieldwrapper .sideinfotext
{
  position: absolute;
  border: 1px solid;
  border-color: #b6b6b6 #b6b6b6 #a8a8a8;
  background-color: #fff;
  left: 0;
  width: 200px;
  padding: 20px;
  top: -60px;
  box-shadow: 0 3px 15px rgba(170,170,170,.9);
}

  .inputfieldwrapper .sideinfotext:before
  {
    content: "";
    width: 14px;
    height: 24px;
    background-image: url(../images/mobilesideinfoindicator.png);
    position: absolute;
    display: block;
    top: 15px;
    right: -13px;
  }

.sideinfotext
{
  display: none;
  font-size: 18px;
  font-weight: 300;
}

.errermessagetext
{
  display: none;
  font-size: 18px;
  font-weight: 300;
  color: red;
  padding: 5px 0;
}

.formrowwrapper.formrowwrapper_2col .inputfieldwrapper
{
  width: 40%;
  float: right;
  margin-left: 5%;
}

.formrowwrapper .inputfieldwrapper
{
  margin-bottom: 20px;
}

.formbtnwrapper
{
  margin-top: 20px;
  clear: both;
}

.disable-input
{
  background-color: #ffecec !important;
}

.inputfieldwrapper.CcPaymentTypewrapper .inputContainer
{
  display: inline;
}

  .inputfieldwrapper.CcPaymentTypewrapper .inputContainer input
  {
    width: auto;
    height: auto;
    margin: 3px 10px 0;
    font-size: 22px;
    padding: 0;
  }

.inputfieldwrapper.CcPaymentTypewrapper
{
  float: right;
  margin-bottom: 10px;
}

.k-widget.k-tooltip-validation
{
  border: none;
  background: none;
  box-shadow: none;
  text-align: right;
  font-size: 18px;
  font-weight: 300;
  color: red;
  padding: 5px 0;
  display: block;
  margin: 0 !important;
}

  .k-widget.k-tooltip-validation .k-icon.k-warning
  {
    display: none;
  }

.k-tooltip-validation .k-callout-n
{
  border-bottom-color: transparent;
}

.inputfieldwrapper label.required:before
{
  content: "*";
  color: #ff8022;
}

.inputfieldwrapper .disable-input
{
  background-color: #eaeaea !important;
}

.showpic
{
  overflow: auto;
  margin-top: 3px;
  min-height: 247px;
  background-color: #eaeaea;
}

  .showpic img:hover
  {
    box-shadow: 0px 0px 2px 2px grey;
  }

.inputfieldwrapper .k-autocomplete, .inputfieldwrapper .k-autocomplete.k-state-focused
{
  border: none;
  box-shadow: none !important;
}

  .inputfieldwrapper .k-autocomplete.k-state-focused input
  {
    border: 1px solid;
  }

  .inputfieldwrapper .k-autocomplete.k-state-focused input
  {
    border-color: #cccccc !important;
  }

/*  responsive rules overwrite   */

#perfixTelAuto
{
  border-radius: 0;
  height: 38px;
  position: relative;
  width: 100%;
  top: 2px;
}

.propertyownerwrapper span
{
  position: relative;
  top: 6px;
}

div.req-generic-div
{
  min-width: initial;
}

.tzinputwrapper span
{
  float: left;
  width: 55%;
  text-align: left;
  height: 40px;
  line-height: 40px;
}

.tzinputwrapper input
{
  text-align: center;
}

#UserDetailsInner .detailscontent.col-sm-6.col-xs-12
{
  border-top: 1px solid #ddd;
  padding: 0 0 0 10px;
}

.withbottomborder
{
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#UserDetailsInner .detailscontent
{
  height: auto;
}

#UserDetailsInner .iteminputtable
{
  border: none;
}

.detailscontent select
{
  position: relative;
  top: 5px;
  box-shadow: none;
}

.lDetailsCarwrapper
{
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.lDetailsHomewrapper
{
  border: 1px solid #ddd;
}

#UserDetailsInner .lDetailsHomewrapper .detailscontent.col-sm-6.col-xs-12
{
  border: none;
}

#gridLivingHome .k-icon.k-add
{
  display: none;
}

#gridLivingHome .k-button.k-button-icontext.k-grid-add:before
{
  display: block;
  content: "+";
  position: relative;
  top: -9px;
  color: white;
  font-size: 32px;
  font-weight: normal;
}

#gridLivingHome .k-header.k-grid-toolbar a
{
  width: 30px;
  height: 30px;
}

#gridLivingHome .k-grid-content .k-grid-delete:before
{
  display: block;
  content: "x";
  position: relative;
  top: -9px;
  color: white;
  font-size: 20px;
  font-weight: normal;
}

#gridLivingHome .k-grid-content .k-grid-delete .k-icon
{
  display: none;
}

.infomessageBank input
{
  box-shadow: none;
}

.fade-scale
{
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

  .fade-scale.in
  {
    opacity: 1;
    transform: scale(1);
  }

#popUpBody
{
  padding: 0px;
  left: 0;
  margin-top: 15px;
}

  #popUpBody div
  {
    margin: 0 auto;
  }

  #popUpBody .main_call_to_action
  {
    margin: 0px auto;
    display: block;
  }

#LoginUserForm
{
  padding: 0px;
  left: 0;
  margin-top: 15px;
}

  #LoginUserForm form
  {
    max-width: 300px;
    margin: 0 auto;
  }

  #LoginUserForm .main_call_to_action
  {
    margin: 0px auto;
    display: block;
  }

.mainactionsheaderrow
{
  display: none;
}

.contactusformwrapper .inputfieldwrapper
{
  margin-top: 30px;
}

.actionitemwrapper .btn-by-rashut
{
  border: 0;
}

/*personal info*/
.personalInfo .d-flex label
{
  width: 50%;
  font-weight: 500;
}

.personalInfo .col-md-4
{
  min-height: 50px;
  border: 1px solid #fafafa;
}

footer
{
  background: #353A3A;
  color: white;
  height: 90px;
  padding: 20px 0px;
}

  footer a
  {
    color: white;
  }

    footer a:hover
    {
      color: yellow;
    }

@media (max-width: 1900px)
{
  .actionitemswrapper ul
  {
    justify-content: center;
  }
}

@media (max-width: 1600px)
{

  .mainimagemessagewrapperV4 h3
  {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .islandingpage_false .bottom_navigations
  {
    position: relative;
    bottom: 25px !important;
    width: 100%;
    left: 0%;
    transform: translateX(0%);
  }
}



@media (max-width: 1480px)
{
  .actionitemswrapper .actionitemwrapper figure > img
  {
    max-width: 100px;
    height: auto;
    max-height: 100px;
  }

  .actionitemswrapper .actionitemwrapper
  {
    margin: 0 25px;
  }

  .logowrapperV4 img
  {
    max-height: 110px;
  }

  /* header rules - begins */
  .headerloginwrapper
  {
    padding: 0 10px 0 5px;
    width: 180px;
  }

  .headersearchwrapperV4 input[type="text"]
  {
    width: 100px;
  }

  .loginbottomwrapperV4 div
  {
    font-size: 18px;
  }
}

@media (max-width: 1200px)
{
  .container
  {
    width: 100%; /*padding: 0px;*/
  }

  .mainimagemessagewrapperV4 h3
  {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .mainimagemessagewrapperV4
  {
    padding: 0px !important;
    margin-top: 10px !important;
  }

    .mainimagemessagewrapperV4 .caption
    {
      min-height: 166px;
    }

  .innerpagecontentwrapper
  {
    width: 100%;
  }
  /*header rules - begin*/
  .headermessageswrapper
  {
    margin: 25px 0px 0 0;
  }

  .headerloginwrapper
  {
    margin-right: 10px;
    max-width: 200px;
  }

  .glupawrapper
  {
    width: 450px;
  }

  .topformwrapper
  {
    width: 200px;
  }

  .topinputborderwrapper
  {
    width: 198px;
  }

  .portableMenu
  {
    position: absolute;
    background-color: white;
    z-index: 100;
    margin-top: 27px;
    border: 1px solid #cccccc;
    margin-right: -16px;
    padding-right: 16px;
    display: none;
    max-height: 200px;
    overflow-y: auto;
  }
}

.nosahDeclaration
{
  font-weight: 400;
}

@media (max-height: 1800px)
{
  .islandingpage_false .bottom_navigations
  {
    position: relative;
    bottom: 25px;
    width: 98%;
    left: 0%;
    transform: translateX(0%);
  }

  .islandingpage_false .bottom_navigations
  {
    bottom: 20px;
  }
}

@media (max-height: 800px)
{
  .mainimagewrapper-img
  {
    height: 620px;
  }
}

@media (max-width: 991px)
{

  .leaveToRashutSite
  {
    text-align: center;
    padding: 0px;
  }

  .voucherRegLink
  {
    text-align: center;
    display: block;
  }

  .mainimagemessagewrapperV4 h3
  {
    font-size: 21px !important;
    line-height: 24px !important;
  }

  .bottom_navigations
  {
    position: relative;
    bottom: 25px !important;
    width: 100%;
    left: 0%;
    transform: translateX(0%);
  }

  .logowrapperV4 img
  {
    float: right;
  }

  .tableHolder
  {
    width: 100%;
    overflow: auto;
  }

  #gridMembers
  {
    min-width: 800px;
  }

  .container
  {
    width: 100%;
  }

  .additionalOptions
  {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

    .additionalOptions > button
    {
      margin: 10px !important;
    }

  .customFindResident .inputfieldwrapper
  {
    margin: 10px 0px;
    width: 100%;
  }

  .find-resident .d-flex
  {
    flex-direction: column;
    align-items: center !important;
  }

  .parkingDetals
  {
    flex-direction: column;
  }

    .parkingDetals .inputformwrapper
    {
      width: 100%;
    }

  #requests
  {
    position: absolute;
    top: -48px;
    left: 47px;
  }

  .infoForShow h4
  { /* display:block; */
    text-align: center;
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
    color: #2b5ba0;
  }

  #txtSearchCitySiteMobile
  {
    width: 90%;
  }

  .login9btn
  {
    margin: 0px auto;
    background-color: #dc3333;
    width: 85%;
  }

  div.headerleftsidewrapperV4 .icon-size
  {
    font-size: 30px;
    padding: 13px;
    border: 1px solid #1eafab;
    border-radius: 45px;
    color: #1eafab;
  }

  .userPersonalInfo
  {
    flex-direction: column;
    display: flex !important;
    margin-top: 15px;
    margin-bottom: 10px;
    align-items: center;
  }

    .userPersonalInfo span
    {
    }

    .userPersonalInfo h4
    {
      font-weight: 500;
      color: #1eafab;
    }

  .headersearchwrapperV4
  {
    float: none;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 9px;
    margin-left: 9px;
  }

  .navbar-left li > a
  {
    border-bottom: 1px solid #cccccc;
  }

  .desktop-hidden
  {
    display: block;
    width: 100%;
  }

  .mobileFlexmenu
  {
    display: flex;
    padding: 0px 5px;
  }

  .headermessageswrapperV4
  {
    background-image: url(../images/messagebg.png);
    width: 40px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    height: 35px;
  }

  .header-mobile-row .navbar-left > li > a
  {
    position: relative;
    text-align: right;
    padding: 10px;
    display: inline-block;
    font-weight: 400;
    color: #1f5e77;
    font-size: 20px;
    font-family: 'Rubik';
    cursor: pointer;
    width: 100%;
  }

  .no-more-tables .family-table tbody td
  {
    padding-right: 85px !important;
  }

  .shuma-table tr
  {
    display: flex !important;
    flex-direction: column !important;
  }

  .shuma-step-2
  {
    font-size: 13px;
  }

  #city4u .font-bold
  {
    font-weight: 500 !important;
  }

  .no-more-tables .rishui-table td
  {
    height: 24px !important;
  }

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

  .no-more-tables table td
  {
    font-size: 13px;
    line-height: 1 !important;
    border-top: 0px solid #f1f1f1 !important;
    border-left: 0px solid #f1f1f1 !important;
    border-bottom: 0px solid #f1f1f1 !important;
    border-right: 0px solid #f1f1f1 !important;
    padding-right: 74px !important;
    position: relative;
  }

  .no-more-tables .baal-table tbody td
  {
    padding-right: 120px !important;
  }

  .no-more-tables table td:nth-child(1)
  {
    order: 1;
  }

  div .step-3-tables table td:nth-child(1):before
  {
    right: 0px !important;
  }

  #city4u .vouchers-step-1 table td:nth-child(1):before
  {
    right: 0px !important;
  }

  .f-w-300
  {
    font-weight: 400;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center !important;
  }

  .k-grid td
  {
    border-color: #fff !important;
  }

  #city4u .k-grid-header th.k-header > .k-link
  {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .no-more-tables .step-2 td:nth-child(1):before
  {
    right: 15px !important;
  }


  .no-more-tables table td:nth-child(2)
  {
    order: 3;
  }

  .no-more-tables table td:nth-child(3)
  {
    order: 5;
  }

  .no-more-tables table td:nth-child(4)
  {
    order: 2;
  }

  .no-more-tables table td:nth-child(5)
  {
    order: 4;
  }

  .no-more-tables table td:nth-child(6)
  {
    order: 6;
  }

  .label-red
  {
    color: #df3d3d !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 25px;
  }

  .firststepinputfieldwrapper
  {
    height: auto !important;
  }

  #_portal .formbtnwrapper button
  {
    width: 100% !important;
  }

  .space-35
  {
    display: none;
  }

  .modal-dialog-loginV4
  {
    width: 93%;
    margin: 20px auto;
  }

  .mainimagewrapper.innerpageimagewrapper div
  {
    top: 2px;
  }

  .infomessage
  {
    margin-top: 31px;
  }
  /*header rules - begin*/
  .headerleftsidecontentV4
  {
    display: block;
    position: absolute;
    width: 280px;
    top: -50px;
    z-index: 1;
    border: 1px solid #d2d2d2;
    left: 0;
  }

  #_portal .modal-footer .text-center
  {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

    #_portal .modal-footer .text-center p
    {
      text-decoration: none !important;
    }

  .modal-body
  {
    padding: 7px;
  }

  .headerleftsidecontentV4, .childIndicator.mobilechildIndicator
  {
    display: none;
  }

  .headerloginwrapperV4
  {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0px;
    justify-content: space-between;
  }

  .mainimagewrapper #LoginUserForm
  {
    display: none;
  }

  .mainimagewrapper .mainimagemessagewrapperV4 .caption
  {
    padding: 10px !important;
  }

  .mainimagemessagewrapperV4
  {
    position: relative;
    font-size: 14px;
    top: 5%;
    width: 100% !important;
    left: 0px !important;
    box-shadow: none;
    border: 1px solid #d8d8d8;
  }

  .mainimagewrapper
  {
    margin-bottom: 25px;
  }

  .mainimagewrapper-img
  {
    background-image: none !important;
    min-height: 0px !important;
    height: 100% !important;
  }


  .maincontentwrapper .mainactionsheader
  {
    font-size: 48px;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .dotswrapper
  {
    display: none;
  }

  .actionitemtopcontent
  {
    border-left: 0px solid #70174e;
  }

  .mainactionswrapper .actionitemwrapper
  { /* width: 50%; */
    display: block;
    margin: 0;
    float: none;
    margin-top: 15px;
    padding: 0 15px;
  }

    .mainactionswrapper .actionitemwrapper .actionitem
    {
      width: 100%;
      background-color: white;
      border: 1px solid #d9d9d9;
      max-width: 100%;
    }

  .actionitem a:after
  { /* content: ""; */ /* width: 9px; */ /* height: 26px; */ /* background-image: url(../images/middlemenuparentindicator.png); */ /* margin-right: 10px; */ /* position: static; */ /* display: inline-block; */ /* background-position: left 2px; */
  }

  li.firstLevelMenu:hover span
  {
    border-top: 0px solid #2f96b8;
  }

  li.firstLevelMenu span
  {
    border-top: 0px solid #2f96b8;
  }

  .mobilemenu > li > span > a
  {
    color: darkblue;
  }

  .mobilemenu > li li span, .mobilemenu li li li
  {
    font-weight: 300;
    font-size: 24px;
    color: darkblue;
    padding-right: 20px;
    padding-left: 45px;
  }

    .mobilemenu > li li span a, .mobilemenu li li li a
    {
      color: darkblue;
    }

  .mobilemenu li li span
  {
    padding-right: 30px;
  }

  .mobilemenu li li li span
  {
    padding-right: 0px;
    padding-left: 0px;
  }

  .mobilemenu li li li
  {
    padding-right: 40px;
  }

  .mobilemenu > li li
  {
    padding-top: 7px;
  }

    .mobilemenu > li li span
    {
      display: block;
    }

    .mobilemenu > li li.hasChildren
    {
      background-image: url(../images/mobilesubmenuparentindicator_close.png);
      background-position: 15px 13px;
      background-repeat: no-repeat;
    }

      .mobilemenu > li li.hasChildren.opensubmenu
      {
        background-image: url(../images/mobilesubmenuparentindicator_open.png);
      }

  .firstLevelMenu ul li:hover
  {
    background-color: transparent;
    color: #2f96b8 !important;
  }

  .firstLevelMenu ul li
  {
    font-weight: 300;
    font-size: 24px;
    color: #2f96b8;
  }

  .firstLevelMenu.hastwolevels.hasChildren ul li
  {
    background-image: url(../images/mobilelastsubmenuindicator.png);
    background-position: right 15px;
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 40px;
    margin-right: 40px;
  }

  .changecitymenu
  {
    top: 88px;
    right: -25px;
  }

  .childIndicator
  {
    right: -20px;
    top: 76px;
  }

  .infomessage
  {
    width: 100%;
  }

  .mainimagewrapper.innerpageimagewrapper div
  {
    font-size: 18px;
    margin-top: 41px;
  }

  .inputfieldwrapper .sideinfotext
  {
    right: auto;
    left: -220px;
  }

    .inputfieldwrapper .sideinfotext:before
    {
      background-image: url(../images/mobilesideinfoindicator.png);
      left: auto;
      right: -13px;
    }

  .innerpagesidemenuwrapper
  {
    display: none;
  }

  .topformwrapper
  {
    width: 30%;
  }

  .topinputborderwrapper
  {
    width: 100%;
    top: 27px;
    left: 0px;
  }

  .stepswrapper
  {
    width: 100% !important;
    right: initial !important;
    z-index: -1;
  }

  .modal-dialog-login .modal-content
  {
    height: 970px;
    margin: 30px auto;
  }

  mainimagemessagewrapperV4
  {
    font-size: 18px;
    box-shadow: none;
    border: 1px solid #e8e8e8;
  }

  .blockMobile
  {
    padding-top: 2%;
    width:auto;
  }
  .wrapper{
    flex-direction:column;
  }
  .wrapperinput{
    width:auto;
  }
}

@media (max-width: 767px)
{
  .modal-dialog-loginV4 .login-bg-image
  {
    display: none;
  }

  .actionitemswrapper > ul
  {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .actionitemswrapper > figure
  {
    margin: 10px;
  }

  .inputfieldwrapper .topinputborderwrapper
  {
    bottom: 38px !important;
    width: 100% !important;
  }

  .inputfieldwrapper
  {
    margin-top: 12px;
  }

  .secondary_btn, .main_call_to_action, .btn
  {
    display: flex;
    margin: 10px auto !important;
    justify-content: center;
  }

  .stepwrapper
  {
    width: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-end;
    border-radius: 25px;
    margin-left: 10px;
    background: none;
    box-shadow: none;
    position: relative;
  }

    .stepwrapper:before
    {
      width: 41px;
    }

  footer
  {
    height: 100%;
  }

    footer a
    {
      color: white;
    }

    footer .justify-space-between
    {
      flex-direction: column;
      padding: 10px;
    }

  #cityPay .stepcontent .topformwrapper
  {
    width: auto;
    min-width: 320px;
  }

  .step-2-tables input[type=checkbox]
  {
    cursor: pointer;
    right: 5px;
    padding-left: 10px;
    position: absolute;
    padding: 0px;
    top: 2px;
  }

  .mainimagewrapper-noimg
  {
    padding: 0px 10px;
  }

  .data-date
  {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 5px;
  }

    .data-date label
    {
      font-weight: 500;
      font-size: 13px;
      line-height: 18px;
      margin: 0px !important;
    }

  .custom-date
  {
    text-align: left;
  }

  .custom-time
  {
    text-align: right !important;
  }

  .data-date .custom-click
  {
    width: 100%;
    text-align: right;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 5px;
    margin-top: 5px;
  }

    .data-date .custom-click input
    {
      margin-top: 0px;
    }

  .mainactionswrapper .actionitemwrapper
  {
    width: 100%;
    margin-top: 15px;
    padding: 0px 15px;
  }

  .mainimagewrapper img, .registrationtoptext
  {
    display: none;
  }

  .actionitemtopcontent img
  {
    height: 60px;
  }

  .mainactionswrapper .actionitemwrapper .actionitem h4
  {
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0 15px;
  }

  .maincontentwrapper .mainactionsheader
  {
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .mainactionswrapper .actionitemwrapper
  {
    width: 100%;
  }

  .fotterlogo, .footertext, .footerwrapper ul, .facebooklink
  {
    display: none;
  }

  .creditwrapper
  {
    width: 100%;
    margin-left: 0;
  }

  .footerwrapper .row > div
  {
    padding-right: 0px;
    padding-left: 0px;
  }

  .creditlogo
  {
    float: left;
  }

  .creditwrapper p
  {
    float: right;
    margin-top: 0px;
    width: 55%;
  }

  p.registrationtoptext
  {
    margin-top: 30px;
    margin-bottom: 5px;
  }

  .errermessagetext
  {
    font-size: 14px;
  }

  .sideinfotext
  {
    display: none;
    font-size: 16px;
  }

  .mainimagewrapper.innerpageimagewrapper h3
  {
    font-size: 20px;
    padding-top: 5px;
  }

  .mainimagewrapper.innerpageimagewrapper div
  {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 2px;
  }

  .formrowwrapper.formrowwrapper_2col .inputfieldwrapper
  {
    width: 45%;
  }

  .topformwrapper
  {
    width: 60%;
  }


  div.detailscontent
  {
    height: auto;
    padding: 0;
    border-top: 1px solid #ddd;
  }

  .modal-dialog-login .modal-content
  {
    height: 500px;
    top: 60px;
    margin: 30px auto;
  }

  .responsivegrid .k-grid-content
  {
    overflow: auto;
  }

  .responsivegrid tr td.k-grid-icon
  {
    position: absolute;
    bottom: 0;
    right: 5px;
    cursor: pointer;
  }

  .responsivegrid thead, .responsivegrid .k-grid-header, .responsivegrid colgroup
  {
    display: none;
  }

  .responsivegrid, .responsivegrid td
  {
    background-color: initial;
    border: none;
  }

  .k-grid.responsivegrid tr
  {
    position: relative;
    height: auto !important;
    display: block;
    border: 0px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 0.6rem;
    background-color: white;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), -4px 4px 3px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), -4px 4px 3px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), -4px 4px 3px 0 rgba(0, 0, 0, 0.24);
    transition: all 0.3s ease;
  }

  .responsivegrid table
  {
    width: 98%;
  }

  .responsivegrid tr td
  {
    background-color: initial;
    display: block;
    vertical-align: middle;
    text-align: left;
    height: auto;
    padding-left: 30px;
    padding-top: 5px;
  }

    .responsivegrid tr td[data-title]:before
    {
      content: attr(data-title);
      float: right;
      font-size: inherit;
      font-weight: 400;
      color: #757575;
      margin-right: 15px;
      padding-left: 5px;
    }

  .responsivegrid tr:hover
  {
    background: white !important;
    -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.12), -1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.12), -1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.12), -1px 1px 3px 0 rgba(0, 0, 0, 0.24);
  }

  .modal-dialog-login
  {
    height: 970px;
    margin: 30px auto;
  }
}

@media (max-width: 411px)
{

  .k-animation-container
  {
    left: 10px !important;
  }

  .no-more-tables .family-table > tbody > tr:nth-of-type(odd)
  {
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #d9d9d9;
  }

  .overflow-hidden
  {
    overflow: auto;
    border: 1px solid grey;
  }

  .inputfieldwrapper .topinputborderwrapper
  {
    bottom: 38px !important;
    width: 100% !important;
  }

  .table-bordered
  {
    border: 0px solid #ddd;
    width: 100% !important;
    display: block;
  }

  /*header rules - begin*/
  .logowrapperV4 img
  {
    width: 100%;
    float: none;
  }

  .logowrapperV4 a img
  {
    display: block;
    width: auto;
    height: 100%;
    max-height: 50px;
  }

  .header-mobile-row .logowrapperV4
  {
    display: flex;
    flex-direction: row-reverse;
    padding: 0px 5px;
  }

    .header-mobile-row .logowrapperV4 a
    {
      align-self: center;
      flex-grow: 1;
      display: flex;
      justify-content: center;
    }

  /*header rules - end*/
  .changecitymenu
  {
    top: 88px;
    right: 0px;
  }

    .changecitymenu li.selectedcity
    {
      background-position: right -21px;
    }

    .changecitymenu li
    {
      background-position: right -22px;
    }

  .inputfieldwrapper .sideinfotext
  {
    right: auto;
    left: -115px;
    width: 100px;
    top: -5px;
  }

  .mainimagewrapper.innerpageimagewrapper div
  {
    padding-right: 5px;
    padding-left: 5px;
  }

  p.registrationtoptext
  {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
  }

  .infomessage
  {
    line-height: 20px;
    font-size: 16px;
  }

  .innerpageimagewrapper span
  {
    font-size: 16px;
    line-height: 7px;
  }

  .formrowwrapper.formrowwrapper_2col .inputfieldwrapper
  {
    width: 100%;
    margin: 0px;
  }

  .topformwrapper
  {
    width: 100% !important;
  }

  .inputfieldwrapper label
  {
    font-size: 18px;
  }

  .inputfieldwrapper .tooltipicon
  {
    background-size: contain;
  }

  .topinputborderwrapper
  {
    top: 23px;
  }

  .font-size-14, .font-size-14 label
  {
    font-size: 14px !important;
    width: auto;
  }

    .font-size-14 div
    {
      display: flex;
      align-items: center;
    }

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

@media (min-width: 768px)
{
  .modal-dialog-loginV4 .login-bg-image
  {
    display: block !important;
  }
}