.nt-month-set{
display:flex;
flex-wrap:wrap;
}

.nt-month-header{
text-align: center;
display:grid;
align-items:center;
grid-template-columns:1fr 1fr 1fr;
}

.nt-month-header-previous{
grid-column-start:1;
grid-column-end:1;
grid-row-start:1;
justify-self:left;
}

.nt-month-header-center{
grid-column-start:2;
grid-column-end:2;
grid-row-start: 1;
align-self: center;
justify-self: center;
white-space: nowrap;
}

.nt-month-header-zoom{
grid-column-start:3;
grid-column-end:3;
grid-row-start:1;
justify-self:left;
}

.nt-month-header-next{
grid-column-start:3;
grid-column-end:3;
grid-row-start:1;
justify-self:right;
}

.nt-month-header-cell{
display:grid;
align-items: center;
justify-items: center;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nt-month-row{
display:grid;
align-items: center;
justify-items: center;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.nt-month-header-cell > div{
text-align: center;
height: 1.8em !important;
font-weight: bold;
background-color: #F8F8FF!important;
}

.nt-monthday-cell{
cursor: pointer;
display: grid;
justify-items: center;
}

.nt-monthday-cell a{
text-decoration: none; 
}

.nt-monthday-empty-cell{
border: 1px solid transparent !important;
background-color: #FFFFF8;
}


.nt-month-big{
margin-bottom: 1em;
margin-right: 1em;
background: url("") repeat scroll 0 0 white;  
width:62em;
}

.nt-month-big > div > div {
width: 8em;
height: 8em;
padding: 3px;
margin: 1px;
float: left;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
}

.nt-content{
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat; 
background-position: bottom left;
width: 100%;
height: 100%;
text-align: center;
font-size: 1.1em;
}

.nt-label{
text-align: center;
font-size: 56pt;
color: #DDDDDD;
align-self: center;
justify-self: center;
width: 100%;
}

.nt-label-empty{
text-align: center;
font-size: 56pt;
color: #DDDDDD;
align-self: center;
justify-self: center;
width: 100%;
}

.nt-month-small{
margin-bottom: 1em;
margin-right: 1em;
background: url("") repeat scroll 0 0 white;
float:left;
width:14.25em;
display:grid;
align-items:center;
}

.nt-month-small > div > div {
border: 1px solid #DDDDDD;
margin: 1px;
width: 1.8em;
}

.nt-label-small{
background-repeat: no-repeat; 
background-position: bottom left;
}

.nt-label-empty-small{
}

.nt-holiday{
color: #DDDDDD!important;
background-color: #444444!important;
}

/* Corner radius */
.cal-corner-right-small {
border-radius:  0px 6px 6px 0px; 
}

.cal-corner-left-small { 
border-radius:  6px 0px 0px 6px; 
}

.cal-corner-all-small { 
border-radius: 6px; 
}

.cal-corner-right {
border-radius:  0px 12px 12px 0px; 
}

.cal-corner-left  {
border-radius:  12px 0px 0px 12px; 
}

.cal-corner-all { 
border-radius: 12px; 
}

.cal-grad{
}


.cal-scroll{
overflow: scroll;
overflow-x: scroll;
overflow-y: hidden;
}

.nt-planner-outside{
display:grid;
grid-template-columns:11em 1fr;
}

.planner-header-row-size{
height: 2em;
width: 100%;
}

.planner-row-size{
width: 100%;
border: 0px solid #DDDDDD;
}

.planner-names-width{
width: 10em;
}

.planner-data-width{
width: 2em;
}

.planner-header-names-text{
}
.planner-header-data-height{
height: 2em;
padding: 3px;
}

.planner-data-height{
height: 100%;
}

.planner-border{
border: 1px solid #dddddd;
}


.ui-resizable-e{
border: 1px dashed #888888;
width: 3px;
}

.planner-data{
position:absolute;
padding-left:0;
padding-right:0;
border: 1px solid #888888;
overflow:hidden;
z-index:10;
}

.ui-resizable-handle {
z-index: 500;
}

.nt-relative{
position:relative;
}

.planner-back{
border:1px solid #FAFAFA;    
position:absolute;
top:0;
left:0;
color:#EEEEEE;        
font-size:11pt;
}