@font-face {
   font-family: IRANSans;
   src: url('../font/IRANSansWeb_Light.ttf');
}

* {font-family: IRANSans !important;}
ul {margin: 0;padding: 0;}
.vpd-month-label {left: 40px;right: 40px;width: 105px;}

.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    text-decoration: none;
}

/******************************************/
/************** registre_form cart device */
/******************************************/
        /*header*/
        div#dashboard{
            background: #eceae6;
            padding-bottom: 50px;    
        }
        .holder{
          position:relative;
          width:100%;
          display:flex;
          height:200px;
          justify-content:center;
          align-items:center;
          flex-direction:column;
          overflow:hidden;
        }
        .holder:before{
            content: '';
            position: absolute;
            top: 5px;
            left: 0px;
            height: 100%;
            width: 100%;
            background: #feda90;
            border-radius: 0 0 50% 50%/0 0 100% 100%;
            transform: scaleX(1.7);
        }
        .holder:after {
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            background: #181f39;
            border-radius: 0 0 50% 50%/0 0 100% 100%;
            transform: scaleX(1.7);
        }
        .heading {
            font-size: 40px;
            font-weight: 600;
            margin: 5px;
            z-index: 1;
            width: 100%;
            color: #ffffff;
            text-align: center;
        }
        .tagline,.tagline a {
            z-index: 1;
            font-size: 15px;
            font-weight: 200;
            width: 100%;
            color: #feda90;
            text-align: center;
            text-decoration:none;
        }
        
        .information {display: flex;flex-direction: row;align-items: center;gap: 30px;margin: 50px auto;justify-content: center;}
        .information_box {border-radius: 20px;padding: 20px;width: 350px;display: flex;gap: 40px;box-shadow: 1px 2px 10px #c0c0c0;}
        .information_box.yellow{background: #feda90;}
        .information_box.peach{background: #fda597;}
        .information_number{
             width: 50px;
            margin: 0px 0px 0px 0px;
            border-style: solid;
            border-width: 1px 1px 1px 1px;
            border-color: #ffffff;
            border-radius: 50% 50% 50% 50%;
            height: 50px;
            color: #181f39;
            font-size: 25px;
            line-height: 50px;
            letter-spacing: 1.5px;
            text-align: center;
            background: #fff;
            /*font-weight: 600; */
            font-family: fantasy !important;
        }
        .yellow .information_number{color: #feda90;}
        .peach .information_number{color: #fda597;}
        .information_text {width: 210px;}
        .information_text label {font-size: 26px;font-weight: 600;color: #fff;display: block;letter-spacing: 2px;}
        .information_text a {display: block;color: #4b5889;font-size: 18px;line-height: 32px;transition: all 300ms;font-weight: 600;}
        .information_text a:hover {text-decoration: none;padding-right: 10px;}
        
        
        
        /* registre_form */
        /*header*/

        /* form */
        
        .vpd-input-group {
            display: table;
            width: 100%;
            position: relative;
        }
        label.vpd-icon-btn {width: 40px;}
        
        .vpd-input-group input{width:100%;}
    
        .uk-form-row+.uk-form-row {
            margin-top: 15px;
        }
        .uk-form input:not([type=radio]):not([type=checkbox]), .uk-form select {
            vertical-align: middle;
        }
        .uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form input[type=datetime-local], .uk-form input[type=date], .uk-form input[type=month], .uk-form input[type=time], .uk-form input[type=week], .uk-form input[type=color], .uk-form select, .uk-form textarea {
            height: 30px;
            max-width: 100%;
            padding: 4px 6px;
            border: 1px solid #E5E5E5;
            background: #fff;
            color: #666;
            -webkit-transition: all .2s linear;
            -webkit-transition-property: border,background,color,box-shadow,padding;
            transition: all .2s linear;
            transition-property: border,background,color,box-shadow,padding;
            border-radius: 4px;
        }
        .uk-modal-footer {margin-top: 15px;}
        .result {margin-top: 20px;background: #f1f1f1;border-radius: 15px;padding: 20px;}
        .result p {font-size: 14px;}
        .result p span {font-size: 16px;font-weight: 600;padding: 0 10px;letter-spacing: 1.6px;}
        .uk-button-peach {background-color: #fda597;color: #fff;border: 1px solid transparent;}
        .uk-button-yellow {background-color: #feda90;color: #fff;border: 1px solid transparent;}
        .uk-button-yellow:hover {background-color: #f0cd87;color: #fff;}
        .uk-button-peach:hover {background-color: #ee9586;color: #fff;}
        
        .name {
          width: 100%;
          margin: 20px auto 0px auto;
          overflow: hidden;
          text-align: right;
          font-size:14px;
          font-weight:300;
          color: #fda597;
        }
        .name:after {
          content: "";
          display: inline-block;
          width: 50%;
          margin: 0px 10px 0px 0px;
          vertical-align: middle;
          border-bottom: 1px solid #fda597;
        }

        /*.aux-the-shape.shape1 {*/
        /*    width: 100%;*/
        /*    padding-bottom: calc( 0.63 * 100% );*/
        /*    background-color: #14e2a4;*/
        /*    border-radius: 50%;*/
        /*    max-width: inherit;*/
        /*}*/
        
        /*.aux-the-shape.shape2 {*/
        /*    width: 100%;*/
        /*    padding-bottom: calc( 0.63 * 100% );*/
        /*    background-color: #238165;*/
        /*    border-radius: 50%;*/
        /*    max-width: inherit;*/
        /*}*/
        
        /*.aux-the-shape.shape3 {*/
        /*    width: 100%;*/
        /*    padding-bottom: calc( 0.63 * 100% );*/
        /*    background-color: #3fa184;*/
        /*    border-radius: 50%;*/
        /*    max-width: inherit;*/
        /*}*/
        
        div#List_entries {
            padding: 0px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            overflow: hidden;
        }
        
        .aux-widget-container-inner {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .register_form{
            background: #fff;
            width: 600px;
            border-radius: 15px;
            padding: 20px;
            padding-top: 150px;
            box-shadow: 1px 2px 10px #c0c0c0;
        }
        .circle1{
            z-index: 2;
            position: absolute;
            top: -84%;
            left: 0px;
            height: 100%;
            width: 100%;
            background: #fda597;
            border-radius: 0 0 50% 50%/0 0 100% 100%;
            transform: scaleX(1);
        }
        .circle2{
            z-index: 3;
            position: absolute;
            top: -87%;
            left: 0px;
            height: 100%;
            width: 100%;
            background: #feda90;
            border-radius: 0 0 50% 50%/0 0 100% 100%;
            transform: scaleX(1);
        }
        .circle3{
            z-index: 4;
            position: absolute;
            top: -89%;
            left: 0px;
            height: 100%;
            width: 100%;
            background: #181f39;
            border-radius: 0 0 50% 50%/0 0 100% 100%;
            transform: scaleX(1);
        }
        .register{
            z-index: 3;
            display: flex;
            justify-content: space-between;
            align-content: flex-end;
            width: 100%;
        }
        .title_circle{
            z-index: 4;
            position: absolute;
            top: 22px;
            left: 0px;
            font-size: 31px;
            font-weight: 600;
            margin: 5px;
            width: 100%;
            color: #ffffff;
            text-align: center;
        }