.codica-manager-page p, .codica-manager-page a{
	font-size: 14px;
}
.codica-dp{
	margin: 12px auto;
	max-width: 200px;
}
.codica-weekdays {
    padding: 8px 0;
}
/* The Modal (background) */
.codica-modal {
	display: none;
	z-index: 99000 !important;
	direction: rtl;
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}
/* Modal Content */
.codica-datepicker-main{
	position: relative;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
	border-radius: 2px;
	margin: 2px auto;
	top: 25%;
	vertical-align: middle;
}
.codica-datepicker-main.codica-portrait {
    top: 10%;
}
.codica-portrait{
	max-width: 360px;
}
.codica-landscape{
	max-width: 640px;
}
.codica-head{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	color: #424242;
	vertical-align: middle;
	align-content: center;
	align-items: center;
}
.codica-head div{
	padding: 12px;
}
.codica-foot{
	display: flex;
	justify-content: space-around;
	align-content: center;
}
.codica-center{
	align-content: center;
	align-items: center;
	align-self: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
}
.codica-flex{
	display: flex;
	flex-wrap: nowrap;
	
}
.codica-baseline{
	align-items: baseline;
}
.codica-flex-h{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.codica-selectedYMD{
	justify-content: space-around;
}
.codica-flex-v{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-basis: 35%;
	flex-shrink: 1;
}
.codica-flex-td{
	flex-basis: 15%;
	text-align: center;
	padding: 2px 0px;
	align-content: space-around;
}
.codica-flex-th{
	padding: 12px 0;
	
}
.codica-scale-x{
	transform: scale(1.2,1);
}

.codica-pointer{
	cursor: pointer;
}
.codica-circle{
	cursor: pointer;
	width: 32px;
	height: 32px;
	padding: 4px;
	background-color: none;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	transition: all 0.2s;
}
.codica-circle:hover{
	font-size: larger;
	background-color: #F4F4F4;
	transition: all 0.2s;
}
.codica-btn-primary{
	background: #1E88E5;
	color: white;
	padding: 8px;
	border: none;
	border-radius: 3px;
}
.codica-btn{
	cursor: pointer;
}
.codica-btn:hover{
	box-shadow: inset 0 0 200px #0000002e;
	transition: all 0.2s;
}
.codica-dpSubmit{
	font-size: larger;
	color: white;
	width: 100%;
	margin: 12px;
	padding: 8px;
	border-radius: 3px;
}
.codica-dpCancel{
	font-size: larger;
	color: white;
	width: 100%;
	margin: 12px;
	padding: 8px;
	border-radius: 3px;
}
.noselect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.codica-thisYM{
	font-size: larger;
}
.codica-nextMonth , .codica-prevMonth {
	transition: all .2s;
}
.codica-picky-item{
	padding: 8px;
	width: 100%;
	text-shadow: none;
	opacity: 0.3;
}
.codica-picky-item:hover {
    text-shadow: 0 1px 2px gray;
    opacity: 1;
}
.codica-nextMonth:hover , .codica-prevMonth:hover , .codica-picky-item:hover{
	font-size: larger;
    text-shadow: 0 1px gray;
	transition: all .2s;
}
.codica-selectedDate{
	display: block;
	flex-wrap: nowrap;
	justify-content: space-between;
	color: #FAFAFA;
	vertical-align: middle;
	align-content: center;
	align-items: center;
	text-shadow: 0 1px 4px #757575;
}
.codica-myDay {
    color: white !important;
}
.w100{
	width: 100%;
}
.codica-hide{
	display: none !important;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.clear-right{
	clear: right;
}
.clear-left{
	clear: left;
}
.pt-4{
	padding-top: 4px;
}
.pl-8{
	padding-left: 8px;
}
.pr-8{
	padding-right: 8px;
}
.pt-8{
	padding-top: 8px;
}
.pb-8{
	padding-bottom: 8px;
}
.p-8{
	padding: 8px;
}
.pl-12{
	padding-left: 12px;
}
.pr-12{
	padding-right: 12px;
}
.pt-12{
	padding-top: 12px;
}
.pb-12{
	padding-bottom: 12px;
}
.p-12{
	padding: 12px;
}
.ml-8{
	margin-left: 8px;
}
.mr-8{
	margin-right: 8px;
}
.mt-8{
	margin-top: 8px;
}
.mb-8{
	margin-bottom: 8px;
}
.m-8{
	margin: 8px;
}
.ml-12{
	margin-left: 12px;
}
.mr-12{
	margin-right: 12px;
}
.mt-12{
	margin-top: 12px;
}
.mb-12{
	margin-bottom: 12px;
}
.m-12{
	margin: 12px;
}
.font-larger{
	font-size: larger;
}
.font-large{
	font-size: large;
}
.font-xlarge{
	font-size: x-large;
}
.codica-justify{
	text-align: justify;
}
body.codica-modal-open {
    overflow: hidden;
}
.codica-color-sample{
	width: 24px;
	height: 24px;
	border-radius: 100%;
}
form.codica-colors input[type="text"] {
    max-width: 120px;
	direction: ltr;
}
form.codica-colors p {
    padding: 0 6px;
    width: 180px;
	text-align: center;
}
.codica-dp-preview{
	flex-basis: 30%;
	background: white;
	box-shadow: inset 0 0 3px gray;
	margin-right: 16px;
}
.codica-dp-colors{
	flex-basis: 70%;
	align-self: flex-start;
}
.codica-manager-page {
    line-height: 36px;
	padding: 36px;
}

.codica-dp-left-col {
    width: 55%;
}
.codica-dp-right-col {
    width: 45%;
}
.codica-datepicker-landscape .codica-selectedDate , .codica-datepicker-mi-landscape .codica-selectedDate{
	height: 100%;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-basis: 400px;
    align-items: center;
    justify-content: center;
}
.codica-datepicker-landscape .codica-flex-v , .codica-datepicker-mi-landscape .codica-flex-v {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-content: center;
    align-items: stretch;
    flex-basis: 100%;
    flex-shrink: 1;
    width: 80%;
}
.codica-datepicker-landscape .codica-selectedDay , .codica-datepicker-mi-landscape .codica-selectedDay {
    font-size: larger;
}
.codica-datepicker-landscape .codica-top-section , .codica-datepicker-mi-landscape .codica-top-section {
    width: 100%;
    padding: 28px;
}
.codica-datepicker-mi , .codica-datepicker-mi-landscape{
	direction: ltr;
}

.codica-datepicker-main .zmdi{
	font-size: larger;
	font-weight: 700;
}

.codica-flex-v .codica-flex {
    flex-basis: 35%;
}

.codica-portrait .codica-selectedYMD {
    max-height: 200px;
}

@media only screen and (max-width: 640px) {
    /* Modal Content */
	.codica-datepicker-main{
		width: 100%;
		height: 100%;
	    margin: 0;
	    padding: 0;
	    top: 0;
	    left: 0;
		position: relative;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		max-width: 640px;
		border-radius: 2px;
		vertical-align: middle;
	}
}