@charset "utf-8";

/* Alert */
/* .alert_overlay__.block_overlay__ {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIf7n/4zwjjgzgCigKMYAEYB8RmROaABAAQCg/DqNBm8AAAAABJRU5ErkJggg==") repeat;
    background-color: #2E7D32 !important;
    opacity: 0.60;
    filter: alpha(opacity = 50) \9;
} */

.alert_overlay__.block_overlay__ {
    background-color: #555555 !important;
    opacity: 0.60;
    filter: alpha(opacity = 50) \9;
}


/* .alert__.block_overlay_msg__ {
    background: #fff;
    border: 1px solid #66BB6A;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
} */
.alert__.block_overlay_msg__ {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
}

/* .alert__.block_overlay_msg__ .msg_title_box__ {
    background-color: #66BB6A;
    border-top: none;
} */

.alert__.block_overlay_msg__ .msg_title_box__ {
    background-color: #fff;
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
    padding: 28px 20px 18px;
}


/* .alert__.block_overlay_msg__ .msg_title_box__ .msg_title__ {
    background: none;
    padding: 0 0 0 12px;
    margin: 0;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 0 #4CAF50;
    line-height: 36px;
} */

.alert__.block_overlay_msg__ .msg_title_box__ .msg_title__ {
    background: none;
    margin: 0;
    font-size: 20px;
    color: #333333;
    font-weight:600;
}


/* .alert__.block_overlay_msg__ .msg_title_box__ .msg_title_close__ {
    float: right;
    height: 17px;
    width: 17px;
    margin-top: 8px;
    margin-right: 8px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIYCDkVrZsQowAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADZSURBVDjLtZOxDgFBEIa/uIv23sA7aEm8BI03uUJDwRNodBoaCp6AggjRX0NBLSERxTU0u8lmM3PuEiaZbHbn3293Z2bhx1YBVsAQCBRNB9gBVQ1wAt7GpwJo4MRvEmjtCKxPHFBfiF/t5tCMCdDwwG0jvgCxcPvEXygDM+E0zTdAJOUlL2irAVzQvCig5M1T6a2OnYHnt17p5XjOOKOP6BZIrAiKFfEeWCqxkQ85KoDIJHshxO8+pAY8HMHBq4IPSoGWlJO6+RNaH9jyv4BmVnWCHL895B/2AShtccx+lX2aAAAAAElFTkSuQmCC') no-repeat right 0;
    cursor: pointer;
    opacity: 0.5;
} */

.alert__.block_overlay_msg__ .msg_title_box__ .msg_title_close__ {
    float: right;
    height: 19px;
    width: 19px;
    margin-top: 0;
    margin-right: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2NjhCRDBFNjI2QjExRUE5ODdDRkNGNkI0QzFDQjg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2NjhCRDBGNjI2QjExRUE5ODdDRkNGNkI0QzFDQjg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODY2OEJEMEM2MjZCMTFFQTk4N0NGQ0Y2QjRDMUNCODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODY2OEJEMEQ2MjZCMTFFQTk4N0NGQ0Y2QjRDMUNCODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5b23BZAAAAuklEQVR42pzSwQ3CMAwFUPMZgANnOgBijDADizAGi7BD9+COekVqB0DwI7kSahM7JtJvWjl+UhVvUkonEbkxF2aS+Noxd+YKPgZmz/RaiEK99g8ZG5mzFiPgDIn2j9CPKLiC8gt+DrSCRWiJtYBVqIRZoAnVsBJ48CALm8HEbJmH7lXIw0rrYxXRcP1v5qi7OTZovP6n/rI5NgjM0eSBiMyRByIAuSCCkAniD6gKZqxjXkFoCeb+7ivAAEilQx+hR4mMAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    cursor: pointer;
    opacity: 0.5;
}

.alert__.block_overlay_msg__ .msg_title_box__ .msg_title_close__:hover {
    opacity: 0.2;
}

.alert__.block_overlay_msg__ .msg_box__ {
    padding: 15px 15px 0 15px;
    color : rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 22px;
    display: block;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*
    white-space: pre;
    height: auto !important;
    min-height: 135px;
    */
}

.alert__.block_overlay_msg__ .buttonBox__ {
    padding: 15px;
    text-align: center;
}

.alert__.block_overlay_msg__ .buttonBox__ .cancel__ {
    margin-left: 8px;
}

.alert__.block_overlay_msg__ .buttonBox__ a {
    text-decoration: none;
    display: inline-block;
}

.alert__ {
	overflow:hidden;
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */
}

