body{
    margin:0;
    background-color: #f9f9f9; 
}
.mainsitepdf {
     background: #fff;
    margin: -419px 239px 0px 0px;
    padding: 1px 14px 9px 0px;
    width: 69.5%;
}
.addbuttons {
    width: 332px;
    position: fixed;
    top: 59px;
    left: 0;
    background: white;
    border: 1px #e7e7e7 solid;
    margin: 11px;
    height: 100%;
    overflow: auto;
}
input.customaa::-webkit-input-placeholder {
  color: #fff;
}
#numpagex{
    background: #fff;
    border: 2px solid #ddd;
    margin: 0px 0px 3px 0px;
    display : none;	
}
.mainlabel{
        margin: 11px 0px 0px 7px;
	    height: 47px;
}
#mainshow{
    display: none;
    z-index: 1;
	    border: 2px solid #ddd;
}
#uploadBtn{
     position: relative;
    top: 50px;
    font-size: 19px;
    padding: 9px 30px 10px 30px;
    border: 0px;
    background: #1B8CA1;
    cursor: pointer;
    color: #fff;
    width: 200px;
}
#uploadBtn:hover {
    background: #4dd1c3;
}
.hover {
  background: #4dd1c3 !important;	
	  cursor: pointer !important;
}

.editMode{
    width: 68.8% !important;
    margin: 0 auto;
    float: left;
}
#showimg{
    display: none;
}

#xscreen{
    width: 100%;
    min-height: 372px;
    left: 0;
    margin: 0 auto;
    position: relative;
       top: 0px;
}

.core{
    background: #ddd;
    border: 1px solid #dedede;
}


#updown {
    border: 1px solid #ccc;
    margin: 30px;
    text-align: center;
    min-height: 153px;
}
#updown:hover{
    border: 1px solid #1B8CA1;
}




@media (max-width: 768px) {
	
	.bluemobile{
	outline: 1px #5bc0de solid !important;	
		
	}
	.redmobile{
	outline: 1px #c9302c solid !important;	
		
	}
	.greenmobile{
	outline: 1px #5cb85c solid !important;	
		
	}
	.scrollTop {
    position: fixed;
    right: 10%;
    bottom: 10px;
    background-color: #BE3F48;
    padding: 20px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    display: none;
}

  div.maincont{
        width: 100%;
        margin:0;
		margin-top: 62px;
    }	
	 .editMode{
        width: 100% !important;
		width: 100%;
        margin:0;
		margin-top: 62px;
    }
	   #xscreen{
        width: 100%;
        min-height: 350px;
        left: 0;
        margin: 0 auto;
        position: relative;
        top: 10px;
        z-index: 2;
    }
.send_paper_sign{
width:100% !important;	
top:0px !important;
padding:2px !important;	
}	
	
.do_form_save{
width:100% !important;	
top:0px !important;
padding:2px !important;	
height: 80px;
}
.signpdfmob{
    margin-top: 39px !important;
}
}


button#my_button {
    height: 53px;
    font-size: 17px;
}

.checkspan{
    padding: 2px 10px 2px 20px;
    background: #eee;
    border: 1px solid #ccc;
    margin-right: 7px;
	    cursor: pointer;
}
.checkspan:hover{
  
    background: #5bc0de;
 
}

.mcustom input{
width: 53% !important;	
}
.send_paper_sign{
top: 70px;
    padding: 27px;
    width: 31%;
    margin-right: 4px;
}	


