@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');

body{
    font-family: 'Poppins', sans-serif;
    color: #333333;
    -webkit-font-smoothing: antialiased;
}


.login-banner-sec{
  position: fixed;
  height: 100%;
  width: 40%;
  background-image: linear-gradient(to top, #1b1b1b, #181818, #161616, #131313, #101010);
  display: flex;
  flex-wrap: wrap;
}

.banner{
    display: flex;
    align-items: flex-end;margin: 0 auto;justify-content: center;
}


.user-main-wrap{
    width: 60%;
    margin-left: 40%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.log-align-center{
    height: 100vh;
}

.for-info .form-control.email {
    padding-right: 65px;
}
.head-menu-sec .orange svg{margin-right:10px;}

.logo{
    display: inline-block;
    margin-bottom: 50px;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

h1{
    color: #FFF;
    font-size: 60px;
    line-height: 65px;
    font-weight: 600;
    margin-bottom: 30px;
}

h2{
    font-weight: 500;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 30px;
    color: #000;
}

h3{
    font-size: 38px;
    line-height: 48px;
    color: #131313;
    margin-bottom: 30px;
    font-weight: 500;
}

h4{
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 30px;
    font-weight: 500;
}

h5{
    font-size: 20px;
    line-height: 24px;
}

h6{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

p{
    font-size: 18px;
    font-weight: 300;
    color: #333333;
    font-weight: 300;
}

.forgot-password-btn{margin-bottom:20px;}
.header-2{
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}


.header-2 h3{
    margin-bottom: 0;
}

a{
    outline: none;
    color: #c09c3f;
    text-decoration: none;
}

a:hover{
    color: #735c22;
}

.mob-only{display:none;}
.bttn.orange{
background: #B79662;
border-radius: 8px;
color: #FFF;
}

.log-out.bttn svg{
 margin-right: 15px;
}

.bttn.black{
    background: #000;
    border-radius: 8px;
    color: #FFF;
    }

    .bttn.black:hover{
        background: #B79662;
    }   

.bttn.orange:hover path,
.bttn.orange:hover line{
    stroke: #B79662;
}

.bttn.black:hover path,
.bttn.black:hover line{
    fill: #FFF; 
}

.bttn.orange:hover{
    background: #FFF;
    color: #B79662;
}

.bttn{
  padding:15px 30px ;
  font-weight: 500;
  width: auto;
  border: none;
}

.bttn.small{
    padding:12px 20px ;
}

.bttn.medium{
    padding:13px 44px ;
}

img{
    max-width: 100%;
    border: none;
}

.login-banner-sec h1{
    color: #FFF;
    text-align: center;
}

.login-banner-sec h1 span{
    font-weight: 300;
}

.login-banner-sec p{
    color: #FFF;
    font-size: 18px;
    text-align: center;
}
.orange-color{
    color: #B79662!important;
}


#button-top {
  display: inline-block;
  background-color: #d5ab3d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 12px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-top::after {
  content: "\2191";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button-top:hover {
  cursor: pointer;
  background-color: #333;
}
#button-top:active {
  background-color: #555;
}
#button-top.show {
  opacity: 1;
  visibility: visible;
}

.d-active{opacity:0.7; pointer-events: none;}
.user-section .form-group .mobile{display:block;}
.dash-board-content .form-group .mobile{display:block;}
.logo:hover{
    opacity: 0.7;
}

.login-left-side{
    padding: 50px;
    width: 100%;
}

.form-group{
  margin-bottom: 25px;  
}
.form-group .btn.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.form-group .btn{
  height: 70px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  display: flex;
    justify-content: center;
    align-items: center;

}

.form-group .btn:hover{
    background: #c09c3f!important;
}

.user-section .form-group .form-control{
  border-radius: 4px;
  border: 1px solid #E8DED1;
  height: 70px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding-left: 30px;
  padding-right: 30px;

}

.user-section .form-group .form-control.password{
    font-size: 24px;
}

.far {
    height: 70px;
}

.user-section .form-group .input-group-prepend .form-control{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.user-section .form-group label{
    font-size: 16px;
    line-height:18px;
    margin-bottom: 10px;   
    color: #000;
    font-weight: 400;
}

.user-main-wrap .register-wrap  .alert-notification{
    margin-top: 50px;
}

.form-section{
    flex: 1;
  max-width: 535px;
  margin: 0px auto;
}

.forgot-bttn{
   display: inline-block;
   font-size: 18px;
   font-weight: 500;
   color:#000000;
   text-decoration:underline;

}

.forgot-bttn:hover{
    text-decoration:none;
}

.alert-notification{
    background: #EFE4D5;
    color: #644934;
    font-weight: 600;    text-align: center;
}

.add-university-sec{
    background: #EFE4D5;
    color: #644934;
    padding: 35px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.add-university-sec *{
    color: #644934;
}

.add-university-sec label{
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}
.add-university-sec .form-check{
    display: flex;
}

.add-university-sec .form-check-input:checked[type=checkbox]{
	outline: none;
    border: 0px;
   background:#FFF url(../images/close-checkbox.svg) no-repeat center center;
   }
.form-check-input:focus, .form-control:focus   
   {
outline: 0 !important;
    box-shadow: none;
	}
div.dataTables_processing{    z-index: 999;}
.mandate-star	{color:red;}
.add-university-sec .form-check-input[type=checkbox]{
 flex:0 0 30px;
 max-width: 30px;
 height: 30px;
 background: #FFF;
 border-radius: 4px;
 margin-right: 20px;

}

.alert-notification a{
    color: #644934; text-decoration:underline;
}

.alert-notification a:hover{
    text-decoration: none;    color: #b99668;
}


.university-selection{
   background: #000000;
   padding: 45px 65px;
   max-width: 100%;
   margin: 0px auto;
   border-radius: 8px;
}

.university-selection h3{
  color: #FFF;
  font-size: 30px;
}

.university-selection  input[type="text"]{
  width: 100%;
  padding: 25px;
  border-radius: 8px;
  outline: none;
  border: none;
  background:#FFF url(../images/arrow-top.svg) no-repeat center right 20px;
  font-size: 18px;
  font-weight: 600;
}

.university-selection  input[type="text"]:focus{
    outline: none;
}



.register-wrap{
    max-width:665px;
    margin-top: 20%;

}

.university-selection{
  margin-bottom:10px ;
}

.form-section p{
    margin-bottom: 35px;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
}

.for-info{
    position: relative;
}

.info-icon{
    position: absolute;
    right: 20px;
    top: 8px;
}

.input-with-select select{
    height: 100%;
    border: 2px solid #E5E5E5;
    border-radius: 8px;
    border-top-right-radius:0 ;
    border-bottom-right-radius:0 ;
    width: 100%;
    background: #E8EBED;
    padding-left: 20px;
    padding-right: 10px;
}

.input-with-select .input-group-prepend{
    flex: 0 0 35%;
}

.thanks-wrap{
    max-width: 1000px;
    padding-left:50px;
    padding-right: 50px;
    text-align: center;
}

.thanks-wrap h6{
    font-weight: 400;
    color: #181818;
    margin-bottom: 20px;
}

.thanks-wrap p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.thanks-wrap p a{ text-decoration:underline}
.thanks-wrap p a:hover{
text-decoration: none;
}

/* auto-compl-sec */

.auto-sel-res-sec{
    display: none;
    position: absolute;
    left: 0;
    top: 67px;
    width: 100%;
    background: #FFF;
    padding: 30px;  
    z-index: 1;
    border-top: 1px solid #E6E5EF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 1px 35px 66px -31px rgba(0,0,0,0.14);
    -moz-box-shadow: 1px 35px 66px -31px rgba(0,0,0,0.14);
    box-shadow: 1px 35px 66px -31px rgba(0,0,0,0.14);
}
.auto-sel-res-sec.search-active{
    display: block;
}

#suggestions{
    height: 250px;
    overflow: auto;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #C09C3F #EEEEF2;
    list-style: none;
}



#suggestions li{
    cursor: pointer;
    margin: 10px 0;
    font-weight: 600;
    font-size: 18px;
}

#suggestions li:hover{
    color:#C09C3F;
}



  #suggestions::-webkit-scrollbar {
    width: 6px!important;
    height: 10px!important;
    display: block!important;
    border-radius: 12px;    
  }

#suggestions::-webkit-scrollbar-track{
    background-color: #EEEEF2;
    border-radius: 12px;
  }

  #suggestions::-webkit-scrollbar-thumb {
    background-color: #C09C3F;
    border-radius: 12px;
  }

  #suggestions::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }

  .auto-search-sec{
      position: relative;
  }
  

/* auto-compl-sec */

.disable{
    opacity: .2;
	pointer-events:none;
}

.click-login{
    border: 1px solid #EFE4D5;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.click-login a{
    color: #000000;text-decoration:underline;
}

.click-login a:hover{
    text-decoration: none;color: #bf9a3e;
}
.university-selection label{
  font-size: 16px;
  color: #ABAAB5;
  margin-bottom: 10px;
}

#reg-form,
#add-university-form{
    display: none;
}

.show-active{
    display: block!important;
}

.show-hide-pass{
    background: url(../images/show-password.svg) no-repeat center center;
    width: 22px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 20px;
}

.far{
    width: 21px;
    height: 70px;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: 0;
}

.fa-eye{
    background: url(../images/show-password.svg) no-repeat center center;
	cursor:pointer;
}

.password-field{
    position: relative;
}
.copyright {
    position: absolute;
    bottom: 2%;
    color: #fff;
    font-size: 16px;
    left: 5%;
    font-weight: 300;
}
.only-mob{display:none !important}
.front-dashboard header{
    background: #101010;
    padding: 40px 35px;
    border-radius: 8px;
    border-top-right-radius: 0;
    -webkit-box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
    box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
	    position: fixed;
    z-index: 999;
}




.front-dashboard header .logo{
    margin-bottom: 0!important;
}
.front-dashboard header .logo img{
    margin-bottom: 0;
}




.front-dashboard header ul li:nth-last-child(2),
.front-dashboard header ul li:last-child
 {
    padding-right: 0;
  } 

.front-dashboard header ul li{
    padding-left: 35px;
    padding-right: 35px;
}

.front-dashboard header ul li a{
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
}

.notification{
    background: #FFF;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.notification:hover{
    background: #B79662;
}

.notification:hover path{
    fill: #FFF;
}

.head-left-logo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}





.dash-board-content{
    padding-top: 160px;padding-right: 2%;
}
.header-left{padding-right: 3%;}
.dash-board-content .col-xl-8{padding-right: 2%;}

.earnings-cart{
    background: #FFF;
    border-radius: 40px;
    padding: 35px;
    -webkit-box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
    box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
    margin-top: -132px;
    position: fixed;
    z-index: 9999;
    width: auto;
    padding-top: 75px;
}

.prof-details{
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;

}



.psd-box .text-success{margin-top:25px; text-align: center;}
.user-icons{
    background: #000000;
    width: 80px;
    height: 80px;
    display: inline-block;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
   
}

.prof-details h4{
    font-size: 28px;
    color: #000;
    margin-bottom: 0;
    margin-right: 20px;
}

