@font-face {

    font-family: 'gfdpui-icon';

    src: url('../font/gfdpui-icon.eot?51640040');

    src: url('../font/gfdpui-icon.eot?51640040#iefix') format('embedded-opentype'),

         url('../font/gfdpui-icon.woff2?51640040') format('woff2'),

         url('../font/gfdpui-icon.woff?51640040') format('woff'),

         url('../font/gfdpui-icon.ttf?51640040') format('truetype'),

         url('../font/gfdpui-icon.svg?51640040#gfdpui-icon') format('svg');

    font-weight: normal;

    font-style: normal;

} 

.gfdpui-icon:before {

    font: normal normal normal 18px/1 gfdpui-icon;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: auto;

}

.gfdpui-icon-calendar:before { content: '\e800'; } /* '' */

.gfdpui-icon-calendar-1:before { content: '\e801'; } /* '' */

.gfdpui-icon-calendar-2:before { content: '\e802'; } /* '' */

.gfdpui-icon-calendar-4:before { content: '\e803'; } /* '' */

.gfdpui-icon-calendar-outlilne:before { content: '\e805'; } /* '' */

.gfdpui-icon-calendar-6:before { content: '\e806'; } /* '' */

.gfdpui-icon-angle-left:before { content: '\f104'; } /* '' */

.gfdpui-icon-angle-right:before { content: '\f105'; } /* '' */

.gfdpui-icon-calendar-empty:before { content: '\f133'; } /* '' */

.gfdpui-icon-calendar-plus-o:before { content: '\f271'; } /* '' */

.gfdpui-icon-calendar-minus-o:before { content: '\f272'; } /* '' */

.gfdpui-icon-calendar-times-o:before { content: '\f273'; } /* '' */

.gfdpui-icon-calendar-check-o:before { content: '\f274'; } /* '' */

.gfdpui-icon-calendar-3:before { content: '\f4c5'; } /* '' */



.gfdpui.ui-datepicker {

    width: 230px;

    overflow: hidden;

    background: #fff;

    border-radius: 4px;

    padding-bottom: 8px;

    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.35);

    -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.35);

    box-shadow: 0 1px 10px 0 rgba(0,0,0,.35);

}

.gfdpui.ui-datepicker .ui-datepicker-calendar {

    table-layout: auto;

    border: none;

    border-collapse: collapse;

}

.gfdpui.ui-datepicker .ui-datepicker-header,

.gfdpui.ui-datepicker .ui-datepicker-calendar thead {

    background: #263238;

    box-shadow: none;

    border: none;

}

.gfdpui.ui-datepicker .ui-datepicker-header {

    padding-top: 6px;

}

.gfdpui.ui-datepicker thead th {

    padding-bottom: 7px;

    text-shadow: none;

    font-size: 10px;

    border: none;

    color: #fff;

    background-color: transparent;

}

.gfdpui.ui-datepicker tbody tr,

.gfdpui .ui-datepicker-calendar a.ui-state-default,

.gfdpui .ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled {

    background: #fff;

    box-shadow: none;

    text-shadow: none;

}

.gfdpui.ui-datepicker tbody tr td {

    padding-top: 4px;

    text-align: center;

}

.gfdpui.ui-datepicker tbody tr:first-child td {

    padding-top: 8px;

}

.gfdpui.ui-datepicker thead tr th:first-child,

.gfdpui.ui-datepicker tbody tr td:first-child {

    padding-left: 6px;

}

.gfdpui.ui-datepicker thead tr th:last-child,

.gfdpui.ui-datepicker tbody tr td:last-child {

    padding-right: 6px;

}

.gfdpui .ui-datepicker-title select {

    width: auto;

    height: auto;

    line-height: 1;

    margin: 6px 1px;

    min-width: 62px;

    border-radius: 0;

    border: 1px solid transparent;

}

.gfdpui.ui-datepicker thead,

.gfdpui.ui-datepicker tbody tr, 

