#generate-resume-loader{
    position: relative;
    top:3px;
    display: none;
}
#generate-resume-loader img{
    width:20px;
    
}
#login-loader,#register-loader{
    display: none;
}
.loader-icon{
    float: right;
}
.loader-icon img{
    width:20px;
    height: 20px;
    margin-top:10px;
    margin-right: 10%;
}
.auth-main-container-btn{
    width:100%;
    display: inline-block;
}
.register-btn{
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) ;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) ;
    -ms-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) ;;
    -o-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) ;
    
}
.login-btn{
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) inset;
    -ms-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) inset;
    -o-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4) inset;
}
.change-auth-btn{
    background-color: white;
    padding:3px 3px 3px 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin:5px;
    width:100px;
    text-align: center;
    float:left;
    cursor: pointer;
}
#registration-form{
    display: none;
}
#registration-form,#login-form{
    width:100%;
    
    padding-right: 10px;
    border-radius: 10px;
   
}
.login-authentication-sub-container{
    float: right;
    margin-right:10px;
    width:300px;
    background-color: white;
    padding:10px 10px 10px 10px;
    box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
   }

.authentication-form-pop-container .register-div{
padding:4px;
cursor: pointer;
}
.authentication-form-pop-container .input-field{
    margin:4px;
}
.authentication-form-pop-container button{
    padding:2px;
    width:100px;
    margin-left:30%;
    background-color: green;
    color:white;
    font-size:14px;
    margin-top:10px;
    border-radius: 4px;
}
.authentication-form-pop-container
{ position:fixed;
   width:100%;
   height: 100%;
   z-index: 200;
   background-color: rgba(0,0,0,0.1);
   top:0px;
   padding-top:80px;
   display:none;

   }

   .login-authentication-sub-container select,.login-authentication-sub-container input[type=text],.login-authentication-sub-container input[type=email],.login-authentication-sub-container input[type=password],.login-authentication-sub-container input[type=number]{
    padding:5px;
    width: 95%;
   
   }
   @media screen and (min-width:150px) and (max-width:500px){
    .authentication-form-pop-container
{ position:fixed;
   width:100%;
   height: 100%;
   z-index: 200;
   background-color: rgba(0,0,0,0.1);
   top:0px;
   padding-top:60px;

   }
    .login-authentication-sub-container{
    float: right;
    margin-right:10%;
    width:80%;
    background-color: white;
    padding:10px 10px 10px 10px;
    box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 5px 1px  rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
   }


   }
 
