/*
*	WPGear. This Project
*	BirthdayColor
*	style.css
*/

.birthday-color table {
	width: 100%;
}
.birthday-color td {
	width: 8.3%;
	text-align: center;
	font-size: small;
	padding: 4px;
	cursor: pointer;
	border: none;
}
.birthday-color .mm {
	display: none;
}
.birthday-color .day {
	margin-top: 5px;
}
.birthday-color td:hover {
	border-style: dashed;
    border-width: thin;
}
.popup-box {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 2;
    width: 50%;
    text-align: center;
    padding: 20px;
    border-radius: 9px;
	border-style: solid;
    border-width: thin;
	display: none;
}
.popup-status {
	background: white;
	color: grey;
}
.popup-close {
	float: right;
    margin-top: -15px;
    margin-right: -15px;
    cursor: pointer;
    border-style: solid;
    border-width: thin;
    border-color: black;
    border-radius: 50%;
    padding: 2px;
    width: 1em;
    line-height: 1em;
}
.popup-content-day {
	font-weight: bold;
    font-size: large;
}
.popup-content-colorbox {
	margin-top: 10px;
	text-align: left;
}
.popup-content-header {
	
}
.popup-content-colorbox-title {
	font-weight: bold;
    font-size: small;
}
.popup-content-colorbox-items {
	margin-left: 20px;
}
.popup-content-colorcodes-box {
	margin-top: 10px;
}
.popup-content-colorcode-item{
	display: flex;
}
.popup-content-colorcode-title {
	width: 4em;
}
.popup-content-footer {
	margin-top: 10px;
	text-align: left;
}

/* 01 */
#d01m01 { background-color: #FFFFE5; }
#d01m02 { background-color: #3F4E93; color: white;}
#d01m03 { background-color: #F5B199; }
#d01m04 { background-color: #FDEFF2; }
#d01m05 { background-color: #009B9F; color: white;}
#d01m06 { background-color: #BEA2CA; }
#d01m07 { background-color: #007199; color: white;}
#d01m08 { background-color: #438CB5; color: white;}
#d01m09 { background-color: #7DBB7C; }
#d01m10 { background-color: #EE7948; }
#d01m11 { background-color: #BF794E; }
#d01m12 { background-color: #D6C6AF; }

/* 02 */
#d02m01 { background-color: #E6EAE6; }
#d02m02 { background-color: #BC64A4; color: white;}
#d02m03 { background-color: #FDEDE4; }
#d02m04 { background-color: #FBDAC8; }
#d02m05 { background-color: #009854; color: white;}
#d02m06 { background-color: #7058A3; color: white;}
#d02m07 { background-color: #0068B7; color: white;}
#d02m08 { background-color: #0098D4; color: white;}
#d02m09 { background-color: #368A56; color: white;}
#d02m10 { background-color: #8F2E14; color: white;}
#d02m11 { background-color: #8B724A; color: white;}
#d02m12 { background-color: #CAA980; }

/* 03 */
#d03m01 { background-color: #AFAFB0; }
#d03m02 { background-color: #21297E; color: white;}
#d03m03 { background-color: #F4B3C2; }
#d03m04 { background-color: #F5A0BD; }
#d03m05 { background-color: #01686D; color: white;}
#d03m06 { background-color: #5C1767; color: white;}
#d03m07 { background-color: #003F8E; color: white;}
#d03m08 { background-color: #409ECC; }
#d03m09 { background-color: #016257; color: white;}
#d03m10 { background-color: #ED6D35; }
#d03m11 { background-color: #583822; color: white;}
#d03m12 { background-color: #852E19; color: white;}

/* 04 */
#d04m01 { background-color: #8D9192; color: white;}
#d04m02 { background-color: #CCA6BF; }
#d04m03 { background-color: #EA5550; }
#d04m04 { background-color: #E383A4; }
#d04m05 { background-color: #014127; color: white;}
#d04m06 { background-color: #F7F7D9; }
#d04m07 { background-color: #3FB5D3; }
#d04m08 { background-color: #0063A7; color: white;}
#d04m09 { background-color: #006B35; color: white;}
#d04m10 { background-color: #EC5415; color: white;}
#d04m11 { background-color: #504946; color: white;}
#d04m12 { background-color: #5D5644; color: white;}