.gfdpui.ui-datepicker tbody td {

    border-top: none;

    border-right: none;

    border-bottom: none;

}

.gfdpui.ui-datepicker td a, 

.gfdpui.ui-datepicker td span {

    color: #444;

    width: 28px;

    height: 28px;

    line-height: 28px;

    font-weight: normal;

}

.gfdpui.ui-datepicker .ui-datepicker-calendar .ui-state-hover {

    background: #eaeaea;

    border-radius: 50%;

}

.gfdpui.ui-datepicker .ui-datepicker-calendar .ui-state-active {

    color: #fff;

    border: none;

    border-radius: 50%;

    background: #263238;

    font-weight: 500;

}

.gfdpui .ui-datepicker-calendar td:first-child .ui-state-active,

.gfdpui .ui-datepicker-calendar td:last-child .ui-state-active,

.gfdpui .ui-datepicker-calendar tr:last-child .ui-state-active {

    width: 28px;

    height: 28px;

}

.gfdpui.ui-datepicker .ui-datepicker-next, 

.gfdpui.ui-datepicker .ui-datepicker-prev {

    color: #fff;

    margin-top: 2px;

    position: relative;

}

.gfdpui.ui-datepicker .ui-datepicker-next {

    margin-right: 8px;

    background-image: none;

}

.gfdpui.ui-datepicker .ui-datepicker-prev {

    margin-left: 6px;

    background-image: none;

}

.gfdpui.ui-datepicker .ui-datepicker-prev:hover,

.gfdpui.ui-datepicker .ui-datepicker-next:hover {

    opacity: 0.8;

}

.gfdpui.ui-datepicker .ui-datepicker-prev:before,

.gfdpui.ui-datepicker .ui-datepicker-next:before {

    font: normal normal normal 18px/1 gfdpui-icon;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: auto;

    content: "\f104";

    position: absolute;

    width: 30px;

    height: 30px;

    line-height: 28px;

    text-shadow: none;

}

.gfdpui.ui-datepicker .ui-datepicker-next:before {

    content: "\f105";

}



/*Large Mode*/

.gfdpui:not(.gfdpui-large) .ui-datepicker-title select {

    font-size: 14px;

}

.gfdpui.gfdpui-large .ui-datepicker-title select {

    min-width: 80px;

    min-height: 30px;

}

.gfdpui.gfdpui-large { 

    width: 300px;

    padding-bottom: 10px;

}

.gfdpui.gfdpui-large thead th {

    padding-bottom: 10px;

}

.gfdpui.gfdpui-large .ui-datepicker-header {

    padding-top: 10px;

    padding-bottom: 4px;

}

.gfdpui.gfdpui-large td a, 

.gfdpui.gfdpui-large td span {

    width: 36px;

    height: 36px;

    line-height: 36px;

}

.gfdpui.gfdpui-large tbody tr:first-child td {

    padding-top: 10px;

}

.gfdpui.gfdpui-large .ui-datepicker-calendar td:first-child .ui-state-active,

.gfdpui.gfdpui-large .ui-datepicker-calendar td:last-child .ui-state-active,

.gfdpui.gfdpui-large .ui-datepicker-calendar tr:last-child .ui-state-active {

    width: 36px;

    height: 36px;

}

.gfdpui.gfdpui-large .ui-datepicker-next, 

.gfdpui.gfdpui-large .ui-datepicker-prev {

    margin-top: 7px;

}

.gfdpui.gfdpui-large .ui-datepicker-next {

    margin-right: 12px;

}

.gfdpui.gfdpui-large .ui-datepicker-prev {

    margin-left: 12px;

}

.gfdpui.gfdpui-large .ui-datepicker-prev:before,

.gfdpui.gfdpui-large .ui-datepicker-next:before {

    font-size: 20px;

}



/*Theme Style 1*/

.gfdpui.gfdpui-style1 td a, 

.gfdpui.gfdpui-style1 td span,

