.button { border-radius: 2px !important; margin-right: 0px !important; margin-left: 0px !important; }
 FORM INPUT { Xwidth: 210px; text-align: center; }
.page-title { display: block !important; }
.region-pre-content { text-align: center; }

.page--sms-login .region,
.page--sms-verify .region { display: flex; justify-content: center; align-items: center; flex-flow: column; }

.page--sms-verify #smsverify INPUT:not(#edit-submit),
.page--sms-verify #block-mainpagecontent,
.page--sms-login #smslogin INPUT:not(#edit-submit),
.page--sms-login #block-mainpagecontent {width: 47vw; max-width: 85% !important;}
.page--sms-login #smslogin #edit-phone { letter-spacing: 5px; }
.page--sms-verify #smsverify #edit-code { letter-spacing: 10px; }

#links-wrapper { margin-top: 58px; }
#links-wrapper .menu-page-main-link { display: block; height: 13.8vw;  background-size: 13.8vw auto; background-repeat: no-repeat; background-position: right 0; }
#links-wrapper .menu-page-main-link SPAN { font-size: 4.16vw !important; margin-right: 18.8vw; line-height: 13.8vw; padding: 4px 1.5em;  background-color: rgba(58, 101, 165, 1) !important; color: #fff !important; background-image: none !important; border: none !important; border-radius: 20px !important; text-shadow: none !important; }
#links-wrapper #city-data-link { background-image: url(../images/icon_city.svg); }
#links-wrapper #add-supporter-link { background-image: url(../images/icon_add_supporter.svg); }
#links-wrapper #wish-happy-birthday-link { background-image: url(../images/icon_birthday.svg); }
#links-wrapper #city-supporters-link { background-image: url(../images/icon_city_supporters.svg);  }
#links-wrapper #dashboard-link { background-image: url(../images/icon_dashboard.png);background-size: 75px auto !important; background-position: bottom 12px right 13px;}
#links-wrapper #settings-link { background-image: url(../images/icon_settings.png);background-size: 75px auto !important; background-position: bottom 12px right 13px; }

#links-wrapper #emp-link { background-image: url(../images/emp_icon.png); }
#links-wrapper #supplier-link { background-image: url(../images/supplier_icon.png); }

#links-wrapper #emp-link:hover,
#links-wrapper #supplier-link:hover { text-decoration: none;}

#links-wrapper #emp-link SPAN,
#links-wrapper #supplier-link SPAN{ background-color: #00d3ed !important; color: rgba(255,255,255, 1) !important; font-weight: bold; }

