﻿body {
}


.dear-parents
{
padding:53px 0 25px 0;
text-align:center;
}

.dear-parents .icon-Vector-Smart-Object2
{
 font-size:4em;
}

.dear-parents h3
{
 font-size:1.4em;
 margin-top: 0;
}

.institute-details
{
 background-color:#fff;
 border:1px dashed #aaaaaa;
 padding:30px 14px;
 float:none;
}

.institute-details .name span
{
display:block;
font-size:1em;
}

.institute-details .name .title
{
font-size:1.714em;
font-weight:bold;
color:#0488a7;
}

.institute-details .name 
{
border-bottom:1px dashed #aaaaaa;
padding-bottom:14px;
margin-bottom:22px;
}

.institute-details .icon-general
{
float:right;
font-size: 2.4em;
width: 13%;
}

.institute-details .holder
{
margin-bottom:20px;
}

.institute-details .holder:last-child
{
margin-bottom:0;
}

.institute-details .semel-detail
{
float:right;
margin-top: -6px;
}

.institute-details .semel-detail .title
{
display:block;
}

.institute-details .icon-PIN
{
 margin-right:4px;
}

.institute-details .holder .semel-number
{
 font-size:1.143em;
 font-weight:bold;
 color:#0488a7;
}

.transfer-form
{
 margin-top:30px;
}

.transfer-form .text-limit/*span*/
{
 display:block;
 text-align:center;
 font-size:1.143em;
}

.transfer-form error-message .error-text {
    margin-top: 33px;
}
.assign-print
{
  direction: ltr;
}
.assign-print .assign-print-button
{
 background-color:#e7e7e7;
 height:50px;
 margin-top:29px;
 padding-top: 10px;
 width: 40px;
 height: 40px;
}
.assign-print .assign-print-button .print-link
{
 color:#0488a7;
 background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/print-icon.png') no-repeat right;
 background-size: 80%;
 display:block;
 width: 38px;
 height: 36px;
 margin-right: 7px;
 margin-top: -7px;

}

.transfer-form .transfer-button
{
 background-color:#e7e7e7;
 height:50px;
 margin-top:29px;
 padding-top: 10px;
}


.transfer-form .transfer-button .transform-link
{
 color:#0488a7;
 font-weight:bold;
 font-size:1.614em;
 background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/haavara-icon.png') no-repeat right;
 padding-right: 42px;
 background-size: 18%;
 background-position-y: 3px;
 display:block;
 width: 173px;
 margin:0 auto;
}


.transfer-form-popup
{
height:100%;
}

.transfer-form-popup .modal-content {
  border-radius:0;
  box-shadow: 0 0 0 rgba(0,0,0,.5);
  border:none;
}

.transfer-form-popup .modal-dialog {
 margin:0;
}

.transfer-form-popup .title-icon{
    background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/haavara-icon.png') no-repeat;
    display:block;
    width: 45px;
    height: 45px;
    background-size: 99%;
    margin: 0 auto;
    margin-top: 23px;
}

.transfer-form-popup h4{
    font-size:2.071em;
    text-align:center;
    font-weight:bold;
}

.transfer-form-popup .modal-header {
  border-bottom: 1px dashed #aaaaaa;
  padding: 24px;
}

.transfer-form-popup .row {
 float:right;
 margin:0;
}

.transfer-form-popup .row:last-child {
 float:left;
}

.transfer-form-popup .detail .institute
{
 width:157px;
}

.transfer-form-popup .details-holder
{
   border-bottom: 1px dashed #aaaaaa;
   padding-bottom: 10px;
}

.transfer-form-popup .detail span
{
 display:block;
 font-size:1em;
 text-align:right;
}

.transfer-form-popup .detail {
 margin-bottom:20px;
}

.transfer-form-popup .detail .name{
 font-size:1.429em;
 color:#0488a7;
}

.modal-footer {
  border-top: 0 solid #e5e5e5;
}

.transfer-form-popup .comment-text{
  margin-top:45px;
}

.transfer-form-popup .comment-text .title{
    text-align:right;
    font-size:1.429em;
}


.transfer-form-popup .text-limit{
    text-align:left;
    margin-top:5px;
}

.transfer-form-popup .close
{
 background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/close-datepicker.png') no-repeat;
 width:16px;
 height:16px;
 display:block;
 background-size: 100%;
 opacity:1;
  margin-left: -14px;
}