/* 05 */
#d05m01 { background-color: #736D71; color: white;}
#d05m02 { background-color: #50347E; color: white;}
#d05m03 { background-color: #CF0125; }
#d05m04 { background-color: #84A2D4; }
#d05m05 { background-color: #BCE2E8; }
#d05m06 { background-color: #DDEAB2; }
#d05m07 { background-color: #4593A0; color: white;}
#d05m08 { background-color: #1E50A2; color: white;}
#d05m09 { background-color: #005243; color: white;}
#d05m10 { background-color: #C78A77; }
#d05m11 { background-color: #4E454A; color: white;}
#d05m12 { background-color: #4E4B3A; color: white;}

/* 06 */
#d06m01 { background-color: #705B67; color: white;}
#d06m02 { background-color: #DEBDD8; }
#d06m03 { background-color: #FEF4F4; }
#d06m04 { background-color: #68A9CF; }
#d06m05 { background-color: #70C6F5; }
#d06m06 { background-color: #E0DE94; }
#d06m07 { background-color: #59B9C6; }
#d06m08 { background-color: #004C97; color: white;}
#d06m09 { background-color: #003D26; color: white;}
#d06m10 { background-color: #BE8F68; }
#d06m11 { background-color: #FFCC7B; }
#d06m12 { background-color: #E5CC96; }

/* 07 */
#d07m01 { background-color: #0D0015; color: white;}
#d07m02 { background-color: #B269A1; }
#d07m03 { background-color: #F3A68C; }
#d07m04 { background-color: #F1F5DC; }
#d07m05 { background-color: #4C6CB3; color: white;}
#d07m06 { background-color: #657D61; color: white;}
#d07m07 { background-color: #016171; color: white;}
#d07m08 { background-color: #02428C; color: white;}
#d07m09 { background-color: #6EBDC2; }
#d07m10 { background-color: #946C45; color: white;}
#d07m11 { background-color: #FEB75B; }
#d07m12 { background-color: #E6D89B; }

/* 08 */
#d08m01 { background-color: #B8C43A; }
#d08m02 { background-color: #6C2735; color: white;}
#d08m03 { background-color: #F2A0A1; }
#d08m04 { background-color: #69B076; }
#d08m05 { background-color: #316745; color: white;}
#d08m06 { background-color: #665A1A; color: white;}
#d08m07 { background-color: #006888; color: white;}
#d08m08 { background-color: #064A84; color: white;}
#d08m09 { background-color: #67B5B7; }
#d08m10 { background-color: #B55233; color: white;}
#d08m11 { background-color: #F5811E; }
#d08m12 { background-color: #A69425; }

/* 09 */
#d09m01 { background-color: #69821B; color: white;}
#d09m02 { background-color: #EA4A6E; }
#d09m03 { background-color: #F5B1AA; }
#d09m04 { background-color: #FBCA4D; }
#d09m05 { background-color: #2CB232; }
#d09m06 { background-color: #FFF8A8; }
#d09m07 { background-color: #F7F6F5; }
#d09m08 { background-color: #202F55; color: white;}
#d09m09 { background-color: #006069; color: white;}
#d09m10 { background-color: #7B411C; color: white;}
#d09m11 { background-color: #CD5E3C; color: white;}
#d09m12 { background-color: #B4935D; color: white;}

/* 10 */
#d10m01 { background-color: #7B8D42; color: white;}
#d10m02 { background-color: #EA618E; color: white;}
#d10m03 { background-color: #E8383D; color: white;}
#d10m04 { background-color: #E5A323; }
#d10m05 { background-color: #F5F6CA; }
#d10m06 { background-color: #FFF352; }
#d10m07 { background-color: #608FC3; }
#d10m08 { background-color: #3F61A1; color: white;}
#d10m09 { background-color: #17184B; color: white;}
#d10m10 { background-color: #BA8B40; }
#d10m11 { background-color: #8D6029; color: white;}
#d10m12 { background-color: #AC6B25; color: white;}

/* 11 */
#d11m01 { background-color: #BDD99F; }
#d11m02 { background-color: #D3336F; color: white;}
#d11m03 { background-color: #F4DDA5; }
#d11m04 { background-color: #ECDECF; }
#d11m05 { background-color: #D1DE4C; }
#d11m06 { background-color: #F6D700; }
#d11m07 { background-color: #5371AD; color: white;}
#d11m08 { background-color: #55295B; color: white;}
#d11m09 { background-color: #003221; color: white;}
#d11m10 { background-color: #B76651; color: white;}
#d11m11 { background-color: #FFDFAC; }
#d11m12 { background-color: #FBBAA8; }