.resume-container{

    display: inline-block;
    margin-top:50px;
    width: 100%;
   
}
.resume-container .welcome-message-container{
    text-align: center;
}
.resume-container .welcome-message-container .Hello-name{
    font-size:80px;
    text-align: left;
}
.resume-container .welcome-message-container p{
    font-size:19px;
}
.resume-menu-container{
    display: inline-block;
    width:100%;
}
.resume-sub-container{
 float: left;
 display: inline-block;
 width:25%;

}
.resume-sub-container span{
    position: relative;
    top:5px;
}
.resume-menu-sub-empty{
    float: left;
    width:75%;
    background-image:url(/static/images/bg/bg.jpg);
    height: 30px;
}
.resume-sub-container a{
    text-decoration: none;
    color:black
}
.resume-menu-subconatiner{
    border-top:solid;
    float: left;
    width: 49%;
    text-align: center;
    height: 28px;
    border-bottom: solid;
    border-color: black;
}
.resume-left{
    border-left:solid;
    border-left-width: 5%;
    border-right:solid;
    border-width: 1px;
    border-color: black;
}
.resume-right{
    border-left:solid;
    border-width:1px;
    border-right:solid;
    border-right-width: 5%;
    border-color: black;
}
.resume-active{
    border-bottom: none;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2) inset ;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2) inset ;
    -o-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2) inset ;
    -ms-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.2) inset ;

}
.cv-conainter{
    margin-top:30px;
    display: inline-block;
    width:80%;
    margin-left:10%;

}
.cv-header-container{
    background-color: skyblue;
    width:100%;
    height: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.Enter-your-full-name{
    padding-top:50px;
    padding-left:20px;
}
.Enter-your-full-name input{
    border:none;
    padding:10px;
    font-size: 25px;
    
    width:70%;
}

.Enter-your-profession{
    padding-top:10px;
    padding-left:20px;

}
.Enter-your-profession input {
    font-size:20px;
    border:none;
    padding:10px;
    width:40%;
    font-weight: lighter;
}
.cv-main-container{
    width: 100%;
    min-height: 500px;
    border-width: 1px;
    margin-bottom: 100px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 5px 1px rgba(158, 2, 158,0.2);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(158, 2, 158,0.2);
    -ms-box-shadow: 1px 1px 5px 1px rgba(158, 2, 158,0.2);
    -o-box-shadow: 1px 1px 5px 1px rgba(158, 2, 158,0.2);
    outline: none;
}
.resume-other-information-container{
    display: inline-block;
    width:95%;
    margin-top:40px;
    margin-left:2%;
}
.resume-subject-icon-con{
    display: inline-block;
    width:100%;
    border-color:rgba(0,0,0,0.2);
    padding: 0px;   

}
.resume-subject-icon{
    float: left;
    padding:10px 10px 10px 10px;
}
.resume-first-container{
    width:70%;
    display: inline-block;
    float: left;
}
.resume-subject{
    float: left;
    border-bottom: solid;
    width: 90%;
    border-width: 1px;
    border-color:rgba(0,0,0,0.2);
}
.resume-subject p{
    position: relative;
    font-size:25px;
    margin: 0px;
    padding-top:14px;
    margin-left:10px;
}
/*  style  experience*/
.experience_points,.text-container textarea,.experience-points textarea,.resume-section-second textarea,.added_point_container_ textarea{
    width: 100%;
    min-height: 50px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid skyblue;
    border-radius: 4px;
    background-color: white;
    font-size: 16px;
    resize:vertical;
    outline: none;
  }
  .resume-section-second{
    padding:10px;
  }
  .experience-name input{
    width:95%;
    border-top:none;
    border-left:none;
    border-right:none;
    padding:10px 10px 10px 10px;
    margin-bottom: 10px;

  }
  .experience-points{
    margin-top:10px;
  }
  .experience-info input,.experience-name input{
    padding:4px 4px 4px 4px;
    margin:2px;
  }
  .resume-subject-icon-project{
    width:auto;
    float: left;
    overflow: hidden;
  }
  .resume-subject-icon-project img{
    width:30px;
    height: 30px;
  }
  .project-container {
    padding-top:10px;
    padding-bottom:10px;
  }
  .project-container input{
    width:96%;
    padding:10px;

    border:solid;
    box-sizing: border-box;
    border: 2px solid skyblue;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;

  }
  .plus-icon-experience,.plus-icon-experience-point ,.plus-icon-add-projects,.plus-icon-add-education{
    float: right;
    padding:1px;
    margin-top:10px;
  }
  .plus-icon-experience img,.plus-icon-experience-point img,.plus-icon-add-projects  img,.plus-icon-add-education img{
   width:20px;
   height: 20px;
   cursor: pointer;
  }
  .resume-second-container{
    float: right;
    width:25%;
    min-height: 500px;
    border-left: solid;
    border-width: 1px;
    border-color:skyblue;
    display: inline-block;
  }
  .resume-subject-icon-con-second{
    display: inline-block;
    width: 100%;
  }
  .resume-subject-icon-second{
    float: left;
  }
  .resume-subject-second{
    float:left;
  }
  .resume-subject-second p{
    position: relative;
    margin-left:10px;
    font-size: 25px;
    margin-top:0px;
  }
  .text-container-contact{
    padding-top:10px;
    padding-left:2px;
  }
  .text-container-contact input{
    padding:3px 3px 3px 3px;
    width: 100%;
    border-color: skyblue;
    border-width: 1px;
  }
  .education-container {
    width:100%;
  }
  .education-container input{
    width:100px;
    margin:3px;
  }
  /* */
  .added_point_container_ textarea{
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid skyblue;
    border-radius: 4px;
    background-color: white;
    font-size: 16px;
    resize: none;
  }
    .x_btn_con{
        display: inline-block;
        padding:10px;
        width:100%;
        border-top: solid;
        border-color: rgba(0,0,0,0.2);
        border-width: 1px;
        padding-top:20px;
        margin-top:50px;
    }
    .cancel_project{
    
        float: right;
        border:none;
        background-color: transparent;
        color:red;
    }
    #notification-warning{
        width:70%;
        text-align: center;
        font-size: 12px;
        color:red;
        position: relative;
        clear: left;
        padding:10px;
        display: none;
    }
    .resume-btn-container {
        width:100%;
        text-align: center;
        padding-bottom: 50px;
        
    }
    .resume-btn-container  button{
        margin-top:30px;
        padding:10px 10px 10px 10px;
        background-color: skyblue;
        border-color: skyblue;
        font-size: 14px;
        color:purple;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;


    }
    .warning::-webkit-input-placeholder {
      color: red;
      font-size:12px;
      font-style: italic;
     }
    .cancel-button{
   float: right;
   background-color: transparent;
   color:red;
   border:none;
    }
    /* Template design*/
    .select-template-design{
        display: inline-block;
        width:80%;
        height: auto;
        margin-top:50px;
        margin-bottom: 30px;
        margin-left:10%;
       
       
    }
    .choicecontainer{
        width:30%;
        height: auto;
        float: left;
        margin:10px;
        box-shadow:  1px 1px 4px  1px  rgba(0,0,0,0.8);
        -webkit-box-shadow:  1px 1px 4px  1px  rgba(0,0,0,0.8);
        -o-box-shadow:  1px 1px 4px  1px  rgba(0,0,0,0.8);
        -ms-box-shadow:  1px 1px 4px  1px  rgba(0,0,0,0.8); 
        padding:2px 2px 2px 2px;
       border: solid;
       border-width: 1px;
       overflow: none;
       border-radius: 3px;
    }
    .choicecontainer img{
        width:100%;
        height: 400px;
       
        
    }
    .choicecontainer:hover{
        transform: scale(1.06); 
        cursor: pointer;
    }
    .choicecontainer img:hover{
        
    }
    .resume-name{
    width:100%;
    text-align: center;
    position: relative;
    top:-20px;
    font-size: 20px;
    }
    .lable{
        font-size: 40px;
        text-align: center;
        margin-bottom: 15px;
    }


