/*Idram*/
.main-content .how-to-pay-idram {
    background-color: #fa7a15;
    padding: 0 16px;
    min-height: 22.125rem;
    margin-bottom: 30px
}

.main-content .how-to-pay-idram .idram-pay-desc {
    padding: 32px 16px;
}

.how-to-pay-idram .idram-pay-desc h3 {
    margin-top: 35px;
    font-size: 30px;
    font-weight: 500;
}

.how-to-pay-idram .idram-pay-desc p {
    margin-top: 18px;
    font-size: 18px;
}

.btn-idramPay, .btn-idramHowPay {
    display: block;
    text-align: center;
    width: 240px;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 4px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 500
}

.btn-idramPay {
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 10px
}

.how-to-pay-idram .idram-pay-desc img {
    width: 165px;
}

.btn-idramHowPay:hover, .btn-idramPay:hover {
    text-decoration: none
}
.btn-idramHowPay:hover{
    color: #ffffff
}

.how-to-pay-idram img {
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .main-content .how-to-pay-idram .idram-pay-desc {
        padding: 18px 16px;
    }

    .how-to-pay-idram .idram-pay-desc h3 {
        margin-top: 20px;
        font-size: 28px;
    }

    .how-to-pay-idram .idram-pay-desc p {
        margin-top: 10px;
        font-size: 16px;
    }

    .btn-idramHowPay, .btn-idramPay {
        width: 170px;
        padding: 7px 0;
    }
}
/*Indram end*/

/*registration*/
.dasaranNote {
    display: none
}
.registry-section .registry-info{
    background-color: #ecfbff;
    padding: 24px;
    border-radius: 8px;
    border-bottom: 1px solid #bedce4;
    margin-top: 0;
    color: #486e97
}

/* profile refereal */
.referelBackground {
    background: transparent linear-gradient(180deg, #5AA9FF 0%, #6B29FF 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 32px
}

.referelBackground h3 {
    font-size: 20px;
    color: #ffffff
}

.referelBackground p {
    font-size: 12px
}

.copy {
    cursor: pointer;
    display: contents
}

.copy span {
    white-space: nowrap
}

.flexCont{
    display: flex;
    justify-content: space-between;
}

.section_copy {
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.section_copy span:first-child{
    font-size: 12px;
    color: #5B6D80;
    margin-right: 30px
}

.section_copy span:last-child {
    font-size: 13px;
    color: #323B45
}

.section_result {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 2px;
    width: 345px
}

.section_copy {
    padding: 7px 13px
}

.downloadTicket {
    background: #1AFFB3 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #323B45;
    padding: 6.5px 17px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    white-space: nowrap
}

.downloadTicket:hover {
    text-decoration: none
}

.section_result span {
    font-size: 12px;
    margin-right: 25px;
    margin-left: 10px;
    white-space: nowrap
}

#clipboard {
    text-overflow: ellipsis;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap
}

.position-absolute-center {
    max-width: 220px;
    height: max-content;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent linear-gradient(180deg, #5AA9FF 0%, #6B29FF 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;
    cursor: pointer;
    display: none;
    z-index: 99;
}

.my-status-section {
    margin-top: 35px
}

.downloadCSV {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 100%
}

@media screen and (max-width: 1200px) {
    .flexCont{
        flex-direction: column;
    }

    .section_copy {
        max-width: 520px;
        margin-bottom: 15px;
    }

    #clipboard {
        max-width: inherit;
    }

    .section_result {
        margin-bottom: 15px
    }

    .section_result span {
        padding: 8px 0
    }
}

@media screen and (max-width: 767px) {
    .my-status-section {
        margin-top: 70px
    }
}

@media screen and (max-width: 520px) {
    .competition-section .admin-view .nav-filter {
        justify-content: flex-start
    }
    .section_result {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .downloadTicket {
        width: 300px
    }

    .flexCont {
        align-items: center
    }

    .section_copy {
        max-width: 100%
    }

    .referelBackground {
        text-align: center;
        padding: 14px
    }

    .downloadTicket {
        width: 100%;
    }
}

.competition-section .nav-filter-admin .nav-item a {
    font-size: 14px
}

.table-leaders-admin.table-leaders tr>th {
    font-size: 10px;
}

.table-leaders-admin.table-leaders tr>td {
    font-size: 12px;
}

.competition-section .nav-filter.side-menu-content .nav-item{
    padding-left: 0;
    padding-right: 0
}

.competition-section .nav-filter.nav-filter-admin .nav-item {
    padding-left: 10px;
    padding-right: 10px
}

.competition-section .nav-filter {
    justify-content: center
}

.referral .num{
    white-space: nowrap
}

.referral .school{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* mainWorkMates */
.mainWorkMates>div {
    display: flex;
    align-items: center
}

/* registration */

.school_out, .avatar_parent22{
    display: none
}

/* selector country */

.vodiapicker {
    display: none; 
  }
  
.country_parent  #a{
    padding-left: 0px;
  }
  
  .country_parent  .unselected img{ display: none}

  .country_parent  #a img, .btn-select img{
    width: 20px;
    height: 13px
    
  }
  
  .country_parent #a li{
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .country_parent #a li:hover{
   background-color: #F4F3F3;
  }
  
  .country_parent #a li img{
    margin-left: 8px;
  }
  
  .country_parent #a li span, .btn-select li span{
    margin-left: 10px;
  }
  
  /* item list */
  
  .country_parent .b{
    display: none;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;
    
  }
  
  .country_parent  .open{
    display: show !important;
  }
  
  .country_parent .btn-select{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #DDE5ED
   
  }
  .country_parent  .btn-select li{
    list-style: none;
    float: left;
    padding-bottom: 0px;
  }
  
  .country_parent .btn-select:hover li{
    margin-left: 0px;
  }
  
  .country_parent .btn-select:hover{
    background-color: #F4F3F3;
    border: 1px solid transparent;
    box-shadow: inset 0 0px 0px 1px #ccc
  }
  
  .country_parent .btn-select:focus{
     outline: none;
  }

  .country_select li:first-child img {
    display: none
  }

  .country_select li:first-child span{ margin-left: 0 }