/* 12 */
#d12m01 { background-color: #D6E9CA; }
#d12m02 { background-color: #D5345E; color: white;}
#d12m03 { background-color: #E65454; }
#d12m04 { background-color: #A29779; }
#d12m05 { background-color: #E3E548; }
#d12m06 { background-color: #FAC559; }
#d12m07 { background-color: #FAC559; color: white;}
#d12m08 { background-color: #A6A5C4; }
#d12m09 { background-color: #282B6E; color: white;}
#d12m10 { background-color: #823616; color: white;}
#d12m11 { background-color: #DCD3B2; }
#d12m12 { background-color: #F79383; color: white;}

/* 13 */
#d13m01 { background-color: #37A34A; color: white;}
#d13m02 { background-color: #585B54; color: white;}
#d13m03 { background-color: #ED6D3D; }
#d13m04 { background-color: #E8ECE9; }
#d13m05 { background-color: #E4DC8A; }
#d13m06 { background-color: #FCC800; }
#d13m07 { background-color: #192F60; color: white;}
#d13m08 { background-color: #83CCD2; }
#d13m09 { background-color: #28285A; color: white;}
#d13m10 { background-color: #6D3C32; color: white;}
#d13m11 { background-color: #9FA09E; color: white;}
#d13m12 { background-color: #F4816F; color: white;}

/* 14 */
#d14m01 { background-color: #7B8D44; color: white;}
#d14m02 { background-color: #726D40; color: white;}
#d14m03 { background-color: #E23620; color: white;}
#d14m04 { background-color: #949495; color: white;}
#d14m05 { background-color: #72640C; color: white;}
#d14m06 { background-color: #F8F4E6; }
#d14m07 { background-color: #FDEDE6; }
#d14m08 { background-color: #4CB8E7; }
#d14m09 { background-color: #BF783E; color: white;}
#d14m10 { background-color: #622D18; color: white;}
#d14m11 { background-color: #55461B; color: white;}
#d14m12 { background-color: #EB6101; color: white;}

/* 15 */
#d15m01 { background-color: #00552E; color: white;}
#d15m02 { background-color: #89C3EB; }
#d15m03 { background-color: #D11C1E; color: white;}
#d15m04 { background-color: #D5DAD4; }
#d15m05 { background-color: #D0C67C; }
#d15m06 { background-color: #F7B894; }
#d15m07 { background-color: #B370A6; color: white;}
#d15m08 { background-color: #FFD911; }
#d15m09 { background-color: #8A3B00; color: white;}
#d15m10 { background-color: #BB5520; color: white;}
#d15m11 { background-color: #473A17; color: white;}
#d15m12 { background-color: #B16268; color: white;}

/* 16 */
#d16m01 { background-color: #F0F6DA; }
#d16m02 { background-color: #A4C1D7; }
#d16m03 { background-color: #D2A4C8; }
#d16m04 { background-color: #CBD0D3; }
#d16m05 { background-color: #A49627; color: white;}
#d16m06 { background-color: #C39143; color: white;}
#d16m07 { background-color: #94ADDA; color: white;}
#d16m08 { background-color: #FFFA9C; }
#d16m09 { background-color: #BD6856; color: white;}
#d16m10 { background-color: #E9BC00; color: white;}
#d16m11 { background-color: #FABABA; }
#d16m12 { background-color: #FDCEBA; }

/* 17 */
#d17m01 { background-color: #006E54; color: white;}
#d17m02 { background-color: #4C5E74; color: white;}
#d17m03 { background-color: #915DA3; color: white;}
#d17m04 { background-color: #898989; color: white;}
#d17m05 { background-color: #8D6F2F; color: white;}
#d17m06 { background-color: #E29399; }
#d17m07 { background-color: #6B76AE; color: white;}
#d17m08 { background-color: #FFF97D; }
#d17m09 { background-color: #7DBB7D; }
#d17m10 { background-color: #D7D0CA; }
#d17m11 { background-color: #DA81B2; color: white;}
#d17m12 { background-color: #EEDCB3; }

/* 18 */
#d18m01 { background-color: #47744B; color: white;}
#d18m02 { background-color: #6C3524; color: white;}
#d18m03 { background-color: #985B9E; color: white;}
#d18m04 { background-color: #626063; color: white;}
#d18m05 { background-color: #464646; color: white;}
#d18m06 { background-color: #724943; color: white;}
#d18m07 { background-color: #7F1184; color: white;}
#d18m08 { background-color: #F6AD49; }
#d18m09 { background-color: #BCCDDB; }
#d18m10 { background-color: #C9C9C4; }
#d18m11 { background-color: #B4766B; color: white;}
#d18m12 { background-color: #B4766D; color: white;}

