/*--------------------- *
	 * BUTTONS ROUNDED      *
	 * UPDATED: 2021-06-03  *
	 * -------------------- */


	/* All Buttons
	----------------------------------------------- */
	input[type=button].btn-A, input[type=submit].btn-A, a.btn-A,
	input[type=button].btn-B, input[type=submit].btn-B, a.btn-B,
	input[type=button].btn-C, input[type=submit].btn-C, a.btn-C,
	input[type=button].btn-D, input[type=submit].btn-D, a.btn-D,
	input[type=button].btn-E, input[type=submit].btn-E, a.btn-E,
	input[type=button].btn-F, input[type=submit].btn-F, a.btn-F,
	input[type=button].btn-J, input[type=submit].btn-J, a.btn-J,
	input[type=button].btn-X, input[type=submit].btn-X, a.btn-X,
	input[type=button].btn-Y, input[type=submit].btn-Y, a.btn-Y
	{
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    background: #808080;
    border: none;
    border-bottom: 2px solid #666;
    border-radius: 20px;
    padding: 0px 24px;
    text-align: center;
    text-decoration: none !important;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    cursor: hand;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    transition: background, color, .3s;
    -webkit-transition: background, color, .3s; /* Safari */
		margin: 0;
		/* margin-bottom: 20px; */
	}

	a.btn-A, a.btn-B, a.btn-C, a.btn-D, a.btn-E, a.btn-F, a.btn-J, a.btn-X, a.btn-Y  {
    font-size: 18px;
    line-height: 36px;
    padding: 5px 24px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	}
	a.btn-A.small, a.btn-B.small, a.btn-C.small, a.btn-D.small, a.btn-E.small, a.btn-F.small, a.btn-J.small, a.btn-X.small, a.btn-Y.small  {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 12px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	}

	a.btn-A.tiny, a.btn-B.tiny, a.btn-C.tiny, a.btn-D.tiny, a.btn-E.tiny, a.btn-F.tiny, a.btn-J.tiny, a.btn-X.tiny, a.btn-Y.tiny  {
    font-size: 10px;
    line-height: 24px;
    padding: 2px 5px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	}

	a.btn-A.big, a.btn-B.big, a.btn-C.big, a.btn-D.big, a.btn-E.big, a.btn-F.big, a.btn-J.big, a.btn-X.big, a.btn-Y.big  {
    font-size: 36px;
    line-height: 64px;
    padding: 10px 36px;
    white-space: nowrap;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	}


	input[type=button].btn-A:hover, input[type=submit].btn-A:hover, a.btn-A:hover,
	input[type=button].btn-B:hover, input[type=submit].btn-B:hover, a.btn-B:hover,
	input[type=button].btn-C:hover, input[type=submit].btn-C:hover, a.btn-C:hover,
	input[type=button].btn-D:hover, input[type=submit].btn-D:hover, a.btn-D:hover,
	input[type=button].btn-E:hover, input[type=submit].btn-E:hover, a.btn-E:hover,
	input[type=button].btn-F:hover, input[type=submit].btn-F:hover, a.btn-F:hover,
	input[type=button].btn-J:hover, input[type=submit].btn-J:hover, a.btn-J:hover,
	input[type=button].btn-X:hover, input[type=submit].btn-X:hover, a.btn-X:hover,
	input[type=button].btn-Y:hover, input[type=submit].btn-Y:hover, a.btn-Y:hover
	{
    background: #808080;
    color: #000;
    transition: background, color, .3s;
    -webkit-transition: background, color, .3s; /* Safari */
	}

	input[type=button].btn-A:active, input[type=submit].btn-A:active, a.btn-A:active,
	input[type=button].btn-B:active, input[type=submit].btn-B:active, a.btn-B:active,
	input[type=button].btn-C:active, input[type=submit].btn-C:active, a.btn-C:active,
	input[type=button].btn-D:active, input[type=submit].btn-D:active, a.btn-D:active,
	input[type=button].btn-E:active, input[type=submit].btn-E:active, a.btn-E:active,
	input[type=button].btn-F:active, input[type=submit].btn-F:active, a.btn-F:active,
	input[type=button].btn-J:active, input[type=submit].btn-J:active, a.btn-J:active,
	input[type=button].btn-X:active, input[type=submit].btn-X:active, a.btn-X:active,
	input[type=button].btn-Y:active, input[type=submit].btn-Y:active, a.btn-Y:active
	{
    background: #666;
    transition: background, color, .3s;
    -webkit-transition: background, color, .3s; /* Safari */
	}




	/* Button A
	----------------------------------------------- */
	input[type=button].btn-A, input[type=submit].btn-A, a.btn-A {
    color: #FFF;
    background: var(--themeColor1);
    border-bottom: 2px solid var(--themeColor1D);    
	}

	input[type=button].btn-A:hover, input[type=submit].btn-A:hover, a.btn-A:hover {
    background: var(--themeColor1L);
    color: #000;
	}

	input[type=button].btn-A:active, input[type=submit].btn-A:active, a.btn-A:active {
    background: var(--themeColor1D);
	}




	/* Button B
	----------------------------------------------- */
	input[type=button].btn-B, input[type=submit].btn-B, a.btn-B {
    color: #FFF;
    background: var(--themeColor2);
    border-bottom: 2px solid var(--themeColor2D);
	}

	input[type=button].btn-B:hover, input[type=submit].btn-B:hover, a.btn-B:hover {
    background: var(--themeColor2L);
    color: #000;
	}

	input[type=button].btn-B:active, input[type=submit].btn-B:active, a.btn-B:active {
    background: var(--themeColor2D);
	}



	/* Button C
	----------------------------------------------- */
	input[type=button].btn-C, input[type=submit].btn-C, a.btn-C {
    color: #FFF;
    background: var(--themeColor3);
    border-bottom: 2px solid var(--themeColor3D);
	}

	input[type=button].btn-C:hover, input[type=submit].btn-C:hover, a.btn-C:hover {
    background: var(--themeColor3L);
    color: #000;
	}

	input[type=button].btn-C:active, input[type=submit].btn-C:active, a.btn-C:active {
    background: var(--themeColor3D);
	}



	/* Button D
	----------------------------------------------- */
	input[type=button].btn-D, input[type=submit].btn-D, a.btn-D {
    color: #FFF;
    background: var(--themeColor4);
    border-bottom: 2px solid var(--themeColor4D);
	}

	input[type=button].btn-D:hover, input[type=submit].btn-D:hover, a.btn-D:hover {
    background: var(--themeColor4L);
    color: #000;
	}

	input[type=button].btn-D:active, input[type=submit].btn-D:active, a.btn-D:active {
    background: var(--themeColor4D);
	}





	/* Button E
	----------------------------------------------- */
	input[type=button].btn-E, input[type=submit].btn-E, a.btn-E {
    color: #FFF;
    background: #FF00aa;
    border-bottom: 2px solid #990066;
	}

	input[type=button].btn-E:hover, input[type=submit].btn-E:hover, a.btn-E:hover {
    background: #FF33ee;
    color: #000;
	}

	input[type=button].btn-E:active, input[type=submit].btn-E:active, a.btn-E:active {
    background: #990066;
	}



	/* Button F
	----------------------------------------------- */
	input[type=button].btn-F, input[type=submit].btn-F, a.btn-F {
    color: #FFF;
    background: #633dae;
    border-bottom: 2px solid #330066;
	}

	input[type=button].btn-F:hover, input[type=submit].btn-F:hover, a.btn-F:hover {
    background: #9966cc;
    color: #000;
	}

	input[type=button].btn-F:active, input[type=submit].btn-F:active, a.btn-F:active {
    background: #330066;
	}




	/* Button J
	----------------------------------------------- */
	input[type=button].btn-J, input[type=submit].btn-J, a.btn-J {
    color: #FFF;
    background: #2779ff;  
    border-bottom: 2px solid #1e56b2;
	}

	input[type=button].btn-J:hover, input[type=submit].btn-J:hover, a.btn-J:hover {
    background: #3f72b0;
    color: #000;
	}

	input[type=button].btn-J:active, input[type=submit].btn-J:active, a.btn-J:active {
    background: #1e56b2;
	}



	/* Button X
	----------------------------------------------- */
	input[type=button].btn-X, input[type=submit].btn-X, a.btn-X {
    color: #aaa;
    background-color: transparent;
    border: 2px solid #aaa;
	}
 
	input[type=button].btn-X:hover, input[type=submit].btn-X:hover, a.btn-X:hover {
    background-color: rgba(255,255,255,0.8);
    color: #333;
    border: 2px solid #333;
	}

	input[type=button].btn-X:active, input[type=submit].btn-X:active, a.btn-X:active {
    background: #fff;
    color: #333;
    border: 2px solid #333;
	}



	/* Button Y
	----------------------------------------------- */
	input[type=button].btn-Y, input[type=submit].btn-Y, a.btn-Y {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
	}
 
	input[type=button].btn-Y:hover, input[type=submit].btn-Y:hover, a.btn-Y:hover {
    background-color: rgba(255,255,255,0.8);
    color: #333;
    border: 2px solid #333;
	}

	input[type=button].btn-Y:active, input[type=submit].btn-Y:active, a.btn-Y:active {
    background: #fff;
    color: #333;
    border: 2px solid #333;
	}


	/* BADGES ************************************
	----------------------------------------------- */


	#badgeZone {
		position: absolute;
		left: calc(50% + 210px);
		top: 48px;
		width: 240px;
		height: 34px;
		z-index: 997;
	}

	.iconBadges span { display: none; }

	.iconBadges:hover span { 
    display: block; 
    position:absolute;
    font-weight:bold;
    top:33px;left:10px; width:94px;
    padding: 3px;
    margin-left:-80px; 
    border-radius: 10px;
    background-color: var(--themeColor2);
    color:#ffffff;
    text-align: center;
    z-index: 9999;
    
	}

	#iconAdd, #iconPop {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconAdd.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconDel {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconDel.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconTrash {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconTrash.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconSweep {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconSweep.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}	
	
	#iconRename {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconRename.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}


	#iconActivate {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconActivate.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconDeactivate {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconDeactivate.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconStamp {
		position: relative;
		float: right; 
		z-index: 89; 
		width: 32px; 
		height: 32px; 
		padding: 0; 
		margin: 0px 0px 0px 3px; 
		cursor: pointer;
		border-radius: 5px;		
		background-image: url('/app/skin/images/iconStamp.png');  
		background-repeat: no-repeat; 
		background-color: #808080; 
	}

	#iconCancel { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconCancel.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconSave { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconSave.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconSearch { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconSearch.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconMerge { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconMerge.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconSend { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconSend.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}


	#iconHome { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconHome.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconOrder { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconOrder.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconPractitioner {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconPractitioner.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconPayers { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconPayers.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconCal { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconCal.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconList {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconList.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}
	
	#iconImp {
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconImp.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}
	
	#iconSettings { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconSettings.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}	

	#iconPrint { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconPrint.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}
	

	#iconPrintLabel { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconPrintLabel.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}
		
	
	
	#iconCopy { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconCopy.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}
	
	
	#iconDBtop { 
    position: relative;
    float: right; 
    z-index: 89; 
    width: 32px; 
    height: 32px; 
    padding: 0; 
    margin: 0px 0px 0px 3px; 
    cursor: pointer;
    border-radius: 5px;		
    background-image: url('/app/skin/images/iconDBtop.png');  
    background-repeat: no-repeat; 
    background-color: #808080; 
	}

	#iconDBfull { 
    position: relative;
    float: right; 
    z-index: 89; 
    width: 32px; 
    height: 32px; 
    padding: 0; 
    margin: 0px 0px 0px 3px; 
    cursor: pointer;
    border-radius: 5px;		
    background-image: url('/app/skin/images/iconDBfull.png');  
    background-repeat: no-repeat; 
    background-color: #808080; 
	}

	#icon96well { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/icon96well.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}

	#iconProficiency { 
	    position: relative;
	    float: right; 
	    z-index: 89; 
	    width: 32px; 
	    height: 32px; 
	    padding: 0; 
	    margin: 0px 0px 0px 3px; 
	    cursor: pointer;
	    border: 0px solid #00FF00; 
	    border-radius: 5px;		
	    background-image: url('/app/skin/images/iconProficiency.png');  
	    background-repeat: no-repeat; 
	    background-color: #808080; 
	}