/* global start */
body.rtl {
  direction: rtl;
 text-align: right;
}
@font-face {
 font-family: 'icons';
 src: url("fonts/icomoon.eot");
 src: url("fonts/icomoon.ttf") format("truetype");
 src: url("fonts/icomoon.svg") format("truetype");
 src: url("fonts/icomoon.woff") format("truetype");
 font-weight: 400;
 font-style: normal;
}
/* global End */
/* IconsStart */

 .PlusIcon:before{
   content: "\e900";
   font-family: "icons";
   }
.download:before{
 content: "\e901";
 font-family: "icons";
 }
.checkMark:before{
 content: "\e902";
 font-family: "icons";
 color: #808080;
 margin: 0px 5px ;

 }
 .questionMark:before{
 content: "\e903";
   font-family: "icons";
   font-size: 10px;
   position: relative;
   bottom: 3px;
   right: 0px;    }
.userIcon:before{
 content: "\e904";
 font-family: "icons";
 font-size: 45px;

 }
/* IconsEnd */
/* loginSectin Start*/
.login.background{
 background-image: url(../../../assets/img/background.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #25b8ec;
   font-weight: bolder;
}
.login form{
 width: 400px;
   background: #fff;
   padding: 50px 25px;
   border-radius: 25px;
}
.login form input.form-control{
    border: 1px solid #25b8ec;
   border-radius: 10px;
}
/* .login input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
 background-color: transparent;
} */
.login .Buttons {
 margin: 35px 0px;
}
.login .Buttons button:last-child{
 float: right;
}
.login .Buttons button{
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 background: #25b8ec;
 color: #fff;
 border-width: 0px;
 padding: 2px 20px;
}
.login a {
 font-weight: 500;
 cursor: pointer;
}
/* loginSectin End */
/* StatusSection Start */
.stat{
margin: 20px 0px;
}
.stat .col{
 border: 2px solid #25b8ec;
 color: #25b8ec;
 margin: 0px 5px;
 text-align: center;
 border-radius: 5px;
 padding: 3px 0px;
}
.stat .col.active{
 color: #fff;
 background-color: #25b8ec;
}
/* StatusSection End */
/* bodyOfContainer Start */
.containerBody{
 margin: 0px 100px;
 border-radius: 40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 -ms-border-radius: 40px;
 -o-border-radius: 40px;
 text-align: center;
 margin-bottom: 20px;
 padding: 0px !important;
 position: relative;
 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 5%);
}
.containerBody .title{
 display: inline-block;
 background: #25b8ec;
 color: #fff;
 border-top-right-radius: 50px;
 border-bottom-left-radius: 50px;
 padding: 0px 50px;
 margin: 20px 0px;
}