.general-combo
{
  /*border-left: none;
  border-right: none;
  border-top: none;*/
  font-size:1.429em;
  /*border-bottom:1px solid #d2d2d2;*/ 
  -webkit-appearance: none; /*Removes default chrome and safari style*/
  -moz-appearance: none; /* Removes Default Firefox style*/
  /*background: url('/National_Library/oe_/https://education.metropolinet.co.il/images/combo-arrow.png') no-repeat left;*/  /*Adds background-image*/
  /*background-position: 80px 8px;*/  /*Position of the background-image*/
  text-indent: 0.01px; /* Removes default arrow from firefox*/
  text-overflow: "";  /*Removes default arrow from firefox*/
  cursor: pointer;
      /*My custom style for fonts*/
}

.transfer-form-popup .combo-holder {
  margin-top: 62px;
}
.transfer-form .error-message {
    margin-top: 5px;
}


.success-message 
{
padding:0 0 80px 0;

}


.success-message .icon-holder
{
position:relative;
}

.success-message .icon-Maatafa
{
 font-size:0;
 display:block;
 margin-top: 25px;

  margin-top: 122px;
    background-image: url(/National_Library/oe_/https://education.metropolinet.co.il/images/envlope-icon.png);
    /* background-size: cover; */
    background-repeat: no-repeat;
    height: 102px;
    background-position: center;
              margin-top: 92px;
}
.success-message .icon-error
{
 font-size:0;
 display:block;
 background-image: url(/National_Library/oe_/https://education.metropolinet.co.il/images/Siman_Kria.png);
 /* background-size: cover; */
 background-repeat: no-repeat;
 height: 102px;
 margin-right: 18%;
 width:118px;
}



.success-message .icon-SVG_V
{
 color:#0488a7;
 position: absolute;
 right: 168px;
 top: 20px;
 font-size: 0.6em;
}

.success-message h2
{
 font-weight:bold;
 font-size:2.071em;
 color:#0488a7;
 width: 177px;
 margin-left:auto;
 margin-right:auto; 
 text-align:center;
 line-height:36px;
}

.success-message .turn-number 
{ 
  width: 143px;
  margin: 0 auto;
  border-bottom:1px dashed #cdcdcd;
  padding-bottom:9px;
}


.success-message .turn-number span
{ 
 display:inline-block;
 }

 .success-message .turn-number span:first-child
{ 
 font-size:1em;
}

  .success-message .turn-number span:last-child
{ 
 font-size:1.143em;
 color:#0488a7;
 font-weight:bold;
 margin-right:9px;
}

 .success-message .send-mail
{ 
 background-color:#e7e7e7;
 width:107px;
 height:78px;
 margin-right:auto;
 margin-left:auto;
 margin-top:30px;
 padding-top:15px;
 text-align:center;
 color:#00a6bb;
}

  .success-message .send-mail a
{ 
 color:#00a6bb;
 font-size:1.143em;
}

  .success-message .send-mail .mail-icon
{ 
 display:block;
 background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/mail-icon.png') no-repeat;
 width: 40px;
 height: 40px;
 background-size: 100%;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:1px;
}

  .success-message .modal-header {
  border-bottom: 0 dashed #aaaaaa;
  padding: 24px;
}


.modal-body {
     height: inherit;
}




/*desktop style*/
@media (min-width: 1140px) {

          body {
              background:#fff;
            }

          .main-page .content {
              margin-top: 15px;
              padding: 25px 0 0 0;
              border:0 solid #f0f0f0;
            }

           h1
           {
              line-height:0 !important;
           }

           .shibutz {
              background: url('/National_Library/oe_/https://education.metropolinet.co.il/images/HeaderPattern2.png') repeat;
              width:995px;
              margin:0 auto;
            }


         .exit
         {
         float:left;
         background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/exit-button.png') no-repeat;
         width:80px;
         height:80px;
         margin-top:19px;
         }

         .dear-parents {
              padding: 53px 0 11px 0;
            }

        .dear-parents h2
         {
          font-size:36px;
         }

         .dear-parents h3 {
              font-size:18px;
            }

         .institute-details {
              width:492px;
              margin:0 auto;
              padding: 30px 25px;
            }

         .institute-details .name span {
              font-size:18px;
            }


         .institute-details .name .title {
              font-size: 36px;
            }

         .institute-details .holder {
              margin-bottom: 20px;
              float:right;
              margin-left:69px;
            }

         .institute-details .semel-detail
         {
           margin-right: 27px;
         }

         .institute-details .last
         {
            margin-right: 15px;
         }

         .institute-details .semel-detail .title {
             font-size:16px;
            }

         .institute-details .holder .semel-number {
              font-size:20px;
            }

         .transfer-form .transfer-button {
              width:203px;
              margin-left:auto;
              margin-right:auto;
              margin-bottom:30px;
              border:1px solid #dedede;
            }

         /*.transfer-form span {
              font-size:18px;
              margin-bottom:22px;
            }*/

         /*pop up transformation*/

         .transfer-form-popup .modal-dialog {
              margin-left:auto;
              margin-right:auto;
              margin-top:174px;
              width:997px;
            }

          .transfer-form-popup .title-icon {
              width: 48px;
              height:50px;
              background-size:100%;
              margin:23px 0 0 0;
              display:inline-block;
            }

          .transfer-form-popup h4 {
                  font-size: 36px;
                  display:inline-block;
                  vertical-align: top;
                  margin-top: 19px;
                  margin-right: 10px;
                }

          .transfer-form-popup .row:last-child {
              float: right;
            }

          .transfer-form-popup .detail {
              float: right;
              margin-left:133px;
            }

          .transfer-form-popup .detail span {
              font-size:16px;
              margin-bottom:-5px;
            }

          .transfer-form-popup .details-holder {
              padding-bottom:5px;
            }

          .general-combo {
             width:437px !important; 
            }

          .btn-next {
              clear: both;
            }

          .modal-body {
              padding: 30px;
            }

          .transfer-form-popup .comment-text {
              padding:0;
            }

          .transfer-form-popup .modal-header {
              margin: 0 30px;
            }

          .modal-backdrop {
                  background-color:none;
                  background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/pop-back-pattern.png') repeat;
                    opacity: .7;
                }

           .success-message
           {
              background:url('/National_Library/oe_/https://education.metropolinet.co.il/images/HeaderPattern2.png') repeat;
           }

          .success-message .icon-Maatafa {
            margin-top: 122px;
    background-image: url(/National_Library/oe_/https://education.metropolinet.co.il/images/envlope-icon.png);
    /* background-size: cover; */
    background-repeat: no-repeat;
    height: 102px;
    background-position: center;
              margin-top: 92px;
            }

          .success-message .icon-SVG_V {
            right: 489px;
            top: 34px;
            font-size: 1.1em;
            }

          .success-message h2 {
              font-size: 2.571em;
              width:auto;
              margin-top: 39px;
            }

          .success-message .turn-number span:first-child {
          font-size:16px;
          margin-bottom:0;
          }

         .success-message .turn-number span:last-child {
          font-size:18px;
          margin-bottom:0;
          width: 10px;
          }

         .success-message .turn-number {
                width: 153px;
                padding-bottom:0;
                margin-top: 26px;
                }

          .success-message .print-holder 
         {
          width:260px;
          margin-left:auto;
          margin-right:auto;
         }

          .success-message .send-mail
         {
         display:inline-block;
         margin-right:20px;
         vertical-align: top;
         border:1px solid #dedede;
         }

           .success-message .send-mail:hover
         {
          background-color:#f3f2f2;
         }


         .success-message .print
         {
         display:inline-block !important;
         vertical-align: top;
         }

         .success-message .print .icon-SVG_print
         {
         font-size:2.3em;
         }

         .success-message .print .text
           {
          display:block;
          font-size:16px;
          margin-top: -20px;
         }
}
@media print 
{
  .transfer-form .transfer-button .transform-link{
          visibility: hidden;
  }
  
  .assign-print-button{
          visibility: hidden;
  }
  .transfer-form-popup .print-item{
    margin-right: 60px;
    margin-top: 15px;
    font-size: 15px;
  } 
 .transfer-form-popup .print-item span:first-child
    { 
    font-weight: bold;
    }

  .transfer-form-popup .turn-number{
    margin-right: 60px;
    margin-top: 15px;
    font-size: 15px;
  }
  .transfer-form-popup .turn-number span:first-child
    { 
    font-weight: bold;
    }
}
    
/*
@media screen and (max-width:720px){
    .success-message .icon-SVG_V {
  
    right: 109px;
    top: -24px;
  
}

    .success-message h2 {
   
    width: 85%;
    top: 60px;
    position: relative;
}

    .success-message .turn-number {
    width: 170px;
    position: relative;
    top: 55px;
}
    .success-message .turn-number
    {
        padding-bottom:0;
    }
}*/
