#redirect_title{
    text-align: center;
    font-family: 'Tajawal', sans-serif;
    margin-bottom: 20px;
     margin-top: 150px;
    font-size: 56px;
    color: #5543ca;
    height: auto;
    font-family: 'Tajawal', sans-serif;
      /* background: #5543ca;
      background: -moz-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
      background: -webkit-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
      background: linear-gradient(to right,#f4524d  0%,#5543ca  100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important; */
    }
    #redirect_subtitle{
        color: #6052BC;
        font-size: 35px;
        width: 80%;
        text-align: center;
        margin: 50px auto;
    }
    #redirect_text{
        color: #6052BC;
        font-size: 25px;
        width: 80%;
        text-align: center;
        margin: 50px auto;
    }
    #redirect_link{
        text-align: center;
    }
    #redirect_text span{
       color: rgb(59, 59, 59);
    }

    .print{
        background-color:  #5543ca;
        border-radius: 50px;
        color: white;
        font-family: 'Tajawal', sans-serif;
        margin: 20px 150px;
    }
    .right{
        float: right;
    }
    .print:hover{
        color: white;
    }
    @media only screen and (max-width:  900px) {
        .print {
            margin: 0;
            width: max-content;
        }
    }
    input[type="file"] {
        display: none;
    }   
    .upload-row{
        text-align: right;
        direction: rtl;
      }
      .custom-file-hr {
          display: inline-block;
          background-color: var(--main-color);
          color: #fff;
          font-family: 'Cairo', sans-serif;
          margin: 15px 0 25px 0;
          padding: 6px 8px;
          cursor: pointer;
          border-radius: 10px;
      }
      #hr-chosen,
      #id-chosen{
          margin-left: 0;
          font-family: 'Tajawal',sans-serif;
          font-size: 16px;
        }
      .error{
        text-align: right;
        font-size: 20px;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        word-spacing: 3px;
        padding-right: 15px;
        margin: 0;
      }      
#load{
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 50;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  text-align: center;
  display : none;
}
#load .spinner{
  width: 10%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}