@import "compass";

/*IranSans*/
@font-face {
  font-family: 'IranSans';
  src: url('../fonts/iransans/IRANSansWeb.eot');
  src: url('../fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype')
  , url('../fonts/iransans/IRANSansWeb.woff2') format('woff2')
  , url('../fonts/iransans/IRANSansWeb.woff') format('woff')
  , url('../fonts/iransans/IRANSansWeb.ttf') format('truetype')
  /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}
/*IranSansBold*/
@font-face {
  font-family: 'IranSansBold';
  src: url('../fonts/iransans/bold/IRANSansWeb_Bold.eot');
  src: url('../fonts/iransans/bold/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype')
  , url('../fonts/iransans/bold/IRANSansWeb_Bold.woff2') format('woff2')
  , url('../fonts/iransans/bold/IRANSansWeb_Bold.woff') format('woff')
  , url('../fonts/iransans/bold/IRANSansWeb_Bold.ttf') format('truetype')
  /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}
/*IranSansMedium*/
@font-face {
  font-family: 'IranSansMedium';
  src: url('../fonts/iransans/medium/IRANSansWeb_Medium.eot');
  src: url('../fonts/iransans/medium/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype')
  , url('../fonts/iransans/medium/IRANSansWeb_Medium.woff2') format('woff2')
  , url('../fonts/iransans/medium/IRANSansWeb_Medium.woff') format('woff')
  , url('../fonts/iransans/medium/IRANSansWeb_Medium.ttf') format('truetype')
  /*, url('../fonts/medium/IRANSansWeb_Medium.svg#AIranianSans') format('svg')*/
;
}
/*IranSansLight*/
@font-face {
  font-family: 'IranSansLight';
  src: url('../fonts/iransans/light/IRANSansWeb_Light.eot');
  src: url('../fonts/iransans/light/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype')
  , url('../fonts/iransans/light/IRANSansWeb_Light.woff2') format('woff2')
  , url('../fonts/iransans/light/IRANSansWeb_Light.woff') format('woff')
  , url('../fonts/iransans/light/IRANSansWeb_Light.ttf') format('truetype')
  /*, url('../fonts/iransans/IRANSansWeb.svg#AIranianSans') format('svg')*/
;
}

.rtl {

  .phonebook-search-portlet{
      font-family: IranSans;
      font-size: 14px;

    @media (max-width: 992px) {
      font-size: 12px;
    }

  }
  .phonebook-portlet{
    //font-family: IranSans;
    //font-size: 12px;
  }


}

.rtl input[type="text"], .rtl input[type="password"], .rtl input[type="file"], .rtl input[type="submit"], .rtl input[type="button"], .rtl input[type="reset"], .rtl select, .rtl textarea, .rtl .textarea, .rtl button {
  font: inherit !important;
}

body.page-maximized{

  .phonebook-search-portlet{

    padding-right: 15px;
    padding-left: 15px;

    //@media (min-width: 768px) {
    //  width: 750px;
    //}
    //@media (min-width: 992px) {
    //  width: 970px;
    //}
    //@media (min-width: 1200px) {
    //  width: 1170px;
    //}

    width: 100%;

    .portlet{
      background-color: rgba(0,0,0,0);
      border: none;
      .portlet-topper{
        display: none;
      }
    }

    .full-search-back {
      position: relative;
      z-index:10;
    }

  }

}

.phonebook-search-portlet{

  direction: rtl;

  margin-right: auto;
  margin-left: auto;

  .portlet-icon-back{
    display: none;
  }

  .full-search input{
    margin-bottom: 10px;
  }

  .full-search-back{
    border: none;
  }

  input[type="submit"], input[type="button"], input[type="reset"], button{
    @include text-shadow(none);
  }

  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover ,
  input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus {
    color: #fff;
    background: #449d44;
    border-color: #398439;
  }

  .input-group-btn {
    position: relative;
    font-size: inherit;
    white-space: nowrap;
  }

  .form-horizontal{

    input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea{
      display: block;
      width: 100%;
      //height: 34px;
      height: 40px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    }

    .input-group .aui-field:not(:first-child) input{
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }

    .input-group-btn:last-child > .btn{
      border-radius: 4px;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }

    .row{
      margin: 15px;
    }

    .extended-search{
      height: 40px;
      font-size: 14px;
      padding: 6px 12px;
      margin-bottom: 0;

      @media (max-width: 1028px) {
        margin: 5px 0;
      }

    }

    .search-btn{
      height: 40px;
      font-size: 14px;
      padding: 6px 12px;
    }

  }

  .null-result{
    >div{
      border: 1px solid rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.1);
      border-radius: 7px;
      padding: 10px 15px;
      margin-bottom: 5px;
    }
  }

  .first-item-c{

    //padding: 4px;


    >div{
      //padding: 2px 0;
      border: 1px solid rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.1);
      border-radius: 7px;
      padding: 10px 15px;
      margin-bottom: 5px;


      &:nth-child(even){
        background: rgba(0,0,0,0.0);
      }

      &:last-child{
        background: #47a447;
        border-color: #398439;

        .left{
          float: left;
          display: inline-block;
          a{
            color: white;
          }
        }
        .right{
          float: none !important;
          display: inline-block;
          color: white;
        }
      }

    }

    //.more-result{
    //
    //}
  }

  .org-div{

    @media (max-width: 768px) {
      margin: 15px 0
    }

    .org-selector{
      .aui-field-content{
        label{
          width: 35%;
          float: right;
          padding: 2px;
        }
        span{
          width: 65%;
          float: right;
        }
      }

      @media (min-width: 768px) {
        //< div{
        //  margin: 10px 0;
        //}
      }


    }

  }

  .submit-search{
      height: 40px;
    font-size: 14px;
    padding: 6px 12px;
      //padding: 0;
  }

  .result-table{

    thead{
      background: rgba(0,0,0,0.1);
    }

    td,th{
      text-align: center;
    }

    .table-block{
      display: inline-block;
      width: 15%;
      text-align: center;
      &.number{
        width: 10%;
      }
      &.email{
        width: 20%;
        font-size: 12px;
      }
      &.head{
        font-weight: bold;
        font-size: 16px;
      }
    }

  }

}

.phonebook-portlet{

  .uploadInput{
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;

    &.btn{
      position: relative;
      top: 9px;
    }

  }

  .uploadExp{
    display: block;
    margin: 0 5px;

    input{
      display: block;
    }

  }

  fieldset{
    .aui-field{

      &.aui-field-select {
        //position: relative;
        //top: 16px;
      }

      &.org-input{
        position: relative;
        top: 16px;
      }

    }
  }



}