.gfdpui.gfdpui-style1 .ui-datepicker-calendar a.ui-state-default:not(.ui-state-active) {

    background: #eaeaea;

}

.gfdpui.gfdpui-style1 .ui-datepicker-calendar a.ui-state-active,

.gfdpui.gfdpui-style1 .ui-datepicker-calendar a.ui-state-hover {

    border-radius: 0;

}

.gfdpui.gfdpui-style1 .ui-datepicker-calendar a.ui-state-hover:not(.ui-state-active) {

    background: #ddd;

}



/*Theme Style 2*/

.gfdpui.gfdpui-style2,

.gfdpui.gfdpui-style2 tbody tr, 

.gfdpui.gfdpui-style2 .ui-datepicker-calendar a.ui-state-default, 

.gfdpui.gfdpui-style2 .ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled {

    background: #263238;

}

.gfdpui.gfdpui-style2.ui-datepicker td a, 

.gfdpui.gfdpui-style2.ui-datepicker td span {

    color: #fff;

}

.gfdpui.gfdpui-style2 thead tr {

    border-color: rgba(255,255,255,0.2);

}

.gfdpui.gfdpui-style2 .ui-datepicker-calendar a.ui-state-active,

.gfdpui.gfdpui-style2 .ui-datepicker-calendar a.ui-state-hover:not(.ui-state-active) {

    color: #444;

    background: #fff !important;

}



/*Theme Style 3 & 4*/

.gfdpui.gfdpui-style3,

.gfdpui.gfdpui-style4 {

    border-top: 1px solid #eee;

}

.gfdpui.gfdpui-style3 .ui-datepicker-header, 

.gfdpui.gfdpui-style3 .ui-datepicker-calendar thead,

.gfdpui.gfdpui-style4 .ui-datepicker-header, 

.gfdpui.gfdpui-style4 .ui-datepicker-calendar thead {

   background: #fff !important;

}

.gfdpui.gfdpui-style3 thead th,

.gfdpui.gfdpui-style4 thead th {

    color: #444;

}

.gfdpui.gfdpui-style3 .ui-datepicker-title select,

.gfdpui.gfdpui-style4 .ui-datepicker-title select {

    border-color: #bbb;

}

.gfdpui.gfdpui-style3 .ui-datepicker-next, 

.gfdpui.gfdpui-style3 .ui-datepicker-prev,

.gfdpui.gfdpui-style4 .ui-datepicker-next, 

.gfdpui.gfdpui-style4 .ui-datepicker-prev {

    color: #444;

}

.gfdpui.gfdpui-style4 td a, 

.gfdpui.gfdpui-style4 td span {

    border: 1px solid #ddd;

}

.gfdpui.gfdpui-style4 .ui-datepicker-calendar a.ui-state-active,

.gfdpui.gfdpui-style4 .ui-datepicker-calendar a.ui-state-hover {

    border-radius: 0;

}



/* Datepicker Icon */

.gfdpui-ui-icon input.datepicker {

    min-width: calc(50% - 8px);

}

.gfdpui-ui-icon .ginput_container_date input {

    display: inline-block;

}

.gfdpui-ui-icon input.datepicker.datepicker_with_icon {

    margin-right: 0 !important;

}

.gfdpui-ui-icon img.ui-datepicker-trigger {

    display: none !important;

}

.gfdpui-ui-icon .gfdpui-icon {

    min-width: 18px;

    text-align: center;

    margin-left: -26px;

    display: inline-block;

}

.gfdpui-ui-icon.gfdpui-ui-icon-left .ginput_container_date {

    position: relative;

}

.gfdpui-ui-icon.gfdpui-ui-icon-left .gfdpui-icon {

    line-height: 1;

    margin-left: 10px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.gfdpui-ui-icon.gfdpui-ui-icon-left input.datepicker{

    text-indent: 32px;

}

@media only screen and (max-width: 640px) {

    .gfdpui-ui-icon input.datepicker.datepicker_with_icon {

        width: 100%;

    }

}