.containerBody .circle{
 position: absolute;
 bottom: 0;
 right: 0;
}
.containerBody .circle .first{
 height: 120px;
 width: 120px;
 line-height: 75px;
 text-align: center;
 background: #25b8ec;
 border-top-left-radius: 100%;
 border-bottom-right-radius: 40px;
}
.containerBody .circle .first:before {
 content: '';
 display: inline-block;
 width: 90px;
 height: 90px;
 border-top-left-radius: 100%;
 background-color: #fff;
 position: relative;
 top: 30px;
 left: 15px;
 border-bottom-right-radius: 40px;

}
.containerBody .circle .second{
 height: 70px;
 width: 70px;
 line-height: 75px;
 text-align: center;
 background: #8b8b8b;
 border-top-left-radius: 100%;
 position: relative;
 bottom: 72px;
 left: 50px;
 border-bottom-right-radius: 40px;

}
.containerBody .circle .second:before {
 content: '';
 display: inline-block;
 width: 50px;
 height: 50px;
 border-top-left-radius: 100%;
 background-color: #fff;
 position: relative;
 top: 20px;
 left: 11px;
 border-bottom-right-radius: 40px;
}
.active{
 color: #25b8ec;
}
.active td a{
 color: #25b8ec !important;
}
.active td button {
 background: #25b8ec !important; }
/* bodyOfContainer End */
/* CreateProfile Start */
.createProfile{
 padding: 20px 0px;
}
.createProfile form {
  color: #25b8ec;
  padding-bottom: 20px;
}
.createProfile form input.form-control{
border: 1px solid #25b8ec;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
/* .createProfile input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
background-color: transparent;
} */
.createProfile .form-row{
 display: flex;
   justify-content: space-around;
}
.createProfile .form-row .form-group{
 text-align: initial;
 margin: 10px;

}
.createProfile .Buttons button{
 background: #25b8ec;
 color: #fff;
 border-top-right-radius: 50px;
 border-bottom-left-radius: 50px;
 padding: 5px 60px;
 margin: 20px 0px;
 border-width: 0px;
}
/* CreateProfile End */
/* SelectProgram Start */
.selectProgramer{
 padding: 20px 0px;

}
.selectProgramer .containerBody{
 padding: 1px 0px !important;
}
.selectProgramer .title{
 display: block;
 padding: 0px 50px;
   margin: 20px 30px;
}
.selectProgramer .description ul{
 background-color: #25b8ec;
 border-radius: 15px;
 border: 0px solid transparent;
 text-align: initial;
 box-shadow: 0 4px 8px 0 rgb(37 184 255 / 10%), 0 6px 20px 0 rgb(37 184 255 / 10%);

}
.selectProgramer .containerBody .row{
 padding: 20px;

}
.selectProgramer .description ul li{
 color: #fff;
 /* padding-top: 15px; */
 /* padding-bottom: 15px; */
 background-color: transparent;
 border: 0px solid transparent;
 border-bottom: 1px solid #fff;
 /* font-size: 15px; */
 padding: 20px;
}
.selectProgramer .description ul li:first-child{
 padding: 50px 20px 30px 20px;
}
.selectProgramer .description ul li:last-child{
 border-bottom: 0px solid #fff;
 padding: 30px 20px;

}
.selectProgramer .proposal{
 background: #fff;
 box-shadow: 0 4px 8px 0 rgb(37 184 255 / 10%), 0 6px 20px 0 rgb(37 184 255 / 10%);
 border-radius: 15px;
 margin: 0px 20px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -ms-border-radius: 15px;
 -o-border-radius: 15px;
}
.selectProgramer .Buttons button{
 background: #25b8ec;
 color: #fff;
 border-top-right-radius: 50px;
 border-bottom-left-radius: 50px;
 padding: 5px 60px;
 margin: 20px 0px;
 border-width: 0px;
}
.selectProgramer .desc{
 margin:35px 0px;
 text-align: center;
 text-align: -webkit-center;

}
.selectProgramer .form-group{
   margin-bottom: 2rem;
   margin-top: 47px;
}
.selectProgramer .custom-select{
 border: 1px solid #25b8ec;
 /* background: #fff url(fill="#25b8ec"); */
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='rgb(37,184,236)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
}
.selectProgramer .custom-select:after{
 color: #25b8ec;
}
.selectProgramer .description ul li:nth-last-child(2){
 padding: 30px 20px;

}
.selectProgramer .downloadSection p{
 display: inline-block;
}

.selectProgramer .downloadSection a{
  text-decoration: none;
 color: #236edb !important;
 font-weight: 500;
}
.selectProgramer .downloadSection{
 padding: 0px 20px;
 text-align: initial;
}
/* SelectProgram End */
/* Profile Start */
.prfole{
 padding: 20px 0px;

}
.prfole .containerBody{
 padding: 1px 0px !important;
}
.prfole .title{
 display: block;
 padding: 0px 50px;
   margin: 20px 30px;
}
.prfole .profileName{
 margin-bottom: 30px;

}
.prfole .img{
 display: inline-block;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background: #25b8ec;
   text-align: center;
   color: #fff;
   position: relative;
   top: 10px;
   left: 22px;
}
.prfole .userName{
 padding: 8px 43px;
 color: #fff;
 font-weight: 500;
 font-size: 20px;
   display: inline-block;
   background: #25b8ec;
   /* padding: 15px 43px; */
}
.prfole .logout{
 float: right;
}
.prfole .tableStructure {
 padding: 0px 20px 0px 20px;
}
.prfole .table thead{
  background: #fff;
 box-shadow: 0 4px 8px 0 rgb(37 184 255 / 10%), 0 6px 20px 0 rgb(37 184 255 / 10%);
 border-radius: 10px !important;
 width: 100%;
 height: 100%;
 margin-bottom: 22px;
 color: #25b8ec;
}
.prfole .table tbody{
 color: #8b8b8b;
 font-weight: 500;

}
.prfole .table td button{
 background: #808080;
   border-width: inherit;
   border-radius: 5px;
   color: #fff;
   padding: 0px 5px;
}
.prfole .table td a{
 margin: 10px;
 font-weight: bold;
 font-size: 20px;
 color: #808080;
}

.prfole .table{
 border-radius: 10px;

}

.prfole .new {
 text-align: initial;
 margin: 25px;
 margin-bottom: 100px;

}
.prfole .new button{
 border-radius: 5px;
 border-width: inherit;
 background: #70ca34;
 color: #fff;
 font-weight: 500;
 padding: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border: 0px;
}
.prfole table thead tr th{
 padding: 10px;
}
tbody:before {
 /* This doesn't work because of border-collapse */
 line-height:1em;
 content:"_";
 color:white;
 display:block;
}
/* Background colors defined on table cells */
th         { background-color: #fff; }
tr { background-color: #fff !important;
 box-shadow: 0 4px 8px 0 rgb(37 184 255 / 10%), 0 6px 20px 0 rgb(37 184 255 / 10%);
}


thead th:first-child
{
 border-radius: 15px 0 0 0;
 -moz-border-radius: 15px 0 0 0;
 -webkit-border-radius: 15px 0 0 0;
 -ms-border-radius: 15px 0 0 0;
 -o-border-radius: 15px 0 0 0;
}

thead th:last-child {
border-top-right-radius: 15px;
}
tbody tr:last-child th:first-child{
 border-bottom-left-radius: 15px;
}
tbody tr:last-child td:last-child{
 border-bottom-right-radius: 15px;
}
tbody tr:last-child {
 border-bottom-right-radius: 15px;
 border-bottom-left-radius: 15px;
}


/* Profile End */
/* modal Start*/
.modal-body p{
 margin-bottom: 0px;
font-weight: 600;
}
.modal-content{
 border-radius: 30px !important;
 color: #fff;
 background-color: #25B8EE !important;
 text-align: center;
 -webkit-border-radius: 30px !important;
 -moz-border-radius: 30px !important;
 -ms-border-radius: 30px !important;
 -o-border-radius: 30px !important;
}
.modal-body p{
 font-size: 20px;
}
.desc h6:first-child{
 color: #808080;
 border-bottom: 2px solid #808080;
 display: inline-block;

}
.desc h6{
 color: #25b8ec;
}
.modal-footer button{
 background-color: #fff;
 color: #25B8EE;
}
.modal-footer{
 padding-top: 0px !important;
 border: 0px;
 justify-content: center !important;
    border-top: 0px solid #dee2e6 !important;
}
.btn{
  border: 0px solid transparent !important;
}
.modal-body{
  padding: 1rem 2rem !important;
}
/* modal End*/

/* rtl Start */
.rtl .login .Buttons button:last-child{
 float: left;

}
/* rtl End */
@media (min-width:1343px) {
 .selectProgramer .description ul li{
   padding: 20px 10px;
   font-size: 15px;
 }
 .selectProgramer .desc {
   margin: 22px 0px;}
   .selectProgramer .description ul li:first-child {
     padding: 50px 20px 30px 20px;
   }
 }
 @media (max-width:1343px) {

   .selectProgramer .containerBody {
     margin: 0px 20px;
   }

 }
 @media (max-width:1194px) {
   .selectProgramer .description ul li{
     font-size: 13px;
     padding: 20px 10px;
 }
 .selectProgramer .description ul li:nth-last-child(2) {
   padding: 30px 10px !important;
}
 .selectProgramer .desc {
   margin: 35px 0px 20px 0px;
 }
 .selectProgramer .form-group{
   margin-top: 20px;
 }
 .description{
   padding: 2px !important;

 }
 }

 @media (max-width:992px) {
   .selectProgramer .form-group {
     margin-top: 35px;
 }
 .selectProgramer .description ul li:nth-last-child(2){
       padding: 18px 10px !important;
}
.selectProgramer .desc {
 margin: 21px 0px 0px 0px;
}
.selectProgramer .description ul li {
 font-size: 12px;
}
 }
 @media (max-width:768px) {
 .containerBody {
   margin: 0px 10px;
 }
   .createProfile form {
      padding-bottom: 55px;
 }
 }

@media (max-width:640px) {
 .login form {

   padding: 30px 25px;
}
.title h3{
 font-size: 20px;
}

}
@media (max-width:587px) {
 .prfole .tableStructure {
   padding: 0px 0px 0px 0px !important;

}
.prfole .table td button{
 font-size: 12px;
}
.prfole .table td a{
 font-size: 14px;
}
.prfole .new button{
 font-size: 12px;
}
}
@media (max-width:400px) {
 .login form {
   width: 320px;
 }
 .prfole .table {
   font-size: 12px;
   display: block;
 }
 .prfole .userName {
   padding: 8px 35px;
   font-size: 15px;}
   .title h3 {
     font-size: 16px;
   }
 }

 @media (max-width:400px) {
   .login form {
     width: 290px;
 }
 }