.edit-earing:hover path{
    fill: #000;
}

.add-new svg{
    margin-left: 20px;
}

.location{
    margin-bottom: 35px;
}

.location h6{
    color: #B79662;
    font-weight: 400;
}

.location h6 svg{
  margin-right: 5px;
}

.location h6 span{
    color: #7D7D7D;
}

.location h6 span.sidebar-country{
color: #B79662;
}

.succ-left h6 span{
display: block;
}

.succ-left h6{
    color: #644934;
}


select.country {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-left: 10px;
    height: 34px;
    background: url(../images/arrow-top.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 95%;
    width: 100%;
}

.prof-details .header-2{
    margin-bottom: 15px;
}

.total-earning-sec{
    background: #000;
    padding: 35px;
    flex: 0 0 100%;
    border-radius: 19px;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
    box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
}

.total-earning-sec h6{
    color: #E5E5E5;
}

.total-earning-sec label{
    color: #E5E5E5;
    font-weight: 500;
}

.total-earning-sec .form-check-input[type=radio]{
border-radius: 50%;
border: 2px solid #B79662;
background: #000;
}

.total-earning-sec .form-check-input[type=radio]:checked{
    border: 4px solid #B79662;
    background: #FFF;
    box-shadow: none;  
}

.total-earn-left{
    text-align: left;
    display: flex;
    align-items: center;
}

.total-value{
    background: #FFF;
    border-radius: 19px;
    padding: 15px;
}

.total-value *{
    font-style: normal;
    color: #000000;
}

.total-value i{
    font-size: 16px;
    font-weight: 400; display:block;
}

.total-value span{
    font-size: 22px;
    font-weight: 600;
}

.total-earning-sec label{
    font-size: 16px;
}

.success-referels{
    background: #EDE2D4;
    padding: 35px;
    width: 100%;
    border-radius: 19px;
    -webkit-box-shadow: 3px 6px 20px -6px rgba(40,37,90,0.08);
    -moz-box-shadow: 3px 6px 20px -6px rgba(40,37,90,0.08);
    box-shadow: 3px 6px 20px -6px rgba(40,37,90,0.08);
}

.success-referels h6{
    margin-bottom: 0;
}

.succ-left{
    text-align: left;
    display: flex;
    align-items: center;
}



.succ-value{
    background: #FFF;
    border-radius: 19px;
    padding: 15px;  
    color: #644934;
    font-weight: 600;
    font-size: 22px;
    -webkit-box-shadow: 6px 2px 28px 4px rgba(159,100,54,0.4);
-moz-box-shadow: 6px 2px 28px 4px rgba(159,100,54,0.4);
box-shadow: 6px 2px 28px 4px rgba(159,100,54,0.4);
}


.hammenu{
    display: none;
}

.overlay-bg{
    display: none;
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.front-dashboard header ul.dropdown-menu{
display: none;
}

.front-dashboard header ul.dropdown-menu.show{
 display: block;
}



.notification-wrap{
    padding: 40px;
    background: #FFF;
    border-radius: 8px;
    border: none;
    -webkit-box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
    box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
    right: 0!important;
    left: auto!important;
    min-width: 450px;
}

.single-notification{
    flex: 0 0 65px;
    max-width: 65px;
    height: 65px;
    border-radius: 16px;
    background: #F8F8F8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;

}

.single-notification path{
    fill: #CCCCCC;
}

.notification-wrap h5{
font-size: 22px;
font-weight: 600;
}

.notification-wrap ul{
    flex-direction: column;
}

.notification-wrap ul li{
    opacity: 0.7;
    position: relative;
}

.notification-wrap ul li span{
    font-size: 16px;
    font-weight: 600;
    color: #CCCCCC;
}

.scroll-div{
    height: 250px;
    overflow: auto;
}

.front-dashboard header ul li .dropdown-menu ul li {
    display: block;
    margin: 10px 0px;
    text-align: left;
    width: 100%;
    padding: 0;
}

.front-dashboard header ul li .dropdown-menu ul li .notification-list{
    display: flex;
    align-items: center;
}





.read .single-notification path{
    fill: #000000;
}


.notification-wrap   ul li.read span{
   color: #000000;
}


.common-scroll {scrollbar-width: thin;
    scrollbar-color: #000 #E6E6E6;
padding-right: 10px;
border-radius: 12px;}


.common-scroll::-webkit-scrollbar {
    width: 6px!important;
    height: 8px!important;
    display: block!important;
    border-radius: 12px;
    
  }

.common-scroll::-webkit-scrollbar-track{
    background-color: #E6E6E6;
    border-radius: 12px;
  }

  .common-scroll::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 12px;
  }

 .common-scroll::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }

  /* scroll-style-ends */

  .not-number{
      position: absolute;
      right: -5px;
      top: -5px;
      width: 20px;
      height: 20px;
      background: #FF0000;
      font-size: 12px;
      color: #FFF;
      font-weight: 600;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .desktop{
      display: block;
  }

  .mobile{
      display: none;
  }

  .dash-accordian .accordion-header{
  position: relative;
  }

 .dash-accordian .accordion-item{
   border: none;
  }



  .dash-accordian .accordion-button{
    position: absolute;
    right: 12px;
    top: 0px;
    width: 30px;
    height: 30px;
    outline: none;
  } 

  .dash-accordian .accordion-button:focus{
    outline: none;
    box-shadow: none;
    border: none;
    color: #000;
  }

  .accordion-header h4{
      margin-bottom: 0;
  }

  .add-referel .input-with-select .input-group-prepend{
    flex: 0 0 40%;
    max-width: 40%;
  }
  .custom-combobox{
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
  }

  .custom-combobox-input{
    width: 100%;
    height: 100%;
    border: none;
    background: #F5F5F5;
    padding-left: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    outline: none;
    border: 1px solid #E5E5E5;
  }

  .custom-combobox a.custom-combobox-toggle{
    width: 14px;
    height: 14px;
    position: absolute;
    background: url(../images/arrow-top.svg) no-repeat center center;
    display: block;
    top: 5px;
    right: 10px;
    cursor: pointer;
  }

  .custom-combobox-input:focus{
    outline: none;
  }

  .ui-autocomplete{
    width: 100px!important;
    background: #F5F5F5;
    overflow: hidden;
    padding: 10px;
    height: 300px;
    overflow-y: auto;
  }

  .add-referel .input-with-select select{
    padding-left: 10px;
    padding-right:2px ;
  }
small.text-danger.tt1 {
    display: block;
}

.add-referel .form-check{
    display: flex;
}

  .add-referel .form-check-input{
   border: 1px solid #EFE4D5;
   width: 30px;
   height: 30px;
   flex: 0 0 30px;
   max-width: 30px;
   border-radius: 4px;
   margin-right: 15px;
  }

  .add-referel .form-check-input:checked[type=checkbox]{
    background: url(../images/tick-for-checkbox.svg) no-repeat center center;
    box-shadow: none;

  }


  .add-referel .form-check label{
  font-size: 16px;
  margin-top: 5px;
  font-weight: 400;
  color: #644934;
  cursor: pointer;
  }

  .add-referel .bttn{
      margin-top: 30px;
  }


  .card{
    -webkit-box-shadow: 0px 2px 23px 7px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 2px 23px 7px rgba(0,0,0,0.04);
    box-shadow: 0px 2px 23px 7px rgba(0,0,0,0.04);
    border: none;
    padding: 40px;
    border-radius: 20px;
    background: #FFF;
    margin: 15px 0;
  }


/* tool tip*/

.dataTables_wrapper .dataTable .current-status .status-popup{
    position: absolute;
    z-index: 99;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    width: 100%;
    left: 0; 
    font-size: 9.5px;
    line-height: 13px;
    top: 43px;
    padding: 10px 5px;
    border-radius: 8px; display:none;
}
.dataTables_wrapper .dataTable .current-status:hover .status-popup {
    display: block;
}
span.status-popup-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.dataTables_wrapper .dataTable tr:last-child .status-popup {
    bottom: 37px;
    top: auto;
}
div.dataTables_processing>div:last-child>div{background: rgb(183 150 98)!important;}

.dataTables_wrapper .dataTable .status-popup:after, 
.dataTables_wrapper .dataTable .status-popup:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.dataTables_wrapper .dataTable .status-popup:before {
    top: -23px;
    left: 37px;
    border-color: transparent transparent transparent #000;
    border-width: 11px;
    transform: rotate(270deg);
}
.dataTables_wrapper .dataTable tr:last-child .status-popup:before {
    bottom: -21px;
    transform: rotate(90deg);
    top: auto;
}
.dataTables_wrapper .dataTable .status-popup:after {
    top: -20px;
    left: 38px;
    border-color: transparent transparent transparent #000;
    border-width: 10px;
    transform: rotate(270deg);
}
.dataTables_wrapper .dataTable tr:last-child td .status-popup:after {
    bottom: -19px;
    transform: rotate(90deg);
    top: auto;
}
/* tool tip*/


/* tool tip error*/
.edited-tr .hide-inline-edit {position: relative;}
.dataTables_wrapper .dataTable .edited-tr td span input.hasError{border: 1px solid #d91a1a;} 
.dataTables_wrapper .dataTable .edited-tr td span .text-danger{ position:absolute; z-index:99; background:#fff; 
color:#000; border:1px solid #B79662; width:100%; left:0; bottom:-70px; padding:5px; border-radius:3px;}
.dataTables_wrapper .dataTable .edited-tr{background:#EDEDED;}
.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger{bottom:40px;}

.dataTables_wrapper .dataTable .edited-tr td span .text-danger:after,
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}
div.dataTables_processing>div:last-child>div{background: rgb(183 150 98)!important;}
.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger:after {bottom: -19px; transform: rotate(90deg); top:auto}
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:after {
    top: -20px;
	left:18px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
	transform: rotate(270deg);
}
.dataTables_wrapper .dataTable tr.edited-tr:last-child td span .text-danger:before {bottom: -21px; transform: rotate(90deg); top:auto}
.dataTables_wrapper .dataTable .edited-tr td span .text-danger:before {
    top: -23px;
	left:17px;
    border-color: transparent transparent transparent #B79662;
    border-width: 11px;
	transform: rotate(270deg);
}

/* tool tip error*/
.front-dashboard header ul li a:hover {
    border-bottom: 1px solid #fff;
}
.front-dashboard header ul li a.notification:hover {
    border-bottom: 0px solid #fff;
}
.front-dashboard header ul li a.active {
    border-bottom: 1px solid #fff;
}

.i-btns .save-btn{
    margin: 0px 10px;
    cursor: pointer;
    filter: invert(1000%) sepia(100%) saturate(100%) hue-rotate(212deg) brightness(100%) contrast(0%);
}

.i-btns .delete-btn{margin:0px 10px; cursor:pointer; 
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.table.table-bordered.dataTable th {
    border-left-width: 0;
    font-size: 14px;
    padding: 15px 30px 15px 18px !important;
    background: #E8DED1;
    min-width: 135px;
    color: #000000 !important;
    border-color: #D5CFC7;border-right: 1px solid rgb(232 236 202);
}
.table.dataTable td {
    font-weight: 400;
    vertical-align: middle !important;
    font-size: 14px;
    padding: 12px 18px !important;
    border-color: #D5CFC7;border-bottom: 1px solid #f1f1f1;
}
.table.dataTable .mob-number{   color: #B79662 !important;}
.table.dataTable td:first-child{border-left: 1px solid #D5CFC7;}
.table.dataTable td:last-child{border-right: 1px solid #D5CFC7;}
.f-inline-edit ul {
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    z-index: 2;
    top: -6px;
	right:0px;
    width: 100px;
    border-radius: 5px;
    padding: 10px;
}
.f-inline-edit ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.f-inline-edit ul li a{cursor:pointer; color:#fff;font-weight: 500;
    font-size: 14px;}
.f-inline-edit ul li a:hover{text-decoration:underline;}
.f-inline-edit ul li a.edit-btn{ background: url(../images/edit.svg) no-repeat left center;background-size: 12px;
    padding-left: 22px;
margin-bottom: 15px;}
.f-inline-edit ul li a.delete-btn{ background: url(../images/delete-f.svg) no-repeat left center;background-size: 12px;
    padding-left: 22px;}

.f-inline-edit-icon {
    margin-left: 20px;
	right: 0px;
    width: 15px;
    height: 15px;
    background: url(../images/dot-icon.svg) no-repeat center center;
    display: inline-block;
    background-size: contain;
    cursor: pointer;
	position:relative;
	z-index:9;
}
.f-inline-edit-icon.act{ background: url(../images/dot-icon-w.svg) no-repeat center center; background-size: contain;}
.f-inline-edit {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.dataTable th.sorting{position:relative;}
.dataTable th.sorting:after{ position: absolute;content: "" !important; opacity:0.8!important;top: 22px !important;
    height: 10px;  width: 16px;  background: url(../images/sort-l.png) no-repeat right; }
.dataTable th.sorting:before{ position: absolute;content: "" !important; opacity:0.0!important;
    height: 10px;  width: 16px;  background: url(../images/sort-r.png) no-repeat right; }


.dataTable th.sorting.sorting_asc:after{ display:none;}
.dataTable th.sorting.sorting_asc:before{ position: absolute;opacity: 1 !important; top: 22px;
    height: 10px;
    width: 16px;  content: ""; background: url(../images/sort-r.png) no-repeat right; }

.dataTable th.sorting.sorting_desc:after{ position: absolute;
    height: 10px;
    width: 16px;  content: ""; background: url(../images/sort-l.png) no-repeat right; }
.dataTable th.sorting.sorting_desc:before{ display:none;}

.dataTables_wrapper .dataTable .edited-tr td span .input-with-select {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.dataTables_wrapper .dataTable .edited-tr td span input {
    border-radius: 8px;
    background: #fff;
    border: 0px solid #B79662;
    height: 35px;
    margin: 0px;
    padding-left: 10px;
    min-width: 60px;
}
.dataTables_wrapper .dataTable .edited-tr td span select.phoneCode {
    border-top-left-radius: 8px;
    border: 0px solid #B79662;
    height: 35px;
    margin: 0px;
    color: #fff;
    padding-left: 10px;
	padding-right:0px;
    min-width: 70px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #000 url(../images/drop-white-arrow.svg) no-repeat right 10px center;
}
.dataTables_wrapper .dataTable .edited-tr td span select {
    border-radius: 8px;
    border: 1px solid #B79662;
    height: 35px;
    margin: 0px;
    padding-left: 10px;
    min-width: 70px;
}
.dataTables_filter input {
    padding-left: 30px;
    background: url(../images/search.png) no-repeat 6px 7px;
    background-size: 15px;
}

select:focus-visible {
    outline: 0px;
}

.dash-board-content .dataTables_filter input {
    padding-left: 35px;
    background: url(../images/search.svg) no-repeat 11px 7px;
    background-size: 15px;filter: grayscale(1);
    border-radius: 8px;
}











.table-scroll-top, .table-scroll-bottom{width: 100%; border: none 0px RED;
overflow-x: scroll; overflow-y:hidden;    cursor: pointer;}
.table-scroll-top{height: 8px;  }

.table-scroll-top-in {width:auto; height: 8px; }
.table-scroll-bottom-in {width:auto;margin-bottom: 45px;}





  .dash-accordian .accordion-button:not(.collapsed){
      background: #FFF;
      color: #000;
      box-shadow: none;
      border: none;
  }
  .dash-accordian .accordion-button:not(.collapsed)::after{
    background: url(../images/top-arrow.svg) no-repeat center center;
    transform: rotate(0deg);
  }

  .dash-accordian .accordion-button::after{
    background: url(../images/top-arrow.svg) no-repeat center center;
    transform: rotate(180deg);
  }


  .dash-accordian  .accordion-body{
   padding: 0;
   margin-top: 30px;
  }
  

.over-poup, .over-poup-filter, .over-poup-sort {
	display:none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    background: #1a1a1a8c;
    top: 0;
	left:0px;
}

.over-poup .popup-box {
    position: absolute;
    z-index: 9999;  
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.over-poup .top {    padding: 25px;background:#114634;}
.over-poup .bottom {    padding: 15px 25px; }
.over-poup .top h3{ font-size:20px; color:#fff;}
.over-poup .top input {background:#fff url(../images/select-search.svg) no-repeat right;
background-position-x: 97%;}
.over-poup .bottom select{margin:0px; background-position-x: 96%;}
.closeme .close {
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 8px;
    right: 18px;
    text-shadow: navajowhite;
    opacity: 1;
    font-size: 16px;
    cursor: pointer;
}

.filter-popup.closeme .close { color: #000;}

.sort-popup.closeme .close {
    color: #b79662;
    font-size: 20px;
}
.sort-popup.closeme .close:hover{color: #212529;}
.bg-yellow{background:#B79662;}
.bg-yellow:hover{background:#856637; color:#fff;}
.btn-dark:hover{background:#856637;}

.filter-popup {
    width: 50%;
    background: #fff;
    display: flex;
    padding: 25px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.table-scroll-bottom.common-scroll{padding:0px;}
.filter-popup .row {
    align-items: center;
}
.sort-popup h5{text-align:center;}
.sort-popup p {text-align:center; font-size:16px; line-height:20px;}
.sort-popup {
    width: 30%;
    background: #fff;
    display: flex;
    padding: 25px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    flex-wrap: wrap; border-radius:3px;
    justify-content: center;
}
.dash-accordian .accordion-button:hover
{
    opacity: 0.5;
}

.sort-popup .text-danger {
    display: block;
    font-size: 12px;
}
.sort-popup-submit {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
  .ui-referel-table th{
   background: #EDE2D4;
   font-size: 18px;
   font-weight: 600;
   color: #000;
  }

  .ui-referel-table tr{
      border:1px solid #EEEEF2;
  }

  .ui-referel-table tbody tr:first-child{
   border-top: none;
   border-bottom: none;
  }

  .ui-referel-table{
    border-top-left-radius: 10px; 
  }

  .ui-referel-table td{
      font-size: 16px;
      font-weight:500;
      color: #121212;
      padding: 25px;
      position: relative;
    
  }

  .dash-accordian   .page-link{
   background: #F5F5F5;
   color: #919191;
   border: none;
   border-radius: 4px;
   font-size: 16px;
  }

  .ui-referel-table th{
    padding: 25px;
  }

  .ui-referel-table thead tr{
   border-top-left-radius: 10px;
   border-bottom: none;
  }

  .ui-referel-table td{
    border:none ;
  }

  .ui-referel-table th:first-child{
      border-top-left-radius: 6px;
  }

  .ui-referel-table th{
      border: none;
  }

  .ui-referel-table th:last-child{
    border-top-right-radius: 6px;
}


.dash-accordian .pagination li:last-child{
    margin-right: 0;
}

.dash-accordian .pagination li:first-child a,
.dash-accordian .pagination li:last-child a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    color: #000;
}

.pagination-result-sec p{
    font-weight: 400;
    margin-bottom: 0;
}

.login-banner-sec .copy-right{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 50px;
}

.front-dashboard .search{
    position: relative;
}

.copy-right p{
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    /* background: #0000003b; */
}

.search .form-control{
  height: 60px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #ABAAB5;
  padding-left: 40px;

}

.fa.fa-search{
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.dash-accordian .page-item.disabled .page-link{
 color: #000;
}

.dash-accordian .page-item.disabled .page-link path{
    stroke: #FFF;
}

.dash-accordian .pagination li{
    margin: 0 4px;
}

.pagination li:last-child svg{
transform: rotate(180deg);
}

.pagination-result-sec{
    margin-top: 15px;
}

.td-notification{
    position: relative;
}

#table-not-display{
    display: none;
}

.notify #table-not-display{
    display: block;
    background: #000000;
    padding: 35px;
    position: absolute;
    top: 54px;
    left: -39%;
    min-width: 280px;
    border-radius: 10px;
    z-index: 1;
    box-shadow: rgb(0 0 0 / 11%) -1px 15px 20px 0px;
}

.negotion{
    display: block;
}



.table-notific.noti-active{
 display: block;
}

.table-notific h3{
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    border-radius: 10px;
    margin-bottom: 10px;
}

.table-notific p{
    font-size: 14px;
    color: #B5B4C4;
    line-height: 21px;
    margin-bottom: 0;
}

.support-submission-success{
  margin-top: 20px;
}

.paginate_button.disabled {
    opacity: 0.3;
}

.phone-fld{
    white-space: nowrap;
  }

  .ui-helper-hidden-accessible{
  display: none;
  }

  .front-dashboard header ul li:last-child{
    padding-left:20px;
  }

#substitutes_other_wrapper table.dataTable{
    margin-top: 21px!important;
}  

li.ui-menu-item div{
    cursor: pointer;
}
li.ui-menu-item div:hover{
    color: #C09C3F;
}
.add-ref-sidebar{
display: inline-block;
}

#reg-form  .input-with-select select{
    -moz-appearance:none;
    -webkit-appearance:none;
}


.conf-agreement-page{
 max-width: 1308px;
 margin: 0px auto;
 padding: 100px 0;
}

.conf-agree-container{
    background: #FFFFFF;
    padding: 65px 125px 60px 125px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 30px #B7966226;
    -moz-box-shadow: 0px 10px 30px #B7966226;
    box-shadow: 0px 10px 30px #B7966226;
}

.go-back-bttn{
    font-size: 20px;
    font-weight: 600;
    color: #B79662;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
}

.go-back-bttn svg{
    margin-right: 23px;
}

.go-back-bttn:hover{
    color: #000;
}

.go-back-bttn:hover path{
    fill: #000;
}

.conf-agree-container h3{
    font-weight: 600;
    font-size: 34px;
    line-height: 44px;
    color: #B79662;
    margin-bottom: 50px;
}

.conf-agree-container p{
    font-size: 16px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    margin-bottom: 60px;
}

.conf-agree-container h4{
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}

h3.head-copy img{
  margin-right: 30px;
}

.head-align{
    display: flex;
    align-items: center;
}

.listing-tab-sec{
    margin-left: -82px;
    margin-right: -82px;
}
.listing-tab-sec .nav-tabs,
.listing-tab-sec .tab-content{
    padding-left: 82px;
    padding-right: 82px;
}

.listing-tab-sec .nav-tabs{
   background: #FFF;
   box-shadow: 0px 5px 5px #B7966233;
   border-top: 1px solid #F1EBE6;
   margin-left: -8px;
   margin-right: -8px;
}

.listing-tab-sec .nav-tabs li{
    padding-left:11px;
    padding-right: 11px;
}

.listing-tab-sec .nav-tabs li a{
    height: 72px;
    padding: 0px 18px 0 18px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    position: relative;
    display: flex;
    align-items: center;
}


.listing-tab-sec .nav-tabs li a i{
  margin-right: 9px;
}

.listing-tab-sec .nav-tabs li:first-child{
    padding-left: 0;
}

i.notify{
    font-style: normal;
    width: 29px;
    flex: 0 0 29px;
    height: 29px;
    background: #EF4C4C;
    color: #FFF;
    font-weight: 600;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
}

.list-box-left{
  align-items: flex-start;
  padding: 28px 0 0 40px ;
}

.list-box-left h5{
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
    padding-right: 12px;
}

.list-box-left h5 .notify{
  margin-left: 10px;
}

.pkg-name{
    color: #333333;
    font-weight: 600;
}

.front-dash-table .pkg-name{
   font-weight: 500;
}



.pkg-country,
.pkg-emirate,
.pkg-zone {
    color: #333333;
    font-weight: 400;
}

.pkg-price,
.pkg-amt{
    color: #B79662;
    font-weight: 500;
}



.view-detail-link{
    background: #B79662;
    border-radius: 10px;
    height: 50px;
    color: #FFF;
    padding:15px 45px;
    box-shadow: 0px 10px 30px #B796624D;
    display: inline-block;
}

.view-detail-link:hover{
    background: #000;
    color: #FFF;
}

.view-pack{
    font-weight: 500;
    color: #B79662;
    height: 50px;
    padding:12px 22px 15px 22px;
    border: 1px solid #B69561;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
}

.view-pack:hover{
    border: 1px solid #000;
    color: #000;
}

.list-box-col-row{
    align-items: center;
    padding: 15px 0;
    
}

.selected .list-box-col-row{
    border-bottom: 1px solid #F1EBE6;
}

.lists-box{
    background: #FFF;
    display: flex;
    align-items: flex-start;
    min-height: 80px;
    border-radius: 5px;
    box-shadow: 0px 5px 5px #B7966233;
    margin-bottom: 10px;
    border: 1px solid #F1EBE6;

}



.lists-box-col{
    width: 19.75%;
}
.lists-box-col.pkg-details{
    width: 19.25%;
}



.second-level-list-box{
    display: none;
}

.selected .second-level-list-box{
    display: block;
}

.listing-tab-sec .nav-tabs li a.active,
.listing-tab-sec .nav-tabs li a:hover{
    color: #B79662;
  
}

.listing-tab-sec .nav-tabs li a.active::after,
.listing-tab-sec .nav-tabs li a:hover::after {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    background: #B79662;
    border-radius: 60px;
}

.listing-tab-sec .tab-content{
    padding-top: 42px;
}

.lists-box-col{
    text-align: left;
}

.lists-box-col{
    font-size: 16px;
}

.view-pack.for-mob{
  display: none;
}

.view-pack svg{
    margin: 0 0 0 15px;
    transform: rotate(180deg);
}

.selected .view-pack svg{
    transform: rotate(0deg);
}

.select-zone{
  display: none;
}

.country-short{
    display: none;
}

.front-dash-box{
    background: #FFFFFF;
    padding: 55px 40px 20px 40px;
    box-shadow: 0px 10px 30px #B7966226;
    border-radius: 20px;
}

.front-dash-box h4{
   margin-bottom: 25px;
   color: #000;
}

.front-dash-box h4 img{
    width:auto;
}

.frond-dash-gray-box{
    background: #F6F5F5;
    padding: 35px 25px;
    border-radius: 20px;
    position: relative;
}

.frond-dash-gray-box:before{
    content: "";
    display: block;
    width: 4px;
    height: 47px;
    background: #B79662;
    position: absolute;
    left: 0;
    top:37px;
}

.front-dash-box .frond-dash-gray-box h4{
    color: #B79662;
    font-size: 22px;
    line-height: 16px;
    margin-bottom: 20px;
    text-align: left;
}

.front-dash-box .frond-dash-gray-box h5{
    margin-bottom: 20px;
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.front-dash-box .frond-dash-gray-box h5.zone-title{
    margin-bottom: 30px;
}

.front-dash-currency{
    background: #FFF;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #B79662;
}

.front-dash-view-details-bttn{
    background: #B79662;
    height: 50px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0px 10px 30px #B796624D;
}

.front-dash-view-details-bttn:hover{
    background: #000;
    color: #FFF;
}

.dash-view-all-buton{
    border: 1px solid #B79662;
    height: 50px;
    padding:12px 37px 0 37px ;
    border-radius: 10px;
    display: flex;
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.dash-view-all-buton-main{
    text-align: center;
    padding: 20px 0 0 0;
}

.front-dashboard-sec table{
    border-spacing: 0 12px;
}

.front-dashboard-sec table tr{
    box-shadow: 0px 5px 5px #b7966233;
    border-radius: 5px;
}

.front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td,
.front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td{
  border:1px solid #F1EBE6!important;
  border-right: 0!important;
  border-left: 0!important;
}

.front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td:first-child,
.front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td:first-child{
    border-left: 1px solid #F1EBE6!important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td:last-child,
.front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td:last-child{
    border-right: 1px solid #F1EBE6!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
}


.front-dash-box .listing-icon{
  margin-right: 20px;
}

.front-dash-zone-box{
    margin-bottom: 30px;
}

.front-dashboard-sec .table.dataTable td{
    padding: 14px 15px!important;
}

.front-dashboard-sec table.dataTable.table-striped>tbody>tr.even>*{
    box-shadow: inset 0 0 0 9999px #FFF!important;
}

.dash-currency-main{
    width: 48%;
}
.dash-view-details-main{
    width: 52%;
}

.package-details-sec{
    max-width: 700px;
    margin: 0px auto;
}

.package-details-sec h3.head-copy{
 text-align: center;
 width: 100%;
}

.last-updated{
    text-align: center;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}

.last-updated span{
    color: #B79662;
   
}

.package-detail-page{
    padding: 89px 0 0 0;
}

.pkg-detail-h3{
    margin-top: -40px!important;
    margin-bottom: 15px!important;
}

.p-info{
    box-shadow: 0px 5px 5px #B7966233;
    border: 1px solid #F1EBE6;
    border-radius: 5px;
    background: #FFF;
    padding: 10px 52px;
    margin-bottom: 65px;
}

.p-info [class*="col"]{
    padding: 20px 0;
    border-bottom: 1px solid #F1EBE6;
    font-size: 16px;
}

.p-info [class*="col"]:last-child{
    border:none}


.main-land-pinfo.p-info [class*="col"]:nth-last-child(2){
    border:none;   
    }

.last-updated{
    margin-bottom: 55px;
}

.email-template-body{
    margin-bottom: 32px;
}

.email-template-body table td{
    /* padding-left: 40px;
     padding-right: 40px;*/
}

.email-template-body{
    position: relative;
}

.email-template-body table tr:first-child td{
    padding-top: 42px;
}



.email-template-body  table{
    width: 100%!important;
}

.go-back-link:hover path{
   stroke: #000;
}

.copy-code{
    width: 68px;
    height: 68px;
    background: #B79662;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    display: flex;
    position: absolute;
    right: 20px;
}

.copy-code.top{
    top: 20px;
}

.copy-code.bottom{
    bottom: 58px;
    right: 40px;
}

.copy-code:hover{
    background: #000;
}

.attachment-links a{
     border: 1px solid #B79662;
     border-radius: 9px;
     background: #F0F0EF url(../images/download-icon.svg) no-repeat right 26px center;
     font-size: 14px;
     color: #000000;
     display: inline-block;
     padding: 19px 28px;
     padding-right: 56px;
     margin-right: 15px;
     margin-bottom: 15px;
}

.attachment-links a:hover{
    background: #FFF url(../images/download-icon.svg) no-repeat right 26px center;
}
.permission_first h5 {
    margin-bottom: 30px;
    margin-top: 10px;
}
.backend_roles input[type="checkbox"] {
    margin-right: 10px;
    accent-color: #B79662;
}
.frontend_roles input[type="checkbox"] {
    margin-right: 10px;
    accent-color: #B79662;
}

.notify-dot{
     background: #EF4C4C;
     width: 13px;
     flex: 0 0 13px;
     height: 13px;
     border-radius: 50%;
     display: block;
     margin-right: 12px;
}

.lists-box-col.pkg-name{
    display: flex;
    align-items: center;

}

.special-note-sec{
    margin-bottom: 90px;
}

.special-note-sec p,
.special-note-sec li{
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
}

.special-note-sec ul{
    margin-left: 20px;
}

.special-note-sec li{
    list-style: disc;
}

.special-note-sec li::marker{
    color: #B79662;
}

.front-left-nav.primnav expand:hover,
.front-left-nav.primnav li:hover{
    background: none;
}

.front-left-nav .lft-sub-menu{
  width: 100%;
}

.front-left-nav .lft-sub-menu a{
    width: 100%;
    border-radius: 10px;
}

.front-left-nav .lft-sub-menu{
    position: relative;
} 

.front-left-nav .lft-sub-menu li{
    margin-right: 0;
}

.front-left-nav .sub-menu-wrapper {
    margin-top: -10px;
    height: auto;
    
}


.front-left-nav.primnav .sub-menu-wrapper li{
    margin-left: 30px;
}  

.front-left-nav.primnav li{
    padding-left: 0;
    padding-right: 0;
}



.front-left-nav .lft-sub-menu a:hover,
.front-left-nav .lft-sub-menu li.active a{
    background: #B79662;
    color: #FFF;
}

.front-left-nav .lft-menu .notify{
    position: absolute;
    right: 5px;
    top: 15px;
}

.mainland-list .lists-box-col{
  width: 25%;
}

.mainland-list .pkg-details{
    text-align: right;
}

input.hamburger:checked ~ nav.primnav i.notify {
    transform: rotate(0deg);
    margin-left: -2px;
    width: 14px;
    height: 14px;
    font-size: 10px;
}

.front-left-nav.primnav li img{
    margin-left: 20px;
}

.front-left-nav.primnav li{
 padding-left: 0;
}

.front-dash-box h4{
    text-align: center;
}

.front-dash-main-bx.freelance h4 img{
   width: auto;
}

.front-dash-zone-box{
      margin-left: -14px;
      margin-right: -14px;     
}

.front-dash-main-bx{
    padding-left: 14px;
    padding-right: 14px;
}


.front-dashboard-sec .table.dataTable td{
    padding: 14px 40px!important;
}

.front-dashboard-sec .table.dataTable{
    margin-top: -10px!important;
}

h3.head-copy .listing-icon{
  margin-left: -10px;
}

input.hamburger:checked ~ nav.primnav.front-left-nav li{
padding-left: 0;
}



.t_c_wrapper a{

   text-decoration: underline;
   margin-left: 5px;
}

.t_c_wrapper a:hover{
text-decoration: none;
}

.t_c{
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #B79662;
    margin-right: 15px;
    accent-color: #B79662;
    color: #FFF;
}

.t_c_wrapper{
    display: flex;
    align-items: center;
    font-size: 18px;
}

.form-group .btn.btn-dark.admin-signin-btn,
.form-group .btn.btn-dark.admin-request-access-btn{
    background-color: #000000;
    border-color: #000000;
} 


.user-section .form-group .form-control.password{
    font-size: 37px;
}

.mainland-list .lists-box-col:first-child{
padding-left: 40px;
}


input.hamburger:checked ~ nav.primnav.front-left-nav .lft-menu .notify{
    right: 0;
    top: 0;
}

input.hamburger:checked ~ nav.primnav.front-left-nav .sub-menu-wrapper li {
    margin-left: 5px;
}

.copy-special-note .copy-code{
   position: relative;
   right: auto;
   width: 40px;
   height: 40px;
   border-radius: 12px;
   flex: 0 0 40px;
}

.subject-copy-sec{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.copy-special-note .copy-code svg{
    width: 20px;
    height: 20px;
}


@media (min-width: 1025px)   {

    .t_c{
        width: 16px;
        height: 16px;

    }



.close-card{
    display: none;
}

input.hamburger:checked ~ .main-wraper {
    width: 96%;
    max-width: 96%;
 }
    
}



@media (min-width: 1024px)   {




    .dash-accordian .pagination li:first-child,
.dash-accordian .pagination li:last-child{
    min-width: 135px;
}



    .front-dashboard header ul{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .front-dashboard{
        margin-left: 2%;
        width: 98%;
    }
    
}

@media (max-width: 2800px) and (min-width:1800px)  {
.login-banner-sec .copy-right p{color:#fff !important;}
.info-icon {    top: 18px;}
.far{
    height: 70px;
}

}

@media (max-width: 1800px) and (min-width:1025px)  {
.card{padding: 25px 40px;}
.login-banner-sec h1 span {    font-weight: 300;   display: block;}
    .ui-referel-table td, .ui-referel-table th{
        padding: 15px;
    }


    .total-value span,.succ-value{
        font-size: 16px;
    }

    .total-earning-sec label{
        font-size: 14px;
    }

    .total-earning-sec, .success-referels{
        padding: 20px;
    }

    .total-value i{
        font-size: 14px;

    }
    
    .total-value span{
        font-size: 16px;

    }


    .earnings-cart{
        padding: 25px;
    }


    .front-dashboard header{
        background: #101010;
        padding: 25px 25px;
    
    }

    .notification{
        background: #FFF;
        width: 44px;
        height: 44px;
    }


    .front-dashboard header ul li a{
        font-size: 13px;
    }


    .front-dashboard header ul li{
        padding-left: 15px;
        padding-right: 15px;
    }


    .university-selection h3{
        color: #FFF;
        font-size: 25px;
      }

    .university-selection input[type="text"],
    #suggestions li,
    .add-university-sec label{
        font-size: 14px;
    }

    .add-university-sec .form-check-input[type=checkbox]{
    flex: 0 0 22px;
    max-width: 22px;
    height: 22px;
    }

   h1{
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 30px;
   }

    h2{
        font-size: 35px;
        line-height: 40px;
    }

    h3{

        font-size: 30px;
        line-height: 35px;

    }

    .prof-details h4{
        font-size: 24px;
        line-height: 30px;
    }

    h4{
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 22px;
    }

    h6{
        font-size: 16px;
        line-height: 26px; 
    }

    .login-left-side{
        padding: 30px;
    }


    .logo img{ 
        width: 160px;

    }

    .login-banner-sec h1{
        color: #FFF;
        text-align: center;

    }


    
    .login-banner-sec p{
        color: #FFF;
        font-size: 14px;
        text-align: center;
        max-width: 401px;
        margin: auto;
    }

 

    .user-section .form-group .form-control,
    .form-group .btn{
        height:50px;
        font-size: 16px;
      }

      .far{
        height: 50px;
      }

      .user-section .form-group label{
          font-size: 14px;
      }

      .form-section p{
        font-size: 14px;
        line-height: 28px;
    }


}

@media (max-width: 1500px) and (min-width:1200px)  {
	  .total-earn-left .form-check-inline{        margin-right: 5px;    }

	.click-login{font-size:14px;}
	.copyright {font-size:14px;}
	.register-wrap {    max-width: 525px;}
	.university-selection{ padding: 45px 60px;}
	.form-section { max-width: 400px; }
	.login-banner-sec h1{line-height:31px; margin-bottom:20px;}
	.login-banner-sec h1 span {    font-weight: 300;   display: block;}
	.login-left-side h1 { font-size: 30px;}
	.login-left-side a img{width:160px;}
	.login-banner-sec .banner img{width:58%;margin: 0 auto;
    text-align: center;
    display: block;}
	.logo {    display: inline-block;    margin-bottom: 30px;}
}





@media (max-width: 1024px)   {

    .add-referel.card{
  margin-bottom: 0;
    }

    .dash-board-content{
        padding-top: 140px;
    }

    .front-dash-head-sec .header-2 h3{
        margin-right: 15px;
    }

    .university-selection input[type="text"]{
        font-size: 16px;
    }

    .add-referel .form-check label{
        font-size: 14px;
    }

    .grecaptcha-badge{
  z-index: 1000;
    }

    .login-left-side{
        text-align: center;
    }

    .login-left-side .logo{
        max-width: 152px;
    }

    .add-referel .add-referral-btn{
        margin-left: 20px;
        margin-bottom: 5px;
    }

    .prof-details{
        margin-top: -40px;
    }


    .dropdown .notification.show:after {
        content: '';
        width: 100%;
        height: 100%;
        background: #00000069;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 9;
    }

	.only-mob{display:block !important}
	.fa-eye{    top: 0px;}
	.forgot-bttn {
    width: 100%;
    text-align: center;
}
	.header-2{justify-content:flex-start;}
.register-wrap{margin-top: 10%;}
    .front-dash-head-sec{
      display: flex;
      flex-wrap: wrap;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 30px;
    }

    .front-dash-head-sec .header-2{
        margin-bottom: 0;
    }
    
    .front-dash-head-sec .header-2 h3{
     margin-bottom: 16px;
    }

    .earn-section-mobile{
        background: #FFF;
        border-radius: 10px;
        text-align: center;
        max-width: 117px;
        height: 107px;
        border: 1px solid #E5E5E5;
    }


    .total-title{
     height: 50%;
     padding: 0px 10px;
     display: flex;
     align-items: center;
     justify-content: center;
    }

    .earn-section-mobile h5{
       color: #010101;
       font-size: 14px;
       line-height: 16px;
       font-weight: 600;
    
    }

    .earn-section-mobile .total-earning{
         background: #000;
         color: #FFF;
         font-size: 15px;
         line-height: 23px;
         height: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
    }
    .copy-right{
        text-align: center;
        padding-bottom: 50px;
        padding-top: 30px;
         }

    .notification{
        margin-right: 10px;
    }

    .notification-wrap{
        transform: translateY(300px)!important;
        position: fixed!important;
        bottom: 0!important;
        top: auto!important;
        left: auto;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        max-width: 600px;
        min-width: auto;
        transition: 0.5s ease;
    }

    .notification-wrap.show{
        transform: translateY(0)!important;
       
    }

    .total-value{
        padding: 10px;
        line-height: 18px;
        height: 54px;
    }

    .total-value i{
        font-size: 14px;
    }

    .total-value span{
        font-size: 11px;
    }

    .location{
        margin-bottom: 20px;
    }

    .total-earning-sec h6{
        font-size: 14px;
    }

    .total-earn-left, .succ-left{
        flex: 0 0 70%;
        max-width: 70%;
    }

    .total-earn-left .form-check-inline{
        margin-right: 6px;
    }

    .total-earn-right, .succ-right{
        flex: 0 0 30%;
        max-width: 30%;  
    }

    .success-referels h6{
        font-size: 14px;
        line-height: 16px;
    }


    .succ-value{
        font-size: 15px;
        padding: 10px;
        height: 54px;
        display: flex;
    align-items: center;
    justify-content: center;
    }

    .success-referels{
        padding: 15px;
    }

    .total-earning-sec .form-check-input[type=radio]{
        width: 13px;
        height: 13px;
        margin-top: 6px;
    }

    .total-earning-sec label{
        font-size: 11px;
    }

    .total-earning-sec{
        padding:15px;
    }

    .user-icons{
        width: 64px;
        height: 64px;
        margin-bottom: 10px;
    }

    .prof-details h4{
        font-size: 22px;
    }

    .location h6{
        font-size: 16px;
    }
.mob-only{display:block;}
    .mobile-nav-sec{
        margin-top: 15px;
        border-top: 1px solid #BEBEBE;
        padding: 35px 0 0 0;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 40px;
        padding-right:40px;
    }

    .mobile-nav-sec ul li{
        padding: 5px 0;
    }

    .mobile-nav-sec .bttn{
      display: inline-block;
      margin-top: 50px;
    }

    .mobile-nav-sec ul li a{
       color: #000;
       text-transform: uppercase;
       font-size: 16px;
       font-weight: 600;
    }
.mobile-nav-sec ul li a:hover{text-decoration:underline;}
    .desktop{
        display: none;
    }
  
    .mobile{
        display: block;
    }

    .overlay-bg.overlay-active{
        display: block;
    }

    .overlay-bg.overlay-active{
        display: block;
    }

    

    .front-dashboard header{
        padding: 15px 35px;
        border-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .head-menu-sec{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
	

    .head-menu-sec ul{
        margin-right: 10px;
    }

    .hammenu{
        display: block;
        width: 28px;
        height: 24px;
        background: url(../images/hm-menu-open.svg) no-repeat center center;
        display: inline-block;
    }

    .earnings-cart{
        width: 330px;
        transform: translateX(325px);
        position: fixed;
        right: 0;
        top: 0;
        overflow-y: auto;
        height: 100vh;
        margin-top: 0;
        transition:0.3s ease-in;
        border-radius: 0;
        padding: 30px 15px;
        padding-top: 10px;
    }

    .earnings-cart.card-active{
        transform: translateX(0px);
    }

    .front-dashboard header ul li{
        display: none;
    }

    .front-dashboard header ul li.notific-alert{
       display: block;
    }

    .login-banner-sec{
        position: relative;
    }

    .login-banner-sec{
        max-width: 100%;
        width: 100%;
        left: auto;
        top: auto;
        padding-bottom: 100px;
		    margin-bottom: 50px;
    }

    .login-banner-sec p{
        display: none;
    }

    .banner{
        display: none;
    }

    .user-main-wrap{
        width: 90%;
        padding: 22px 0px 15px 0px;
        height: auto;
        margin-top: -125px;
        border-radius: 8px;
        background: #FFF;
        position: relative;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
        -moz-box-shadow: -1px 15px 20px 0px rgba(0,0,0,0.11);
        box-shadow: -1px 15px 20px 0px rgb(0 0 0 / 11%);
   }

}

@media (max-width: 1000px)  {



    .special-note-sec p,
.special-note-sec li{
    font-size: 14px;
    margin: 8px 0;
}

	.fa-eye {
    top: 0px;
    height: 50px;
}
	.accordion-button::after{padding-left: 5%; margin-left: 5%;}
	.accordion-button{justify-content: space-between;}
	.add-referel .input-with-select select {
    padding-left: 3px;
    padding-right: 2px;
}
		.notification-wrap{width: 70%;bottom: 10px;
                }
	.scroll-div {
    height: 150px;
    overflow: auto;
}

.add-referel .input-with-select .input-group-prepend {    flex: 0 0 40%;}
    .logo{
        margin-bottom: 40px!important;
    }

    h1{
        font-size: 35px;
        line-height: 40px;
    }

    .university-selection{
        padding: 20px;
    }

    .register-wrap{
        margin-top: 0;
    }




}
@media only screen and (min-width:450px) and (max-width:850px) {
	.fa-eye{    top: 0px;}
	.login-left-side {    padding: 65px 65px 0px 65px;}

}

@media only screen and (min-width:300px) and (max-width:450px) {
	.frequent-accordion .accordion-button:not(.collapsed), .frequent-accordion .accordion-button {
    font-size: 16px;
}
	.scroll-div {    height: 250px;}

	.notification-wrap {
    width: 100%;}
	.fa-eye{    top: 0px;}
	/* .alert-notification a{  font-size: 12px;} */
#button-top {
    margin: 10px;
    right: 0;
    bottom: 70px;
}
.dash-board-content .dataTables_filter input {
    padding-left: 35px;
    background: url(../images/search.png) no-repeat 10px 13px;
    background-size: 17px;
    width: 96% !important;
    height: 45px;
    border-radius: 8px;
    margin-bottom: 9px;
}
.total-value span {
    font-size: 11px;
}
.total-earn-right, .succ-right {
    flex: 0 0 34%;
    max-width: 34%;
}

.total-earn-left, .succ-left {
    flex: 0 0 66%;
    max-width: 66%;
}
div.dataTables_wrapper div.dataTables_filter label{ width: 100% !important;}
.add-referel .form-check-input {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 10px;
}

		.add-referel .input-with-select .input-group-prepend {    flex: 0 0 35%;}
}


/* @media only screen and (min-height:1000px) and (max-height:1400px) {
	.login-banner-sec .banner img{width: 90%;}
	   .logo {    margin-bottom: 35%;}
	   .login-left-side {    padding: 104px;}
	   .admin-login.user-main-wrap.log-align-center {    height: 100vh;}
	   .user-main-wrap.log-align-center{height:auto;}
} */


@media (max-width: 767px)  {

    .front-dash-head-sec .header-2 h3{
        margin-right: 0;
    }

    .notification-wrap ul li span{
        font-size: 12px;
    }
   

	.input-with-select select{padding-left: 0px;
    padding-right: 0px;}
	.dropdown .notification.show:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #00000069;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}


	.add-referel .input-with-select select{font-size: 13px;}
	.bttn.small {
    padding: 10px 11px;
}
.paginate_button a{font-size: 12px;}
	.pagination li:first-child a, .pagination li:last-child a{    min-width: 100px;}
	.paginate_button.previous a:after{    top: 1px;}
	.paginate_button.next a:after{top: 8px;}
	.forgot-bttn {
    width: 100%;
    text-align: center;
}
.sort-popup {    width: 80%;}
    .user-section .form-group label{
        font-size: 14px;
    }

    .card{
        padding: 15px;
    }

    .ui-referel-table th{
        font-size: 16px;
    }


    .dash-accordian   .page-link{
        font-size: 13px;
    }

    .pagination-result-sec p{
        font-size: 14px;
    }

    .ui-referel-table td{
        font-size: 14px;
        line-height: 21px;
        padding: 18px;
    }

    .page-result-sec{
         justify-content: center;
         margin-top: 25px;
    }

    .page-number-sec{
        margin-top: 25px;
        justify-content: center!important;
    }

    .dash-accordian .accordion-button{
        top: 0;
    }


    .user-section .form-group .form-control{
        height: 60px;
        font-size: 16px;
    }

    .university-selection h3{
        font-size: 22px;
        line-height: 28px;
    }

    .auto-sel-res-sec{
        top: 51px;
    }

    .university-selection input[type="text"]{
        padding: 15px;
    }

    #suggestions li, .add-university-sec label{
        font-size: 14px;
        line-height: 22px;
    }

    .add-university-sec{
        padding: 20px;
    }

    .add-university-sec .form-check-input[type=checkbox]{
        flex: 0 0 25px;
        height: 25px;
        margin-right: 12px;
    }

    .form-section h2{
      text-align: center;
    }

    p{
        font-size: 16px;
        line-height: 25px;
    }

    h1{
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 30px;
       }
    
        h2{
            font-size: 32px;
            line-height: 38px;
        }


    
        h3.head-copy,h3{
          font-size: 20px;
          line-height: 24px;
        }
    
        h4{
        font-size: 20px;
        line-height:28px;
        }


}

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .info-icon{
        top: 17px;
    }
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 1000px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape){
    .notification-wrap{
        height: 65vh;
    } 
  }


  @media (min-width: 1600px)   {

  .column-left-wrap{
    flex: 0 0 70%;
    max-width: 30%;
  }

  .column-right-wrap{
    flex: 0 0 30%;
    max-width: 30%;
  }
}


@media (min-width: 1200px)   {


    .front-dashboard-sec table td{
        width: 20%;
    }
    
    .list-box-left{
       width: 20%;
    }

    .list-box-right{
        width: 80%;
    }

    .lists-box-col.pkg-price{
        width: 10%;
    }

    .mainland-list .lists-box-col.pkg-price{
        width: 25%;
    }
    
    .lists-box-col.pkg-details{
        width: 24.25%;
    }

    .mainland-list .lists-box-col.pkg-details{
        width: 25%;
        padding-right: 12px;
    }

    .lists-box-col.pkg-details{
        width: 26.25%;
          text-align: right;
          padding-right: 0;
    }


    .lists-box-col.view-all-pack{
        width: 23.25%;
        text-align: right;
    }

    .dash-button-main-sec{
        margin-left: -8px;
        margin-right: -8px;
    }

    .dash-button-main-sec [class*="col"]{
        padding-left: 8px;
        padding-right: 8px;
    }



    .notification-wrap{
        top: 8px!important;
    }

    footer.px-5{
        padding-left: 4%!important;
    }

    .total-earn-left{
        flex: 0 0 65%;
        max-width: 65%;
    }
    
    .total-earn-right{
        flex: 0 0 35%;
        max-width: 35%;
    }

    .dash-board-content .column-left-wrap{
        padding-left: 35px;
 
      }

      .accordion #substitutes_wrapper .table-scroll-top{
     display: none;
      }

      .accordion #substitutes_wrapper .table.table-bordered.dataTable{
        table-layout: fixed;
      }

      .accordion #substitutes_wrapper .table.table-bordered.dataTable th{
             width: 25%!important;
      }
      .accordion #substitutes_wrapper .table-scroll-bottom{
        overflow-x: hidden;
      }

      .earnings-cart{
        right: 3%;
        width: 30%;
      }

      .front-dashboard header{
        width: 98%;
        left: 2%;
      }
    
    }
    
    
      @media (min-width: 1600px)   {


    
      .column-left-wrap{
        flex: 0 0 75%;
        max-width: 75%;
      }
    
      .column-right-wrap{
        flex: 0 0 25%;
        max-width: 25%;
      }
    
      .earnings-cart{
        right: 2%;
        width: 25%;
      }
    
    
      .front-dashboard header{
        width: 98%;
        left: 2%;
      }
    
      .dash-board-content .column-left-wrap,
      .column-left-wrap.header-left{
        padding-right: 5%;
      }
    
    

    
      .dash-board-content{
        padding-right: 0;
      }

      .head-menu-sec{
         padding-right: 0;
      }

      .total-earn-fields .form-check-inline{
            margin-right: 12px;
      }
    
    }


    @media (max-width: 359px)   {
        .front-dash-head-sec .header-2 h3{
            font-size: 15px;
        }

        .front-dash-head-sec .add-new{
            font-size: 10px;
        }

        .earn-section-mobile h5{
            font-size: 11px;
        }

        .earn-section-mobile .total-earning{
            font-size: 12px;
        }

        .front-dashboard header ul li{
            padding-left:10px;
        }

    }

    .hide-logged{
        display: none;
    }

    /* orientation : landscape */

@media only screen and (min-device-width: 500px) 
                   and (max-device-width: 1200px) 
                   and (orientation: landscape) {

                    .mobile-nav-sec .bttn{
                        position: relative;
                        bottom: auto;
                        left: auto;
                    }
}

@media (min-width:1800px)  {



    .dash-board-content .column-left-wrap{
        padding-top: 50px;
    }

    .log-content-wrap{
        max-width: none!important;
    }

    .logo{
        margin-bottom: 50px!important;
    }

    .earnings-cart{
        margin-top: -120px;  
    }

    .support-form-wrapper .form-control{
      height: 70px;
    }

    .login-banner-sec p{
    max-width: 502px;
    margin: 0px auto;
    }
}

@media (max-width: 1100px) and (min-width:1025px)  {
    .register-wrap{
        padding-left: 20px;
        padding-right: 20px;
    }
}

.accordion-item div.dataTables_wrapper div.dataTables_filter input{
    margin-bottom: 20px;
}





@media only screen and (min-height:750px) and (max-height:1000px) {

    .logo {
        margin-bottom: 25%;
    }

    .log-content-wrap{
        max-width: 330px;
        margin: 0px auto;
    }

    .login-banner-sec .banner img{
        max-width: 400px;
        width: auto;
    }
    
}


@media (max-width:639px)  {

.mobile-nav-sec .bttn{
    position: fixed;
    left: 35px;
    bottom: 70px;
  }
}


@media screen and ( max-height: 730px ) {
    body .mobile-nav-sec .bttn{
       position: relative;
       left:auto;
       bottom:auto;
       margin-top: 10px;
    }

}

@media (max-width:1919px)  {

    .lists-box-col{
        width: 16%;
    }


    .view-detail-link{
        padding: 10px 25px;
        height: 40px;
    }
    .view-pack{
        height: 40px;
        padding: 9px 22px 10px 22px;
    }



    .lists-box-col.view-all-pack{
        width: 30%;
    }

    .lists-box-col {
        font-size: 12px;
    }

    .listing-tab-sec .nav-tabs li a{
        padding: 0px 8px 0 8px;
        height: 58px;
        font-size: 12px;
    }

    .lists-box-col.view-all-pack{
        text-align: right;
    }
}


@media (max-width:1800px)  {

    .front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td:last-child, .front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td:last-child{
        padding: 12px 20px !important;
    }

    .front-left-nav.primnav li img{
        margin-left: 10px;
        margin-right: 10px;
    }

    .mainland-list .lists-box-col:first-child{
        padding-left: 25px;
        }

    .user-section .form-group .form-control.password{
        font-size: 28px;
    }

    .user-section .form-group .form-control{
        padding-left: 20px;
        padding-right: 20px;
    }

    .t_c_wrapper{
        font-size: 16px;
    }


    .front-left-nav.primnav .sub-menu-wrapper li{
        margin-left: 14px;
    }

    .notify-dot{
        flex: 0 0 8px;
        width: 8px;
        height: 8px;
    }

    .front-dash-zone-box{
        margin-left: -12px;
        margin-right: -12px;     
  }
  
  .front-dash-main-bx{
      padding-left: 12px;
      padding-right: 12px;
  }
 
    .front-dash-box .frond-dash-gray-box h5.zone-title{
        margin-bottom: 20px;
    }

    /* .copy-code{
        width: 40px!important;
        height: 40px;
    }

    .copy-code svg{
        width: 20px;
        height: 20px;
    } */

    .p-info [class*="col"]{
        padding: 14px 0;
    }

    .p-info{
        padding: 10px 40px;
        margin-bottom: 35px;
    }

    .package-detail-page{
        padding: 65px 0 0 0;
    }


    .pkg-detail-h3 {
        margin-top: -30px!important;
        margin-bottom: 10px!important;
    }

    .last-updated {
        margin-bottom: 30px;
    }

    .front-dashboard-sec .table.dataTable td {
        padding: 12px 20px !important;
    }

    .front-dash-zone-box{
        margin-bottom: 10px;
    }

    .dash-view-all-buton-main{
        padding-top: 15px;
    }

    .dash-button-main-sec{
        margin-left: -5px;
        margin-right: -5px;
    }

    .dash-button-main-sec [class*="col"]{
        padding-left: 5px;
        padding-right: 5px;
    }

    .front-dash-box .listing-icon{
        width: 20px;
    }

    .freelance .front-dash-box .listing-icon{
        width: 13px;
    }

    .frond-dash-gray-box:before{
        height: 41px;
        top: 30px;
    }

    .front-dash-box h4{
        margin-bottom: 20px;
    }


    .frond-dash-gray-box{
        padding: 25px 15px;
    }

    .front-dash-box .frond-dash-gray-box h4{
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 18px;
    }

    .front-dash-box .frond-dash-gray-box h5{
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 14px;
    }

    .front-dash-currency,
    .front-dash-view-details-bttn,
    .dash-view-all-buton{
        font-size: 12px;
        height: 40px;
    }
    .dash-view-all-buton{
        padding: 11px 39px 0 39px;
    }
   

    .front-dash-box{
        padding: 25px 20px 15px 20px; 
    }

    .listing-tab-sec .nav-tabs li a i{

    }
    
    i.notify{
        width: 19px;
        flex: 0 0 19px;
        height: 19px;
        font-size: 12px;
        line-height: 9px;
    }

    .listing-icon{
         width: 25px;
    }

    h3.head-copy img{
        margin-right: 20px;
    }

    .lists-box{
        min-height: 72px;
    }

    .list-box-left h5{
        font-size: 16px;
    }

    .list-box-left{
        padding: 23px 0 0 30px;
    }

    .conf-agreement-page{
         max-width:900px;
         padding: 60px 0;
      }

      .go-back-bttn svg{
        width: 10px;
        height: 18px;
      }

      .go-back-bttn{
        font-size: 16px;
      }

      .conf-agree-container{
        padding: 35px 65px 25px 65px;
      }

      .conf-agree-container h3{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
      }

      .conf-agree-container p{
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 40px;
      }

      .conf-agree-container h4{
        margin-bottom: 30px;
      }

      .listing-tab-sec{
        margin-left: -52px;
        margin-right: -52px;
        overflow: hidden;
    }
    .listing-tab-sec .nav-tabs,
    .listing-tab-sec .tab-content{
        padding-left: 52px;
        padding-right: 52px;
    }


    }

    @media (max-width:1024px)  {

        .country-short{
            display: block;
            font-weight: 600;
            color: #B79662;
        }
    .listing-tab-sec .nav-tabs{
        display: flex;
        justify-content: space-around;
    }

    .listing-tab-sec .nav-tabs li a{
        padding-left: 0;
        padding-right: 0;
    }

    .list-box-right{
        display: none;
    }

    .view-pack.for-mob{
        display: block;
        padding: 0;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .lists-box{
        min-height: auto;
      }

      .list-box-left {
        width: 100%;
        padding: 10px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .list-box-left h5{
        margin-bottom: 0;
        width: 60%;
    }

    .view-pack svg{
        margin: 0 0 0 0px;
    }
    .selected .list-box-right{
     display: block;
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
    }
    .lists-box-col.view-all-pack,
    .lists-box-col.pkg-country{
        display: none;
    }

    .lists-box-col{
        width: 30%;
    }
    .lists-box-col.pkg-details {
        width: 40%;

        text-align: right;
    }

    .view-detail-link{
        padding: 10px 10px
    }

    body .admin-content-sec{
        padding-left: 12px;
        padding-right: 12px;
    }

    .listing-tab-sec{
    margin-left: -12px;
    margin-right: -12px;
    }
    .listing-tab-sec .nav-tabs, .listing-tab-sec .tab-content{
        padding-left: 12px;
        padding-right: 12px;
    }
}

    @media (max-width:1000px)  {

        .front-left-nav.primnav .sub-menu-wrapper li{
            margin-bottom: 10px;
        }

        .front-left-nav .sub-menu-wrapper{
            margin-top: 0;
        }

        .front-left-nav .sub-menu-wrapper{
            height: auto;
        }


        .front-dash-box .frond-dash-gray-box h5.zone-title{
            margin-bottom: 30px;
        }

        body .admin-content-sec.package-detail-page{
         padding-left: 0;
         padding-right: 0;
        }

        .special-note-sec{
            margin-bottom: 60px;
          }
          .p-info{
              margin-bottom: 60px;
          }

        .attachment-links a{
            padding: 15px 20px;
            padding-right: 50px;
            margin-right: 10px;
       }

        .email-template-body table td {
            padding-left: 14px;
            padding-right: 14px;
        }

        .last-updated{
            font-size: 14px;
        }

        .p-info {
            padding: 8px 22px;
        }

        .p-info [class*="col"] {
            padding: 11px 0;
        }

        .package-detail-page{
            padding: 35px 0 0 0;
        }
        .package-details-sec{
            padding: 37px 0 0 0;
        }

        .pkg-detail-h3{
            margin-top: 0px!important;
        }

        .new-front-board .dataTables_wrapper{
         padding-left: 0;
         padding-right: 0;
        } 

        .new-front-board .view-detail-link {
            padding: 12px 25px;
            height: 45px;
        }

        .dash-button-main-sec {
            margin-left: -10px;
            margin-right: -10px;
        }

        .dash-button-main-sec [class*="col"] {
            padding-left: 10px;
            padding-right: 10px;
        }

        .front-dash-box h4{
            margin-bottom: 30px;
        }

        .dash-view-all-buton-main{
            padding-top: 20px;
        }

        .front-dash-currency, .front-dash-view-details-bttn{
            height: 45px;
            font-size: 14px;
        }

        .dash-view-all-buton{
            height: 45px;
            font-size: 14px;
        }

        .front-dash-main-bx{
             margin-bottom: 30px;
             padding: 0;
         
        }

        .front-dash-box{
            padding: 45px 15px 20px 15px;
            box-shadow: 0px 10px 60px #0000001A;
        }

        .front-dash-box h4{
            text-align: center;
            font-size: 22px;
        }

        .front-dash-box .frond-dash-gray-box h4{
            text-align: left;
        }

        .frond-dash-gray-box{
            padding: 30px 20px;
        }

        .frond-dash-gray-box:before {
            height: 43px;
            top: 34px;
        }

        .front-dashboard-sec h3.head-copy{
             font-size: 34px;
             line-height: 38px;
             margin-bottom: 28px;
             margin-top: 25px;

        }
        .new-front-board .mob-fix-logo{
              background:#101010;
              height: 93px;
              padding-top: 25px;
              padding-left: 15px;
              box-shadow: 0px 20px 40px #97979747;
              border-bottom-left-radius: 10px;
              border-bottom-right-radius: 10px;
        }

        .new-front-board .corporate-header .topbar{
           top:93px;
        }

        .new-front-board .corporate-header{
           height: 135px;
        }

        .new-front-board .primnav .mob-fix-logo{
          padding-left: 0;
        }

        .new-front-board input.hamburger{
            background: url(../images/menu-bttn.svg) no-repeat 5px;
            border: none;
            top: 28px;
            right: 25px;
        }

        .front-dashboard-sec .table.dataTable{
             margin-top: 0!important;
        }

        .front-dashboard-sec .table.dataTable td {
            padding: 12px 15px !important;
        }

        .front-dashboard-sec .table.dataTable td span{
            line-height: 12px;
            display: block;
        }

        .front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td:last-child, .front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td:last-child{
            text-align: center;
            border-bottom: 1px solid #F1EBE6!important;
           border-bottom-left-radius: 5px;
           border-bottom-right-radius: 5px;
           padding-bottom: 15px!important;
           padding: 14px 40px!important;
        }

        .front-dashboard-sec table{
            border-spacing: 0 6px;
        }


        .front-dashboard-sec .table.dataTable td{
           display: block;
        }


        .front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td, 
        .front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td{
            border: 1px solid #F1EBE6!important;
            border-bottom: none!important;
            border-top: none!important;
        }

        .front-dashboard-sec table.dataTable.table-striped>tbody>tr.odd> td:first-child,
        .front-dashboard-sec table.dataTable.table-striped>tbody>tr.even> td:first-child{
            border-top: 1px solid #F1EBE6!important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding-top: 22px!important;

       }


        
        .select-zone{
            display: block;
            max-width: 250px;
            margin: 0px auto;
          }
          .select-zone select{
            height: 45px;
          }

          .listing-tab-sec .nav-tabs{
            display: none;
          }

        .conf-agreement-page {
            width: 90%;
        }

        .conf-agree-container {
            padding: 35px 45px 25px 45px;
        }
    }


    @media (max-width: 1200px) and (min-width:767px)  {
        .front-dashboard-sec .table.dataTable td {
            padding: 14px 20px !important;
        }
    }

    @media (max-width: 1023px) and (min-width:767px)  {
        .front-dash-main-bx {
            margin-bottom: 30px;
            padding: 0;
            width: 100%;
            max-width: 385px;
            margin: 0px auto;
            margin-bottom: 30px;
        }
    }


    /* new-risk-css */

    .risk-box{
        border-radius: 20px;
        background: #B79662 url(../images/risk-prof-box-bg.png) no-repeat center bottom; 
        text-align: center; 
  
        padding: 28px;
        background-size: 100%;
        height: 100%;
        box-shadow: 0px 10px 30px #745A3166;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .risk-box-main:nth-child(even) .risk-box{
        background: #000000 url(../images/risk-prof-box-bg.png) no-repeat center bottom; 
    }

    .risk-box .icons{
        width: 40px;
        display: inline-block;
        margin-bottom: 30px;
    }

    .risk-box h3{
     font-size: 14px;
     line-height: 18px;
     color: #FFF;
     margin: 0 0 10px 0;
     padding: 0;
     min-height: 40px;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     max-width: 180px;
     margin-left:auto;
     margin-right: auto;
    }

    .risk-box h2{
        color: #FFF;
        font-size: 24px;
        line-height: 28px;
        margin: 0;
        padding: 0;
    }

    .profile-set-box h4{
        text-align: left;
    }

    .profile-set-box .heading-devider{
        margin-bottom: 30px;
    }

    .profile-set-box h5{
        margin-bottom:15px;
    }

    .profile-set-box .heading-devider .step-progress{
       position: absolute;
       left: 0;
       top: -2px;
       background: #B79662;
       height: 4px;
       transition: 0.5s ease;
    }

    .profile-set-box .heading-devider::after{
      display: none;
    }

     .user-section .form-group select{
        background: url(../images/select-arrow-new.svg) no-repeat right 30px center;
      }

      .admin-content-sec .card.profile-set-box .bttn{
         min-width: 160px;
      }

    .step-button-sec{
        display: flex;
       justify-content: space-between;
      }

      .step-button-sec .bttn{
        font-size: 14px;
    height: 40px;
    padding: 8px 20px;
      }
      

      .step-button-sec .bttn.brdr-button{
        border: 1px solid #B79662;
        background: none;
        color: #B79662!important;
        font-size: 14px;
        height: 40px;
        padding: 8px 20px;
        min-width: 160px;
        border-radius: 8px;
      } 

      .step-button-sec .bttn.brdr-button:hover{
        color: #000!important;
      }

      .risk-value-box{
        background: #F9EDD9;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        box-shadow: none;
      }

      .risk-value-box ul{
        padding-left: 10px;
        padding-right: 10px;
      }

      .risk-value-box ul li{
        border-bottom: 1px solid #E2CFB0;
        padding-bottom: 15px;
        padding-top: 15px;
      }

      .up-file-icon img{
        width: 24px;
      }

      .risk-value-box ul li:last-child{

       border: none;
      }

      .risk-value-box h5{
        text-align: center;
        margin-bottom: 20px;
        font-weight: 600;
        color: #000000;
      }
      .risk-value-box .heading-devider{
        margin: 0 -10px;
        margin-bottom: 20px;
      }

      .risk-value-box .heading-devider::after{
        display: none;
      }

      .risk-value-list li{
        font-size: 13px;
      }

      .risk-value-list li,
      .risk-total{
      display: flex;
      justify-content: space-between;
      }

      .risk-value-list li .score{
        font-weight: 600;
        width: 50%;
       text-align: right;
      }

      span.title-disc{
        width: 50%;
      }

      .risk-total{
        background: #B79662;
        padding: 14px 14px;
        border-radius: 16px;
        margin-top: 30px;
        box-shadow: 0px 10px 20px #B7966299;
      }

      .risk-total span{
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
      }

      .profile-set-box .form-group ::-webkit-file-upload-button{
    background: #B79662;
    border: none;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    margin-right: 20px;
      }

      .profile-set-box .form-group label{
        font-size: 14px;
      }

      .file-upload-main span{
        font-size: 14px;
      }

      .file-upload-main{
        border: 1px solid #E8DED1;
        width: 100%;
        padding: 7px;
      }

      .file-upload-main input{
        font-size: 14px;
      }

      .upload-listed ul{
         
      }

      .upload-listed.top_rec ul li{
        padding-bottom: 0;
      }

      .upload-listed ul li{
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px;
      }

      .upload-listed .up-file-icon i{
        font-style: normal;
        margin-left: 10px;
        font-size: 12px;
        color: #000000;
      }

      .delete-file-upload{
        cursor: pointer;
      }

      .delete-file-upload:hover{
        opacity: 0.7;
      }

      .admin-content-sec .user-section .form-group textarea.form-control{
        height: 200px;
        color: #000000;
      }

      .admin-content-sec .user-section .form-group .form-control::placeholder{
        color: #000000!important;
      }

      .answer-box{
        margin-bottom: 20px;
      }


      .answer-box.sactionedInputs{
        margin-bottom: 40px;
      }

      .answer-box input[type="radio"]{
       accent-color: #B79662;
      
      }

      .answer-box label{
        font-size: 14px;
        margin-right: 50px;
      }


      .answer-note-sec textarea{
        width: 100%;
        height: 100px;
        resize: none;
        padding: 10px;
        margin-top: 10px;
      }
      textarea{
        border: 1px solid #E8DED1;
        border-radius: 4px;
        font-size: 14px;

      }

      textarea:focus{
        outline: none;
      }

.select-activity{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.form-group.active   .form-control.select-activity{
    background: #FFF;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 1;
    position: relative;
}

.active .select-activity  i{
  transform: rotate(180deg);
}

.form-group.uae-group .select-activity-form,
.form-group.abrd-group .select-activity-form{
    position: relative;
    padding: 20px 20px 0 20px;
    border: 1px solid #E8DED1;
    border-top: 0;
}

.admin-content-sec .user-section .form-group.uae-group .form-control,
.admin-content-sec .user-section .form-group.abrd-group .form-control{
    margin-bottom: -2px!important;
}


.activity-lisitng{
    display: none;
    position: absolute;
    left: 0;
    top: 38px;
    width: 100%;
    background: #FFF;
    padding: 25px;
    border: 1px solid #E8DED1;
    border-top: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
    box-shadow: 0px 10px 30px #00000042;
}

.active .activity-lisitng{
    display: block;
}

.activity-lisitng ul li{
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.activity-lisitng ul li:last-child{
    padding-bottom: 0;
}

.activity-lisitng ul li input{
    margin-right: 10px;
    width: 20px;
    height: 20px;
    accent-color: #B79662;

}

.selected-activities-main{
    padding: 5px 0 0 0;
}

.selected-activities{
    background: #F9EDD9;
    border-radius: 5px;
    color: #000000;
    font-size: 14px;
    display: flex;
    padding: 2px 6px;
    display: inline-block;
    margin: 5px 0;
}

.selected-activities i{
    cursor: pointer;
    margin-left: 3px;

}

.selected-activities i:hover{
    opacity: 0.3;
}

.form-group textarea{
    color: #000000;
    width: 100%;
    height: 150px;
    resize: none;
    padding: 8px 20px;
}

.form-group textarea::placeholder{
    color: #000000;
    opacity: 1;
    
}



.activity-lisitng ul li label{
    margin-bottom: 0!important;
}
      @media (min-width: 1025px)   {

      .answer-note-sec{
        padding-left: 100px;
      }

      .answer-note-sec textarea{
        min-width: 330px;
        width: auto;
      }

    }

    .answer-note-sec{
        display: flex;
        max-width: 330px;
        flex-direction: column;
    }

    .front-dashboard-sec .profile-view-sec table tr{
        box-shadow: none;
    }


    @media (max-width: 767px){
        .profile-view-sec .step-button-sec button:last-child {
            margin-bottom: 14px;
            padding-top: 10px;
            min-width: 160px;
        }
    }

 

    .profile-view-sec table{
        width: 100%;
    }

    .profile-view-sec table td{
        font-size: 14px;
        padding: 15px 10px;
        width: 50%;
        vertical-align: top;
    }
    
    .profile-view-sec table td:last-child{
        color: #B79662;
        font-weight: 500;
    }
    .profile-view-list{
        box-shadow: 0px 5px 5px #B7966233;
        border: 1px solid #F1EBE6;
        margin-bottom: 5px;
        padding: 40px 30px;
        border-radius: 5px;
        background: #FFF;
    }

    .step-button-sec{
      margin: 30px 0;
    }

    @media (max-width: 1025px)   {
        
        .risk-box-main{
          margin-bottom: 25px;
        }
    }

    @media (max-width: 767px)   {

        .profile-view-list{
           padding: 10px;
        }

        .dummy-label{
            display: none;
        }
     .step-button-sec{
         flex-direction: column;
    }

     .step-button-sec button{
        margin-bottom: 20px;
    }

     .step-button-sec button:last-child{
        margin-bottom: 0;
    }

    .profile-set-box .form-group ::-webkit-file-upload-button,
    .file-upload-main input{
        font-size: 12px;
    }

    .upload-listed .up-file-icon i{
 
        font-size: 11px;
   
      }
}

.upload-listed.top_rec{
    margin-top: 15px;
}

table.table-bordered.dataTable td{
    position: relative;
}

.low-risk, .high-risk, .medium-risk{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.medium-risk{
    background: #B79662;
    color: #fff; 
}

.high-risk{
  background: #000000;  
  color: #fff;   
}

.low-risk{
    background: #F9EDD9;
    color: #000000;
}

.status_incomplete,
.status_updated,
.status_kyc-update{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

.status_incomplete{
    background: #FF4D4D;
}

.status_updated{
    background: #2DC36A;
}

.status_kyc-update{
    background: #FFDF00;
}

#debug-icon{
bottom: 80px!important;
}


body table.dataTable thead>tr>th.sorting:before, 
body  table.dataTable thead>tr>th.sorting:after, 
body  table.dataTable thead>tr>th.sorting_asc:before, 
body  table.dataTable thead>tr>th.sorting_asc:after, 
body  table.dataTable thead>tr>th.sorting_desc:before, 
body  table.dataTable thead>tr>th.sorting_desc:after, 
body  table.dataTable thead>tr>th.sorting_asc_disabled:before, 
body  table.dataTable thead>tr>th.sorting_asc_disabled:after, 
body  table.dataTable thead>tr>th.sorting_desc_disabled:before, 
body  table.dataTable thead>tr>th.sorting_desc_disabled:after, 
body  table.dataTable thead>tr>td.sorting:before, 
body  table.dataTable thead>tr>td.sorting:after, 
body  table.dataTable thead>tr>td.sorting_asc:before, 
body  table.dataTable thead>tr>td.sorting_asc:after, 
body  table.dataTable thead>tr>td.sorting_desc:before, 
body  table.dataTable thead>tr>td.sorting_desc:after, 
body  table.dataTable thead>tr>td.sorting_asc_disabled:before, 
body  table.dataTable thead>tr>td.sorting_asc_disabled:after, 
body  table.dataTable thead>tr>td.sorting_desc_disabled:before, 
body  table.dataTable thead>tr>td.sorting_desc_disabled:after{
    right: 2px;
}


@media (max-width: 1450px)   {
    .risk-box{
        background-size: 249px!important;
    }
}

@media (min-width: 1600px)   {

    .risk-box{
        padding: 47px 47px 36px 47px;
    }
    .risk-box .icons{
        width: 58px;
    }

    .risk-box h3{
        font-size: 16px;
    line-height: 20px;
    }
    .risk-box h2{
        font-size: 28px;
        line-height: 36px;
    }
}



.dashboard-add-link{
    margin-top: 35px;
}

.dashboard-add-link .orange-box{
    margin-bottom: 0;
}