@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap');

BODY { min-height: 100vh; display:flex; flex-flow: column; color: rgba(46, 79, 148, 1); font: normal 81.3%/1.538em "Heebo", "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif !important; }
.sf-dump { text-align: left; }
.clear { clear: both; }
#top-left-image { position: fixed ; left: 0; top: 0; z-index: 9999; }
#top-left-image IMG { width: 22.5vw; height: auto; vertical-align: top; }
#bottom-right-image { position: fixed; bottom: 0; right: 0;  z-index: 9999; }
#bottom-right-image IMG { width: 40.8vw; height: auto; vertical-align: bottom; }


.dialog-off-canvas-main-canvas {margin-min: 0 4.16vw; position: relative; height: 100%; flex:1; Xpadding-top: 18.91pt; }

.layout-container {margin: 0 4.16vw; }

BODY.page-front .content-header .layout-container {margin: 0 4.16vw; }
BODY.page-front .layout-container {margin: 0 13.33vw; }



#block-nht-sitebranding { margin: 0 15px 10.27vw 15px; }
#block-nht-pagetitle{Xmargin-bottom: 68pt; }
.content-header {background-color: transparent !important; overflow: visible !important; padding: 0px !important; margin-top: 20px; }

#block-nht-sitebranding { text-align: right; }

.page--sms-login #block-nht-sitebranding,
.ppage--sms-verify #block-nht-sitebranding { text-align: center;}


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

.layout-container { position: relative; }
#smslogout-link { height: 24px; width: 24px; background-image: url(../images/logout-64.png); background-size: 24px; display: inline-block; position: absolute; bottom: 20px; left: 20px; }

.content-header .layout-container { margin: 0 4.16vw; margin: 0; }

.site-logo IMG { width: 36vw; height: auto; float: right; }
#logout { width:7.22vw; height: 7.22vw; background-size: 100% !important; background: url(../images/icon_logout.svg); background-repeat:no-repeat; float: left; margin-top: 2.77vw;}
#beta { width: 60px; height: 60px; position: absolute; top: 110px; right: 0; background-image: url(../images/beta.png); background-size: 60px 60px; }
.beta-visible #beta { display: block; }
.button { background-color: rgba(58, 101, 165, 1) !important; color: #fff !important; background-image: none !important; border: none !important; border-radius: 7vw !important; text-shadow: none !important; }

.form-item LABEL { display: inline-block; color: rgb(46, 79, 148); }

.form-item INPUT { border: none !important; background: transparent !important; box-shadow: none !important; max-width: 75% !important;  width: 47.2vw !important; }

.form-item { border-bottom: rgb(84, 195, 228) 2px solid; font-size: 3.8vw; margin: 0 !important; }
#edit-submit { margin: 32px auto 0 auto !important; display: block; line-height: initial; font-size: 4.44vw; }
#city-select #edit-submit { display: inline-block; margin: 0 !important; margin-right: 10px;  }
SELECT { border: none !important; box-shadow: none; border-radius:0 !important; background: url(../images/select_arrow.svg) no-repeat left transparent !important; background-size: 3.05vw 3.05vw !important; border-bottom: rgb(84, 195, 228) 2px solid !important; }

thead th { background: transparent !important; border: none !important; border-bottom: 1px solid rgb(46, 79, 148) !important; color: rgb(46, 79, 148) !important; font-size: 2.77vw; padding: 0 !important; font-weight: normal !important; font-weight: 500 !important; }

#table-right tbody tr:last-child TD,
#table-left-and-arabs tbody tr:last-child TD,
#table-orthodox-wrapper tbody tr:last-child TD{ font-weight: 500 !important; }

#table-orthodox-wrapper TD:first-child,
#table-left-and-arabs TD:first-child,
#table-right TD:first-child { width: 24vw; }

#table-orthodox-wrapper TD:nth-child(2),
#table-left-and-arabs TD:nth-child(2),
#table-right TD:nth-child(2) { width: 26.7vw; }

#table-orthodox-wrapper TD:nth-child(3),
#table-left-and-arabs TD:nth-child(3),
#table-right TD:nth-child(3) { width: 24vw; }

tbody TD { padding: 0 !important; font-size: 2.77vw; line-height: 4.61vw; padding: 5px 0 !important; }
TR:nth-child(odd) TD { background-color: #f5f5f2;  }
TR { padding: 0 !important; border: none !important;  }
thead th { padding: 5px 0 !important; }

.page--sms-login #logout,
.page--sms-verify #logout { display: none; }

@media (min-width: 750px)  {
	BODY { background-color: #f2f2f2; }
	#logout { width: 52px; height: 52px; margin-top: 20px; }

  .layout-container {margin: 0 30px !important; }
	BODY.page-front .content-header .layout-container {margin: 0 30px !important; }
  BODY.page-front .layout-container {margin: 0 96px !important; }

  .form-item INPUT { width: 340px !important; }

  SELECT { background-size: 22px 22px !important; font-size: 28px !important; }

	#block-nht-sitebranding { margin-bottom: 74px !important; }

  .dialog-off-canvas-main-canvas { width: 700px !important; margin: 0 auto; background-color: #fff; }
  .site-logo IMG { max-width: 262px !important; }
  .form-item-code, .form-item-phone { font-size: 28px !important; }
  #edit-submit { font-size: 32px !important; }

  #top-left-image IMG { width: 162px; }
  #bottom-right-image IMG { width: 294px; }

  tbody td,
  thead th { font-size: 20px;  }

  tbody td { line-height: 30px; }

  #table-orthodox-wrapper TD:first-child,
  #table-left-and-arabs TD:first-child,
  #table-right TD:first-child { width: 150px; }


  #table-orthodox-wrapper TD:nth-child(2),
  #table-left-and-arabs TD:nth-child(2),
  #table-right TD:nth-child(2) { width: 170px; }

  #table-orthodox-wrapper TD:nth-child(3),
  #table-left-and-arabs TD:nth-child(3),
  #table-right TD:nth-child(3) { width: 150px; }

}

.page--user-login LABEL,
.page--user-login INPUT,
.page--user-login .description { font-size: 24px !important; }

.page--user-login INPUT { border-bottom: rgb(84, 195, 228) 2px solid !important; }
.page--user-login .form-item { border: none !important; }
.page--user .form-item { font-size: inherit !important; border: none !important; }

.page--files-upload .form-item { font-size: 12px !important; border: none; margin-bottom: 26px !important; }
.page--files-upload .form-item LABEL { width: 60px; }
.page--files-upload #edit-submit { font-size: 16px !important; }
.page--files-upload .form-file.error { font-weight: bold !important; font-size: 110%; }