@font-face
{
    font-family: 'Samim';
    src: url(../fonts/Samim/Samim.eot);
    src: url(../fonts/Samim/Samim.woff2) format('woff2'),
            url(../fonts/Samim/Samim.woff) format('woff');
}

::placeholder
{
    font-size:14px;
    font-weight:lighter;
    font-family:"Samim" !important;
    color:rgb(212, 212, 212);
}

body
{
    padding-top:100px !important;
}



.ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column, .ui.grid > [class*="middle aligned"].row > .column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > .row > [class*="middle aligned"].column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: middle;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}
.ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column, .ui.grid > [class*="center aligned"].row > .column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > .row > [class*="center aligned"].column.column {
    text-align: center;
    -ms-flex-item-align: inherit;
    align-self: inherit;
}
.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {
    width: 100%;
}
.ui.grid > .column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ui.grid > .column:not(.row), .ui.grid > .row > .column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
}
.ui.grid > * {
    padding-left: 1rem;
    padding-right: 1rem;
}
.column {
    max-width: 450px;
}

.ui[class*="center aligned"].grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
}
.ui.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0em;
}
body > .grid {
    height: 100%;
    /* height:125%; */
}






/* ------------------------------------------------------------------------------- fixed menu begins */

.fixed_menu
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    background-color:rgb(255, 255, 255);
    z-index: 999;
    padding:0px 100px 0px 100px;
    box-shadow:  0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.fixed_menu_item
{
    margin-left:20px;
    font-family:"Samim";
    font-weight:900;
    float:right;
    height:100%;
    width:110px;
    text-align:center;
    font-size:16px;
    line-height:55px;
    direction:rtl;
    color:rgb(23, 19, 70);
}

.fixed_menu_item .icon
{
    margin-left:5px;
}

.material_logo
{
    float:left;
    margin-right:30px;
    height:60px !important;
    cursor:pointer;
}

.labaratory_fixed
{
    width:130px;
}

.education_fixed
{
    width:140px;
    padding-bottom:10px !important;
}

.login_fixed
{
    float:left !important;
    width:140px;
    display:block !important;
    
    padding-top:9px !important;
    line-height:30px;
}

.sign_up_fixed
{
    float:left !important;
    width:140px;
    display:block !important;
}

.dashboard_fixed
{
    float:left !important;
    width:140px;
    display:block !important;

    padding-top:9px !important;
    line-height:30px;
}

.home_fixed .home.icon
{
    color:rgb(13, 121, 54) !important;
    font-size:21px;
}

.labaratory_fixed .flask.icon
{
    color:goldenrod !important;
    font-size:21px;
}

.education_fixed .laptop.icon
{
    color:rgb(19, 104, 110);
    font-size:21px;
}

.login_fixed .sign-in
{
    color:#52a7cc;
    font-size:26px;
    position:relative;
    top:5px;
}

.sign_up_fixed .user.plus
{
    color:crimson;
    font-size:21px;
    position:relative;
}

.dashboard_fixed .map.signs.icon
{
    color:#425c81;
    font-size:23px;
    position:relative;  
}

.active_fixed
{
    font-weight:600 !important;
    color:black;
    background-color:rgb(177, 211, 221);
}

/* ------------------------------------------------------------------------------- fixed menu ends */






.main_div
{
    /* background-color:cadetblue !important; */
    width:90%;
    margin:0 auto 0 !important;
    display:flex;
    flex-wrap:wrap;
}

.form_container, .form_picture
{
    /* background-color:red; */
    padding:0px !important;
    margin:0 auto 0;
}

.form_picture_container img
{
    display:block !important;
    margin:0 auto 0 !important;
    width:300px !important;
}

.form_picture
{
    /* display:flex;
    justify-content:center;
    align-items:center; */
    
    /* position:relative;
    bottom:40px; */



}

.form_picture_text
{
    padding-top:20px;
    text-align:center;
}

.form_picture_container .ui.header, .form_text
{
    font-family:'Samim' !important;
    direction:rtl !important;
    text-align:right;
}








  
.switch-button
{
    background: #D8E3E9;
    border-radius: 30px;
    overflow: hidden;
    width: 200px;
    text-align: center;
    font-size: 14px;
    font-family:"Samim" !important;
    font-weight:900 !important;
    letter-spacing: 1px;
    color: #155FFF;
    color:cadetblue;
    position: relative;
    padding-right: 100px;
    position: relative;
    margin-top:20px;
}
  