/* 19 */
#d19m01 { background-color: #9FC24D; }
#d19m02 { background-color: #223A70; color: white;}
#d19m03 { background-color: #591074; color: white;}
#d19m04 { background-color: #524E4D; color: white;}
#d19m05 { background-color: #494A41; color: white;}
#d19m06 { background-color: #FCD575; }
#d19m07 { background-color: #F7A7A0; }
#d19m08 { background-color: #F79101; }
#d19m09 { background-color: #7C7684; color: white;}
#d19m10 { background-color: #AFAFB5; color: white;}
#d19m11 { background-color: #B1585C; color: white;}
#d19m12 { background-color: #DEB068; color: white;}

/* 20 */
#d20m01 { background-color: #288C66; color: white;}
#d20m02 { background-color: #FFF1CF; }
#d20m03 { background-color: #895B8A; color: white;}
#d20m04 { background-color: #C7DC68; }
#d20m05 { background-color: #8CCAB0; }
#d20m06 { background-color: #F19D45; }
#d20m07 { background-color: #E49E61; }
#d20m08 { background-color: #F08300; }
#d20m09 { background-color: #FFFCBF; }
#d20m10 { background-color: #7D7D7D; color: white;}
#d20m11 { background-color: #7D7B83; color: white;}
#d20m12 { background-color: #715C61; color: white;}

/* 21 */
#d21m01 { background-color: #A0D8EF; }
#d21m02 { background-color: #FFF799; }
#d21m03 { background-color: #AAA7D0; }
#d21m04 { background-color: #D8E698; }
#d21m05 { background-color: #47885E; color: white;}
#d21m06 { background-color: #F39800; }
#d21m07 { background-color: #C56950; color: white;}
#d21m08 { background-color: #DD7A56; }
#d21m09 { background-color: #E3EDC8; }
#d21m10 { background-color: #9E8B8E; color: white;}
#d21m11 { background-color: #C8CEAC; }
#d21m12 { background-color: #E0B5D3; }

/* 22 */
#d22m01 { background-color: #00A3AF; color: white;}
#d22m02 { background-color: #FABF14; }
#d22m03 { background-color: #BA64A0; }
#d22m04 { background-color: #2AA74B; color: white;}
#d22m05 { background-color: #036122; color: white;}
#d22m06 { background-color: #973B2C; color: white;}
#d22m07 { background-color: #B94047; color: white;}
#d22m08 { background-color: #FFCC83; }
#d22m09 { background-color: #EDEE9E; }
#d22m10 { background-color: #585C5B; color: white;}
#d22m11 { background-color: #BBC8AC; }
#d22m12 { background-color: #9079B6; color: white;}

/* 23 */
#d23m01 { background-color: #38A1DB; color: white;}
#d23m02 { background-color: #FFEC47; }
#d23m03 { background-color: #745399; color: white;}
#d23m04 { background-color: #88CB9D; }
#d23m05 { background-color: #034415; color: white;}
#d23m06 { background-color: #773C30; color: white;}
#d23m07 { background-color: #B7282E; color: white;}
#d23m08 { background-color: #FEAE01; }
#d23m09 { background-color: #EBE960; }
#d23m10 { background-color: #D0AF4C; }
#d23m11 { background-color: #9E9478; color: white;}
#d23m12 { background-color: #674196; color: white;}

/* 24 */
#d24m01 { background-color: #00688B; color: white;}
#d24m02 { background-color: #D8E2AE; }
#d24m03 { background-color: #934491; color: white;}
#d24m04 { background-color: #A3D49C; }
#d24m05 { background-color: #264939; color: white;}
#d24m06 { background-color: #F9BDC5; }
#d24m07 { background-color: #F5949F; }
#d24m08 { background-color: #C4972F; }
#d24m09 { background-color: #D7CF3A; }
#d24m10 { background-color: #646F2D; color: white;}
#d24m11 { background-color: #7B7C7D; color: white;}
#d24m12 { background-color: #241B36; color: white;}

/* 25 */
#d25m01 { background-color: #0F2350; color: white;}
#d25m02 { background-color: #E5E8E1; }
#d25m03 { background-color: #B33E5C; color: white;}
#d25m04 { background-color: #79C288; }
#d25m05 { background-color: #FACE9D; }
#d25m06 { background-color: #E1849E; }
#d25m07 { background-color: #DE82A7; }
#d25m08 { background-color: #CAAC71; }
#d25m09 { background-color: #FDB86D; }
#d25m10 { background-color: #9D8E87; color: white;}
#d25m11 { background-color: #39423F; color: white;}
#d25m12 { background-color: #824880; color: white;}