@media screen and (min-width:150px) and (max-width:450px){
    .select-template-design{
        display: inline-block;
        width:80%;
        height: auto;
        margin-top:50px;
        margin-bottom: 30px;
        margin-left:10%;
       
       
    }
    .choicecontainer{
        width:100%;
    }
    .education-container input{
        width:80px;
    }
    .resume-first-container{
        width:100%;
        display: inline-block;
        float: left;
    }
    .text-container{
        width: 100%;
    }
    .resume-subject{
        width: 70%;
    }
    .resume-subject p{
        position: relative;
        font-size:18px;
    }
    .Enter-your-full-name input{
        padding:5px;
        font-size: 18px;
        
        width:90%;
    }
    .Enter-your-profession input {
        font-size:18px;
        padding:5px;
        width:90%;
    }
    .resume-second-container{
        float: right;
        width:90%;
        border-left: none;
        position: relative;
        left: -25px;
      }

      /*  end of resume*/
    .resume-container{
        margin-top:30px;
    }
    .resume-menu-subconatiner{
        width: 46%;
    }
    .resume-sub-container a{
        font-size:12px;
    }
    .resume-sub-container{
     width:30%;
    
    }
    .resume-sub-container span{
        position: relative;
        top:5px;
    }
    .resume-menu-sub-empty{
        float: left;
        width:70%;
        
        height: 30px;
    }
} 

@media screen and (min-width:450px) and (max-width:600px){
    .select-template-design{
        display: inline-block;
        width:80%;
        height: auto;
        margin-top:50px;
        margin-bottom: 30px;
        margin-left:10%;
       
       
    }
    .choicecontainer{
        width:100%;
    }
    .education-container input{
        width:100px;
    }
    .resume-first-container{
        width:100%;
        display: inline-block;
        float: left;
    }
    .text-container{
        width: 100%;
    }
    .resume-subject{
        width: 70%;
    }
    .resume-subject p{
        position: relative;
        font-size:18px;
    }
    .Enter-your-full-name input{
        padding:5px;
        font-size: 18px;
        
        width:90%;
    }
    .Enter-your-profession input {
        font-size:18px;
        padding:5px;
        width:90%;
    }
    .resume-second-container{
        float: right;
        width:90%;
        border-left: none;
        position: relative;
        left: -25px;
      }

      /*  end of resume*/

    .resume-container{
        margin-top:30px;
    }
    .resume-menu-subconatiner{
        width: 47.5%;
    }
    .resume-sub-container a{
        font-size:12px;
    }
    .resume-sub-container{
     width:30%;
    
    }
    .resume-sub-container span{
        position: relative;
        top:5px;
    }
    .resume-menu-sub-empty{
        float: left;
        width:70%;
        background-color: black;
        height: 30px;
    }
} 