.switch-button:before
{
    content: "دانشجو";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
}
  
.switch-button-checkbox
{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}
  
.switch-button-checkbox:checked + .switch-button-label:before
{
    transform: translateX(100px);
    transition: transform 200ms linear;
}
  
.switch-button-checkbox + .switch-button-label
{
    position: relative;
    padding: 10px 0;
    display: block;
    user-select: none;
    pointer-events: none;
}
  
.switch-button-checkbox + .switch-button-label:before
{
    content: "";
    background: rgb(139, 184, 194);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
    transform: translateX(0);
    transition: transform 300ms;
}
  
.switch-button-label-span 
{
    position: relative;
}



.master_or_student
{
    margin-top:20px;
}


.master_or_student .ui.header
{
    font-family:"Samim" !important;
    text-align:center;
}


/* Student Free Begins */
.student_free_menu
{
    position:relative;
    left:29px;
    width:495px !important;
    margin:0 auto 0 !important;
}

.student_free_menu .item
{
    font-family:"Samim" !important;
    /* width:300px !important; */
}

.student_free_menu .active
{
    font-family:"Samim" !important;
    font-weight:900 !important;
}

.ui.menu>.item:first-child {
    border-radius: 0px !important;
}

/* -------------------Main Form Begins---------------- */
.main_form
{
    width:100%;
    margin:20px auto 0;
}

.group_inputs
{
    display:flex;
    flex-wrap:wrap;
    text-align:center !important;
    direction:rtl !important;
    font-family:"Samim" !important;
    
    width:550px !important;
    margin:20px auto 0 !important;
}

.item1, .item2, .item3, .item4
{
    width:220px !important;
    margin:0 auto 0 !important;
    direction:rtl !important;
}

.item2
{
    width:495px !important;
}

.individual_input
{
    font-family:"Samim" !important;
    width:100%;
    padding:15px !important;
    direction:rtl !important;
    text-align:right !important;
    border:none;
    /* border-bottom:2px solid rgb(21, 180, 185); */
    outline:none;
    font-size:15px;
    font-weight:700;
}

.ui.icon.input.item1 .icon, .ui.icon.input.item2 .icon
{
    color:rgb(134, 134, 134) !important;
    opacity:1 !important;
}

.ui.icon.input.item1 .id.card.icon
{
    font-size:18px;
    position: relative;
    right:10px;
}

.ui.icon.input.item1 .graduation.cap.icon, .ui.icon.input.item2 .envelope.icon,
.ui.icon.input.item1 .calendar.icon, .ui.icon.input.item1 .users.icon,
.ui.icon.input.item1 .phone.icon,
.ui.icon.input.item2 .pencil.alternate.icon, .ui.icon.input.item2 .university.icon
{
    font-size:17px;
    position: relative;
    right:10px;
}

.jdp-years, .jdp-months, .jdp-days, .jdp-footer
{
    font-family:Samim !important;
}

.jdp-year
{
    padding-top: 5px !important;
}

jdp-container .jdp-year:hover, jdp-container .jdp-year input:hover, jdp-container .jdp-year select:hover, jdp-container .jdp-month:hover, jdp-container .jdp-month input:hover, jdp-container .jdp-month select:hover
{
    background-color:rgb(228, 228, 228) !important;
}

input[name = "proposal_date"], input[name = "student_number"], input[name = "national_id"],
input[name = "email"], input[name = "phone"],
input[name = "free_national_id"], input[name = "free_email"], input[name = "free_phone"]
{
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-weight:700 !important;
    direction:ltr !important;
}




/* --------Email logo Begins ----- */
.email_lbl
{
    border-radius:0px !important;
    padding:0px !important;
    padding-top:10px !important;

    background-color:white !important;
    direction:rtl !important;
    border-radius:0px !important;  
}

.email_image
{
    position:relative;
    left:40px;
}

.email_align
{
    text-align : right !important;
}

.email_align2
{
    text-align : center !important;
}
/* --------Email logo Ends ----- */