/* 26 */
#d26m01 { background-color: #E3D7A3; }
#d26m02 { background-color: #BECEBC; }
#d26m03 { background-color: #CAE2C6; }
#d26m04 { background-color: #79C266; }
#d26m05 { background-color: #F9CC77; }
#d26m06 { background-color: #EB5381; }
#d26m07 { background-color: #AF363B; color: white;}
#d26m08 { background-color: #7D541C; color: white;}
#d26m09 { background-color: #F37F44; }
#d26m10 { background-color: #548778; color: white;}
#d26m11 { background-color: #FDB58F; }
#d26m12 { background-color: #E6B422; }

/* 27 */
#d27m01 { background-color: #FEF400; }
#d27m02 { background-color: #A1A46D; color: white;}
#d27m03 { background-color: #BEE0CE; }
#d27m04 { background-color: #00A968; }
#d27m05 { background-color: #F8B500; }
#d27m06 { background-color: #F19CA7; }
#d27m07 { background-color: #8D3446; color: white;}
#d27m08 { background-color: #A0D8EE; }
#d27m09 { background-color: #F16F4F; }
#d27m10 { background-color: #476B6B; color: white;}
#d27m11 { background-color: #FCE2C4; }
#d27m12 { background-color: #AFB293; color: white;}

/* 28 */
#d28m01 { background-color: #FFD900; }
#d28m02 { background-color: #5F6527; color: white;}
#d28m03 { background-color: #A7D3CF; }
#d28m04 { background-color: #00947A; color: white;}
#d28m05 { background-color: #B36029; color: white;}
#d28m06 { background-color: #CF0141; color: white;}
#d28m07 { background-color: #404040; color: white;}
#d28m08 { background-color: #5D9CBF; }
#d28m09 { background-color: #D3381C; color: white;}
#d28m10 { background-color: #6C6A6D; color: white;}
#d28m11 { background-color: #B47226; color: white;}
#d28m12 { background-color: #CB981B; color: white;}

/* 29 */
#d29m01 { background-color: #C3D825; }
#d29m02 { background-color: #578A3D; color: white;}
#d29m03 { background-color: #A3D3DD; }
#d29m04 { background-color: #00A6AF; color: white;}
#d29m05 { background-color: #7A5347; color: white;}
#d29m06 { background-color: #BBE2F1; }
#d29m07 { background-color: #008DB7; color: white;}
#d29m08 { background-color: #4B7CB6; color: white;}
#d29m09 { background-color: #E95388; color: white;}
#d29m10 { background-color: #665951; color: white;}
#d29m11 { background-color: #8C6B4A; color: white;}
#d29m12 { background-color: #B2A280; color: white;}

/* 30 */
#d30m01 { background-color: #529C47; color: white;}
#d30m02 { cursor: default; }
#d30m03 { background-color: #49BDF0; color: white;}
#d30m04 { background-color: #00B2BC; color: white;}
#d30m05 { background-color: #E8D3D1; }
#d30m06 { background-color: #5383C3; color: white;}
#d30m07 { background-color: #009E9F; color: white;}
#d30m08 { background-color: #356CAC; color: white;}
#d30m09 { background-color: #89438C; color: white;}
#d30m10 { background-color: #83515D; color: white;}
#d30m11 { background-color: #54513E; color: white;}
#d30m12 { background-color: #B26724; color: white;}

/* 31 */
#d31m01 { background-color: #E0EBAF; }
#d31m02 { cursor: default;}
#d31m03 { background-color: #ECE093; }
#d31m04 { cursor: default; }
#d31m05 { background-color: #F0908D; }
#d31m06 { cursor: default; }
#d31m07 { background-color: #044D78; color: white;}
#d31m08 { background-color: #460E44; color: white;}
#d31m09 { cursor: default; }
#d31m10 { background-color: #D1BADA; }
#d31m11 { cursor: default; }
#d31m12 { background-color: #00AFCC; }

/* Media Selector */
@media (max-width: 800px) {
	.birthday-color .month {
		display: none;
	}
	.birthday-color .mm {
		display: block;
	}
}
@media (max-width: 480px) {
	.popup-content-colorcodes-box {
		font-size: smaller;
	}
	.popup-content-colorbox-items {
		margin-left: 0px;
	}
}