@media screen and (min-width:600px) and (max-width:900px){
    .select-template-design{
        display: inline-block;
        width:80%;
        height: auto;
        margin-top:50px;
        margin-bottom: 30px;
        margin-left:10%;
       
       
    }
    .choicecontainer{
        width:28%;
        height: 250px;
    }
    .choicecontainer img{
        height: 250px;
    }
    .education-container input{
        width:100px;
    }
    .resume-first-container{
        width:100%;
        display: inline-block;
        float: left;
    }
    .text-container{
        width: 100%;
    }
    .resume-subject{
        width: 70%;
    }
    .resume-subject p{
        position: relative;
        font-size:18px;
    }
    .Enter-your-full-name input{
        padding:5px;
        font-size: 18px;
        
        width:90%;
    }
    .Enter-your-profession input {
        font-size:18px;
        padding:5px;
        width:90%;
    }
    .resume-second-container{
        float: right;
        width:90%;
        border-left: none;
        position: relative;
        left: -25px;
      }

      /*  end of resume*/

    .resume-container{
        margin-top:50px;
    }
    .resume-menu-subconatiner{
        width: 47.5%;
    }
    .resume-sub-container a{
        font-size:12px;
    }
    .resume-sub-container{
     width:30%;
    
    }
    .resume-sub-container span{
        position: relative;
        top:5px;
    }
    .resume-menu-sub-empty{
        float: left;
        width:70%;
        background-color: black;
        height: 30px;
    }
} 

@media screen and (min-width:900px) and (max-width:1200px){
    .resume-container{
        margin-top:50px;
    }
    .resume-menu-subconatiner{
        width: 48%;
    }
    .resume-sub-container a{
        font-size:12px;
    }
    .resume-sub-container{
     width:30%;
    
    }
    .resume-sub-container span{
        position: relative;
        top:5px;
    }
    .resume-menu-sub-empty{
        float: left;
        width:70%;
        background-color: black;
        height: 30px;
    }
} 