.do_form_save {
    top: 70px;
    padding: 27px;
    width: 31%;
    margin-right: 4px;
}
#pdfpng{
	
    position: relative;
	display:block;
}
.pdfimg{
width: 130px;
    height: auto;
    position: absolute;
    top: 113px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.allbutton {
    width: 45%;
    margin: 0px 27px 7px 0px;
    border-radius: inherit;
    height: 44px;

}
.allthebutton{
display:none;	
}
.maininput{
width: 64%;
   margin: -1px 0px 14px 0px !important;	
	    float: left;
	
}

.maininputx{
    width: 4%;
    margin: -1px 5px 14px 0px !important;
    font-size: 18px;
    border: none;
	     background: #fff;  
	
}
.mainlabelx{
           margin: 13px 7px 0px 0px;
    height: 34px;
}
.maintext{
font-size: 24px;
    margin: 5px 145px -20px 0px;
    position: relative;
}
.scrollTop {
  position: fixed;
  right: 10%;
  bottom: 10px;
  background-color: #BE3F48;
  padding: 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a {
  font-size: 18px;
  color: #fff;
}




.addbuttonsmobile {
    display: block;
    background: #fff;
    padding: 1px 0px 20px 0px;
    margin: 1px 0px -57px 0px;
    width:30%;
    position: fixed;
    top: 70px;
    /* left: 10px; */
}
.mainlabel2 {
    margin: 0px 33px 0px 0px;
    font-size: 16px;
}
.mailpdf {
    display: block;
    background: #fff;
    padding: 21px 0px 9px 0px;
    margin: 1px 0px -57px 0px;
    width: 567px;
    position: fixed;
    top: 485px;
    /* left: 10px; */	
	
	
}
#mailpdfbt {
    background-image: linear-gradient(to right, #f59298 , #fbb780);
    position: relative;
    overflow: hidden;
    margin: 0px;
    height: 42px;
    line-height: 30px;
	    width: 100%;
    margin: 0px 0px 35px 0px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
@media (max-width: 768px) {
	.mainlabel2 {
    margin: 0px 33px 0px 0px;
    font-size: 16px;
	display:none;
}
.mobilesign {
	margin-top: -36px !important;
	
}
    .maintext{
font-size: 24px;
    margin: 5px 145px -20px 0px;
    position: relative;
	display:none;
}
.addbuttons {
display:none;
}
.addbuttonsmobile {
    display: block;
    background: #fff;
    padding: 1px 0px 7px 1px;
    margin: -8px 0px -58px 0px;
    width: 100%;
    float: unset;
	position: relative;
    top: 0;
    left: 0;
}

.allbutton {
     width: 44%;
    margin: -2px 21px 9px -20px;
    border-radius: inherit;
    height: 41px;
}
}

@media (max-width: 768px) {
	
#mainman{	
 height:  calc(8px) !important; 

}	
#mainman1{	
 height:  calc(8px) !important; 

}
#mainman2{	
 height: calc(8px) !important; ;

}
#mainman5{	
 height: calc(8px) !important; ;

}
#mainman6{	
 height: calc(8px) !important; ;

}
#mainman7{	
 height: calc(8px) !important; ;

}
#mainman3{	
 height: calc(8px) !important; ;

}
#mainman3blue{	
 height: calc(8px) !important; ;

}
#mainsign{	
 height: calc(10px) !important; ;

}
#mainsignclient{	
 height: calc(10px) !important; ;

}

#mainsign2{	
 height: calc(10px) !important; ;

}
#mainman input{
    font-size: 7px !important;
}
#mainman1 input{
    font-size: 7px !important;
}
#mainman2 input{
    font-size: 7px !important;
}
#mainman5 input{
    font-size: 7px !important;
}
#mainman6 input{
    font-size: 7px !important;
}
#mainman7 input{
    font-size: 7px !important;
}
#mainman3 input{
    font-size: 7px !important;
}
#mainman3blue input{
    font-size: 7px !important;
}
#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px !important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
    margin: -1px 6px 0px 0px !important;
    font-size: 10px !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
    padding: 5px;
    font-size: 10px !important;
	    color: #fff;
		    margin: -6px -5px 0px 0px;
}
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}

#mainman{
    outline: 2px #5cb85c solid;
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;	 
}

#mainman input{
   border: none;
    height: 100%;
    width: 100%;	
		padding: 0;
	border-radius: inherit;
	text-align: center;

}

#mainman input:focus{
    outline-offset: 0px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
    margin: 5px 6px 0px 0px;
    font-size: 22px;
	    color: #fff;
}

#plusval{
    float: right;
    cursor: pointer;
    padding: 5px;
    font-size: 22px;
	    color: #fff;
}





#mainman2{
    outline: 2px #c9302c solid;
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	width: 17%;
}
#mainman2 input{
    height: 100%;
    width: 100%;
    border: none;
	padding: 0;
	border-radius: inherit;
	text-align: center;
}

#mainman2 input:focus{
    outline-offset: 0px !important;
}


#mainman3{
    outline: 2px #5bc0de solid;
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	width: 17%;
}
#mainman3 input{
    height: 100%;
    width: 100%;
    border: none;
	padding: 0;
	border-radius: inherit;
	text-align: center;
}

#mainman3 input:focus{
    outline-offset: 0px !important;
}