.alert__.visible__ {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.alert__.hidden__ {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

.alert__.orgin_left__ {
    transform-origin: top left;
}

.alert__.orgin_right__ {
    transform-origin: top right;
}

.alert__.block_overlay_msg__.draggable__ .msg_title_box__ {
    cursor: pointer;
}

/* Alert for input elements */
.alert_tooltip__.msg__ {
    position: absolute;
    background-color: #2E7D32;
    padding: 5px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    margin-right: 5px;
}

.alert_tooltip__.alert_before_show__ {
    margin-left: 3px;
    margin-top: 3px;
}

.alert_tooltip__.alert_after_show__ {

}

.alert_tooltip__.msg__>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.alert_tooltip__.msg__ ul.msg_line_box__ {

}

.alert_tooltip__.msg__ ul.msg_line_box__ li {
    font-size: 13px;
    line-height: 14px;
    padding: 1px 1px 1px 15px;
    background:    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAvElEQVQoz7WRLW5CYRREz/1CEASBQDcIgmUHiIqqLoDKOnaEqkJUVTQoREnYQlNR0RTfFbR5vHNrIOGvooJxk8zN3JmBSyP2idoBJsAQ+AIegE9gU0r55kh8pS7U66qqmmpfvVFX6vOJlTpTe2p3y1vqS2b+qLc7Xdm7aQPdiFirE+ApIkaZeQ+870SNI6O3zFxGxBTYZOYd0AEGwMdfLzXVR3Vc13VR59syTjKcCz1Tx/+qtZTyevFxD/ALNrGGAZ7BYBgAAAAASUVORK5CYII=') no-repeat 3px 2px;
    color : rgba(255, 255, 255, 0.87);
    margin-right: 5px;
    font-style: italic;
    font-weight: 300;
    white-space: nowrap;
}

.alert_tooltip__.msg__ .msg_close__ {
    position: absolute;
    top: 0;
    right: 0;
    height: 12px;
    width: 12px;
    background:    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAtElEQVQoz72RsarCUBBEzwYJEqzuN0mwEh8iYmntRwULC7EQfRYiftMUVmLh2NxACNZut8PszOwu/Kwk1ZJ2ksoOVkn6lzRusUFnZhMRU9uVpCVQAMeIqG0/gHt/YGX7GBEz2wegzOQzsG5J0Ys1zKoTANsXYJ5SerWcorfKG3h1+kGfU3TUS2Cf97javmSnk6Tqm0OT89+AP2Bu+xwRNbD/dqWt7RGwSik9s+vCdgM0v3vwB+cHXCGFSqtOAAAAAElFTkSuQmCC") no-repeat;
}

.alert_tooltip__.alert_before_show__ {
}

.alert_tooltip__.alert_before_show__ .msg_close__ {
    left: 0;
}

.alert_tooltip__.alert_after_show__ {
}

.alert_tooltip__.alert_after_show__ .msg_close__ {
    right: 0;
}

/* Popup */
.popup__.block_overlay_msg__ {
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.popup__.block_overlay_msg__ > .msg_title_box__ {

}

.popup__.block_overlay_msg__ > .msg_title_box__ .msg_title__ {

}

.popup__.alert__.block_overlay_msg__ > .msg_box__ {
    display: block;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

.popup__.alert__.block_overlay_msg__ > .msg_box__ > .view_context__ {
    /* To prevent inheritance on iOS */
    -webkit-overflow-scrolling: auto;
    position: relative;
    resize: none;
}

.popup__.block_overlay_msg__ > .msg_box__ {
    background-color: #ffffff;
    padding: 0;
    border-radius: 10px;
}

.popup__.block_overlay_msg__ > .buttonBox__ {

}

.popup__.block_overlay_msg__ > .msg_title_box__ .msg_title_close__:hover {

}

/* Button */
a.btn_common__, input[type='button'].btn_common__, button.btn_common__ {
    display: inline-block;
    margin-bottom: 2px 0 2px 0 !important;
    overflow: visible;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0px;
}

a.btn_disabled__, input.btn_disabled__, button.btn_disabled__ {
    will-change: opacity;
    transform: translateZ(0)\0; /* for ie 8+ */

    opacity: 0.6;
    transition: opacity 0.3s ease;
    cursor: default;
}

a.btn_common__ {
    text-decoration: none;
}

/* Button Icon */
a.btn_common__ img {

}

/* a.btn_white__, input[type='button'].btn_white__, button.btn_white__ {
    color: #4f535c !important;
    background-color: #ffffff;
    border: 1px solid #81C784;
}
 */
a.btn_white__, input[type='button'].btn_white__, button.btn_white__ {
    color: #4f535c !important;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
}


a.btn_gray__, input[type='button'].btn_gray__, button.btn_gray__ {
    color: #ffffff !important;
    background-color: #a2a2a2;
    border: 1px solid #707070;
}

a.btn_blue__, input[type='button'].btn_blue__, button.btn_blue__ {
    color: #ffffff !important;
    background-color: #6666ff;
    border: 1px solid #2727ff;
}

a.btn_skyblue__, input[type='button'].btn_skyblue__, button.btn_skyblue__ {
    color: #ffffff !important;
    background-color: #3cc3ff;
    border: 1px solid #0071eb;
}

a.btn_green__, input[type='button'].btn_green__, button.btn_green__ {
    color: #ffffff !important;
    background-color: #008800;
    border: 1px solid #43A047;
}

a.btn_yellowgreen__, input[type='button'].btn_yellowgreen__, button.btn_yellowgreen__ {
    color: #ffffff !important;
    background-color: #9ACD32;
    border: 1px solid #00A900;
}

a.btn_smaller__, input[type='button'].btn_smaller__, button.btn_smaller__ {
    padding: 0 8px 0 8px;
    font-size: 13px;
    height: 18px;
    line-height: 16px;
}

a.btn_smaller__ {
    height: 16px;
    line-height: 16px;
}

a.btn_smaller__ {
    line-height: 14px\0; /* for ie 8+ */
}

input[type='button'].btn_smaller__, button.btn_smaller__ {
    line-height: 16px\0; /* for ie 8+ */
}

a.btn_small__, input[type='button'].btn_small__, button.btn_small__ {
    padding: 0px 8px 0px 8px;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
}

a.btn_small__ {
    height: 20px;
    line-height: 18px\0; /* for ie 8+ */
}

input[type='button'].btn_small__, button.btn_small__ {
    line-height: 20px\0; /* for ie 8+ */
}

a.btn_medium__, input[type='button'].btn_medium__, button.btn_medium__ {
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    height: 28px;
    line-height: 23px;
}

a.btn_medium__ {
    height: 24px;
}

input[type='button'].btn_medium__, button.btn_medium__ {
    line-height: 27px\0; /* for ie 8+ */
}

a.btn_large__, input[type='button'].btn_large__, button.btn_large__ {
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    height: 35px;
    line-height: 32px;
    font-weight: bold;
}

a.btn_large__ {
    height: 33px;
    line-height: 30px\0; /* for ie 8+ */
}

input[type='button'].btn_large__, button.btn_large__ {
    line-height: 32px\0; /* for ie 8+ */
}

a.btn_big__, input[type='button'].btn_big__, button.btn_big__ {
    padding: 0px 10px 0px 10px;
    font-size: 18px;
    height: 48px;
    line-height: 45px;
    font-weight: bold;
}

a.btn_big__ {
    line-height: 44px\0; /* for ie 8+ */
    height: 46px;
}

input[type='button'].btn_big__, button.btn_big__ {
    line-height: 41px\0; /* for ie 8+ */
}

/* Button - customStyle */
a.btn_mouseover__, input[type='button'].btn_mouseover__, button.btn_mouseover__ {

}

a.btn_mousedown__, input[type='button'].btn_mousedown__, button.btn_mousedown__ {

}

a.btn_mouseup__, input[type='button'].btn_mouseup__, button.btn_mouseup__ {

}

a.btn_mouseout__, input[type='button'].btn_mouseout__, button.btn_mouseout__ {

}

/* Select */
.select_input_container__ .select_input_label__ {
    display: inline-block;
}

.select_input_container__.select_input_vertical__ .select_input_label__ {
    display: block;
}

/* Form */
.validate_false__ {
    border-color: red !important;
    border-style: dashed !important;
}

.row_data_deleted__, .row_data_deleted__ input, .row_data_deleted__ select, .row_data_deleted__ textarea {
    color : rgba(0, 0, 0, 0.6);
}

.data_changed__ {

}

/* List */
.list__ > .row_data_changed__,
.list__ > .row_data_changed__ input,
.list__ > .row_data_changed__ select,
.list__ > .row_data_changed__ textarea {
    color : rgba(0, 0, 0, 1);
}

.list__ > .row_data_changed__ {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAwklEQVQoz43RPS4FURgG4GcmJ9xNSCxAJacQnU4oRcQ2LIBcnd4+XGoLmOI7jcQOLALB0czcTIbkzle+ed7zy4yJiMNSygKaGfgED3jGWbMBH+MRW320aiJiOXHfuEfu8aLPP3He4npSeMH+BH/hIuf8lCDnfDPoUkqqtb7+g1fQjpfuuq6ttV7hFG89vsTPYNK4kFLaxR12cIS9nPMqIj6w/WcHHKDrL/g+HGP0SkREnfEXa5P6YLmpNEyL2xlubX4BL0tBXgAp37oAAAAASUVORK5CYII=") no-repeat 99% 50%;
}

.list__ > .row_data_deleted__ {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAlklEQVQoz42O0QnDMAxEL8VzNNAZDvKbJbxMPxKadbyEfwOCbBBo5+hHfy6gGgUiMH6STtx1aMrM3gDuaj8ke7/vJHq52QRgCRgk5yQe9VcvcHzskZwQJGcE5RPcguUj4tbBC1YzyxoVMxu85s+B5A4gAyh6WbP44EpFkYpcLkcaSFaSVXwaKbkjNJzQwCb750n07xHzBySYOv4iJxqqAAAAAElFTkSuQmCC") no-repeat 99% 50%;
}

.list__.list_hover__ > li:hover,
.list__.list_hover__ > li:hover input,
.list__.list_hover__ > li:hover select,
.list__.list_hover__ > li:hover textarea {
    background-color: #E8F5E9;
}

.list__.list_select__ > li {
    cursor: pointer;
}

.list__.list_select__ > .list_selected__,
.list__.list_select__ > .list_selected__ input,
.list__.list_select__ > .list_selected__ select,
.list__.list_select__ > .list_selected__ textarea {
    background-color: #E8F5E9;
}

.list__ li.empty__ {
    text-align: center;
}

.context_wrap__ {
    position: relative;
}

.context_wrap__>.list__>li li.empty__ {
    border-top: none;
    text-align: center;
}

/* Grid */
.grid__ > tbody {
    background-color: #ffffff;
}

.grid__ > .row_data_changed__,
.grid__ > .row_data_changed__ input,
.grid__ > .row_data_changed__ select,
.grid__ > .row_data_changed__ textarea {
    color : rgba(0, 0, 0, 1);
}

.grid__ > .row_data_changed__>tr:first-child>td:first-child {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAwklEQVQoz43RPS4FURgG4GcmJ9xNSCxAJacQnU4oRcQ2LIBcnd4+XGoLmOI7jcQOLALB0czcTIbkzle+ed7zy4yJiMNSygKaGfgED3jGWbMBH+MRW320aiJiOXHfuEfu8aLPP3He4npSeMH+BH/hIuf8lCDnfDPoUkqqtb7+g1fQjpfuuq6ttV7hFG89vsTPYNK4kFLaxR12cIS9nPMqIj6w/WcHHKDrL/g+HGP0SkREnfEXa5P6YLmpNEyL2xlubX4BL0tBXgAp37oAAAAASUVORK5CYII=") no-repeat 1% 50%;
    color: #000;
}

.grid__ > .row_data_deleted__>tr:first-child>td:first-child {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAlklEQVQoz42O0QnDMAxEL8VzNNAZDvKbJbxMPxKadbyEfwOCbBBo5+hHfy6gGgUiMH6STtx1aMrM3gDuaj8ke7/vJHq52QRgCRgk5yQe9VcvcHzskZwQJGcE5RPcguUj4tbBC1YzyxoVMxu85s+B5A4gAyh6WbP44EpFkYpcLkcaSFaSVXwaKbkjNJzQwCb750n07xHzBySYOv4iJxqqAAAAAElFTkSuQmCC") no-repeat 1% 50%;
    color: #000;
}

.grid__.grid_hover__ > tbody:hover,
.grid__.grid_hover__ > tbody:hover input,
.grid__.grid_hover__ > tbody:hover select,
.grid__.grid_hover__ > tbody:hover textarea    {
    background-color: #E8F5E9;
}

.grid__.grid_select__ > tbody {
    cursor: pointer;
}

.grid__.grid_select__ > .grid_selected__,
.grid__.grid_select__ > .grid_selected__ input,
.grid__.grid_select__ > .grid_selected__ select,
.grid__.grid_select__ > .grid_selected__ textarea {
    background-color: #f5f5f5;
}

.grid__ td.empty__ {
    text-align: center;
}

.tbody_wrap__>.grid__>tbody td.empty__ {
    border-top: none;
    text-align: center;
}

.grid__ thead th, .grid__ tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.grid__>thead>tr>th .resize_bar__ {
    background-color: #66BB6A;
    opacity: 0.6;
    cursor: e-resize;
    z-index: 1;
}

.v_resizable__ {
    height: 3px;
    margin-right: 18px;
    border-bottom: 3px double #C8E6C9;
}

.grid_wrap__ {

}

/* Grid - Data Filter */
.grid__>thead .btn_data_filter__ {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: -16px;
    transition: margin-right 0.3s ease;
}

.grid__>thead .btn_data_filter__ span {
    text-indent: -9999px;
    display: inline-block;
    overflow: hidden;
    height: 16px;
    width: 16px;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.grid__>thead .btn_data_filter__:hover {
    will-change: margin-right;
    transform: translateZ(0)\0; /* for ie 8+ */

    margin-right: 0px;
    transition: margin-right 0.3s ease;
}

.grid__>thead .btn_data_filter__:hover span {
    will-change: opacity;
    transform: translateZ(0)\0; /* for ie 8+ */

    opacity: 1;
    transition: opacity 0.3s ease;
}

.grid__>thead .btn_data_filter__.btn_data_filter_empty__ span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABOklEQVQ4y2N89e2rhMfWVTe//P7Nx0AC4GFl/bTDO0ydSYyL+0WujnE9KZoZGBgYcnWM68W4uF8wMTAwMMSoaU9R5Re8QqxmVX7BKzFq2lMYGBgYmBgYGBhYmZn/1Bpb5RJrQK2xVS4rM/MfuAEMDAwMFhLSB7zllFcQ0uwtp7zCQkL6AIzPhCxZbmhezMXC8gWXZi4Wli/lhubFyGIoBkhw8zzL1jFqxGVAto5RowQ3zzOcBjAwMDDEq+tMUuITuIEursQncCNeXWcSujiGAWzMLL9qjC0xArTG2DKXjZnlF0EDGBgYGGwkZfe4yyqugfHdZRXX2EjK7sGmFqsBDAwMDJ5ySquxsYk2gIGB4R8ONtEGEAVoZ4C9lOy2AEXVRYQMYMElwc3K9o2BgSF+7d0b+zmZWb7hUgcAXz9B79ssNEEAAAAASUVORK5CYII=') 0 0 no-repeat;
}

.grid__>thead .btn_data_filter__.btn_data_filter_part__ span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABZUlEQVQ4y2N89e2rhMfWVTe//P7Nx0AC4GFl/bTDO0ydRYyL+8X865fq28+f6C/UM6mW5+W/hU/jw88f1fovnWnN1TGuF+PifsHAwMDA8PvvXxbvrasvp+zfvpWQzSn7t2/13rr68u+/f1lQJE68eOqgtmzW/z2P7/vh0rzn8X0/tWWz/p948dQBJsaIrKDwyN7lF9++sigxMCvFZkDPhVPd+sJiJ/ptnCOxGvDi6xcpj62rbn7784cHmwFcLCxfdniHqUtw8zyDiTEhK5Dg5nmWrWPUiMsL2TpGjciaMQxgYGBgiFfXmaTEJ3ADXVyJT+BGvLrOJHRxDAPYmFl+1Rhb5qKL1xhb5rIxs/wiaAADAwODjaTsHndZxTUwvrus4hobSdk92NRiNYCBgYHBU05pNTY20QYwMDD8w8Em2gCiAO0MsJeS3RagqLqIkAEsuCS4Wdm+MTAwxK+9e2M/JzPLN1zqAP7xc07MhO4lAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

.grid__>thead .btn_data_filter__.btn_data_filter_full__ span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABeElEQVQ4y2NMO7B984Fnj30YSAQ8rKyfdniHqbNUG1kVHnuxxsVaQnqPv6LqQkIaH37+qNZ/6Uxrro5xvRgX9wsGBgYGhgkXTzcbrpr/8eW3r1KEDEjZv32r99bVl3///csCF/z2+zeXw4Zl94uP7luMT/Oex/f91JbN+n/ixVMHDMmdj+4FqS2b9f/Uy2d22DR///2bw2nj8ruFR/Yux2lD0r5tO323rbmI4jwomHTpTKPBqnmfX3z9gtub9z6+V9NeMefnwhuX85DFH33+qKS7cu732dculBCMnu7zJ9uNVy94//r7NzGYWMbBnRs9tqy6/uvvHzaCBnz99YvHbv3Sx+XHD8xnYGBgOPD0oZfasln/jzx/7EJQMwxsfXAnTH3ZrL9X3r42ctm04nbu4d2rcallwiboraCy6j8DA9OjL5+UHn35pOIpp0SaAVjAP0oNYCDLgA33byWSbcB0OzffOx8/aFDkvO+/f3NMunSmce+TBzizOwC2vq2OXKHQ7wAAAABJRU5ErkJggg==') 0 0 no-repeat;
}

.grid__>thead .data_filter_panel__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */

    border: 1px solid #A5D6A7;
    max-width: 300px;
    position: absolute;
    background-color: #E8F5E9;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 4px;
    margin: 0;
    color : rgba(0, 0, 0, 0.87);
    text-shadow: none;
}

.grid__>thead .data_filter_panel__.visible__ {
    transform: scale(1);
    transform-origin: top left;
    opacity: 1;

    transition: opacity 0.3s ease, transform 0.3s ease;
}

.grid__>thead .data_filter_panel__.hidden__ {
    transform: scale(0.7);
    transform-origin: top left;
    opacity: 0;

    transition: opacity 0.15s linear, transform 0.15s linear;
}

.grid__>thead .data_filter_panel__ .data_filter_search__ {
    padding: 0;
    margin: 0;
}

.grid__>thead .data_filter_panel__ .data_filter_search__ .data_filter_search_btn__ {
    line-height: 100%;
    height: 24px;
    width: 24px;
    margin: 0 0 0 -26px;
}

.grid__>thead .data_filter_panel__ .data_filter_search__ .data_filter_search_word__ {
    width: 100%;
    height: 28px;
    padding: 3px 3px;
    border: 1px solid #A5D6A7;
    font-size: 14px;
    line-height: 100%;
    box-sizing: border-box;
}

.grid__>thead .data_filter_panel__ .data_filter_search__ .data_filter_search_btn__ span {
    text-indent: -9999px;
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACkElEQVRIx9WUTWjTYBjHX5s2ycE1Ne0KGzJ7CKPVVkFCEayFMeZhdLsOHUwc7DSQ6S6Cx168jO684sYYbRXLCpZuo6OTfRyERCGuSCdhdDJE+5ElQ1g+ltaLGWV0MXaC+D+9z5v/8/x43jfPC8D/rgvNNhVVNaf32PvpIjuc5yqkIEs4BiOcF3fQAy4iNnCFiFsg6LglACscuCe2cq8+C9x12ASJPns7bUfQUlUSndvVMinXVLQbwz9OB3qHCOxS4Y/aYYUDtz85X/YkokqEocKCJNoavwuSaIswVNiTiCr+5HyZFQ7chosrqmoOZZKMJxFV1vb3Qnretf29kCcRVUKZJKOoqtkQYHF3Z6Q7PlOPMFTYiD/CUOHu+Ex9cXdnRM9n0hbpIjsMmyBx1O2bMgIYdfumYBMkpovssJ7vpL08VyF99nYaQ1AeAAA2vn65+0NRrKcTLlosh8HOriyGoPy91Td0nquQhgCCLOF2BC1p8fMP7yLsIX/1dAJhtX0CAFwDAAA7gpbey1LAEACDEa4qiU4tfnrz1uOzOlj6ta5KohODEc4QwIs7aKr0LShIog1DUD7Y2ZXVSxQk0XY7FSP9zo4NSsd3cskDLiIm11R0trA9CQxotrA9KddUdNBFLBjxtzQH3pcvjqpHRw4970kHFgg6ng70DrVZYH58M5vSm+TxzWxKrdfNck1Fx9aXl0/7GtXSWwSbIFGuqWjj/c319Pdpv7guQDuuxtf0UJZwK4xwPrydHnQRC3c6Lq+Mra8sN87AWZCmACMSJNH28O3S6u8gLQOMQkytlwcAQ1B+rqe/z4s7aG0vz1XIR1u511p8LkAzSJsF5p/cIJ+dt27T43qQy6wyle/+v178n+on0hJgLlrFZYYAAAAASUVORK5CYII=') 0 0 no-repeat;
    position: absolute;
    right: 4px;
    margin-top: 1px;
}

.grid__>thead .data_filter_panel__ .data_filter_checkall_box__ {
    padding: 0;
    line-height: 16px;
    margin: 2px 0 0 0;
}

.grid__>thead .data_filter_panel__ .data_filter_checkall_box__ input {
    margin: 0 2px 0 1px;
}

.grid__>thead .data_filter_panel__ .data_filter_progress__ {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    cursor: wait;
    background-color: #E8F5E9;
}

.grid__>thead .data_filter_panel__ .data_filter_list__ {
    max-width: 500px;
    text-align: left;
    list-style: none;
    padding: 0 0 1px 0;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.grid__>thead .data_filter_panel__ .data_filter_list__ li {
    padding: 0;
    line-height: 16px;
    margin: 0 0 0 0;
}

.grid__>thead .data_filter_panel__ .data_filter_list__ li input {
    margin: 0 2px 0 1px;
}

.thead_wrap__ {
    position: relative;
}

.thead_wrap__>table, .tbody_wrap__>table, .tfoot_wrap__>table {
    min-width: 100%;
}

.tbody_wrap__>table, .tfoot_wrap__>table {
    border-top: none;
}

.thead_wrap__ thead th .asc__ {
    color: blue;
}

.thead_wrap__ thead th .desc__ {
    color: red;
}

.tbody_wrap__ {
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIf7n/4zwjjgzgCigKMYAEYB8RmROaABAAQCg/DqNBm8AAAAABJRU5ErkJggg==") repeat;
    -webkit-overflow-scrolling: touch;
}

.tbody_wrap__ .grid__ td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* Grid - Column fixed */
.grid_container__ {
    position: relative;
}

.grid_container__ > .grid_wrap__ {
    /* -webkit-overflow-scrolling: touch; */
}

.grid__ > thead > tr > th.grid_head_fixed__ {
    border-top-width: 2px;
}

/* Details popup */
.grid__ .grid_more_colgroup_col__,
.grid__ .grid_more_thead_col__ {
    width: 30px;
    text-align: center;
    line-height: 0;
}

.grid__ .grid_more_tbody_col__ {
    text-align: center;
    line-height: 0;
}

.grid__ .grid_col_show_hide_btn__ {
    line-height: 16px;
}

.grid__ .grid_col_show_hide_btn__ > span {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALUlEQVQ4y2NUWzbrPwMSuBWVxsjAwMBArDgTA4Vg4A0YeMA4GguDAIzGAgMDAP1VH0VMDrsrAAAAAElFTkSuQmCC') 0 0 no-repeat;
}

.grid__ .grid_more_btn__ {
    line-height: 16px;
}

.grid__ .grid_more_btn__ > span {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABVUlEQVQ4y2NkIAA+//rJd/j5Ezdc8iyEDOBlY/809fJZjYmXzzZjk2fc9vBuCD4DvOSV1zAwMDBMv3Kuqv/SmVYMA9SWzfqPz4BbUWmMDAwMDF9//+Lx3bb24pOvn5UwvDDB2jkUZhM28O33L660gzs3o2tmYGBgYCIUBt9+/+bKOLRr86lXzx0YGBgYZHl476Vo6nURFYjf//zmyDy0a+OJl8+cGBgYGGS4eR8scvJxlObhfTT18tnPEy+fbcZpwI8/vzmyDu3eeOzFUxcGBgYGKS6eB4ucvB2leXgfMTAwMGTrGrdMvnSGCacXfv/7x/bl9y8+BgYGBkku7keLnL2dZXj5Hjz7+lkGFnO5eiZNDGrLZv3HFZWffv3kyzm8e+3DTx/hgbft4d0Q5JjDGwZ8bOyfGBgYgqfgUUMwFgiBgTeAYFLGBWBJnGWCtXMoOQZ4QWkAIHuD/uzmSGwAAAAASUVORK5CYII=') 0 0 no-repeat;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */

    border: 1px solid #A5D6A7;
    background-color: #E8F5E9;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: left;
    z-index: 1;
    color : rgba(0, 0, 0, 0.87);
    text-shadow: none;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__.visible__ {
    transform: scale(1);
    transform-origin: top right;
    opacity: 1;

    transition: opacity 0.3s ease, transform 0.3s ease;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__.hidden__ {
    transform: scale(0.7);
    transform-origin: top right;
    opacity: 0;

    transition: opacity 0.15s linear, transform 0.15s linear;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__ input[type=checkbox] {
    margin: 0 2px 0 0;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__ > .grid_more_col_list__ {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.grid__ .grid_more_thead_col__ .grid_more_panel__ > .grid_more_col_list__ > .grid_more_cols__ {
    padding: 0;
    margin: 5px 0 0 0;
}

.grid_more_popup_contents__ > .grid_more_contents__ {
}

.grid_more_popup_contents__ > .grid_more_contents__ {
    padding: 10px;
}

.grid_more_popup_contents__ > .grid_more_contents__ > table {
    width: auto;
}

.grid_more_popup_contents__ > .grid_more_contents__ th {
    text-align: right;
    min-width: 100px;
}

.grid_more_popup_contents__ > .grid_more_contents__ .grid_more_thead_col__,
.grid_more_popup_contents__ > .grid_more_contents__ .grid_more_tbody_col__ {
    text-align: center;
    vertical-align: middle;
}

.grid_more_popup_contents__ > .grid_more_contents__ td {
    min-width: 250px;
    max-width: 500px;
    text-align: left;
}

.grid_more_popup_contents__ .btn_box__ {
    text-align: center;
    margin-bottom: 10px;
}

.grid_more_popup_contents__ .btn_box__ > .prev_btn__,
.grid_more_popup_contents__ .btn_box__ > .next_btn__ {
    border: 1px solid #4CAF50;
    line-height: 18px;
    padding: 2px 5px 4px 5px;
}

.grid_more_popup_contents__ .btn_box__ .page__ {
    margin: 0 10px;
    font-size: 15px;
}

/* Tab */
.tab__>ul,
.tab__>.tab_native_scroll__>ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.tab__>ul>li,
.tab__>.tab_native_scroll__>ul>li {
    float: left;
    margin-right: 1px;
    padding: 6px 8px;
    border: 1px solid #66BB6A;
    cursor: pointer;
    min-width: 60px;
    font-size: 14px;
    text-align: center;
    background-color: #81C784;
    border-radius: 0 3px 0 0;
    line-height: 22px;
}

.tab__>ul>li>a,
.tab__>.tab_native_scroll__>ul>li>a {
    text-shadow: 0 1px 0 #66BB6A;
    color: rgba(255, 255, 255, 0.87);
    text-decoration: none;
}

.tab__>ul>li.tab_active__,
.tab__>.tab_native_scroll__>ul>li.tab_active__ {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.tab__>ul>li.tab_active__>a,
.tab__>.tab_native_scroll__>ul>li.tab_active__>a {
    color: inherit;
    text-shadow: none;
}

.tab__>.tab_native_scroll__ {
    overflow-x: scroll;
    padding: 0;
    margin: 0 0 -1px 0;
    border: none;
    -webkit-overflow-scrolling: touch;
}

.tab__>ul.tab_scroll__.effect__ {
    will-change: margin-left;
    transform: translateZ(0)\0; /* for ie 8+ */

    transition: margin-left 0.25s cubic-bezier(0.76, 0.07, 0.3, 1.5);
}

.tab__>.tab_scroll_prev__, .tab__>.tab_scroll_next__ {
    border: 1px solid #66BB6A;
    background-color: #C8E6C9;
    color : rgba(0, 0, 0, 0.87);
}

.tab__>.tab_scroll_prev__ span {
    line-height: 24px;
    padding: 4px 11px 4px 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAtUlEQVQoz8XRodJBcRDG4d/+RxAE4QvuAU00siCZMYJ+dlyKIJ/Zc7Iqy4KZL0mKKxAEV3Be5RhGE4yNT3jf2V34yZRl2YyI3rtHxCBFhN5wWFXVUdLsYUVRtCJiDfw3XrAtaQVMgPNLwFhSDhyAlGqcSjoBmFlX0t7M/iJiA+TA0t0XAOnT/RKAu2/NrAsg6WRmI0nXOnUJ5HXbsyHLspu7OzAHOg93952Z9YELUH181u8/9Q42dk+9nXu6TQAAAABJRU5ErkJggg==') no-repeat 50%;
}

.tab__>.tab_scroll_next__ span {
    line-height: 24px;
    padding: 4px 11px 4px 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAsUlEQVQoz7WQsQ4BYRCEv70oFAqFwjugU4paLRGF/jYeRi3zX63QeAjRqBTiHRRK9a3myEU0Ir5ydmdms/B3JA0/aP2iKJqf9jPgKGmVUmo9xYiYlWV5kjR6C4qsMnUj4ixpUptfga0kpZTa9QbcfQEsgbWkjZl1ImJvZr2q8SJp+jJ8Q1bdtgHWwNLdFxFxM7NxRFwAzKzn7juABlACVzMb5Hl+r4V1gbm7H3566/95AGM+TQjURIitAAAAAElFTkSuQmCC') no-repeat 50%;
}

.tab__>.tab_scroll_prev__.disabled__ span, .tab__>.tab_scroll_next__.disabled__ span {
    will-change: opacity;
    transform: translateZ(0)\0; /* for ie 8+ */

    opacity : 0.4;
    transition: opacity 0.3s ease;
}

.tab__>ul {
    margin-bottom: -1px;
}

.tab__>ul li.tab_disabled__ {
    will-change: opacity;
    transform: translateZ(0)\0; /* for ie 8+ */

    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.tab__>div {
    padding: 15px;
    border: 1px solid #66BB6A;
}

.tab__>div > .view_context__ {
    opacity: 0;
}

.tab__>div.hidden__ > .view_context__ {
    will-change: opacity;
    transform: translateZ(0)\0; /* for ie 8+ */

    opacity: 0;
}

.tab__>div.visible__ > .view_context__ {
    opacity: 1;
    transition: opacity 0.5s ease;
}

/* Datepicker */
.datepicker_contents__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */

    border: 1px solid #A5D6A7;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    font-size: 14px;
    z-index: 1;
    padding: 2px;
    width: 314px;
}

.datepicker_contents__ > .datepicker_years_panel__ {
    width: 40px;
    float: left;
    background-color: #E8F5E9;
}

.datepicker_contents__ > .datepicker_months_panel__ {
    width: 56px;
    float: left;
    margin-left: 2px;
    background-color: #E8F5E9;
}

.datepicker_contents__.datepicker_monthonly__ > .datepicker_months_panel__ {
    background-color: #FFFFFF;
}

.datepicker_contents__ > .datepicker_days_panel__ {
    width: 210px;
    float: left;
    margin-left: 2px;
}

.datepicker_contents__.visible__ {
    transform: scale(1);
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.datepicker_contents__.hidden__ {
    transform: scale(0.7);
    opacity: 0;
    transition: opacity 0.3s linear, transform 0.15s linear;
}

.datepicker_contents__.orgin_left__ {
    transform-origin: top left;
}

.datepicker_contents__.orgin_right__ {
    transform-origin: top right;
}

.datepicker_monthonly__ {
    width: 102px;
    top: 1px;
}

.datepicker_contents__ .datepicker_year_item__,
.datepicker_contents__ .datepicker_year_paging__ {
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
}

.datepicker_contents__ .datepicker_year_paging__ > a {
    text-decoration: none;
    color: #4CAF50;
}

.datepicker_contents__ .datepicker_year_paging__ > a > span {
    padding: 5px;
    line-height: 25px;
}

.datepicker_contents__ .datepicker_curr_year__ {
}

.datepicker_contents__ .datepicker_month_item__ {
    line-height: 25px;
    width: 28px;
    float: left;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
}

.datepicker_contents__ .datepicker_month_title__ {
    line-height: 25px;
    width: 58px;
    float: left;
}

.datepicker_contents__ .datepicker_day_item__,
.datepicker_contents__ .datepicker_prev_day_item__,
.datepicker_contents__ .datepicker_next_day_item__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */
    float: left;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: #ffffff;
    line-height: 25px;
    width: 28px;
    text-align: center;
    transform: scaleX(0);
}

.datepicker_contents__ .datepicker_prev_day_item__, .datepicker_contents__ .datepicker_next_day_item__ {
    opacity: 0.5;
}

.datepicker_contents__ .datepicker_day_item__.datepicker_min_date__,
.datepicker_contents__ .datepicker_prev_day_item__.datepicker_min_date__,
.datepicker_contents__ .datepicker_next_day_item__.datepicker_min_date__ {
    opacity: 0.1;
}

.datepicker_contents__ .datepicker_day_item__.datepicker_holiday__,
.datepicker_contents__ .datepicker_prev_day_item__.datepicker_holiday__,
.datepicker_contents__ .datepicker_next_day_item__.datepicker_holiday__ {
    color: red;
}

.datepicker_contents__ .datepicker_day_item__.visible__,
.datepicker_contents__ .datepicker_prev_day_item__.visible__,
.datepicker_contents__ .datepicker_next_day_item__.visible__ {
    transform: scaleX(1);
    font-size: 13px;
    transition: transform 0.3s ease;
}

.datepicker_contents__ .datepicker_day_title__ {
    background-color: #ffffff;
    width: 28px;
    float: left;
    text-align: center;
}

.datepicker_contents__ .datepicker_year_title__,
.datepicker_contents__ .datepicker_month_title__,
.datepicker_contents__ .datepicker_day_title__ {
    border: 1px solid #F1BB33;
    background-color: #F1BB33;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}

.datepicker_contents__ .datepicker_year_selected__ {
    border-color: #C8E6C9;
    border-radius: 45%;
    background:none
}

.datepicker_contents__ .datepicker_month_selected__ {
    border-color: #C8E6C9;
    border-radius: 50%;
    background: none
}

.datepicker_contents__ .datepicker_day_selected__ {
    border-color: #C8E6C9;
    border-radius: 50%;
    background: none
}

.datepicker_contents__ .datepicker_year_item__:hover,
.datepicker_contents__ .datepicker_month_item__:hover,
.datepicker_contents__ .datepicker_day_item__:hover {
    background-color: #C8E6C9;
    border-radius: 50%;
}

.datepicker_contents__.years_panel_position_top__,
.datepicker_contents__.months_panel_position_top__ {
    width: auto;
    text-align: center;
    z-index: 10;
    /*bottom: 5px;*/
}

.datepicker_contents__.years_panel_position_top__ .datepicker_years_panel__ {
    float: none;
    display: inline;
    background-color: inherit;
    border: none;
    width: auto;
}

.datepicker_contents__.years_panel_position_top__ .datepicker_year_item__ {
    border: none !important;
    cursor: pointer;
    line-height: inherit;
    text-align: center;
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
    border-radius: inherit;
    width: auto;
    padding: 0;
    float: none;

    /* Remove the arrow in select box */
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Remove the arrow in select box(ie)*/
.datepicker_contents__.years_panel_position_top__ .datepicker_year_item__::-ms-expand {
    display: none;
}

.datepicker_contents__.years_panel_position_top__ .datepicker_year_item_select__ {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.datepicker_contents__.years_panel_position_top__ .datepicker_year_item__, .datepicker_contents__.years_panel_position_top__ .datepicker_year_paging__ {
    display: inline;
    cursor: pointer;
    line-height: 18px;
    font-size: 15px;
    padding-bottom: 3px;
    font-weight: 400;
}

.datepicker_contents__.years_panel_position_top__ .datepicker_year_paging__ > a {
    text-decoration: none;
    color: #4CAF50;
}

.datepicker_contents__.years_panel_position_top__ .datepicker_year_paging__ > a > span {
    padding: 0 10px;
    line-height: 15px;
    font-weight: 400;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_top_months_panel__ {
    float: none;
    display: inline;
    background-color: inherit;
    border: none;
    width: auto;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_month_item__ {
    border: none !important;
    cursor: pointer;
    line-height: inherit;
    text-align: center;
    background-color: transparent !important;
    box-shadow: none !important;
    color: inherit;
    border-radius: inherit;
    width: auto;
    padding: 0;
    float: none;

    /* Remove the arrow in select box */
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Remove the arrow in select box(ie)*/
.datepicker_contents__.months_panel_position_top__ .datepicker_month_item__::-ms-expand {
    display: none;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_month_item_select__ {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_month_item__, .datepicker_contents__.months_panel_position_top__ .datepicker_month_paging__ {
    display: inline;
    cursor: pointer;
    line-height: 18px;
    font-size: 15px;
    padding-bottom: 3px;
    font-weight: 400;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_month_paging__ > a {
    text-decoration: none;
    color: #4CAF50;
}

.datepicker_contents__.months_panel_position_top__ .datepicker_month_paging__ > a > span {
    padding: 0 10px;
    line-height: 15px;
    font-weight: 400;
}

.datepicker_contents__.years_panel_position_top__ > .datepicker_days_panel__,
.datepicker_contents__.months_panel_position_top__ > .datepicker_days_panel__ {
    float: none;
}

.datepicker_contents__.years_panel_position_left__.months_panel_position_top__ > .datepicker_days_panel__ {
    margin-left: 42px;
}

.datepicker_contents__.years_panel_position_top__.months_panel_position_left__ > .datepicker_days_panel__ {
    margin-left: 62px;
}

/* Datepicker panels position correction */
.datepicker_contents__.years_panel_position_left__.months_panel_position_top__ .datepicker_years_panel__ {
    clear: both;
    text-align: center;
    float: none;
    position: absolute;
}
.datepicker_contents__.years_panel_position_top__.months_panel_position_left__ .datepicker_months_panel__ {
    clear: both;
    margin-left: 0;
    text-align: center;
    float: none;
    position: absolute;
}
.datepicker_contents__.years_panel_position_top__.months_panel_position_top__ .datepicker_days_panel__ {
    clear: both;
    margin-left: 0;
    text-align: center;
    margin-top: 4px;
    overflow: hidden;
}

.datepicker_contents__.years_panel_position_top__.datepicker_monthonly__ .datepicker_year_paging__ span {
    padding: 0 1px;
}
.datepicker_contents__.months_panel_position_top__.datepicker_monthonly__ .datepicker_month_paging__ span {
    padding: 0 2px;
}
.datepicker_contents__.years_panel_position_top__.months_panel_position_top__.datepicker_monthonly__ .datepicker_year_paging__ span,
.datepicker_contents__.years_panel_position_top__.months_panel_position_top__.datepicker_monthonly__ .datepicker_month_paging__ span {
    padding: 0 10px;
}
.datepicker_contents__.years_panel_position_left__.months_panel_position_top__.datepicker_monthonly__ .datepicker_years_panel__ {
    position: static;
    display: inline;
}
.datepicker_contents__.years_panel_position_top__.months_panel_position_left__.datepicker_monthonly__ .datepicker_months_panel__ {
    position: static;
}

/* Tree */
.tree__ {
    text-align: left;
    line-height: 100%;
}

.tree__ a>span {
    color : rgba(0, 0, 0, 0.87);
}

.tree__ ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 160px;
    position: relative;
}

.tree__ ul>li {
    border-left: 1px dotted #A5D6A7;
    margin-left: 5px;
    padding: 0 0 0 7px;
    line-height: 18px;
}

.tree__ ul>li:last-child>.tree_icon__ {
    height: 15px;
}

.tree__>ul>li {
    border-left: none;
}

.tree__>ul>li>a>span {
    font-weight: bold;
    color : rgba(0, 0, 0, 0.87);
}

.tree__ li>.tree_icon__ {
    height: 12px;
    width: 12px;
    cursor: pointer;
    position: absolute;
    margin-left: -14px;
    margin-top: 3px;
}

.tree__ li.tree_open__>.tree_icon__ {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDQxMEUwQUEyMzAxMUU1QkE5NkVGNTMwMjlCNkU2QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MDQxMEUwQkEyMzAxMUU1QkE5NkVGNTMwMjlCNkU2QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgwNDEwRTA4QTIzMDExRTVCQTk2RUY1MzAyOUI2RTZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgwNDEwRTA5QTIzMDExRTVCQTk2RUY1MzAyOUI2RTZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ySJ4rQAAAD9JREFUKFNj3FkV/p+BBMAEpYkGg1ADC5QGA7fWFVAWKthVHQFlIdnwC1UvTjAYg5VYt8MAExvDHyiTGMDAAACx6QspJ9AqrgAAAABJRU5ErkJggg==')
        0 0 no-repeat;
}

.tree__ li.tree_close__>.tree_icon__ {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OTlGMENFREEyMzAxMUU1QTdDMkRFQ0JBODhBRkI2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OTlGMENFRUEyMzAxMUU1QTdDMkRFQ0JBODhBRkI2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5OUYwQ0VCQTIzMDExRTVBN0MyREVDQkE4OEFGQjY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5OUYwQ0VDQTIzMDExRTVBN0MyREVDQkE4OEFGQjY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CXvPDgAAAD5JREFUKFNj3FkV/p+BBMAEpYkG1NHg1roCjLEBkm1A8TQuU3dVR0BZlNoAAzCbkE2GAerYgA9QJx5wAwYGABnyEx8btOMUAAAAAElFTkSuQmCC')
        no-repeat;
}

.tree__ li.tree_close__>ul {
    display: none;
}

.tree__ li>.tree_check__ {
    margin: 0;
}

.tree__ li>.tree_check__ input {
    margin: -3px 2px 0 2px;
}

.tree__ li>.tree_check__ input.tree_auto_parents_select__ {
    opacity: 0.5;
}

.tree__ li.tree_last_node__ {

}

.tree__ li.tree_last_node__>.tree_icon__ {
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzU1OTM0NUJGMkYxMUU1QkQxNUY3MkEwM0IwRUIxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzU1OTM0NkJGMkYxMUU1QkQxNUY3MkEwM0IwRUIxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDNTU5MzQzQkYyRjExRTVCRDE1RjcyQTAzQjBFQjFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDNTU5MzQ0QkYyRjExRTVCRDE1RjcyQTAzQjBFQjFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ChC/UAAAAFVJREFUKFNj3FkV/p+BSMACIizKZ4E5+MCJzjQGJiibKECSYrAzQMDwQDSUBQHnHZZCWQgAV4xNEh3AnfFH2xgnhgG4YparZ3FiGKCDycQAEqKbgQEAp+g24xv+hHUAAAAASUVORK5CYII=')
        no-repeat;
}

.tree__ li.tree_last_node__:last-child>.tree_icon__ {
    background-color: #ffffff;
}

.tree__ li.tree_last_node__ a>span {
    font-weight: 300;
}

.tree__ li>.tree_key__.tree_active__>span {
    font-weight: bold;
    color : rgba(0, 0, 0, 0.87);
}

/* Pagination */
.pagination__ {
    display: inline-block;
}

.pagination__>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
}

.pagination__>ul>li {
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 3px 0 3px;
}

.pagination__ .pagination_lefter__ li {
    width: 20px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDMwNkIyNjc4ODJDMTFFNTk0RDVBMjc4NzNFOTA1NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDMwNkIyNjg4ODJDMTFFNTk0RDVBMjc4NzNFOTA1NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzA2QjI2NTg4MkMxMUU1OTRENUEyNzg3M0U5MDU1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzA2QjI2Njg4MkMxMUU1OTRENUEyNzg3M0U5MDU1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpuAkSEAAAJWSURBVHja1JbNSgMxEMezELBQ6kcfoFD1KQRFUaGiIn4gikdvvo7gQfAiioK1IlZaUFQUfApB8FooKBQU2l032yY2djbJbHLQwBJ2MvvfzGSS/Gjl5vHs5fVtlRDikWQtGB3OFQvT4+vV2ycnWmR3/8hvtVqB7/uJHvYt0wiCwJkW5VExUYvmdfe2WtSBiJx/B1rKSU3MLEb980OFNJvNWBt2UjqNaFLhesbn0muvTLcPZONNpaXTlTP1a2CqsCwi+fr8jB7IBi6fYlKmGu1MKVIOjWH9sX7S8s3Or4lIGo1G9EA25c+ATGE1KKY2TOpF52OiIdVU9fI06scm50RkkO3j/T3+SAB+itXoZEpRI8AY1h/r1yl0Obpy6bgnMshWr9eBAo5fHlMNqtvGqmUxtWF1lUfC5dlh1NdqNaUNeyToNGiS6LCRJ7n7GDZ4/NhPeAEHP3Oy16Ij+VypWL5btYlsNJ87Z70rLc8ltrhqNETYIERYK5EQYUmIw54rLcpEdrY3iU0d7B2cEDJNiCst6pIYXWn9fRymlIor4PH2KtaGnZQOf7XowuqBCetsGDTh3ydCF4and5US6UulRHbuqxegDXOis+9/X8RxKPw/cJg3hqs310WSTqdFdOwdsmHIkvt3ZwxCY2q6zi6RWecPUkL/wICIhqNsJpPpsWF5qrC0IeFwHBL/fRzOZrMiGxxdB4cGe2wq5IXGFla2JPyFENgI8pKirs4nMD2n+PZkeMpRVWXDbnUd/v4bHI62pSXCSlvcVovhMAkR1g7MQo0ODjvR+hZgAEc94em/LcCLAAAAAElFTkSuQmCC')
        no-repeat;
    cursor: pointer;
}

.pagination__ .pagination_lefter__ li.pagination_first__ {
    background-position: 0 0;
}

.pagination__ .pagination_lefter__ li.pagination_prev__ {
    background-position: -19px 0;
    margin-right: 12px;
}

.pagination__ .pagination_righter__ li {
    width: 20px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    background:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDMwNkIyNjc4ODJDMTFFNTk0RDVBMjc4NzNFOTA1NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDMwNkIyNjg4ODJDMTFFNTk0RDVBMjc4NzNFOTA1NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzA2QjI2NTg4MkMxMUU1OTRENUEyNzg3M0U5MDU1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzA2QjI2Njg4MkMxMUU1OTRENUEyNzg3M0U5MDU1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpuAkSEAAAJWSURBVHja1JbNSgMxEMezELBQ6kcfoFD1KQRFUaGiIn4gikdvvo7gQfAiioK1IlZaUFQUfApB8FooKBQU2l032yY2djbJbHLQwBJ2MvvfzGSS/Gjl5vHs5fVtlRDikWQtGB3OFQvT4+vV2ycnWmR3/8hvtVqB7/uJHvYt0wiCwJkW5VExUYvmdfe2WtSBiJx/B1rKSU3MLEb980OFNJvNWBt2UjqNaFLhesbn0muvTLcPZONNpaXTlTP1a2CqsCwi+fr8jB7IBi6fYlKmGu1MKVIOjWH9sX7S8s3Or4lIGo1G9EA25c+ATGE1KKY2TOpF52OiIdVU9fI06scm50RkkO3j/T3+SAB+itXoZEpRI8AY1h/r1yl0Obpy6bgnMshWr9eBAo5fHlMNqtvGqmUxtWF1lUfC5dlh1NdqNaUNeyToNGiS6LCRJ7n7GDZ4/NhPeAEHP3Oy16Ij+VypWL5btYlsNJ87Z70rLc8ltrhqNETYIERYK5EQYUmIw54rLcpEdrY3iU0d7B2cEDJNiCst6pIYXWn9fRymlIor4PH2KtaGnZQOf7XowuqBCetsGDTh3ydCF4and5US6UulRHbuqxegDXOis+9/X8RxKPw/cJg3hqs310WSTqdFdOwdsmHIkvt3ZwxCY2q6zi6RWecPUkL/wICIhqNsJpPpsWF5qrC0IeFwHBL/fRzOZrMiGxxdB4cGe2wq5IXGFla2JPyFENgI8pKirs4nMD2n+PZkeMpRVWXDbnUd/v4bHI62pSXCSlvcVovhMAkR1g7MQo0ODjvR+hZgAEc94em/LcCLAAAAAElFTkSuQmCC')
        no-repeat;
    cursor: pointer;
}

.pagination__ .pagination_righter__ li.pagination_next__ {
    background-position: -19px -19px;
    margin-left: 12px;
}

.pagination__ .pagination_righter__ li.pagination_last__ {
    background-position: 0 -19px;
}

.pagination__ .pagination_body__ li.pagination_page__ {
    margin: 0 3px 0 3px;
    line-height: 25px;
    font-size: 16px;
}

.pagination__ .pagination_body__ li.pagination_page__>a {
	padding:0 8px;
    text-decoration: none;
}

.pagination__ .pagination_body__ li.pagination_page__>a>span {
	display:inline-block;
    padding: 3px 0;
    border-bottom:2px solid transparent;
    font-size: 16px;letter-spacing:0
}

.pagination__ .pagination_body__ li.pagination_page__.pagination_active__>a>span {
    font-weight: bold;
    border-color:#005bac;
    color:#005bac;
}

.pagination__ .pagination_disable__ {
    opacity: 0.6;
}

/* Natural-UI.Shell */
/* N.notify */
.notify__ {
    max-width: 50%;
}

.notify__ .notify_msg__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */
    padding: 8px 23px 9px 12px;
    line-height: 16px;
    text-align: left;
    word-break: break-all;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    transform: scale(0.7);
    opacity: 0;
    background-color: #2E7D32;
    margin-bottom: 5px;
    border-radius: 5px;
}

.notify__ .notify_msg__.visible__ {
    transform: scale(1);
    opacity: 1;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.notify__ .notify_msg__.hidden__ {
    transform: scale(0.7);
    opacity: 0;
    transition: opacity 0.3s linear, transform 0.3s linear;
}

.notify__ .notify_msg__ a, .notify__ .notify_msg__ span {
    line-height: 120%;
    color : rgba(255, 255, 255, 0.87);
    font-weight: 300;
    text-decoration: none;
    font-size: 14px;
}

.notify__ .notify_msg__ .notify_msg_close__ span {
    position: absolute;
    top: 10px;
    right: 7px;
    height: 12px;
    width: 12px;
    background:    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAtElEQVQoz72RsarCUBBEzwYJEqzuN0mwEh8iYmntRwULC7EQfRYiftMUVmLh2NxACNZut8PszOwu/Kwk1ZJ2ksoOVkn6lzRusUFnZhMRU9uVpCVQAMeIqG0/gHt/YGX7GBEz2wegzOQzsG5J0Ys1zKoTANsXYJ5SerWcorfKG3h1+kGfU3TUS2Cf97javmSnk6Tqm0OT89+AP2Bu+xwRNbD/dqWt7RGwSik9s+vCdgM0v3vwB+cHXCGFSqtOAAAAAElFTkSuQmCC") no-repeat;
}

/* N.docs */
.docs__ {
    /* overflow: hidden; */
}

.docs__>.docs_tab_context__ {
    position: relative;
    height: 25px;
    border-bottom: 1px solid #66BB6A;
    z-index: 1;
}

.docs__>.docs_tab_context__>.docs_tabs__.effect__ {
    will-change: margin-left;
    transform: translateZ(0)\0; /* for ie 8+ */

    transition: margin-left 0.3s ease;
}

.docs__>.docs_tab_context__>.docs_tabs__, .docs__>.docs_tab_context__>ul.docs_tab_utils__, .docs__>.docs_tab_context__>ul.docs_tab_utils__ .docs_tab_list__ {
    list-style: none;
    margin: 0;
}

.docs__>.docs_tab_context__>.docs_tabs__ {
    position: absolute;
    left: 0;
    padding: 0;
    margin-left: 4px;
    white-space: nowrap;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__ {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 0;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__ {
    display: inline-block;
    margin-left: 1px;
    padding: 0;
    border-top: 1px solid #66BB6A;
    border-left: 5px solid #66BB6A;
    border-right: 1px solid #66BB6A;
    border-bottom: 1px solid #66BB6A;
    text-align: center;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__ {
    will-change: background-color, border-bottom-color;
    transform: translateZ(0)\0; /* for ie 8+ */
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.inactive__ {
    background-color: #C8E6C9;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.inactive__>.docs_tab_active_btn__>span {
    color: rgba(0, 0, 0, 0.87);
    text-shadow: 0 1px 0 #E8F5E9;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.active__ {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    transition: background-color 0.5s ease, border-bottom-color 0.3s ease;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.active__>.docs_tab_active_btn__>span {
    color: rgba(0, 0, 0, 0.87);
    text-shadow: none;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.stateless__>.docs_tab_active_btn__>span {
    color: rgba(0, 0, 0, 0.40);
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.remove__ {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__>.docs_tab_active_btn__ {
    color : rgba(0, 0, 0, 0.87);
    text-decoration: none;
    padding: 0 12px 0 5px;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__>.docs_tab_active_btn__>span {
    font-size: 15px;
    line-height: 24px;
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__.active__>.docs_tab_active_btn__ {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.docs__>.docs_tab_context__>.docs_tabs__>.docs_tab__>.docs_tab_close_btn__>span {
    position: absolute;
    margin-top: 6px;
    margin-left: -12px;
    height: 12px;
    width: 12px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAe0lEQVQoz81RwQqDUAxLRPyRHfZnFvGyuc8QcZcJ+UB/wsOyyw7lIYOdNKeWpElLgXND0iSpTf0gacyauphZbUtSDaCxPZHssoA7KTfbMwCQ7CNiyXy1s9mW6qYkq8K9tf0ieSfZ254lDb9uuJJ8RMTza/AGcDniAX/gA+szLixcVpjRAAAAAElFTkSuQmCC");
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>li {
    float: left;
    padding: 0;
    border: 1px solid #66BB6A;
    border-bottom: none;
    min-width: 22px;
    max-width: 27px;
    height: 24px;
    text-align: center;
    background-color: #A5D6A7;
    line-height: 10px;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>li>a {
    text-indent: -9999px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>li.docs_tab_close_all_item__>a {
    width: 12px;
    height: 12px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAmElEQVQoz4WSQQrEIAxFxdUcr4iUrkqRUnqfLlz0pg19zkYhBJ1xJf8/kx+MExEPZGBygwOcQBYR74AbKIAAoQMf1S/A5YBdCQJEBSfjBW28yliAzWjRttbAa+7zaLhVgQ1eNOPNm6dT5zOqHmvWXqRk4WDgtQ6u4x0Nngy8qUKz8gpwuvrLTUh/omZXV+MG9h+rEYBLRPwXXH9L1C69EugAAAAASUVORK5CYII=");
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>li.docs_tab_list_item__ {
    margin-left: 1px;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>li.docs_tab_list_item__>a {
    width: 12px;
    height: 12px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQUlEQVQoz2NgIBX8+/fvPw7ciE09E8k20B4Q8sO/f//mIonNZSFk4P///7MZGRn1YGxiXSH3798/Odr4AR3QPh4AFUZuTffRcMIAAAAASUVORK5CYII=");
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__ {
    will-change: opacity, transform;
    transform: translateZ(0)\0; /* for ie 8+ */

    position: absolute;
    text-indent: 0;
    top: 23px;
    right: 0;
    border: 1px solid #A5D6A7;
    max-width: 300px;
    background-color: #E8F5E9;
    box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 2px 6px 2px 6px;
    margin: 2px 0 0 0;
    transform: scale(0.7);
    opacity: 0;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__.visible__ {
    transform: scale(1);
    opacity: 1;
    transform-origin: top right;
    transition: transform 0.3s ease, opacity 0.5s ease;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__.hidden__ {
    transform: scale(0.7);
    opacity: 0;
    transform-origin: top right;
    transition: transform 0.15s linear, opacity 0.15s linear;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__ {
    text-align: right;
    border-bottom: 1px dotted #C8E6C9;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__:last-child {
    border-bottom: none;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__.stateless__ {
    opacity: 0.6;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__>.docs_tab_active_btn__>span {
    color : rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    font-size: 15px;
    line-height: 22px;
    padding-right: 18px;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__.inactive__>.docs_tab_active_btn__>span {
    text-shadow: none;
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__.active__>.docs_tab_active_btn__>span {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.docs__>.docs_tab_context__>ul.docs_tab_utils__>.docs_tab_list_item__ .docs_tab_list__>.docs_tab__>.docs_tab_close_btn__>span {
    position: absolute;
    margin-top: 5px;
    right: 5px;
    height: 12px;
    width: 12px;
    background:    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAe0lEQVQoz81RwQqDUAxLRPyRHfZnFvGyuc8QcZcJ+UB/wsOyyw7lIYOdNKeWpElLgXND0iSpTf0gacyauphZbUtSDaCxPZHssoA7KTfbMwCQ7CNiyXy1s9mW6qYkq8K9tf0ieSfZ254lDb9uuJJ8RMTza/AGcDniAX/gA+szLixcVpjRAAAAAElFTkSuQmCC");
}

.docs__>.docs_contents__ {
    background-color: #fff;
    padding: 5px 10px 30px 10px;
}

.docs__>.docs_contents__.visible__ {
    /* opacity: 1; */
    /* transition: opacity 0.5s ease; */ /* transform 0.5s ease */
}

.docs__>.docs_contents__.hidden__  {
    /* will-change: opacity, transform; */

    /* transform: translateY(-15px); */
    /* opacity: 0; */
}

.docs__>.docs_contents__.remove__ {
}

.entire_load_screen_block__ {
    position: fixed;
    top: 0;
    left : 0;
    width: 100%;
    height: 100%;
    cursor: wait;
}

.entire_load_screen_block__.hidden__ {

}

.docs__>.entire_load_indicator__ {
    will-change: transform;
    transform: translateZ(0)\0; /* for ie 8+ */

    position: fixed;
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    background-color: #C8E6C9;
    opacity: 0.9;
}

.docs__>.entire_load_indicator__>.entire_load_indicator_bar__ {
    display: block;
    position: absolute;
    content: "";
    left: -100%;
    width: 100%;
    height: 3px;
    background-color: #2E7D32;
    opacity: 1;
}

.docs__>.entire_load_indicator__.hidden__ {
    transform: translateY(-3px);
    transition: transform 0.4s cubic-bezier(1, 0, 1, 1);
}