.recruit-link-wrapper-2 a,
.recruit-link-wrapper-3 a { background-color: #00d3ed !important; }


H1 { text-align: right !important; font-weight: bold !important;  line-height: 1.2em !important; font-size: 7.2vw !important; margin: 0 9.11vw 20px 9.11vw !important;  font-weight: 700 !important;}
H2 { font-size: 3.8vw !important; font-weight: 400 !important; }

.page--city-data H2 { text-align: center; margin:0 0 2.77vw 0 !important; font-weight: 500 !important;}

BODY.page-front H1 { margin: 0 0 !important; }

.birthday-date-wrapper .birthday-date-title { font-size: 3.88vw; font-weight: bold; margin: 0 9.11vw 20px 9.11vw !important; }

#no-birthdays { font-size: 22px; color: red; margin: 0 auto; text-align: center;}
#city-activists .empty-supporters { font-size: 22px; color: red; margin: 0 auto;}

#city-activists { display: flex; flex-flow: column;  }
.activist-wrapper { width: 100%; margin: 10px 0; Xdisplay: inline-flex; align-items: center; font-size: 3.88vw; display: flex; justify-content: space-around;}
.activist-wrapper .name { display: inline-block; vertical-align: middle; Xwidth: 120px; word-break: break-word; Xfloat: right; Xline-height: 8.88vw; flex-grow: 1; }
.page--wish-happy-birthday .activist-wrapper .name { Xline-height: normal !important; }
.activist-wrapper .phone-links { display: inline-block; vertical-align: middle; Xfloat: left; width: 42.8vw;  }
.activist-wrapper .phone-links > A { display: inline-block; margin: 0 3.06vw; vertical-align: bottom; background-repeat: no-repeat; }
.activist-wrapper .whatsapp-link { width: 7.5vw; height: 7.5vw; background-size: 7.5vw 7.5vw; background: url(../images/icon_whatsapp.svg); }
.activist-wrapper .sms-link      { width: 8.05vw; height: 7.5vw; background-size: 10.83vw 7.5vw; background: url(../images/icon_sms.svg); }
.activist-wrapper .phone-link    { width: 8.88vw; height: 8.88vw; background-size: 8.88vw 8.88vw; background: url(../images/icon_call.svg); }

FORM#city-select { margin: 4.16vw 9.11vw 11.05vw 9.11vw !important; }
FORM#city-select > SELECT { font-size: 4.16vw !important; float: right; color: rgb(46, 79, 148); padding: 0; max-width: 60% !important; }
FORM#city-select > #edit-submit {margin-right: 4.72vw !important; }

#pricequoteform > .form-item,
#addsupporter > .form-item { margin-bottom: 32px !important; }

#pricequoteform > .form-item LABEL,
#addsupporter > .form-item LABEL { width: 24.5vw; }
BODY:not(.page-front) #block-mainpagecontent { max-width: 400px; margin: 0 auto !important; }
#addsupporter .field-error { color: red; margin: 0 5px; }

.page--add-price-quote #edit-product-calculated-price { border-bottom: none; }
.page--add-price-quote #edit-product-calculated-price .product-calculated-price-content { display: inline-block; width: 46.5vw; text-align: center; }

.page--price-quotes .city-balance { font-size: 22px; font-weight:500;  }
.page--price-quotes .subtable-addition {font-size: 18px; color: #000; }
.page--price-quotes .new-oeder-link-wrapper { margin: 20px 0 60px 0; }
.page--price-quotes .new-oeder-link-wrapper .new-order-link { font-size: 18px; }

.page--price-quotes .total { margin-top: 40px; }

.page--wish-happy-birthday .birthday-date-wrapper,
.page--add-supporter #addsupporter { max-width: 73vw; margin: 0 auto 45px auto; }
.page--add-supporter #addsupporter > .form-item SELECT{ width: 65% !important; border: none !important; color: rgb(89, 89, 89); }


.page--city-data .empty-results {text-align: center;}
.page--city-data FORM#city-select { margin-bottom: 40px; }
.page--city-data .activists-list { max-width: 600px; display: flex; flex-flow: column; align-items: center; margin: 00px auto 30px auto;}
.page--city-data #city-free-text { max-width: 600px; margin: 20px auto 20px auto; font-size: 3.5vw; line-height: 120%; }
.page--city-data .voters-table-wrapper,
.page--city-data #general-voters-wrapper { max-width: 95vw; overflow-x: auto; margin-bottom: 40px;}

.page--city-data .voters-table-wrapper H2 {text-align: center;}

.page--city-data .voters-table-wrapper .voters-table,
.page--city-data #general-voters-wrapper #general-voters { max-width: 600px; margin: 0 auto;}

.page--city-data .voters-table-wrapper .voters-table TR:last-child TD { background-color: rgba(245, 245, 242, 0.3); }

.page--city-data #general-voters-wrapper #general-voters TD,
.page--city-data .voters-table-wrapper .voters-table TD { direction: ltr; }

#top-icons-wrapper { Xheight: 12.2vw; Xmargin: 4.44vw 0; width: 73vw; margin: 0 auto 2.5vw auto; }
#top-icons-wrapper .menu-page-main-link { display: table-cell; padding-top: 50%; }
#top-icons-wrapper #suppliers-link {  float: left; }
#top-icons-wrapper #city-data-link { height: auto; width: 13.8vw; float: left; }
#top-icons-wrapper #back-link { float: right; width: 7.22vw ; height: auto; Xpadding: 2.5vw 0 0 0; }
.form-item > LABEL { font-weight: 400; }



.page--edit-employee .form-textarea-wrapper { display: inline-block; font-size: 5px; }
.page--edit-employee .form-textarea-wrapper #edit-signature { width: 5px; border: none; background: transparent; resize: unset; padding: 0; box-shadow: none; }


.page--add-price-quote .field-error,
.page--edit-employee .general-error,
.page--edit-employee .field-error { color: red; margin: 0 5px; }
.page--edit-employee .form-select { text-align: center; }
.page--edit-employee #editemployeeform .form-item LABEL { width: 110px; line-height: 35px; width: 25.5vw; font-weight: 400;}
.page--edit-employee #editemployeeform .form-item INPUT,
.page--edit-employee #editemployeeform .form-item SELECT{ width: 65% !important; border: none !important; }
.page--edit-employee #editemployeeform .form-item-signature {border: none;}
.page--edit-employee #editemployeeform .form-item-signature LABEL { width: fit-content !important; }
.page--edit-employee #editemployeeform .form-item-agreement { border: none; }
.page--edit-employee #editemployeeform .form-item-signature CANVAS { border: 1px solid gray; }
.page--edit-employee #editemployeeform .pdfjs-viewer { overflow: auto; width: 100%; Xmax-height: 500px; }
.pdfjs-viewer .pdfpage { margin-bottom: 90px; }

.page--edit-employee .general-error { text-align: center; margin: 30px 0 0 0; font-size: 28px; }
.page--edit-employee #editemployeeform #edit-signature--description .sigWrapper { text-align: center; margin-top: 15px; }
.page--edit-employee #editemployeeform #edit-signature--description .sig-description { font-size: 21px; }

.page--edit-employee .application-filled-message { font-size: 22px; }
.page--edit-employee .application-filled-message A { font-weight: 700; }

.page--edit-employee #editemployeeform .form-item-start-date,
.page--edit-employee #editemployeeform .form-item-employee-type-salary,
.page--edit-employee #editemployeeform .form-item-employee-type-scope,
.page--edit-employee #editemployeeform .form-item-employee-type-election-day-shifts,
.page--edit-employee #editemployeeform .form-item-employee-type-cost { display: none; }

.page--edit-employee #editemployeeform .form-item-employee-type-cost { border-bottom: none; margin-top: 15px; }
.page--edit-employee #editemployeeform .comments-log { font-size: 12px; }
.page--edit-employee #editemployeeform .form-item-status .description {font-size: 12px; }

.page--employees .recruit-link-wrapper { display: inline-block; margin-left: 20px; }
.page--employees .recruit-link-wrapper .emp-link {font-size: 22px;}
.page--employees .city-balance { font-size: 22px; font-weight: 500; margin-bottom: 40px; }
.page--employees .recruit-link-wrapper .recruit-link { font-size: 32px; }

.page--price-quotes #pricequotesfilterform,
.page--employees #employeesform { margin-bottom: 80px; max-width: 1030px; width: 91.5vw; }

.page--price-quotes #pricequotesfilterform .form-item,
.page--employees #employeesform .form-item { font-size: 18px !important; display: inline-block; width: 100% !important; max-width: 300px; margin-left: 40px !important; margin-top: 40px !important; }

.page--price-quotes #pricequotesfilterform SELECT,
.page--employees #employeesform .form-item SELECT { font-size: 18px !important; width: 100% !important;  max-width: 150px; border: none !important }

.page--price-quotes #pricequotesfilterform INPUT,
.page--employees #employeesform .form-item INPUT { width: 100% !important;  max-width: 150px !important; }

.page--employees .cell-status .button { padding: 0px 7px; font-size: 13px; font-weight: normal; }

.page--price-quotes #pricequotesfilterform #edit-submit,
.page--employees #employeesform #edit-submit { display: inline-block !important; font-size: 18px !important; }
.page--employees .dialog-off-canvas-main-canvas { width: auto !important; }

.page--employees #results-table TD,
.page--employees #results-table TH { padding: 0 10px !important;  }
.page--employees #results-table TD,
.page--employees #results-table TH { min-width: 130px; max-width: 150px; overflow:hidden; text-overflow: ellipsis; font-size: 14px;}
.page--employees #results-table .cell-whatsapp .whatsapp-link { display: inline-block; width: 27px; height: 27px; background-size: 7.5vw 7.5vw; background: url(../images/icon_whatsapp.svg); }

.page--price-quotes #results-wrapper,
.page--employees #results-wrapper { overflow-x: auto; max-width: 94vw; margin-bottom: 100px;}
.page--price-quotes #results-wrapper { max-height: 60vh; direction: ltr; }
.page--employees #results-wrapper TABLE,
.page--price-quotes #results-wrapper TABLE { direction: rtl; }
.page--employees #results-wrapper { max-height: 70vh;direction: ltr;  }

.page--employees .missing-file { margin-right: 10px; font-size:20px; }

.page--price-quotes .dialog-off-canvas-main-canvas { width: 100% !important; max-width: 100vw; }
.page--price-quotes #results-table TD,
.page--price-quotes #results-table TH { padding: 0 10px !important;  }
.page--price-quotes #results-table TD,
.page--price-quotes #results-table TH { min-width: 130px; max-width: 150px; overflow:hidden; text-overflow: ellipsis; font-size: 14px;}

.page--employees #results-table .shift-location { font-size: 11px; }
.download-wrapper #download-csv { float:left; } 

.page--overall-budget .cell-precent,
.page--overall-budget .cell-balance { direction: ltr; }
.page--overall-budget .cell-precent.minus,
.page--overall-budget .cell-balance.minus { color: red; }
#overall-budget-link { display: block; font-size: 22px; font-weight: 500; margin-bottom: 20px;}

@media (min-width: 750px)  {
  H1 { font-size: 32px !important; margin: 0 66px 40px 66px !important; }
  H2 { font-size: 28px !important; }
  .page--city-data H2 { margin:0 0 20px 0 !important; }
  #links-wrapper .menu-page-main-link SPAN { font-size: 32px !important; margin-right: 130px !important; line-height: 100px !important; }
  #links-wrapper .menu-page-main-link { background-size: 100px auto !important }
  #links-wrapper .menu-page-main-link { height: 100px !important; }
  X#links-wrapper { margin-top: 106px; }

  #top-icons-wrapper { max-width: 508px; Xmargin-bottom: 20px; }
  #top-icons-wrapper #city-data-link { width: 100px; }
  #top-icons-wrapper #back-link { width: 52px; }

  .birthday-date-wrapper .birthday-date-title { font-size: 28px; margin: 0 66px 40px 66px !important; }
  .activist-wrapper { font-size: 22px !important; }
  .activist-wrapper .phone-links { width: 308px !important; }
  .activist-wrapper .phone-links > A { margin: 0 22px !important;  }
  .activist-wrapper .whatsapp-link { width: 54px !important; height: 54px !important; background-size: 54px 54px !important; }
  .activist-wrapper .sms-link      { width: 58px !important; height: 54px !important; background-size: 58px 54px !important; }
  .activist-wrapper .phone-link    { width: 64px !important; height: 64px !important; background-size: 64px 64px !important;  }
  X.activist-wrapper .name { line-height: 64px !important; }
  X.page--wish-happy-birthday .activist-wrapper .name { line-height: normal; }


  FORM#city-select { margin: 28px 66px 80px 66px !important }
  FORM#city-select > SELECT { font-size: 28px !important;  }
  FORM#city-select > #edit-submit {margin-right: 34px !important; }

  .page--sms-verify #smsverify INPUT:not(#edit-submit),
  .page--sms-verify #block-mainpagecontent,
  .page--sms-login #smslogin INPUT:not(#edit-submit),
  .page--sms-login #block-mainpagecontent { width: 340px; }

  .page--add-supporter #addsupporter > .form-item {  font-size: 28px; }
  .page--add-supporter #addsupporter { width: 505px !important; }
  .page--add-supporter #addsupporter > .form-item LABEL { width: 163px; }
  .page--add-supporter #addsupporter > .form-item INPUT,
  .page--add-supporter #addsupporter > .form-item SELECT{ width: 65% !important; border: none !important; }

  .page--city-data #city-free-text { font-size: 20px; }
  
  .page--add-price-quote #pricequoteform > .form-item {  font-size: 28px; }
  .page--add-price-quote #pricequoteform { width: 505px !important; }
  .page--add-price-quote #pricequoteform > .form-item LABEL { width: 163px; line-height: 35px; }
  .page--add-price-quote #pricequoteform > .form-item INPUT,
  .page--add-price-quote #pricequoteform > .form-item SELECT{ width: 65% !important; border: none !important; }
  .page--add-price-quote #edit-product-calculated-price { border-bottom: none; }
  .page--add-price-quote #edit-product-calculated-price .product-calculated-price-content { display: inline-block; width: 65%; text-align: center; }
  
  .page--price-quotes .table-pricequotes TH { font-size: 1.2vw; }
  
  .form-type-file INPUT { font-size: 60%; }
  
  .page--edit-employee #editemployeeform  .form-item {  font-size: 28px; }
  .page--edit-employee #editemployeeform { width: 505px !important; }
  .page--edit-employee #editemployeeform  .form-item LABEL { width: 170px; line-height: 35px; }
  .page--edit-employee #editemployeeform  .form-item INPUT,
  .page--edit-employee #editemployeeform  .form-item SELECT{ width: 64% !important; border: none !important; }
  .page--edit-employee #editemployeeform .form-item-signature {border: none;}
  .page--edit-employee #editemployeeform .form-item-agreement { border: none; }
  .page--edit-employee #editemployeeform  .form-item-bank-account-name LABEL { width: 200px; }
  .page--edit-employee #editemployeeform  .form-item-bank-account-name INPUT { width: 59% !important; }
  .page--edit-employee #editemployeeform #edit-employee-type-cost { color: red; font-weight: bold; }
  
  .page--edit-employee #editemployeeform .form-item-signature CANVAS { border: 1px solid gray; }

  .page--price-quotes #top-icons-wrapper,
  .page--employees #top-icons-wrapper { margin-right: 0 !important; }
  .page--employees #results-table TH { font-size: 20px !important;}  
  
  .page--devel-form #develform > .form-item {  font-size: 28px; }
  .page--devel-form #develform { width: 505px !important; }
  .page--devel-form #develform > .form-item LABEL { width: 163px; line-height: 35px; }
  .page--devel-form #develform > .form-item INPUT,
  .page--devel-form #develform > .form-item SELECT { width: 65% !important; border: none !important; }
  .page--devel-form #develform .form-type-checkbox { display: flex; flex-direction: row-reverse; }
  .page--devel-form #develform .form-type-checkbox INPUT { transform: scale(0.5); }
  
  .form-type-file INPUT { font-size: 60%; }

}