#mainman3blue{
     position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	width: 17%;
  
}
#mainman3blue input{
    height: 100%;
    width: 100%;
    border: none;
	background: rgba(168,192,222,0.4);
padding: 0;
border-radius: inherit;
text-align: center;
}

#mainman3blue input:focus{
    outline-offset: 0px !important;
}



#maincheckbox{
	outline: 0px #5bc0de solid;
    position: absolute !important;
    font-size: 1vw;   
    height: 24px;
	width: 7%;
}

.maincheckbox{
	width: 20px;
    height: 20px;
}








#mainsign{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #f0ad4e solid;

}
#mainsignclient{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #f0ad4e solid;

}




#mainsign2{
     position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #f0ad4e solid;
}




#mainman5{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #286090 solid;
}
#mainman5 input{
   
    text-align: center;
    height: 100%;
    width: 100%;
    border: none;
padding: 0;
border-radius: inherit;
}

#mainman5 input:focus{
    outline-offset: 0px !important;
}




#mainman6{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #c9302c solid;

}
#mainman6 input{
    height: 100%;
    width: 100%;
    border: none;
padding: 0;
border-radius: inherit;
text-align: center;
}

#mainman6 input:focus{
    outline-offset: 0px !important;
}





#mainman7{
  position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 2px #c9302c solid;
	
}
#mainman7 input{
    height: 100%;
    width: 100%;
    border: none;
padding: 0;
border-radius: inherit;
text-align: center;
}

#mainman7 input:focus{
    outline-offset: 0px !important;
}

