@charset "utf-8";
@-webkit-keyframes elf_loading_rotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes elf_loading_rotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@-ms-keyframes elf_loading_rotate{from{-ms-transform: rotate(0deg)}to{-ms-transform: rotate(360deg)}}
@-o-keyframes elf_loading_rotate{from{-o-transform: rotate(0deg)}to{-o-transform: rotate(360deg)}}
@keyframes elf_loading_rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}
/*confirm*/
.elf_confirm{position: fixed;left:0;top:45%;width:100%;height: 1px;z-index: 10000;text-align:center;}
.elf_confirm_mask{position: fixed;z-index: 1;background-color: #000;left:0;top:0;right:0;bottom:0;opacity: .1;}
.elf_confirm_body{min-width: 200px;max-width: 80%;position: relative;z-index: 2;display: inline-block;}
.elf_confirm_bg{position: absolute;left:0;top:0;bottom:0; right: 0;background: #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.5);}
.elf_confirm_bg~div{z-index: 1;position: relative;}
.elf_confirm_content{padding: 1em;text-align:left;}
.elf_confirm_buttonGroup{display: -webkit-flex;display:flex;}
.elf_confirm_title{font-size: 1.2rem;line-height: 100%;}
.elf_confirm_text{font-size: 1rem;line-height: 150%;}
.elf_confirm_title+.elf_confirm_text{padding-top:1rem;}
.elf_confirm_button{display: block;width: 100%;text-align: center;background: #eee;color:#333;border-top: solid 1px #ccc;border-left: solid 1px #ccc;line-height: 32px;}
.elf_confirm_button:first-child{border-left:none;}
/*toast*/
.elf_toast{position: fixed;top: 48%;left: 0;width: 100%;text-align: center;z-index:10000;}
.elf_toast_body{display: inline-block;position: relative;padding: 4px 6px;}
.elf_toast_bg{position: absolute;top:0;left:0;bottom:0;right: 0;background-color: #000;opacity: .98;border-radius: 3px;box-shadow:0 0 2px 0 rgba(0,0,0,.5);}
.elf_toast_bg ~ div{position: relative;z-index: 2;}
.elf_toast_text{color:#fff;font-size: 1rem;word-wrap:break-word;word-break:break-all;}
/*loading*/
.elf_loading{position: absolute;top:0;left: 0;width: 100%;height: 100%;text-align: center;vertical-align:middle;z-index:10000;}
.elf_loading_mask{position: fixed;background-color: #000;left:0;top:0;right:0;bottom:0;opacity: .1;z-index: 1;}
.elf_loading_position{position: fixed;left:50%;top:50%;width: 1px;height: 1px;z-index: 2;}
.elf_loading_frames{width: 64px;height: 64px;position: absolute;top: -32px;left: -32px;overflow: hidden;border-radius: 50%;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);}
.elf_loading_frames li{position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;clip: rect(0,32px,32px,0);list-style: inside none none;}
.elf_loading_frames li:after{content: ' ';position: absolute;left: 0;top: 0;right: 0;bottom: 0;box-shadow: inset 0 0 0 3px #03b4fa;border-radius: 50%;clip: rect(0,32px,32px,0);transform-origin: 50% 50%;transform: rotate(-60deg);}
.elf_loading_frames li.elf_loading_frames_1{transform: rotate(0deg);opacity: .95;}
.elf_loading_frames li.elf_loading_frames_2{transform: rotate(-30deg);opacity: .85;}
.elf_loading_frames li.elf_loading_frames_3{transform: rotate(-60deg);opacity: .75;}
.elf_loading_frames li.elf_loading_frames_4{transform: rotate(-90deg);opacity: .65;}
.elf_loading_frames li.elf_loading_frames_5{transform: rotate(-120deg);opacity: .55;}
.elf_loading_frames li.elf_loading_frames_6{transform: rotate(-150deg);opacity: .45;}
.elf_loading_frames li.elf_loading_frames_7{transform: rotate(-180deg);opacity: .32;}
.elf_loading_frames li.elf_loading_frames_8{transform: rotate(-210deg);opacity: .16;}
.elf_loading_frames li.elf_loading_frames_9{transform: rotate(-240deg);opacity: .08;}
.elf_loading_frames li.elf_loading_frames_10{transform: rotate(-270deg);opacity: .04;}
.elf_loading_frames li.elf_loading_frames_11{transform: rotate(-300deg);opacity: .02;}
.elf_loading_frames li.elf_loading_frames_12{transform: rotate(-330deg);opacity: .01;}
.elf_loading_rotate{-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-ms-transition-property: -ms-transform;-o-transition-property: -o-transform;transition-property: transform; -webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s; -o-transition-duration: 0s;transition-duration: 0s; -webkit-animation: elf_loading_rotate 1s linear infinite; -moz-animation: elf_loading_rotate 1s linear infinite; -ms-animation: elf_loading_rotate 1s linear infinite; -o-animation: elf_loading_rotate 1s linear infinite; animation: elf_loading_rotate 1s linear infinite;}
/*checkbox*/
.elf-checkbox{display: inline-block; position: relative;}
.elf-checkbox .elf-hidden-check{position:absolute; left:0; opacity: 0;}
.elf-check{display: inline-block; width:1rem; height:1rem; border: solid 1px #000; position: relative; vertical-align: middle;}
.elf-check.checked:before{content:""; border-right:solid 2px #000; border-bottom:solid 2px #000; width: 40%; height:80%; transform: rotate(45deg); display: block; background-color: transparent; position: absolute; top:2%; left:30%;}
.elf-label,.elf-label-html{vertical-align: middle; line-height: 1rem; margin: 0 .125rem;}
/*popup*/
.elf-popup{position: fixed;left:0;top:0;width:100%;height:100%;z-index:10000;text-align:center;}
.elf-popup-mask{position: fixed;z-index: 1;background-color: #000;left:0;top:0;right:0;bottom:0;opacity:.1;}
.elf-popup-body{position: relative;z-index:2;width: 100%;height: 100%;}
.elf-popup-content{padding:1em;display:inline-block;max-width:80%;max-height:100%;min-width:200px;min-height:60px;position:relative;}
.elf-popup-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 1;}
.elf-popup-bg ~ div{position: relative;z-index: 2;}
.elf-popup-closer{position: absolute; top: -10px; right: -10px; z-index: 3; width: 20px;height: 20px; background: rgba(254,252,252,.98) url("../images/elf_components_popup/close.png") repeat scroll 0 0 / 100% 100%; border: solid 1px red; border-radius: 100%;}
.elf-popup-menus{position:relative;}
.elf-popup-menu{border:solid 1px red; color: red; line-height: 2; border-radius: 5px; background-color: #fff;font-size: 1.25rem;} 
.elf-popup-menus button + button{margin-top:1rem;}