.btn1
{
    font-family:"Samim" !important;
    width:495px !important;
    display:block !important;
    margin:20px auto 25px !important;
    border:none;
    outline:none;
    border-radius:5px;
    padding-top:10px !important;
    padding-bottom:12px !important;
    cursor:pointer;
    color:#425c81 !important;
    color:#ffffff !important;
    font-weight:500 !important;
    background-color:#a5d4de !important;
    background-color:#52a7cc !important;
    text-align:center !important;
}

.btn1 h4
{
    font-family:"Samim" !important;
    
    color:#425c81 !important;
    color:#ffffff !important;
    font-size:16px;
    text-align:center !important;
}

.visible.content
{
    color:#425c81 !important;
    color:#ffffff !important;
    font-size:15px;
    text-align:center !important;
}

.btn1 .icon
{
    font-size:16px !important;
}

.display_none
{
    display:none !important;
}



/* --------Drop Down Begins ----- */
.item_drop_down, div.item, .item_drop_down2, div.item
{
    direction:rtl !important;
    text-align:right !important;
}

.item_drop_down, .item_drop_down2
{
    width:220px !important;
    margin:0 auto 0 !important;
    height:50px !important;
    border-radius: .28571429rem !important;

    font-family:"Samim";
    font-family:"Samim";
    outline:none;
    
    padding:17px !important;


    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.item_drop_down2
{
    padding-right:15px !important;
}

.font_light
{
    font-weight:500 !important;
}

.font_bold
{
    font-weight:700 !important;
}

.item_drop_down .fa-chalkboard-teacher,
.ui.selection.dropdown.item_drop_down2 .university.icon
{
    font-size:17px;
    position: relative;
    left:8px;
    color: rgb(134, 134, 134) !important;
}



.ui.selection.dropdown.item_drop_down2 .university.icon
{
    left:12px;
}


/* --------Drop Down Ends ----- */


/* File Begins */
.group_inputs2
{
    display:flex;
    flex-wrap:wrap;
    text-align:center !important;
    direction:rtl !important;
    font-family:"Samim" !important;
    
    width:520px !important;
    margin:20px auto 20px !important;
}

.item3
{
    width:350px !important;
    /* background-color:red; */
}

.item4
{
    width:120px !important;
    padding-top:7px;
    /* background-color:green; */
}

.file_submit, .free_file_submit
{
    text-align:left;
    padding-top:4px;
}

.file_submit_div, .free_file_submit_div
{
    border-radius:20px !important;
    padding:5px 5px 5px 5px !important;
    /* background-color:orange !important; */
}

.file_submit_div .x.icon, .free_file_submit_div .x.icon
{
    float:left;
    position:relative;
    top:5px;
    left:5px;
    color:rgb(77, 77, 77);
    cursor:pointer;
}

input[name = "file_uploads"], input[name = "free_file_uploads"]
{
    display:none;
}

.file_text, .free_file_text
{
    border-radius:20px !important;
    padding:5px 10px 5px 10px;
    color:rgb(155, 155, 155);
    float:left;
    position:relative;
    top:1px;
}

.file_button, .free_file_button
{
    float:right !important;
    padding:6px 10px 5px 10px;
    font-family:"Samim";
    border-radius:20px;
    border:1px solid rgb(216, 216, 216);
    background-color:rgb(216, 216, 216);
    outline:none;
    cursor:pointer;
}

.clear_both
{
    clear:both;
}

/* File Ends */

.item4 .submit_btn
{
    border-radius:8px !important;
    padding:10px !important;
    width:100% !important;

    font-family:"Samim";
    color:#ffffff;
    font-weight:500 !important;
    background-color:#52a7cc;
    border:1px solid #52a7cc;
    /* color:white; */
    outline:none;
    cursor:pointer;
    position:relative;
    bottom:2px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

.submit_btn:hover
{
    background-color:#2d81a5;
    border:1px solid #2d81a5;
}


/* Message Begins */
.ui.success.message
{
    padding:15px !important;
}

.ui.success.message .header
{
    font-family:"Samim" !important;
    font-size:13px !important;
    direction:rtl !important;
    text-align:center;
}

.ui.message>.close.icon
{
    top:13px !important;
}
/* Message Ends */



/* -------------------Main Form Ends---------------- */


.sidebar_user_image
{
    /* background-color:red; */
    margin-top:10px;
    text-align:center;
}

.sidebar_user_image img
{
    width:130px !important;
}

.sidebar_user_image h4
{
    font-family:"Samim" !important;
    border-radius:4px;
    position:relative;
    bottom:25px;
    background-color: #fc0;
    padding:5px 15px 5px 15px;
    font-size:13px;
    display:inline-block;
    text-align:center;
    margin:0 auto 0 !important;
}

.sidebar_user_image h3
{
    font-family:"Samim" !important;
    margin-top:0px !important;
    margin-bottom:10px !important;
    font-size:15px;
    position:relative;
    bottom:13px;
}

/* ----- Side bar user Ends ----- */

.ui.vertical.menu.sidebar-menu
{
  margin-top: 60px !important;
  max-height: calc(100% - 60px) !important;
  height: calc(100% - 60px) !important;

  direction:rtl !important;
  width:250px;
  box-shadow: 0px 0px 10px 3px #ececec;
  background-color:#fff;
}

.ui.vertical.menu.sidebar-menu .item i.icon
{
  float: right;
  margin: 0em 0.5em 0em 10px;
}

#sidebar div.item
{
    /* background-color:blue !important; */
    padding:20px 5px 20px 0px;
    font-family:"Samim" !important;
    font-size:16px;
    color:black;
    border-top:2px solid rgb(247, 247, 247);

    transition:0.4s !important;
    -moz-transition:0.4s !important;
    -o-transition:0.4s !important;
    -webkit-transition: 0.4s !important;
}

#sidebar div.item:hover
{
    padding-right:20px;
    background-color:rgb(214, 214, 214) !important;
}

#sidebar .user.icon
{
    color:rgb(8, 80, 121);
}

#sidebar .paper.icon
{
    color:#0088cc;
}

#sidebar .calendar.icon
{
    /* color:#ee4c7c; */
    color:rgb(238, 12, 57);
}

#sidebar .chart.icon
{
    font-size:18px;
    position:relative;
    bottom:3px;
    left:4px;
    color:#41b3a3;
}


.sidebar_metallogy
{
    position: absolute;
    bottom:10px;
    width:100%;
}

.sidebar_metallogy_logo
{
    margin:0 auto 0 !important;
    width:150px !important;
}

.sidebar_metallogy div
{
    font-size:15px !important;
    text-align:center !important;
    direction:rtl !important;
    margin:0px auto 0 !important;
    font-weight:900;
}

.sidebar_sp1
{
    font-family:"Samim" !important;
}


.ui.vertical.menu.sidebar-menu::-webkit-scrollbar
{
    display: none;
}
  
  /* Hide scrollbar for IE, Edge and Firefox */
.ui.vertical.menu.sidebar-menu
{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


/* ---------Accordion Begins----------- */
.ui.accordion .title:not(.ui)
{
    padding:0px !important;
}

.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),
.ui.accordion:not(.styled) .title~.content:not(.ui)
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.accordion_sub_item.transition.visible:hover
{
    padding-right:45px;
}

#sidebar .title.active div.item
{
    /* background-color:#14b1ff13; */
    /* background-color:gray; */
}

.accordion_sub_item
{
    cursor:pointer;
    display:block;
    font-family:"Samim";
    padding:11px 33px 11px 0px;
    color:rgb(0, 0, 0) !important;
    
    transition:0.4s !important;
    -moz-transition:0.4s !important;
    -o-transition:0.4s !important;
    -webkit-transition: 0.4s !important;

    /* background-color:#14b1ff0a; */
}

.message_number
{
    float:left;
    margin-left:10px;
    padding-top:4px;

    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;

    border:1px solid #fce8e6;
    background-color:#fce8e6;
    color: #d93025;

    width:30px !important;
    height:30px !important;
    border-radius:100%;
    text-align:center !important;
    position:relative;
    bottom:5px;
}




.accordion_sub_item .icon
{
    font-size:15px;
    margin: 0em 0.5em 0em 5px;
}

.accordion_sub_item .inbox.icon
{
    color:#41b3a3;
}

.accordion_sub_item .bell.icon
{
    color:#e8a87c;
}

.accordion_sub_item .pencil.icon
{
    color:#659dbd;
}
/* ---------Accordion Ends----------- */
  
/* ------------------------Side bar Ends ------------- */
@media (min-width: 768px) {
    .ui.vertical.menu.sidebar-menu {
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .main-content {
      /* margin-left: 15rem; */
      margin-right:250px;
    }
    .sidebar-menu-toggler {
      display: none !important;
    }
  }