@media (max-width: 1650px) {
#mainman{	
 height:  25px !important; 

}	
#mainman1{	
 height:  25px !important; 

}
#mainman2{	
 height:  25px !important; 

}
#mainman5{	
 height:  25px !important; 
}
#mainman6{	
 height:  25px !important; 

}
#mainman7{	
 height:  25px !important; 

}
#mainman3{	
 height:  25px !important; 

}
#mainman3blue{	
 height:  25px !important; 

}
#mainsign{	
  height:  25px !important; 

}
#mainsignclient{	
  height:  25px !important; 

}
#mainsign2{	
  height:  25px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1550px) {
#mainman{	
  height:  22px !important; 

}	
#mainman1{	
  height:  22px !important; 

}
#mainman2{	
 height:  22px !important; 

}
#mainman5{	
 height:  22px !important; 

}
#mainman6{	
 height:  22px !important; 

}
#mainman7{	
 height:  22px !important; 

}
#mainman3{	
 height:  22px !important; 

}
#mainman3blue{	
  height:  22px !important; 

}
#mainsign{	
 height:  22px !important; 

}
#mainsignclient{	
 height:  22px !important; 

}
#mainsign2{	
  height:  22px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1450px) {
#mainman{	
  height:  20px !important; 

}	
#mainman1{	
  height:  20px !important; 

}
#mainman2{	
 height:  20px !important; 

}
#mainman5{	
 height:  20px !important; 

}
#mainman6{	
 height:  20px !important; 

}
#mainman7{	
 height:  20px !important; 

}
#mainman3{	
 height:  20px !important; 

}
#mainman3blue{	
  height:  20px !important; 

}
#mainsign{	
 height:  20px !important; 

}
#mainsignclient{	
 height:  20px !important; 

}
#mainsign2{	
  height:  20px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1385px) {
#mainman{	
  height:  18px !important; 

}	
#mainman1{	
  height:  18px !important; 

}
#mainman2{	
 height:  18px !important; 

}
#mainman5{	
 height:  18px !important; 

}
#mainman6{	
 height:  18px !important; 

}
#mainman7{	
 height:  18px !important; 

}
#mainman3{	
 height:  18px !important; 

}
#mainman3blue{	
  height:  18px !important; 

}
#mainsign{	
 height:  18px !important; 

}
#mainsignclient{	
 height:  18px !important; 

}
#mainsign2{	
  height:  18px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1296px) {
#mainman{	
  height:  16px !important; 

}	
#mainman1{	
  height:  16px !important; 

}
#mainman2{	
 height:  16px !important; 

}
#mainman5{	
 height:  16px !important; 

}
#mainman6{	
 height:  16px !important; 

}
#mainman7{	
 height:  16px !important; 

}
#mainman3{	
 height:  16px !important; 

}
#mainman3blue{	
  height:  16px !important; 

}
#mainsign{	
 height:  16px !important; 

}
#mainsignclient{	
 height:  16px !important; 

}
#mainsign2{	
  height:  16px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1214px) {
#mainman{	
  height:  15px !important; 

}	
#mainman1{	
  height:  15px !important; 

}
#mainman2{	
 height:  15px !important; 

}
#mainman5{	
 height:  15px !important; 

}
#mainman6{	
 height:  15px !important; 

}
#mainman7{	
 height:  15px !important; 

}
#mainman3{	
 height:  15px !important; 

}
#mainman3blue{	
  height:  15px !important; 

}
#mainsign{	
 height:  15px !important; 

}
#mainsignclient{	
 height:  15px !important; 

}
#mainsign2{	
  height:  15px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1172px) {
#mainman{	
  height:  14px !important; 

}	
#mainman1{	
  height:  14px !important; 

}
#mainman2{	
 height:  14px !important; 

}
#mainman5{	
 height:  14px !important; 

}
#mainman6{	
 height:  14px !important; 

}
#mainman7{	
 height:  14px !important; 

}
#mainman3{	
 height:  14px !important; 

}
#mainman3blue{	
  height:  14px !important; 

}
#mainsign{	
 height:  14px !important; 

}
#mainsignclient{	
 height:  14px !important; 

}
#mainsign2{	
  height:  14px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1130px) {
#mainman{	
  height:  13px !important; 

}	
#mainman1{	
  height:  13px !important; 

}
#mainman2{	
 height:  13px !important; 

}
#mainman5{	
 height:  13px !important; 

}
#mainman6{	
 height:  13px !important; 

}
#mainman7{	
 height:  13px !important; 

}
#mainman3{	
 height:  13px !important; 

}
#mainman3blue{	
  height:  13px !important; 

}
#mainsign{	
 height:  13px !important; 

}
#mainsignclient{	
 height:  13px !important; 

}
#mainsign2{	
  height:  13px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 1080px) {
#mainman{	
  height:  11px !important; 

}	
#mainman1{	
  height:  11px !important; 

}
#mainman2{	
 height:  11px !important; 

}
#mainman5{	
 height:  11px !important; 

}
#mainman6{	
 height:  11px !important; 

}
#mainman7{	
 height:  11px !important; 

}
#mainman3{	
 height:  11px !important; 

}
#mainman3blue{	
  height:  11px !important; 

}
#mainsign{	
 height:  11px !important; 

}
#mainsignclient{	
 height:  11px !important; 

}
#mainsign2{	
  height:  11px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 994px) {
#mainman{	
  height:  9px !important; 

}	
#mainman1{	
  height:  9px !important; 

}
#mainman2{	
 height:  9px !important; 

}
#mainman5{	
 height:  9px !important; 

}
#mainman6{	
 height:  9px !important; 

}
#mainman7{	
 height:  9px !important; 

}
#mainman3{	
 height:  9px !important; 

}
#mainman3blue{	
  height:  9px !important; 

}
#mainsign{	
 height:  9px !important; 

}
#mainsignclient{	
 height:  9px !important; 

}
#mainsign2{	
  height:  9px !important; 

}