.active_{
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.7);
}
.resume-name-digolearn{
width: 100%;
position: relative;
top:-5px;
text-align: center;
border:solid;
border-width: 1px;
}
.select-template-design-container{
    display: inline-block;
    width:80%;
    margin-left:10%;

    
}
.choicecontainer-design img{
    width:120px;
    height:120px;
}
.choicecontainer-design{
width:auto;
height:auto;
float: left;
margin:1px;
border:solid;
border-width: 1px;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
overflow: hidden;
}
.choicecontainer-design:hover{
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.7);
}
.text-info{
font-size: 40px;
margin-top:50px;
text-align: center;
padding:10px 10px 10px 10px;
}
.design-template-display-main-container-first{
display: inline-block;
width:80%;
margin-left:9%;

margin-bottom: 30px;
margin-top:30px;
padding:5px;
border-radius: 5px;
border:solid;
border-style: dotted;
border-color:#ADBA42;
border-width: 3px;
}
.design-template-display-main-container-first hr{
color: #ADBA42;

}
.design-template-display-main-container-first .first-template-design-con{
float: left;
width:30%
}
.design-template-display-main-container-first .second-section-template{
float: left;
width:60%;
margin-left:5%;
}
.design-template-display-main-container-first .Sub-label{
font-weight: bolder;
color:green;
padding:5px;
font-size:18px;
}
.design-template-display-main-container-first .nam-container{
font-size: 30px;
}
.design-template-display-main-container-first .contact-inf-icon {
font-weight: bold;
}
.design-template-display-main-container-first .job-title-container{
font-weight: bolder;
background-color: #ADBA42;
text-align: center;
color:black;
padding:10px 10px 10px 10px;
font-size: 20px;
border-radius: 3px;
}
.design-template-display-main-container-first .resume-date{
font-style: italic;
padding:5px;
}
.design-template-display-main-container-first .sub-contact-info,.objective-container{
line-height: 1.5;
font-size: 18px;
}
.design-template-display-main-container-first .job_title{
color:black;
background-color: #ADBA42;
padding:5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.design-template-display-main-container-first .school_name{
font-weight: bolder;
}
.design-template-display-main-container-first .resume_degree{
font-size: x-large;
color: rgba(0,0,0,0.7);
font-size: 17px;
padding:10px;
}
.design-template-display-main-container-first .text-sub-con{
padding:10px;
}
/* first template design ending */
.design-template-display-main-container-second {
display:inline-block;
width:80%;
margin-left:9%;

border-width: 1px;
margin-bottom: 30px;
margin-top:30px;
padding:10px;
border-radius: 5px;
border:solid;
border-width: 4px;
border-color:#2D10A5;
border-style: dotted;
}
.design-template-display-main-container-second .Header-container{
display: inline-block;
width:100%;
background-color: #2D10A5;
border-radius: 10px;
color:white;

}
.design-template-display-main-container-second  .footer-second{
display: inline-block;
background-color: #2D10A5;
width:100%;
height: 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.design-template-display-main-container-second .header-container-sub{
float: left;
width:50%;
border-radius: 5px;
border-color:#088104;
border-width: 1px;
padding:5px;
}
.design-template-display-main-container-second .header-container-sub-right{
float: right;
padding:10px;
width: auto;
text-align: right;
}
.design-template-display-main-container-second .contact-nf-text{
margin-left:20px;
font-size: 19px;

}

.design-template-display-main-container-second .contact-inf-icon{
font-weight: bold;
}
.design-template-display-main-container-second .name-container{
font-size: 35px;

padding:3px;
}
.design-template-display-main-container-second .job-title-container{
font-size: 25px;
padding:3px;


}
.design-template-display-main-container-second .objective-container{
font-size: 14px;
line-height: 1.2;
padding:5px;
color:white;
border: solid;
border-width:1px;
padding:10px;
border-color: white;
border-radius: 10px;
}
.design-template-display-main-container-second .Sub-label{
font-size: 19px;
font-weight: bold;
padding:2px;
color:purple;
}
.design-template-display-main-container-second .job_title{
font-style: oblique;
padding:2px;
font-size: 16px;
}
.design-template-display-main-container-second .resume_degree{
padding:2px;
}
/* second template end design */
/* design three*/
.design-template-display-main-container-third{
display: inline-block;
width:80%;
margin-left:9%;
border:solid;
border-style: dotted;
margin-top:30px;
padding:5px;
}
.design-template-display-main-container-third .first-template-design-con{
float: left;
width:28%;
background-color: #0E0646;
color:white;
padding:5px;
border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}

.design-template-display-main-container-third .second-section-template{
float: right;
width:70%;
}
.design-template-display-main-container-third .nam-container{
text-align: center;
font-size: 35px;

}
.design-template-display-main-container-third  .job-title-container{
text-align: center;
background-color: white;
color:black;
padding:10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
font-size: 20px;
}
.design-template-display-main-container-third .objective-container{
font-size: 14px;
padding:10px;
}
.design-template-display-main-container-third  .contact-info-con{
width:100%;
background-color: white;
color:black;
padding:2px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 10px;
font-size: 16px;
}
.design-template-display-main-container-third .contact-nf-text{
margin-left:15px;
font-size: 14px;
}
.design-template-display-main-container-third  .contact-inf-icon{
font-size:18px;
font-weight: bold;
}
.design-template-display-main-container-third .content-heading{
background-color: #A27E03;
padding:10px;
color:white;
border-radius: 5px;
}
.design-template-display-main-container-third .resume-date{
font-style: oblique;
padding:4px;
}
.design-template-display-main-container-third .resume_degree{
padding:3px;
border-bottom: solid;
border-width: 1px;
color:black;
margin:2px;
width:90%;
padding:5px;
margin-left:5%;
border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
/* Template display*/
.template-display{
box-shadow: 1px 1px 1px 1px inset rgb(36, 35, 35,0.2);
-webkit-box-shadow: 1px 1px 1px 1px inset rgb(36, 35, 35,0.2);
-ms-box-shadow: 1px 1px 1px 1px inset rgb(36, 35, 35,0.2);
-o-box-shadow: 1px 1px 1px 1px inset rgb(36, 35, 35,0.2);
border-radius: 2%;
-webkit-border-radius: 2%;
-ms-border-radius: 2%;
-o-border-radius: 2%;
display: inline-block;
padding-top:20px;
width:100%;
margin-left:0%;
margin-bottom: 10px;
}
.Confirm-btn{
position: relative;
bottom: 0px;
box-shadow: 1px 1px 1px 1px rgb(20, 20, 20);
width: 100%;
text-align: center;
padding:20px 10px 10px 10px;
background-color:#022e27 ;
}
.Confirm-btn button{
padding:10px;
background-color: white;
border:none;
border-radius: 5px;
font-size: 19px;
color:navy;
}
.resume-head{
    margin:10px;
    font-size: 12px;
}
.no-resume p{
    text-align: center;
    font-size: 40px;
    padding-top:50px;
}

#input-classy, #input-regular, #input-proregular{
visibility: hidden;
}
#create-resume-loader{
    display: none;
}
@media screen and (min-width:150px) and (max-width:900px){
.resume-name-digolearn{
    font-size: 10px;
    text-align: center;
    margin-left:-10px;
}
.choicecontainer-design img{
    width:80px;
    height:50px;
}
.choicecontainer-design{
width:80px;
height:auto;
float: left;

border:solid;
border-width: 1px;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
overflow: hidden;
}
.design-template-display-main-container-third{
display: inline-block;
width:90%;
margin-left:2%;
}
.design-template-display-main-container-third .first-template-design-con{
float: left;
width:30%;
background-color: #0E0646;
font-size: 10px;
padding:2px;
}

.design-template-display-main-container-third .second-section-template{
float: right;
width:60%;
font-size: 8px;
}
.design-template-display-main-container-third .nam-container{
text-align: center;
font-size: 12px;

}
.design-template-display-main-container-third  .job-title-container{
padding:2px;
font-size: 10px;
}
.design-template-display-main-container-third .objective-container{
font-size: 8px;
padding:10px;
}
.design-template-display-main-container-third  .contact-info-con{
width:100%;
background-color: white;
color:black;
padding:2px;
font-size: 10px;
}
.design-template-display-main-container-third .contact-nf-text{
margin-left:4px;
font-size: 8px;
}
.design-template-display-main-container-third  .contact-inf-icon{
font-size:8px;
}
.design-template-display-main-container-third .content-heading{
background-color: #A27E03;
padding:10px;
color:white;
border-radius: 5px;
}
.design-template-display-main-container-third .resume-date{
font-style: oblique;
padding:4px;
}
.design-template-display-main-container-third .resume_degree{
width:90%;
padding:2px;
margin-left:2%;
font-size: 8px;

}


/* end of second template design */
.design-template-display-main-container-second .contact-nf-text{
margin-left:20px;
font-size: 10px;

}

.design-template-display-main-container-second .contact-inf-icon{
font-weight: bold;
}
.design-template-display-main-container-second .name-container{
font-size: 19px;

padding:3px;
}
.design-template-display-main-container-second .job-title-container{
font-size: 10px;
padding:2px;  
}

.design-template-display-main-container-second .objective-container{
font-size: 9px;
}
.design-template-display-main-container-second .Sub-label{
font-size: 9px;
}
.design-template-display-main-container-second .job_title{
font-style: oblique;
padding:2px;
font-size: 9px;
}
.design-template-display-main-container-second .header-container-sub{
width:50%;

}
.design-template-display-main-container-second .header-container-sub-right{

width:40%;
font-size: 9px;
}

.design-template-display-main-container-second {
display:inline-block;
width:95%;
margin-left:1%;
margin-top:30px;
padding:0px;
font-size: 10px;
border-width: 1px;
padding-top:5px;
}
/* end of second template design */
.design-template-display-main-container-first .nam-container{
font-size: 10px;
}
.design-template-display-main-container-first .resume_degree{
font-size: 9px;
padding:2px;
}
.design-template-display-main-container-first .job-title-container{
padding:3px;
font-size: 10px;
border-radius: 3px;
}
.design-template-display-main-container-first .Sub-label{
padding:2px;
font-size:9px;
}
.design-template-display-main-container-first .job_title{
font-size: 10px;
}
.design-template-display-main-container-first{
display: inline-block;
width:95%;
margin-left:1%;
padding:5px;
font-size: 10px;
border-width: 1px;


}
.design-template-display-main-container-first .sub-contact-info,.objective-container{
line-height:1.5;
font-size: 10px;
}
/* first template design ending */
}
/* Second design */