#mainman p{
    font-size: 93.4% !important;
}
#mainman2 p{
    font-size: 93.4% !important;
}
#mainman3 p{
    font-size: 93.4% !important;
}
#mainman4 p{
    font-size: 93.4% !important;
}
#mainman5 p{
    font-size: 93.4% !important;
}
#mainman6 p{
    font-size: 93.4% !important;
}
#mainman7 p{
    font-size: 93.4% !important;
}
#mainsign p{
    font-size: 93.4% !important;
}
#mainsignclient p{
    font-size: 93.4% !important;
}
#mainsign2 p{
    font-size: 93.4% !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 768px) {
#mainman{	
  height:  14px !important; 

}	
#mainman1{	
  height:  14px !important; 

}
#mainman2{	
 height:  14px !important; 

}
#mainman5{	
 height:  14px !important; 

}
#mainman6{	
 height:  14px !important; 

}
#mainman7{	
 height:  14px !important; 

}
#mainman3{	
 height:  14px !important; 

}
#mainman3blue{	
  height:  14px !important; 

}
#mainsign{	
 height:  14px !important; 

}
#mainsignclient{	
 height:  14px !important; 

}
#mainsign2{	
  height:  14px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 650px) {
#mainman{	
  height:  13px !important; 

}	
#mainman1{	
  height:  13px !important; 

}
#mainman2{	
 height:  13px !important; 

}
#mainman5{	
 height:  13px !important; 

}
#mainman6{	
 height:  13px !important; 

}
#mainman7{	
 height:  13px !important; 

}
#mainman3{	
 height:  13px !important; 

}
#mainman3blue{	
  height:  13px !important; 

}
#mainsign{	
 height:  13px !important; 

}
#mainsignclient{	
 height:  13px !important; 

}
#mainsign2{	
  height:  13px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 550px) {
	#mainman5{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 1px #286090 solid;
}
#mainman{	
  height:  11px !important; 

}	
#mainman1{	
  height:  11px !important; 

}
#mainman2{	
 height:  11px !important; 

}
#mainman5{	
 height:  11px !important; 

}
#mainman6{	
 height:  11px !important; 

}
#mainman7{	
 height:  11px !important; 

}
#mainman3{	
 height:  11px !important; 

}
#mainman3blue{	
  height:  11px !important; 

}
#mainsign{	
 height:  11px !important; 

}
#mainsignclient{	
 height:  11px !important; 

}
#mainsign2{	
  height:  11px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 480px) {
	#mainman5{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 1px #286090 solid;
}
#mainman{	
  height:  9px !important; 

}	
#mainman1{	
  height:  9px !important; 

}
#mainman2{	
 height:  9px !important; 

}
#mainman5{	
 height:  9px !important; 

}
#mainman6{	
 height:  9px !important; 

}
#mainman7{	
 height:  9px !important; 

}
#mainman3{	
 height:  9px !important; 

}
#mainman3blue{	
  height:  9px !important; 

}
#mainsign{	
 height:  9px !important; 

}
#mainsignclient{	
 height:  9px !important; 

}
#mainsign2{	
  height:  9px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 450px) {
	#mainman5{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 1px #286090 solid;
}

	#maincheckbox{
	outline: 0px #5bc0de solid;
    position: absolute !important;
    font-size: 1vw;   
    height: 9px;
	width: 7%;
	    margin-top: -3px;
}

.maincheckbox{
	width: 8px;
    height: 8px;
}


#mainman{	
  height:  8px !important; 

}	
#mainman1{	
  height:  8px !important; 

}
#mainman2{	
 height:  8px !important; 

}
#mainman5{	
 height:  9px !important; 

}
#mainman6{	
 height:  8px !important; 

}
#mainman7{	
 height:  8px !important; 

}
#mainman3{	
 height:  8px !important; 

}
#mainman3blue{	
  height:  8px !important; 

}
#mainsign{	
 height:  8px !important; 

}
#mainsignclient{	
 height:  8px !important; 

}
#mainsign2{	
  height:  8px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}
@media (max-width: 365px) {
	#mainman5{
    position: absolute !important;
    font-size: 1vw;   
    height: 28px;
	 width: 17%;
    outline: 1px #286090 solid;
}
#mainman{	
  height:  7px !important; 

}	
#mainman1{	
  height:  7px !important; 

}
#mainman2{	
 height:  7px !important; 

}
#mainman5{	
 height:  7px !important; 

}
#mainman6{	
 height:  7px !important; 

}
#mainman7{	
 height:  7px !important; 

}
#mainman3{	
 height:  7px !important; 

}
#mainman3blue{	
  height:  7px !important; 

}
#mainsign{	
 height:  7px !important; 

}
#mainsignclient{	
 height:  7px !important; 

}
#mainsign2{	
  height:  7px !important; 

}

#mainman p{
    font-size: 7px !important;
}
#mainman2 p{
    font-size: 7px!important;
}
#mainman3 p{
    font-size: 7px !important;
}
#mainman4 p{
    font-size: 7px !important;
}
#mainman5 p{
    font-size: 7px !important;
}
#mainman6 p{
    font-size: 7px !important;
}
#mainman7 p{
    font-size: 7px !important;
}
#mainsign p{
    font-size: 7px !important;
}
#mainsignclient p{
    font-size: 7px !important;
}
#mainsign2 p{
    font-size: 7px !important;
}

#deletebox{
    float: left;
    cursor: pointer;
   margin: -1px 6px 0px 0px !important; 
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}
#plusval{
    float: right;
    cursor: pointer;
	    padding: 4px !important;
    font-size: 79.5% !important;
	    color: #fff;
		    /* margin: -6px -5px 0px 0px;  */
}	
}