WordPress.org
Get WordPress

Plugin Directory

Changeset 1522538


Ignore:
Timestamp:
10/26/2016 03:04:36 PM (9 years ago)
Author:
offshorent
Message:

New Version added

Location:
os-materializecss-popup
Files:
50 added
19 edited

Legend:

Unmodified
Added
Removed

  • os-materializecss-popup/trunk/css/admin/style-min.css

    r1348033 r1522538  
    6969    list-style: none;
    7070    background-color: #f5f5f5;
    71     padding: 6px;
     71    padding: 8px;
    7272    display: inline-block;
    7373}

  • os-materializecss-popup/trunk/css/materialize.min.css

    r1346020 r1522538  
    1111 * Released under the MIT license
    1212 * https://github.com/fians/Waves/blob/master/LICENSE
    13  */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity, transform;transition:all .3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);transition:all 0.7s ease-out;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-notransition{transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{float:right;margin:6px 0}.lean-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:0.5rem 0 1rem 0}.collapsible-header{display:block;cursor:pointer;min-height:3rem;line-height:3rem;padding:0 1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header i{width:2rem;font-size:1.6rem;line-height:3rem;display:block;float:left;text-align:center;margin-right:1rem}.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box}.collapsible-body p{margin:0;padding:2rem}.side-nav .collapsible{border:none;box-shadow:none}.side-nav .collapsible li{padding:0}.side-nav .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;margin:0 1rem}.side-nav .collapsible-header i{line-height:inherit}.side-nav .collapsible-body{border:0;background-color:#fff}.side-nav .collapsible-body li a{margin:0 1rem 0 2rem}.collapsible.popout{border:none;box-shadow:none}.collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4}.chip img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip i.material-icons{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;transition:opacity .4s}.materialboxed:hover{will-change:left, top, width, height}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#292929;z-index:999;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:0.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}:-moz-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 15px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:disabled,input[type=text][readonly="readonly"],input[type=password]:disabled,input[type=password][readonly="readonly"],input[type=email]:disabled,input[type=email][readonly="readonly"],input[type=url]:disabled,input[type=url][readonly="readonly"],input[type=time]:disabled,input[type=time][readonly="readonly"],input[type=date]:disabled,input[type=date][readonly="readonly"],input[type=datetime-local]:disabled,input[type=datetime-local][readonly="readonly"],input[type=tel]:disabled,input[type=tel][readonly="readonly"],input[type=number]:disabled,input[type=number][readonly="readonly"],input[type=search]:disabled,input[type=search][readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.26);border-bottom:1px dotted rgba(0,0,0,0.26)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:disabled+label,input[type=text][readonly="readonly"]+label,input[type=password]:disabled+label,input[type=password][readonly="readonly"]+label,input[type=email]:disabled+label,input[type=email][readonly="readonly"]+label,input[type=url]:disabled+label,input[type=url][readonly="readonly"]+label,input[type=time]:disabled+label,input[type=time][readonly="readonly"]+label,input[type=date]:disabled+label,input[type=date][readonly="readonly"]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly="readonly"]+label,input[type=tel]:disabled+label,input[type=tel][readonly="readonly"]+label,input[type=number]:disabled+label,input[type=number][readonly="readonly"]+label,input[type=search]:disabled+label,input[type=search][readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.26)}input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]).valid,input:not([type]):focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=date].valid,input[type=date]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1}input:not([type]).invalid,input:not([type]):focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1}input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:65px;opacity:0;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem}.input-field label{color:#9e9e9e;position:absolute;top:0.8rem;left:0.75rem;font-size:1rem;cursor:text;transition:.2s ease-out}.input-field label.active{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;transition:color .2s}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ textarea{padding-top:.8rem}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;padding-left:4rem;width:calc(100% - 4rem)}.input-field input[type=search]:focus{background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons{color:#444}.input-field input[type=search]+label{left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{overflow-y:hidden;padding:1.6rem 0;resize:none;min-height:3rem}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;left:-9999px;visibility:hidden}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+label:before,[type="radio"]+label:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;transition:.28s ease}[type="radio"]:not(:checked)+label:before{border-radius:50%;border:2px solid #5a5a5a}[type="radio"]:not(:checked)+label:after{border-radius:50%;border:2px solid #5a5a5a;z-index:-1;-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+label:before{border-radius:50%;border:2px solid transparent}[type="radio"]:checked+label:after{border-radius:50%;border:2px solid #26a69a;background-color:#26a69a;z-index:0;-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+label:before{border-radius:50%;border:2px solid #26a69a}[type="radio"].with-gap:checked+label:after{border-radius:50%;border:2px solid #26a69a;background-color:#26a69a;z-index:0;-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.26)}[type="radio"].with-gap:disabled:checked+label:after{border:none;background-color:rgba(0,0,0,0.26)}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.26)}[type="radio"]:disabled+label{color:rgba(0,0,0,0.26)}[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.26)}[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.26);border-color:#BDBDBD}form p{margin-bottom:10px;text-align:left}form p:last-child{margin-bottom:0}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px;visibility:hidden}[type="checkbox"]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type="checkbox"]+label:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;transition:.2s}[type="checkbox"]:not(:checked):disabled+label:before{border:none;background-color:rgba(0,0,0,0.26)}[type="checkbox"]:checked+label:before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);border-bottom:2px solid rgba(0,0,0,0.26)}[type="checkbox"]:indeterminate+label:before{left:-10px;top:-11px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);background-color:transparent}[type="checkbox"].filled-in+label:after{border-radius:2px}[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+label:after{top:0px;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#BDBDBD}[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#BDBDBD;border-color:#BDBDBD}.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:40px;height:15px;background-color:#818181;border-radius:15px;margin-right:10px;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after{content:"";position:absolute;display:inline-block;width:21px;height:21px;background-color:#F1F1F1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);left:-5px;top:-3px;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease}input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1)}input[type=checkbox]:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08)}.switch label input[type=checkbox]:checked+.lever:after{left:24px}.switch input[type=checkbox][disabled]+.lever{cursor:default}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#BDBDBD}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 15px 0;padding:0;display:block}.select-wrapper span.caret{color:initial;position:absolute;right:0;top:16px;font-size:10px}.select-wrapper span.caret.disabled{color:rgba(0,0,0,0.26)}.select-wrapper+label{position:absolute;top:-14px;font-size:0.8rem}select{display:none}select.browser-default{display:block}select:disabled{color:rgba(0,0,0,0.3)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,0.3)}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li:not(.optgroup){padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0px;padding:0}input[type=range]+.thumb{position:absolute;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;top:10px;margin-left:-6px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]:focus{outline:none}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0;transition:.3s}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#ddd;border:none}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:20px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:19px;border-left:1px solid #ea4a4f}.table-of-contents a.active{font-weight:500;padding-left:18px;border-left:2px solid #ea4a4f}.side-nav{position:fixed;width:240px;left:-105%;top:0;margin:0;height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:left}.side-nav.right-aligned{will-change:right;right:-105%;left:auto}.side-nav .collapsible{margin:0}.side-nav li{float:none;padding:0 15px;line-height:64px}.side-nav li:hover,.side-nav li.active{background-color:#ddd}.side-nav a{color:#444;display:block;font-size:1rem;height:64px;line-height:64px;padding:0 15px}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed a{display:block;padding:0 15px;color:#444}.side-nav.fixed{left:0;position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{left:-105%}.side-nav.fixed.right-aligned{right:-105%;left:auto}}.side-nav .collapsible-body li.active,.side-nav.fixed .collapsible-body li.active{background-color:#ee6e73}.side-nav .collapsible-body li.active a,.side-nav.fixed .collapsible-body li.active a{color:#fff}#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;will-change:opacity}.preloader-wrapper{display:inline-block;position:relative;width:48px;height:48px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel .carousel-item{width:200px;position:absolute;top:0;left:0}.carousel .carousel-item img{width:100%}.carousel.carousel-slider{top:0;left:0;height:0}.carousel.carousel-slider .carousel-item{width:100%;height:100%;position:absolute;top:0;left:0}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*!
     13 */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity, transform;transition:all .3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);transition:all 0.7s ease-out;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-notransition{transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{float:right;margin:6px 0}.lean-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:0.5rem 0 1rem 0}.collapsible-header{display:block;cursor:pointer;min-height:3rem;line-height:3rem;padding:0 1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header i{width:2rem;font-size:1.6rem;line-height:3rem;display:block;float:left;text-align:center;margin-right:1rem}.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box}.collapsible-body p{margin:0;padding:2rem}.side-nav .collapsible{border:none;box-shadow:none}.side-nav .collapsible li{padding:0}.side-nav .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;margin:0 1rem}.side-nav .collapsible-header i{line-height:inherit}.side-nav .collapsible-body{border:0;background-color:#fff}.side-nav .collapsible-body li a{margin:0 1rem 0 2rem}.collapsible.popout{border:none;box-shadow:none}.collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4}.chip img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip i.material-icons{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;transition:opacity .4s}.materialboxed:hover{will-change:left, top, width, height}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#292929;z-index:999;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:0.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}:-moz-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 15px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:disabled,input[type=text][readonly="readonly"],input[type=password]:disabled,input[type=password][readonly="readonly"],input[type=email]:disabled,input[type=email][readonly="readonly"],input[type=url]:disabled,input[type=url][readonly="readonly"],input[type=time]:disabled,input[type=time][readonly="readonly"],input[type=date]:disabled,input[type=date][readonly="readonly"],input[type=datetime-local]:disabled,input[type=datetime-local][readonly="readonly"],input[type=tel]:disabled,input[type=tel][readonly="readonly"],input[type=number]:disabled,input[type=number][readonly="readonly"],input[type=search]:disabled,input[type=search][readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.26);border-bottom:1px dotted rgba(0,0,0,0.26)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:disabled+label,input[type=text][readonly="readonly"]+label,input[type=password]:disabled+label,input[type=password][readonly="readonly"]+label,input[type=email]:disabled+label,input[type=email][readonly="readonly"]+label,input[type=url]:disabled+label,input[type=url][readonly="readonly"]+label,input[type=time]:disabled+label,input[type=time][readonly="readonly"]+label,input[type=date]:disabled+label,input[type=date][readonly="readonly"]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly="readonly"]+label,input[type=tel]:disabled+label,input[type=tel][readonly="readonly"]+label,input[type=number]:disabled+label,input[type=number][readonly="readonly"]+label,input[type=search]:disabled+label,input[type=search][readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.26)}input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]).valid,input:not([type]):focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=date].valid,input[type=date]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1}input:not([type]).invalid,input:not([type]):focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1}input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:65px;opacity:0;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem}.input-field label{color:#9e9e9e;position:absolute;top:0.8rem;left:0.75rem;font-size:1rem;cursor:text;transition:.2s ease-out}.input-field label.active{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;transition:color .2s}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ textarea{padding-top:.8rem}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;padding-left:4rem;width:calc(100% - 4rem)}.input-field input[type=search]:focus{background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons{color:#444}.input-field input[type=search]+label{left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{overflow-y:hidden;padding:1.6rem 0;resize:none;min-height:3rem}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;left:-9999px;visibility:hidden}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+label:before,[type="radio"]+label:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;transition:.28s ease}[type="radio"]:not(:checked)+label:before{border-radius:50%;border:2px solid #5a5a5a}[type="radio"]:not(:checked)+label:after{border-radius:50%;border:2px solid #5a5a5a;z-index:-1;-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+label:before{border-radius:50%;border:2px solid transparent}[type="radio"]:checked+label:after{border-radius:50%;border:2px solid #26a69a;background-color:#26a69a;z-index:0;-webkit-transform:scale(1.22);transform:scale(1.22)}[type="radio"].with-gap:checked+label:before{border-radius:50%;border:2px solid #26a69a}[type="radio"].with-gap:checked+label:after{border-radius:50%;border:2px solid #26a69a;background-color:#26a69a;z-index:0;-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.26)}[type="radio"].with-gap:disabled:checked+label:after{border:none;background-color:rgba(0,0,0,0.26)}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.26)}[type="radio"]:disabled+label{color:rgba(0,0,0,0.26)}[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.26)}[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.26);border-color:#BDBDBD}form p{margin-bottom:10px;text-align:left}form p:last-child{margin-bottom:0}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px;visibility:hidden}[type="checkbox"]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type="checkbox"]+label:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;transition:.2s}[type="checkbox"]:not(:checked):disabled+label:before{border:none;background-color:rgba(0,0,0,0.26)}[type="checkbox"]:checked+label:before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);border-bottom:2px solid rgba(0,0,0,0.26)}[type="checkbox"]:indeterminate+label:before{left:-10px;top:-11px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+label:before{border-right:2px solid rgba(0,0,0,0.26);background-color:transparent}[type="checkbox"].filled-in+label:after{border-radius:2px}[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+label:after{top:0px;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#BDBDBD}[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#BDBDBD;border-color:#BDBDBD}.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:40px;height:15px;background-color:#818181;border-radius:15px;margin-right:10px;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after{content:"";position:absolute;display:inline-block;width:21px;height:21px;background-color:#F1F1F1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);left:-5px;top:-3px;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease}input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1)}input[type=checkbox]:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08)}.switch label input[type=checkbox]:checked+.lever:after{left:24px}.switch input[type=checkbox][disabled]+.lever{cursor:default}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#BDBDBD}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 15px 0;padding:0;display:block}.select-wrapper span.caret{color:initial;position:absolute;right:0;top:16px;font-size:10px}.select-wrapper span.caret.disabled{color:rgba(0,0,0,0.26)}.select-wrapper+label{position:absolute;top:-14px;font-size:0.8rem}select{display:none}select.browser-default{display:block}select:disabled{color:rgba(0,0,0,0.3)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.3);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(0,0,0,0.3)}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li:not(.optgroup){padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0px;padding:0}input[type=range]+.thumb{position:absolute;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;top:10px;margin-left:-6px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]:focus{outline:none}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0;transition:.3s}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#ddd;border:none}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:20px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:19px;border-left:1px solid #ea4a4f}.table-of-contents a.active{font-weight:500;padding-left:18px;border-left:2px solid #ea4a4f}.side-nav{position:fixed;width:240px;left:-105%;top:0;margin:0;height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:left}.side-nav.right-aligned{will-change:right;right:-105%;left:auto}.side-nav .collapsible{margin:0}.side-nav li{float:none;padding:0 15px;line-height:64px}.side-nav li:hover,.side-nav li.active{background-color:#ddd}.side-nav a{color:#444;display:block;font-size:1rem;height:64px;line-height:64px;padding:0 15px}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed a{display:block;padding:0 15px;color:#444}.side-nav.fixed{left:0;position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{left:-105%}.side-nav.fixed.right-aligned{right:-105%;left:auto}}.side-nav .collapsible-body li.active,.side-nav.fixed .collapsible-body li.active{background-color:#ee6e73}.side-nav .collapsible-body li.active a,.side-nav.fixed .collapsible-body li.active a{color:#fff}#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;will-change:opacity}.preloader-wrapper{display:inline-block;position:relative;width:48px;height:48px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel .carousel-item{width:200px;position:absolute;top:0;left:0}.carousel .carousel-item img{width:100%}.carousel.carousel-slider{top:0;left:0;height:0}.carousel.carousel-slider .carousel-item{width:100%;height:100%;position:absolute;top:0;left:0}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*!
    1414 * Default mobile-first, responsive styling for pickadate.js
    1515 * Demo: http://amsul.github.io/pickadate.js

  • os-materializecss-popup/trunk/css/style.min.css

    r1348033 r1522538  
    11* {
    2     -webkit-box-sizing: border-box;
    3     -moz-box-sizing: border-box;
    4     box-sizing: border-box;
     2  -webkit-box-sizing: border-box;
     3     -moz-box-sizing: border-box;
     4          box-sizing: border-box;
    55}
    66*:before,
    77*:after {
    8     -webkit-box-sizing: border-box;
    9     -moz-box-sizing: border-box;
    10     box-sizing: border-box;
     8  -webkit-box-sizing: border-box;
     9     -moz-box-sizing: border-box;
     10          box-sizing: border-box;
    1111}
    1212html {
    13     font-family: sans-serif;
    14     -webkit-text-size-adjust: 100%;
    15     -ms-text-size-adjust: 100%;
     13  font-family: sans-serif;
     14  -webkit-text-size-adjust: 100%;
     15      -ms-text-size-adjust: 100%;
    1616}
    1717html input[type="button"],
    1818input[type="reset"],
    1919input[type="submit"] {
    20     -webkit-appearance: button;
    21     cursor: pointer;
     20  -webkit-appearance: button;
     21  cursor: pointer;
    2222}
    2323button[disabled],
    2424html input[disabled] {
    25     cursor: default;
     25  cursor: default;
    2626}
    2727button::-moz-focus-inner,
    2828input::-moz-focus-inner {
    29     padding: 0;
    30     border: 0;
     29  padding: 0;
     30  border: 0;
    3131}
    3232input {
    33     line-height: normal;
     33  line-height: normal;
    3434}
    3535input[type="checkbox"],
    3636input[type="radio"] {
    37     -webkit-box-sizing: border-box;
    38     -moz-box-sizing: border-box;
    39     box-sizing: border-box;
    40     padding: 0;
     37  -webkit-box-sizing: border-box;
     38     -moz-box-sizing: border-box;
     39          box-sizing: border-box;
     40  padding: 0;
    4141}
    4242input[type="number"]::-webkit-inner-spin-button,
    4343input[type="number"]::-webkit-outer-spin-button {
    44     height: auto;
     44  height: auto;
    4545}
    4646input[type="search"] {
    47     -webkit-box-sizing: content-box;
    48     -moz-box-sizing: content-box;
    49     box-sizing: content-box;
    50     -webkit-appearance: textfield;
     47  -webkit-box-sizing: content-box;
     48     -moz-box-sizing: content-box;
     49          box-sizing: content-box;
     50  -webkit-appearance: textfield;
    5151}
    5252input[type="search"]::-webkit-search-cancel-button,
    5353input[type="search"]::-webkit-search-decoration {
    54     -webkit-appearance: none;
     54  -webkit-appearance: none;
    5555}
    5656.row {
    57     margin-right: -15px;
    58     margin-left: -15px;
     57  margin-right: -15px;
     58  margin-left: -15px;
    5959}
    6060.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    61     position: relative;
    62     min-height: 1px;
    63     padding-right: 15px;
    64     padding-left: 15px;
     61  position: relative;
     62  min-height: 1px;
     63  padding-right: 15px;
     64  padding-left: 15px;
    6565}
    6666.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
     67  float: left;
     68}
     69.col-xs-12 {
     70  width: 100%;
     71}
     72.col-xs-11 {
     73  width: 91.66666667%;
     74}
     75.col-xs-10 {
     76  width: 83.33333333%;
     77}
     78.col-xs-9 {
     79  width: 75%;
     80}
     81.col-xs-8 {
     82  width: 66.66666667%;
     83}
     84.col-xs-7 {
     85  width: 58.33333333%;
     86}
     87.col-xs-6 {
     88  width: 50%;
     89}
     90.col-xs-5 {
     91  width: 41.66666667%;
     92}
     93.col-xs-4 {
     94  width: 33.33333333%;
     95}
     96.col-xs-3 {
     97  width: 25%;
     98}
     99.col-xs-2 {
     100  width: 16.66666667%;
     101}
     102.col-xs-1 {
     103  width: 8.33333333%;
     104}
     105.col-xs-pull-12 {
     106  right: 100%;
     107}
     108.col-xs-pull-11 {
     109  right: 91.66666667%;
     110}
     111.col-xs-pull-10 {
     112  right: 83.33333333%;
     113}
     114.col-xs-pull-9 {
     115  right: 75%;
     116}
     117.col-xs-pull-8 {
     118  right: 66.66666667%;
     119}
     120.col-xs-pull-7 {
     121  right: 58.33333333%;
     122}
     123.col-xs-pull-6 {
     124  right: 50%;
     125}
     126.col-xs-pull-5 {
     127  right: 41.66666667%;
     128}
     129.col-xs-pull-4 {
     130  right: 33.33333333%;
     131}
     132.col-xs-pull-3 {
     133  right: 25%;
     134}
     135.col-xs-pull-2 {
     136  right: 16.66666667%;
     137}
     138.col-xs-pull-1 {
     139  right: 8.33333333%;
     140}
     141.col-xs-pull-0 {
     142  right: auto;
     143}
     144.col-xs-push-12 {
     145  left: 100%;
     146}
     147.col-xs-push-11 {
     148  left: 91.66666667%;
     149}
     150.col-xs-push-10 {
     151  left: 83.33333333%;
     152}
     153.col-xs-push-9 {
     154  left: 75%;
     155}
     156.col-xs-push-8 {
     157  left: 66.66666667%;
     158}
     159.col-xs-push-7 {
     160  left: 58.33333333%;
     161}
     162.col-xs-push-6 {
     163  left: 50%;
     164}
     165.col-xs-push-5 {
     166  left: 41.66666667%;
     167}
     168.col-xs-push-4 {
     169  left: 33.33333333%;
     170}
     171.col-xs-push-3 {
     172  left: 25%;
     173}
     174.col-xs-push-2 {
     175  left: 16.66666667%;
     176}
     177.col-xs-push-1 {
     178  left: 8.33333333%;
     179}
     180.col-xs-push-0 {
     181  left: auto;
     182}
     183.col-xs-offset-12 {
     184  margin-left: 100%;
     185}
     186.col-xs-offset-11 {
     187  margin-left: 91.66666667%;
     188}
     189.col-xs-offset-10 {
     190  margin-left: 83.33333333%;
     191}
     192.col-xs-offset-9 {
     193  margin-left: 75%;
     194}
     195.col-xs-offset-8 {
     196  margin-left: 66.66666667%;
     197}
     198.col-xs-offset-7 {
     199  margin-left: 58.33333333%;
     200}
     201.col-xs-offset-6 {
     202  margin-left: 50%;
     203}
     204.col-xs-offset-5 {
     205  margin-left: 41.66666667%;
     206}
     207.col-xs-offset-4 {
     208  margin-left: 33.33333333%;
     209}
     210.col-xs-offset-3 {
     211  margin-left: 25%;
     212}
     213.col-xs-offset-2 {
     214  margin-left: 16.66666667%;
     215}
     216.col-xs-offset-1 {
     217  margin-left: 8.33333333%;
     218}
     219.col-xs-offset-0 {
     220  margin-left: 0;
     221}
     222@media (min-width: 768px) {
     223  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    67224    float: left;
    68 }
    69 .col-xs-12 {
     225  }
     226  .col-sm-12 {
    70227    width: 100%;
    71 }
    72 .col-xs-11 {
     228  }
     229  .col-sm-11 {
    73230    width: 91.66666667%;
    74 }
    75 .col-xs-10 {
     231  }
     232  .col-sm-10 {
    76233    width: 83.33333333%;
    77 }
    78 .col-xs-9 {
     234  }
     235  .col-sm-9 {
    79236    width: 75%;
    80 }
    81 .col-xs-8 {
     237  }
     238  .col-sm-8 {
    82239    width: 66.66666667%;
    83 }
    84 .col-xs-7 {
     240  }
     241  .col-sm-7 {
    85242    width: 58.33333333%;
    86 }
    87 .col-xs-6 {
     243  }
     244  .col-sm-6 {
    88245    width: 50%;
    89 }
    90 .col-xs-5 {
     246  }
     247  .col-sm-5 {
    91248    width: 41.66666667%;
    92 }
    93 .col-xs-4 {
     249  }
     250  .col-sm-4 {
    94251    width: 33.33333333%;
    95 }
    96 .col-xs-3 {
     252  }
     253  .col-sm-3 {
    97254    width: 25%;
    98 }
    99 .col-xs-2 {
     255  }
     256  .col-sm-2 {
    100257    width: 16.66666667%;
    101 }
    102 .col-xs-1 {
     258  }
     259  .col-sm-1 {
    103260    width: 8.33333333%;
    104 }
    105 .col-xs-pull-12 {
     261  }
     262  .col-sm-pull-12 {
    106263    right: 100%;
    107 }
    108 .col-xs-pull-11 {
     264  }
     265  .col-sm-pull-11 {
    109266    right: 91.66666667%;
    110 }
    111 .col-xs-pull-10 {
     267  }
     268  .col-sm-pull-10 {
    112269    right: 83.33333333%;
    113 }
    114 .col-xs-pull-9 {
     270  }
     271  .col-sm-pull-9 {
    115272    right: 75%;
    116 }
    117 .col-xs-pull-8 {
     273  }
     274  .col-sm-pull-8 {
    118275    right: 66.66666667%;
    119 }
    120 .col-xs-pull-7 {
     276  }
     277  .col-sm-pull-7 {
    121278    right: 58.33333333%;
    122 }
    123 .col-xs-pull-6 {
     279  }
     280  .col-sm-pull-6 {
    124281    right: 50%;
    125 }
    126 .col-xs-pull-5 {
     282  }
     283  .col-sm-pull-5 {
    127284    right: 41.66666667%;
    128 }
    129 .col-xs-pull-4 {
     285  }
     286  .col-sm-pull-4 {
    130287    right: 33.33333333%;
    131 }
    132 .col-xs-pull-3 {
     288  }
     289  .col-sm-pull-3 {
    133290    right: 25%;
    134 }
    135 .col-xs-pull-2 {
     291  }
     292  .col-sm-pull-2 {
    136293    right: 16.66666667%;
    137 }
    138 .col-xs-pull-1 {
     294  }
     295  .col-sm-pull-1 {
    139296    right: 8.33333333%;
    140 }
    141 .col-xs-pull-0 {
     297  }
     298  .col-sm-pull-0 {
    142299    right: auto;
    143 }
    144 .col-xs-push-12 {
     300  }
     301  .col-sm-push-12 {
    145302    left: 100%;
    146 }
    147 .col-xs-push-11 {
     303  }
     304  .col-sm-push-11 {
    148305    left: 91.66666667%;
    149 }
    150 .col-xs-push-10 {
     306  }
     307  .col-sm-push-10 {
    151308    left: 83.33333333%;
    152 }
    153 .col-xs-push-9 {
     309  }
     310  .col-sm-push-9 {
    154311    left: 75%;
    155 }
    156 .col-xs-push-8 {
     312  }
     313  .col-sm-push-8 {
    157314    left: 66.66666667%;
    158 }
    159 .col-xs-push-7 {
     315  }
     316  .col-sm-push-7 {
    160317    left: 58.33333333%;
    161 }
    162 .col-xs-push-6 {
     318  }
     319  .col-sm-push-6 {
    163320    left: 50%;
    164 }
    165 .col-xs-push-5 {
     321  }
     322  .col-sm-push-5 {
    166323    left: 41.66666667%;
    167 }
    168 .col-xs-push-4 {
     324  }
     325  .col-sm-push-4 {
    169326    left: 33.33333333%;
    170 }
    171 .col-xs-push-3 {
     327  }
     328  .col-sm-push-3 {
    172329    left: 25%;
    173 }
    174 .col-xs-push-2 {
     330  }
     331  .col-sm-push-2 {
    175332    left: 16.66666667%;
    176 }
    177 .col-xs-push-1 {
     333  }
     334  .col-sm-push-1 {
    178335    left: 8.33333333%;
    179 }
    180 .col-xs-push-0 {
     336  }
     337  .col-sm-push-0 {
    181338    left: auto;
    182 }
    183 .col-xs-offset-12 {
     339  }
     340  .col-sm-offset-12 {
    184341    margin-left: 100%;
    185 }
    186 .col-xs-offset-11 {
     342  }
     343  .col-sm-offset-11 {
    187344    margin-left: 91.66666667%;
    188 }
    189 .col-xs-offset-10 {
     345  }
     346  .col-sm-offset-10 {
    190347    margin-left: 83.33333333%;
    191 }
    192 .col-xs-offset-9 {
     348  }
     349  .col-sm-offset-9 {
    193350    margin-left: 75%;
    194 }
    195 .col-xs-offset-8 {
     351  }
     352  .col-sm-offset-8 {
    196353    margin-left: 66.66666667%;
    197 }
    198 .col-xs-offset-7 {
     354  }
     355  .col-sm-offset-7 {
    199356    margin-left: 58.33333333%;
    200 }
    201 .col-xs-offset-6 {
     357  }
     358  .col-sm-offset-6 {
    202359    margin-left: 50%;
    203 }
    204 .col-xs-offset-5 {
     360  }
     361  .col-sm-offset-5 {
    205362    margin-left: 41.66666667%;
    206 }
    207 .col-xs-offset-4 {
     363  }
     364  .col-sm-offset-4 {
    208365    margin-left: 33.33333333%;
    209 }
    210 .col-xs-offset-3 {
     366  }
     367  .col-sm-offset-3 {
    211368    margin-left: 25%;
    212 }
    213 .col-xs-offset-2 {
     369  }
     370  .col-sm-offset-2 {
    214371    margin-left: 16.66666667%;
    215 }
    216 .col-xs-offset-1 {
     372  }
     373  .col-sm-offset-1 {
    217374    margin-left: 8.33333333%;
    218 }
    219 .col-xs-offset-0 {
     375  }
     376  .col-sm-offset-0 {
    220377    margin-left: 0;
    221 }
    222 @media (min-width: 768px) {
    223     .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    224         float: left;
    225     }
    226     .col-sm-12 {
    227         width: 100%;
    228     }
    229     .col-sm-11 {
    230         width: 91.66666667%;
    231     }
    232     .col-sm-10 {
    233         width: 83.33333333%;
    234     }
    235     .col-sm-9 {
    236         width: 75%;
    237     }
    238     .col-sm-8 {
    239         width: 66.66666667%;
    240     }
    241     .col-sm-7 {
    242         width: 58.33333333%;
    243     }
    244     .col-sm-6 {
    245         width: 50%;
    246     }
    247     .col-sm-5 {
    248         width: 41.66666667%;
    249     }
    250     .col-sm-4 {
    251         width: 33.33333333%;
    252     }
    253     .col-sm-3 {
    254         width: 25%;
    255     }
    256     .col-sm-2 {
    257         width: 16.66666667%;
    258     }
    259     .col-sm-1 {
    260         width: 8.33333333%;
    261     }
    262     .col-sm-pull-12 {
    263         right: 100%;
    264     }
    265     .col-sm-pull-11 {
    266         right: 91.66666667%;
    267     }
    268     .col-sm-pull-10 {
    269         right: 83.33333333%;
    270     }
    271     .col-sm-pull-9 {
    272         right: 75%;
    273     }
    274     .col-sm-pull-8 {
    275         right: 66.66666667%;
    276     }
    277     .col-sm-pull-7 {
    278         right: 58.33333333%;
    279     }
    280     .col-sm-pull-6 {
    281         right: 50%;
    282     }
    283     .col-sm-pull-5 {
    284         right: 41.66666667%;
    285     }
    286     .col-sm-pull-4 {
    287         right: 33.33333333%;
    288     }
    289     .col-sm-pull-3 {
    290         right: 25%;
    291     }
    292     .col-sm-pull-2 {
    293         right: 16.66666667%;
    294     }
    295     .col-sm-pull-1 {
    296         right: 8.33333333%;
    297     }
    298     .col-sm-pull-0 {
    299         right: auto;
    300     }
    301     .col-sm-push-12 {
    302         left: 100%;
    303     }
    304     .col-sm-push-11 {
    305         left: 91.66666667%;
    306     }
    307     .col-sm-push-10 {
    308         left: 83.33333333%;
    309     }
    310     .col-sm-push-9 {
    311         left: 75%;
    312     }
    313     .col-sm-push-8 {
    314         left: 66.66666667%;
    315     }
    316     .col-sm-push-7 {
    317         left: 58.33333333%;
    318     }
    319     .col-sm-push-6 {
    320         left: 50%;
    321     }
    322     .col-sm-push-5 {
    323         left: 41.66666667%;
    324     }
    325     .col-sm-push-4 {
    326         left: 33.33333333%;
    327     }
    328     .col-sm-push-3 {
    329         left: 25%;
    330     }
    331     .col-sm-push-2 {
    332         left: 16.66666667%;
    333     }
    334     .col-sm-push-1 {
    335         left: 8.33333333%;
    336     }
    337     .col-sm-push-0 {
    338         left: auto;
    339     }
    340     .col-sm-offset-12 {
    341         margin-left: 100%;
    342     }
    343     .col-sm-offset-11 {
    344         margin-left: 91.66666667%;
    345     }
    346     .col-sm-offset-10 {
    347         margin-left: 83.33333333%;
    348     }
    349     .col-sm-offset-9 {
    350         margin-left: 75%;
    351     }
    352     .col-sm-offset-8 {
    353         margin-left: 66.66666667%;
    354     }
    355     .col-sm-offset-7 {
    356         margin-left: 58.33333333%;
    357     }
    358     .col-sm-offset-6 {
    359         margin-left: 50%;
    360     }
    361     .col-sm-offset-5 {
    362         margin-left: 41.66666667%;
    363     }
    364     .col-sm-offset-4 {
    365         margin-left: 33.33333333%;
    366     }
    367     .col-sm-offset-3 {
    368         margin-left: 25%;
    369     }
    370     .col-sm-offset-2 {
    371         margin-left: 16.66666667%;
    372     }
    373     .col-sm-offset-1 {
    374         margin-left: 8.33333333%;
    375     }
    376     .col-sm-offset-0 {
    377         margin-left: 0;
    378     }
     378  }
    379379}
    380380@media (min-width: 992px) {
    381     .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    382         float: left;
    383     }
    384     .col-md-12 {
    385         width: 100%;
    386     }
    387     .col-md-11 {
    388         width: 91.66666667%;
    389     }
    390     .col-md-10 {
    391         width: 83.33333333%;
    392     }
    393     .col-md-9 {
    394         width: 75%;
    395     }
    396     .col-md-8 {
    397         width: 66.66666667%;
    398     }
    399     .col-md-7 {
    400         width: 58.33333333%;
    401     }
    402     .col-md-6 {
    403         width: 50%;
    404     }
    405     .col-md-5 {
    406         width: 41.66666667%;
    407     }
    408     .col-md-4 {
    409         width: 33.33333333%;
    410     }
    411     .col-md-3 {
    412         width: 25%;
    413     }
    414     .col-md-2 {
    415         width: 16.66666667%;
    416     }
    417     .col-md-1 {
    418         width: 8.33333333%;
    419     }
    420     .col-md-pull-12 {
    421         right: 100%;
    422     }
    423     .col-md-pull-11 {
    424         right: 91.66666667%;
    425     }
    426     .col-md-pull-10 {
    427         right: 83.33333333%;
    428     }
    429     .col-md-pull-9 {
    430         right: 75%;
    431     }
    432     .col-md-pull-8 {
    433         right: 66.66666667%;
    434     }
    435     .col-md-pull-7 {
    436         right: 58.33333333%;
    437     }
    438     .col-md-pull-6 {
    439         right: 50%;
    440     }
    441     .col-md-pull-5 {
    442         right: 41.66666667%;
    443     }
    444     .col-md-pull-4 {
    445         right: 33.33333333%;
    446     }
    447     .col-md-pull-3 {
    448         right: 25%;
    449     }
    450     .col-md-pull-2 {
    451         right: 16.66666667%;
    452     }
    453     .col-md-pull-1 {
    454         right: 8.33333333%;
    455     }
    456     .col-md-pull-0 {
    457         right: auto;
    458     }
    459     .col-md-push-12 {
    460         left: 100%;
    461     }
    462     .col-md-push-11 {
    463         left: 91.66666667%;
    464     }
    465     .col-md-push-10 {
    466         left: 83.33333333%;
    467     }
    468     .col-md-push-9 {
    469         left: 75%;
    470     }
    471     .col-md-push-8 {
    472         left: 66.66666667%;
    473     }
    474     .col-md-push-7 {
    475         left: 58.33333333%;
    476     }
    477     .col-md-push-6 {
    478         left: 50%;
    479     }
    480     .col-md-push-5 {
    481         left: 41.66666667%;
    482     }
    483     .col-md-push-4 {
    484         left: 33.33333333%;
    485     }
    486     .col-md-push-3 {
    487         left: 25%;
    488     }
    489     .col-md-push-2 {
    490         left: 16.66666667%;
    491     }
    492     .col-md-push-1 {
    493         left: 8.33333333%;
    494     }
    495     .col-md-push-0 {
    496         left: auto;
    497     }
    498     .col-md-offset-12 {
    499         margin-left: 100%;
    500     }
    501     .col-md-offset-11 {
    502         margin-left: 91.66666667%;
    503     }
    504     .col-md-offset-10 {
    505         margin-left: 83.33333333%;
    506     }
    507     .col-md-offset-9 {
    508         margin-left: 75%;
    509     }
    510     .col-md-offset-8 {
    511         margin-left: 66.66666667%;
    512     }
    513     .col-md-offset-7 {
    514         margin-left: 58.33333333%;
    515     }
    516     .col-md-offset-6 {
    517         margin-left: 50%;
    518     }
    519     .col-md-offset-5 {
    520         margin-left: 41.66666667%;
    521     }
    522     .col-md-offset-4 {
    523         margin-left: 33.33333333%;
    524     }
    525     .col-md-offset-3 {
    526         margin-left: 25%;
    527     }
    528     .col-md-offset-2 {
    529         margin-left: 16.66666667%;
    530     }
    531     .col-md-offset-1 {
    532         margin-left: 8.33333333%;
    533     }
    534     .col-md-offset-0 {
    535         margin-left: 0;
    536     }
     381  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
     382    float: left;
     383  }
     384  .col-md-12 {
     385    width: 100%;
     386  }
     387  .col-md-11 {
     388    width: 91.66666667%;
     389  }
     390  .col-md-10 {
     391    width: 83.33333333%;
     392  }
     393  .col-md-9 {
     394    width: 75%;
     395  }
     396  .col-md-8 {
     397    width: 66.66666667%;
     398  }
     399  .col-md-7 {
     400    width: 58.33333333%;
     401  }
     402  .col-md-6 {
     403    width: 50%;
     404  }
     405  .col-md-5 {
     406    width: 41.66666667%;
     407  }
     408  .col-md-4 {
     409    width: 33.33333333%;
     410  }
     411  .col-md-3 {
     412    width: 25%;
     413  }
     414  .col-md-2 {
     415    width: 16.66666667%;
     416  }
     417  .col-md-1 {
     418    width: 8.33333333%;
     419  }
     420  .col-md-pull-12 {
     421    right: 100%;
     422  }
     423  .col-md-pull-11 {
     424    right: 91.66666667%;
     425  }
     426  .col-md-pull-10 {
     427    right: 83.33333333%;
     428  }
     429  .col-md-pull-9 {
     430    right: 75%;
     431  }
     432  .col-md-pull-8 {
     433    right: 66.66666667%;
     434  }
     435  .col-md-pull-7 {
     436    right: 58.33333333%;
     437  }
     438  .col-md-pull-6 {
     439    right: 50%;
     440  }
     441  .col-md-pull-5 {
     442    right: 41.66666667%;
     443  }
     444  .col-md-pull-4 {
     445    right: 33.33333333%;
     446  }
     447  .col-md-pull-3 {
     448    right: 25%;
     449  }
     450  .col-md-pull-2 {
     451    right: 16.66666667%;
     452  }
     453  .col-md-pull-1 {
     454    right: 8.33333333%;
     455  }
     456  .col-md-pull-0 {
     457    right: auto;
     458  }
     459  .col-md-push-12 {
     460    left: 100%;
     461  }
     462  .col-md-push-11 {
     463    left: 91.66666667%;
     464  }
     465  .col-md-push-10 {
     466    left: 83.33333333%;
     467  }
     468  .col-md-push-9 {
     469    left: 75%;
     470  }
     471  .col-md-push-8 {
     472    left: 66.66666667%;
     473  }
     474  .col-md-push-7 {
     475    left: 58.33333333%;
     476  }
     477  .col-md-push-6 {
     478    left: 50%;
     479  }
     480  .col-md-push-5 {
     481    left: 41.66666667%;
     482  }
     483  .col-md-push-4 {
     484    left: 33.33333333%;
     485  }
     486  .col-md-push-3 {
     487    left: 25%;
     488  }
     489  .col-md-push-2 {
     490    left: 16.66666667%;
     491  }
     492  .col-md-push-1 {
     493    left: 8.33333333%;
     494  }
     495  .col-md-push-0 {
     496    left: auto;
     497  }
     498  .col-md-offset-12 {
     499    margin-left: 100%;
     500  }
     501  .col-md-offset-11 {
     502    margin-left: 91.66666667%;
     503  }
     504  .col-md-offset-10 {
     505    margin-left: 83.33333333%;
     506  }
     507  .col-md-offset-9 {
     508    margin-left: 75%;
     509  }
     510  .col-md-offset-8 {
     511    margin-left: 66.66666667%;
     512  }
     513  .col-md-offset-7 {
     514    margin-left: 58.33333333%;
     515  }
     516  .col-md-offset-6 {
     517    margin-left: 50%;
     518  }
     519  .col-md-offset-5 {
     520    margin-left: 41.66666667%;
     521  }
     522  .col-md-offset-4 {
     523    margin-left: 33.33333333%;
     524  }
     525  .col-md-offset-3 {
     526    margin-left: 25%;
     527  }
     528  .col-md-offset-2 {
     529    margin-left: 16.66666667%;
     530  }
     531  .col-md-offset-1 {
     532    margin-left: 8.33333333%;
     533  }
     534  .col-md-offset-0 {
     535    margin-left: 0;
     536  }
    537537}
    538538@media (min-width: 1200px) {
    539     .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    540         float: left;
    541     }
    542     .col-lg-12 {
    543         width: 100%;
    544     }
    545     .col-lg-11 {
    546         width: 91.66666667%;
    547     }
    548     .col-lg-10 {
    549         width: 83.33333333%;
    550     }
    551     .col-lg-9 {
    552         width: 75%;
    553     }
    554     .col-lg-8 {
    555         width: 66.66666667%;
    556     }
    557     .col-lg-7 {
    558         width: 58.33333333%;
    559     }
    560     .col-lg-6 {
    561         width: 50%;
    562     }
    563     .col-lg-5 {
    564         width: 41.66666667%;
    565     }
    566     .col-lg-4 {
    567         width: 33.33333333%;
    568     }
    569     .col-lg-3 {
    570         width: 25%;
    571     }
    572     .col-lg-2 {
    573         width: 16.66666667%;
    574     }
    575     .col-lg-1 {
    576         width: 8.33333333%;
    577     }
    578     .col-lg-pull-12 {
    579         right: 100%;
    580     }
    581     .col-lg-pull-11 {
    582         right: 91.66666667%;
    583     }
    584     .col-lg-pull-10 {
    585         right: 83.33333333%;
    586     }
    587     .col-lg-pull-9 {
    588         right: 75%;
    589     }
    590     .col-lg-pull-8 {
    591         right: 66.66666667%;
    592     }
    593     .col-lg-pull-7 {
    594         right: 58.33333333%;
    595     }
    596     .col-lg-pull-6 {
    597         right: 50%;
    598     }
    599     .col-lg-pull-5 {
    600         right: 41.66666667%;
    601     }
    602     .col-lg-pull-4 {
    603         right: 33.33333333%;
    604     }
    605     .col-lg-pull-3 {
    606         right: 25%;
    607     }
    608     .col-lg-pull-2 {
    609         right: 16.66666667%;
    610     }
    611     .col-lg-pull-1 {
    612         right: 8.33333333%;
    613     }
    614     .col-lg-pull-0 {
    615         right: auto;
    616     }
    617     .col-lg-push-12 {
    618         left: 100%;
    619     }
    620     .col-lg-push-11 {
    621         left: 91.66666667%;
    622     }
    623     .col-lg-push-10 {
    624         left: 83.33333333%;
    625     }
    626     .col-lg-push-9 {
    627         left: 75%;
    628     }
    629     .col-lg-push-8 {
    630         left: 66.66666667%;
    631     }
    632     .col-lg-push-7 {
    633         left: 58.33333333%;
    634     }
    635     .col-lg-push-6 {
    636         left: 50%;
    637     }
    638     .col-lg-push-5 {
    639         left: 41.66666667%;
    640     }
    641     .col-lg-push-4 {
    642         left: 33.33333333%;
    643     }
    644     .col-lg-push-3 {
    645         left: 25%;
    646     }
    647     .col-lg-push-2 {
    648         left: 16.66666667%;
    649     }
    650     .col-lg-push-1 {
    651         left: 8.33333333%;
    652     }
    653     .col-lg-push-0 {
    654         left: auto;
    655     }
    656     .col-lg-offset-12 {
    657         margin-left: 100%;
    658     }
    659     .col-lg-offset-11 {
    660         margin-left: 91.66666667%;
    661     }
    662     .col-lg-offset-10 {
    663         margin-left: 83.33333333%;
    664     }
    665     .col-lg-offset-9 {
    666         margin-left: 75%;
    667     }
    668     .col-lg-offset-8 {
    669         margin-left: 66.66666667%;
    670     }
    671     .col-lg-offset-7 {
    672         margin-left: 58.33333333%;
    673     }
    674     .col-lg-offset-6 {
    675         margin-left: 50%;
    676     }
    677     .col-lg-offset-5 {
    678         margin-left: 41.66666667%;
    679     }
    680     .col-lg-offset-4 {
    681         margin-left: 33.33333333%;
    682     }
    683     .col-lg-offset-3 {
    684         margin-left: 25%;
    685     }
    686     .col-lg-offset-2 {
    687         margin-left: 16.66666667%;
    688     }
    689     .col-lg-offset-1 {
    690         margin-left: 8.33333333%;
    691     }
    692     .col-lg-offset-0 {
    693         margin-left: 0;
    694     }
     539  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
     540    float: left;
     541  }
     542  .col-lg-12 {
     543    width: 100%;
     544  }
     545  .col-lg-11 {
     546    width: 91.66666667%;
     547  }
     548  .col-lg-10 {
     549    width: 83.33333333%;
     550  }
     551  .col-lg-9 {
     552    width: 75%;
     553  }
     554  .col-lg-8 {
     555    width: 66.66666667%;
     556  }
     557  .col-lg-7 {
     558    width: 58.33333333%;
     559  }
     560  .col-lg-6 {
     561    width: 50%;
     562  }
     563  .col-lg-5 {
     564    width: 41.66666667%;
     565  }
     566  .col-lg-4 {
     567    width: 33.33333333%;
     568  }
     569  .col-lg-3 {
     570    width: 25%;
     571  }
     572  .col-lg-2 {
     573    width: 16.66666667%;
     574  }
     575  .col-lg-1 {
     576    width: 8.33333333%;
     577  }
     578  .col-lg-pull-12 {
     579    right: 100%;
     580  }
     581  .col-lg-pull-11 {
     582    right: 91.66666667%;
     583  }
     584  .col-lg-pull-10 {
     585    right: 83.33333333%;
     586  }
     587  .col-lg-pull-9 {
     588    right: 75%;
     589  }
     590  .col-lg-pull-8 {
     591    right: 66.66666667%;
     592  }
     593  .col-lg-pull-7 {
     594    right: 58.33333333%;
     595  }
     596  .col-lg-pull-6 {
     597    right: 50%;
     598  }
     599  .col-lg-pull-5 {
     600    right: 41.66666667%;
     601  }
     602  .col-lg-pull-4 {
     603    right: 33.33333333%;
     604  }
     605  .col-lg-pull-3 {
     606    right: 25%;
     607  }
     608  .col-lg-pull-2 {
     609    right: 16.66666667%;
     610  }
     611  .col-lg-pull-1 {
     612    right: 8.33333333%;
     613  }
     614  .col-lg-pull-0 {
     615    right: auto;
     616  }
     617  .col-lg-push-12 {
     618    left: 100%;
     619  }
     620  .col-lg-push-11 {
     621    left: 91.66666667%;
     622  }
     623  .col-lg-push-10 {
     624    left: 83.33333333%;
     625  }
     626  .col-lg-push-9 {
     627    left: 75%;
     628  }
     629  .col-lg-push-8 {
     630    left: 66.66666667%;
     631  }
     632  .col-lg-push-7 {
     633    left: 58.33333333%;
     634  }
     635  .col-lg-push-6 {
     636    left: 50%;
     637  }
     638  .col-lg-push-5 {
     639    left: 41.66666667%;
     640  }
     641  .col-lg-push-4 {
     642    left: 33.33333333%;
     643  }
     644  .col-lg-push-3 {
     645    left: 25%;
     646  }
     647  .col-lg-push-2 {
     648    left: 16.66666667%;
     649  }
     650  .col-lg-push-1 {
     651    left: 8.33333333%;
     652  }
     653  .col-lg-push-0 {
     654    left: auto;
     655  }
     656  .col-lg-offset-12 {
     657    margin-left: 100%;
     658  }
     659  .col-lg-offset-11 {
     660    margin-left: 91.66666667%;
     661  }
     662  .col-lg-offset-10 {
     663    margin-left: 83.33333333%;
     664  }
     665  .col-lg-offset-9 {
     666    margin-left: 75%;
     667  }
     668  .col-lg-offset-8 {
     669    margin-left: 66.66666667%;
     670  }
     671  .col-lg-offset-7 {
     672    margin-left: 58.33333333%;
     673  }
     674  .col-lg-offset-6 {
     675    margin-left: 50%;
     676  }
     677  .col-lg-offset-5 {
     678    margin-left: 41.66666667%;
     679  }
     680  .col-lg-offset-4 {
     681    margin-left: 33.33333333%;
     682  }
     683  .col-lg-offset-3 {
     684    margin-left: 25%;
     685  }
     686  .col-lg-offset-2 {
     687    margin-left: 16.66666667%;
     688  }
     689  .col-lg-offset-1 {
     690    margin-left: 8.33333333%;
     691  }
     692  .col-lg-offset-0 {
     693    margin-left: 0;
     694  }
    695695}
    696696.waves-effect {
    697     position: relative;
    698     cursor: pointer;
    699     display: inline-block;
    700     overflow: hidden;
    701     -webkit-user-select: none;
    702     -moz-user-select: none;
    703     -ms-user-select: none;
    704     user-select: none;
    705     -webkit-tap-highlight-color: transparent;
    706     vertical-align: middle;
    707     z-index: 1;
    708     will-change: opacity, transform;
    709     transition: all .3s ease-out;
     697  position: relative;
     698  cursor: pointer;
     699  display: inline-block;
     700  overflow: hidden;
     701  -webkit-user-select: none;
     702  -moz-user-select: none;
     703  -ms-user-select: none;
     704  user-select: none;
     705  -webkit-tap-highlight-color: transparent;
     706  vertical-align: middle;
     707  z-index: 1;
     708  will-change: opacity, transform;
     709  transition: all .3s ease-out;
    710710}
    711711
    712712.waves-effect .waves-ripple {
    713     position: absolute;
    714     border-radius: 50%;
    715     width: 20px;
    716     height: 20px;
    717     margin-top: -10px;
    718     margin-left: -10px;
    719     opacity: 0;
    720     background: rgba(0, 0, 0, 0.2);
    721     transition: all 0.7s ease-out;
    722     transition-property: opacity, -webkit-transform;
    723     transition-property: transform, opacity;
    724     transition-property: transform, opacity, -webkit-transform;
    725     -webkit-transform: scale(0);
    726     transform: scale(0);
    727     pointer-events: none;
     713  position: absolute;
     714  border-radius: 50%;
     715  width: 20px;
     716  height: 20px;
     717  margin-top: -10px;
     718  margin-left: -10px;
     719  opacity: 0;
     720  background: rgba(0, 0, 0, 0.2);
     721  transition: all 0.7s ease-out;
     722  transition-property: opacity, -webkit-transform;
     723  transition-property: transform, opacity;
     724  transition-property: transform, opacity, -webkit-transform;
     725  -webkit-transform: scale(0);
     726          transform: scale(0);
     727  pointer-events: none;
    728728}
    729729
    730730.waves-effect.waves-light .waves-ripple {
    731     background-color: rgba(255, 255, 255, 0.45);
     731  background-color: rgba(255, 255, 255, 0.45);
    732732}
    733733
    734734.waves-effect.waves-red .waves-ripple {
    735     background-color: rgba(244, 67, 54, 0.7);
     735  background-color: rgba(244, 67, 54, 0.7);
    736736}
    737737
    738738.waves-effect.waves-yellow .waves-ripple {
    739     background-color: rgba(255, 235, 59, 0.7);
     739  background-color: rgba(255, 235, 59, 0.7);
    740740}
    741741
    742742.waves-effect.waves-orange .waves-ripple {
    743     background-color: rgba(255, 152, 0, 0.7);
     743  background-color: rgba(255, 152, 0, 0.7);
    744744}
    745745
    746746.waves-effect.waves-purple .waves-ripple {
    747     background-color: rgba(156, 39, 176, 0.7);
     747  background-color: rgba(156, 39, 176, 0.7);
    748748}
    749749
    750750.waves-effect.waves-green .waves-ripple {
    751     background-color: rgba(76, 175, 80, 0.7);
     751  background-color: rgba(76, 175, 80, 0.7);
    752752}
    753753
    754754.waves-effect.waves-teal .waves-ripple {
    755     background-color: rgba(0, 150, 136, 0.7);
     755  background-color: rgba(0, 150, 136, 0.7);
    756756}
    757757
    758758.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    759     border: 0;
    760     font-style: normal;
    761     font-size: inherit;
    762     text-transform: inherit;
    763     background: none;
     759  border: 0;
     760  font-style: normal;
     761  font-size: inherit;
     762  text-transform: inherit;
     763  background: none;
    764764}
    765765
    766766.waves-notransition {
    767     transition: none !important;
     767  transition: none !important;
    768768}
    769769
    770770.waves-circle {
    771     -webkit-transform: translateZ(0);
    772     transform: translateZ(0);
    773     -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
     771  -webkit-transform: translateZ(0);
     772          transform: translateZ(0);
     773  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    774774}
    775775
    776776.waves-input-wrapper {
    777     border-radius: 0.2em;
    778     vertical-align: bottom;
     777  border-radius: 0.2em;
     778  vertical-align: bottom;
    779779}
    780780
    781781.waves-input-wrapper .waves-button-input {
    782     position: relative;
    783     top: 0;
    784     left: 0;
    785     z-index: 1;
     782  position: relative;
     783  top: 0;
     784  left: 0;
     785  z-index: 1;
    786786}
    787787
    788788.waves-circle {
    789     text-align: center;
    790     width: 2.5em;
    791     height: 2.5em;
    792     line-height: 2.5em;
    793     border-radius: 50%;
    794     -webkit-mask-image: none;
     789  text-align: center;
     790  width: 2.5em;
     791  height: 2.5em;
     792  line-height: 2.5em;
     793  border-radius: 50%;
     794  -webkit-mask-image: none;
    795795}
    796796
    797797.waves-block {
    798     display: block;
     798  display: block;
    799799}
    800800
    801801/* Firefox Bug: link not triggered */
    802802a.waves-effect .waves-ripple {
    803     z-index: -1;
    804 }
    805 
    806 
    807 .osmp-model-popup .md-content {
     803  z-index: -1;
     804}
     805
     806.modal {
     807  display: none;
     808  position: fixed;
     809  left: 0;
     810  right: 0;
     811  background-color: #fafafa;
     812  padding: 0;
     813  max-height: 70%;
     814  width: 55%;
     815  margin: auto;
     816  overflow: auto !important;
     817  border-radius: 2px;
     818  will-change: top, opacity;
     819}
     820
     821@media only screen and (max-width: 992px) {
     822  .modal {
     823    width: 80%;
     824  }
     825}
     826
     827.modal h1, .modal h2, .modal h3, .modal h4 {
     828  margin-top: 0;
     829}
     830
     831.modal .modal-content {
     832  padding: 24px;
     833}
     834
     835.modal .modal-close {
     836  cursor: pointer;
     837}
     838
     839.modal .modal-footer {
     840  border-radius: 0 0 2px 2px;
     841  background-color: #fafafa;
     842  padding: 4px 6px;
     843  height: 56px;
     844  width: 100%;
     845}
     846
     847.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
     848  float: right;
     849  margin: 6px 0;
     850}
     851
     852.lean-overlay {
     853  position: fixed;
     854  z-index: 999;
     855  top: -100px;
     856  left: 0;
     857  bottom: 0;
     858  right: 0;
     859  height: 125%;
     860  width: 100%;
     861  background: #000;
     862  display: none;
     863  will-change: opacity;
     864}
     865
     866.modal.modal-fixed-footer {
     867  padding: 0;
     868  height: 70%;
     869}
     870
     871.modal.modal-fixed-footer .modal-content {
     872  position: absolute;
     873  height: calc(100% - 56px);
     874  max-height: 100%;
     875  width: 100%;
     876  overflow-y: auto;
     877}
     878
     879.modal.modal-fixed-footer .modal-footer {
     880  border-top: 1px solid rgba(0, 0, 0, 0.1);
     881  position: absolute;
     882  bottom: 0;
     883}
     884
     885.modal.bottom-sheet {
     886  top: auto;
     887  bottom: -100%;
     888  margin: 0;
     889  width: 100%;
     890  max-height: 45%;
     891  border-radius: 0;
     892  will-change: bottom, opacity;
     893}
     894
     895.osmp-model-popup .modal-content {
    808896    box-shadow: none;
    809897    background-clip: padding-box;
    … …  
    842930    vertical-align: top;
    843931}
    844 .osmp-model-popup .md-modal.design-2 {
     932.osmp-model-popup .modal.design-2 {
    845933    background-color: #fff;
    846934}
    847 .osmp-model-popup .md-modal.design-2 .osmp-left{
     935.osmp-model-popup .modal.design-2 .osmp-left{
    848936    width: 25%;
    849937    float: left;
    … …  
    853941    padding: 10% 0;
    854942}
    855 .osmp-model-popup .md-modal.design-2 .osmp-left .osmp-box {
     943.osmp-model-popup .modal.design-2 .osmp-left .osmp-box {
    856944    display: table-cell;
    857945    margin: 0 auto;
    … …  
    859947    vertical-align: middle;
    860948}
    861 .osmp-model-popup .md-modal.design-2 .osmp-left span {
     949.osmp-model-popup .modal.design-2 .osmp-left span {
    862950    display: block;
    863951    text-transform: uppercase;
    … …  
    865953    line-height: 28px;
    866954}
    867 .osmp-model-popup .md-modal.design-2 .osmp-left small {
     955.osmp-model-popup .modal.design-2 .osmp-left small {
    868956    color: #ccc;
    869957    display: inline-block;
    … …  
    875963    border-bottom: 1px solid #ccc;
    876964}
    877 .osmp-model-popup .md-modal.design-2 .osmp-right{
     965.osmp-model-popup .modal.design-2 .osmp-right{
    878966    background-color: #fff;
    879967    width: 74.3333%;
    … …  
    881969    padding: 5%;
    882970}
    883 .osmp-model-popup .md-modal.design-2 .md-content {
     971.osmp-model-popup .modal.design-2 .modal-content {
    884972    padding: 0;
    885973}
    886 .osmp-model-popup .md-modal.osmp-modal h1 {
     974.osmp-model-popup .modal.osmp-modal h1 {
    887975    line-height: 60px;
    888976    margin: 0;
    889977}
    890 .osmp-model-popup .md-modal.design-2 small {
     978.osmp-model-popup .modal.design-2 small {
    891979    margin-top: 10px;
    892980    color: #ccc;
    893981    font-style: italic;
    894982}
    895 .osmp-model-popup .md-modal.design-2 form input[type="text"],
    896 .osmp-model-popup .md-modal.design-2 form input[type="email"],
    897 .osmp-model-popup .md-modal.design-2 form input[type="url"],
    898 .osmp-model-popup .md-modal.design-2 form input[type="date"],
    899 .osmp-model-popup .md-modal.design-2 form input[type="tel"],
    900 .osmp-model-popup .md-modal.design-2 form input[type="number"] {
     983.osmp-model-popup .modal.design-2 form input[type="text"],
     984.osmp-model-popup .modal.design-2 form input[type="email"],
     985.osmp-model-popup .modal.design-2 form input[type="url"],
     986.osmp-model-popup .modal.design-2 form input[type="date"],
     987.osmp-model-popup .modal.design-2 form input[type="tel"],
     988.osmp-model-popup .modal.design-2 form input[type="number"] {
    901989    border-radius: 5px;
    902990    -moz-border-radius: 5px;
    … …  
    906994    margin-bottom: 8px;
    907995}
    908 .osmp-model-popup .md-modal.design-2 form input[type="submit"],
    909 .osmp-model-popup .md-modal.design-2 form input[type="button"] {
     996.osmp-model-popup .modal.design-2 form input[type="submit"],
     997.osmp-model-popup .modal.design-2 form input[type="button"] {
    910998    border-radius: 5px;
    911999    -moz-border-radius: 5px;
    … …  
    9151003    width: 100%;
    9161004}
    917 .osmp-model-popup .md-modal.design-3 .md-content {
     1005.osmp-model-popup .modal.design-3 .modal-content {
    9181006    margin: 10px;
    9191007    border: 1px solid #682a5c;
    9201008}
    921 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="text"],
    922 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="email"],
    923 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="url"],
    924 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="date"],
    925 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="tel"],
    926 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="number"] {
     1009.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="text"],
     1010.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="email"],
     1011.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="url"],
     1012.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="date"],
     1013.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="tel"],
     1014.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="number"] {
    9271015    border-radius: 5px;
    9281016    -moz-border-radius: 5px;
    … …  
    9331021    width: 100%;
    9341022}
    935 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="submit"],
    936 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type="button"] {
     1023.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="submit"],
     1024.osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type="button"] {
    9371025    border-radius: 5px;
    9381026    -moz-border-radius: 5px;
    … …  
    9431031}
    9441032.osmp-modal span.wpcf7-not-valid-tip {
    945     font-style: italic;
    946     font-size: 13px;
    947     color: #f00;
    948     text-transform: none;
    949     text-align: left;
     1033  font-style: italic;
     1034  font-size: 13px;
     1035  color: #f00;
     1036  text-transform: none;
     1037  text-align: left;
    9501038}
    9511039.osmp-modal div.wpcf7-validation-errors {
    952     background-color: #f7e700;
    953     border-radius: 5px;
    954     -moz-border-radius: 5px;
    955     -webkit-border-radius: 5px;
    956     font-size: 13px;
    957     text-align: left;
     1040  background-color: #f7e700;
     1041  border-radius: 5px;
     1042  -moz-border-radius: 5px;
     1043  -webkit-border-radius: 5px;
     1044  font-size: 13px;
     1045  text-align: left;
    9581046}
    9591047.osmp-modal div.wpcf7-mail-sent-ok {
    960     background-color: #398f14;
    961     border-radius: 5px;
    962     -moz-border-radius: 5px;
    963     -webkit-border-radius: 5px;
    964     font-size: 13px;
    965     text-align: left;
    966 }
    967 .osmp-model-popup .md-modal.design-4 .md-content {
    968     padding: 24px 24px 0 24px;
    969 }
    970 .osmp-modal.md-modal.design-4 .osmp-form form {
    971     display: block; 
    972 }
    973 .osmp-modal.md-modal.design-4 .osmp-form form label {
    974     text-align: left;
    975     font-size: 13px;
    976     font-weight: 300;
    977     text-transform: uppercase;
    978     display: block;
    979 }
    980 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="text"],
    981 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="email"],
    982 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="url"],
    983 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="date"],
    984 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="tel"],
    985 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="number"],
    986 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form textarea {
     1048  background-color: #398f14;
     1049  border-radius: 5px;
     1050  -moz-border-radius: 5px;
     1051  -webkit-border-radius: 5px;
     1052  font-size: 13px;
     1053  text-align: left;
     1054}
     1055.osmp-model-popup .modal.design-4 .modal-content {
     1056  padding: 24px 24px 0 24px;
     1057  }
     1058.osmp-modal.modal.design-4 .osmp-form form {
     1059  display: block; 
     1060}
     1061.osmp-modal.modal.design-4 .osmp-form form label {
     1062  text-align: left;
     1063  font-size: 13px;
     1064  font-weight: 300;
     1065  text-transform: uppercase;
     1066  display: block;
     1067}
     1068.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="text"],
     1069.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="email"],
     1070.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="url"],
     1071.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="date"],
     1072.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="tel"],
     1073.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="number"],
     1074.osmp-model-popup .modal.design-4 .modal-content .osmp-form form textarea {
    9871075    border-radius: 0;
    9881076    -moz-border-radius: 0;
    … …  
    9961084    resize: none;
    9971085}
    998 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form textarea {
    999     height: 80px;
    1000 }
    1001 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="submit"],
    1002 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type="button"] {
     1086.osmp-model-popup .modal.design-4 .modal-content .osmp-form form textarea {
     1087  height: 80px;
     1088}
     1089.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="submit"],
     1090.osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type="button"] {
    10031091    border-radius: 0;
    10041092    -moz-border-radius: 0;
    … …  
    10121100    padding: 10px 20px;
    10131101    font-size: 16px;
    1014     font-weight: 300;
    1015     text-transform: uppercase;
    1016 }
    1017 .osmp-model-popup .md-modal.design-4 .modal-footer {
    1018     height: 80px;
    1019     background-color: #fff;
    1020     margin-top: 0;
    1021 }
    1022 
    1023 
    1024 
    1025 
    1026 /*Rasheed */
    1027 
    1028 .md-content .md-close{
    1029     position: absolute;
    1030     top: 10px;
    1031     right: 10px;
    1032     background-color: inherit;
    1033     font-size: 15px;
    1034 }
    1035 
    1036 /*Rasheed */
     1102  font-weight: 300;
     1103  text-transform: uppercase;
     1104}
     1105.osmp-model-popup .modal.design-4 .modal-footer {
     1106height: 80px;
     1107background-color: #fff;
     1108margin-top: 0;
     1109}

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/class.osmp.design.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpMetaboxDesigns
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    14  * @author      Jinesh.P.V, Team Leader Offshorent Softwares Pvt Ltd.
     14 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    1515 */
    1616 
    … …  
    6060 * Returns the main instance of osmpMetaboxDesigns to prevent the need to use globals.
    6161 *
    62  * @since  1.0
     62 * @since  1.2
    6363 * @return osmpMetaboxDesigns
    6464 */

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/class.osmp.designs.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpMetaboxDesigns
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    1414 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    … …  
    6060 * Returns the main instance of osmpMetaboxDesigns to prevent the need to use globals.
    6161 *
    62  * @since  1.0
     62 * @since  1.2
    6363 * @return osmpMetaboxDesigns
    6464 */

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/class.osmp.general.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpMetaboxGeneral
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    1414 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    … …  
    6060 * Returns the main instance of osmpMetaboxGeneral to prevent the need to use globals.
    6161 *
    62  * @since  1.0
     62 * @since  1.2
    6363 * @return osmpMetaboxGeneral
    6464 */

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/class.osmp.settings.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpMetaboxSettings
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    1414 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/class.osmp.shortcode.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpMetaboxShortcode
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    1414 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V

  • os-materializecss-popup/trunk/includes/admin/meta-boxes/views/osmp.designs.php

    r1348033 r1522538  
    1919        <div class="osmp-row">
    2020            <label for="popup-heading">Popup Heading</label>
    21             <input type="text" value='<?php echo ( !empty( $design['popup-heading-1'] ) ) ? $design['popup-heading-1'] : '' ;?>' name="osmp[design][popup-heading-1]">
     21            <input type="text" value='<?php echo ( !empty( $design['popup-heading'] ) ) ? $design['popup-heading'] : '' ;?>' name="osmp[design][popup-heading]">
    2222            <em>This is the OS popup heading text.</em>
    2323        </div>
    … …  
    3636        <div class="osmp-row-box">
    3737            <label for="form-shortcode">Form Shortcode</label>
    38             <input type="text" value='<?php echo ( !empty( $design['form-shortcode-1'] ) ) ? $design['form-shortcode-1'] : '' ;?>' name="osmp[design][form-shortcode-1]">
     38            <input type="text" value='<?php echo ( !empty( $design['form-shortcode'] ) ) ? $design['form-shortcode'] : '' ;?>' name="osmp[design][form-shortcode]">
    3939            <em>This is the OS popup form shortcode. You can use Contact form 7, Gravity form or any other wordpress forms shortcode here.</em>
    4040        </div>
    … …  
    5555        <div class="osmp-row-box">
    5656            <label for="popup-heading">Popup Heading</label>
    57             <input type="text" value='<?php echo ( !empty( $design['popup-heading-2'] ) ) ? $design['popup-heading-2'] : '' ;?>' name="osmp[design][popup-heading-2]">
     57            <input type="text" value='<?php echo ( !empty( $design['popup-heading'] ) ) ? $design['popup-heading'] : '' ;?>' name="osmp[design][popup-heading]">
    5858            <em>This is the OS popup heading text.</em>
    5959        </div>
    6060        <div class="osmp-row-box last">
    6161            <label for="form-shortcode">Form Shortcode</label>
    62             <input type="text" value='<?php echo ( !empty( $design['form-shortcode-2'] ) ) ? $design['form-shortcode-2'] : '' ;?>' name="osmp[design][form-shortcode-2]">
     62            <input type="text" value='<?php echo ( !empty( $design['form-shortcode'] ) ) ? $design['form-shortcode'] : '' ;?>' name="osmp[design][form-shortcode]">
    6363            <em>This is the OS popup form shortcode. You can use Contact form 7, Gravity form or any other wordpress forms shortcode here.</em>
    6464        </div>

  • os-materializecss-popup/trunk/includes/admin/osmp-about.php

    r1346020 r1522538  
    1010 *
    1111 * @class       osmpAbout
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    14  * @author      Jinesh, Senior Software Engineer
     14 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    1515 */
    1616 
    … …  
    4040        * about_osmp_developer for ourteam blog
    4141        *
    42         * @since  1.0
     42        * @since  1.2
    4343        */
    4444   

  • os-materializecss-popup/trunk/includes/admin/osmp-post-types.php

    r1348033 r1522538  
    1010 *
    1111 * @class       osmpPostTypes
    12  * @version     1.0
     12 * @version     1.2
    1313 * @category    Class
    1414 * @author      Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    … …  
    138138
    139139        public function osmp_save_meta_values( $post_id ) {
    140            
    141140
    142141            if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE )
    … …  
    182181 * Returns the main instance of osmpPostTypes to prevent the need to use globals.
    183182 *
    184  * @since  1.0
     183 * @since  1.2
    185184 * @return osmpPostTypes
    186185 */

  • os-materializecss-popup/trunk/includes/admin/osmp-widget.php

    r1346020 r1522538  
    2828        } else {
    2929            echo '';
    30             break;
    3130        }
    3231                           

  • os-materializecss-popup/trunk/includes/templates/osmp.design-1.php

    r1348033 r1522538  
    1 <?php
     1<?php 
    22/*
    3  * OS Materializecss Popup Design 1
    4  * Offshorent Softwares Pvt. Ltd. | Jinesh.P.V
    5  */
     3* OS Materializecss Popup Design 1
     4* Offshorent Softwares Pvt. Ltd. | Jinesh.P.V
     5*/
    66$pt = new osmpPostTypes();
    7 $button_color = $pt->osmp_get_the_value($post_id, 'settings', 'button-color', '');
    8 $button_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'button-font-color', '');
    9 $button_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'button-font-size', '');
    10 $body_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'body-font-size', '');
    11 $heading_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'heading-font-size', '');
    12 $offer_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'offer-font-size', '');
    13 $heading_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'heading-font-color', '');
    14 $bg_color = $pt->osmp_get_the_value($post_id, 'settings', 'bg-color', '');
    15 $offer_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'offer-font-color', '');
     7$button_color = $pt->osmp_get_the_value( $post_id, 'settings', 'button-color', '' );
     8$button_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'button-font-color', '' );
     9$button_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'button-font-size', '' );
     10$body_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'body-font-size', '' );
     11$heading_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'heading-font-size', '' );
     12$offer_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'offer-font-size', '' );
     13$heading_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'heading-font-color', '' );
     14$bg_color = $pt->osmp_get_the_value( $post_id, 'settings', 'bg-color', '' );
     15$offer_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'offer-font-color', '' );
    1616
    17 $left = $pt->osmp_get_the_value($post_id, 'general', 'left', '');
    18 $right = $pt->osmp_get_the_value($post_id, 'general', 'right', '');
    19 $bottom = $pt->osmp_get_the_value($post_id, 'general', 'bottom', '');
    20 $top = $pt->osmp_get_the_value($post_id, 'general', 'top', '');
    21 $back_custom_css = $pt->osmp_get_the_value($post_id, 'general', 'custom-css', '');
    22 $btn_txt = $pt->osmp_get_the_value($post_id, 'general', 'btn-txt', '');
     17$left = $pt->osmp_get_the_value( $post_id, 'general', 'left', '' );
     18$right = $pt->osmp_get_the_value( $post_id, 'general', 'right', '' );
     19$bottom = $pt->osmp_get_the_value( $post_id, 'general', 'bottom', '' );
     20$top = $pt->osmp_get_the_value( $post_id, 'general', 'top', '' );
     21$back_custom_css = $pt->osmp_get_the_value( $post_id, 'general', 'custom-css', '' );
     22$btn_txt = $pt->osmp_get_the_value( $post_id, 'general', 'btn-txt', '' );
    2323
    24 $popup_heading = $pt->osmp_get_the_value($post_id, 'design', 'popup-heading-1', '');
    25 $offer_txt = $pt->osmp_get_the_value($post_id, 'design', 'offer-txt', '');
    26 $offer_subtxt = $pt->osmp_get_the_value($post_id, 'design', 'offer-subtxt', '');
    27 $form_shortcode = $pt->osmp_get_the_value($post_id, 'design', 'form-shortcode-1', '');
    28 $shortcode_subtxt = $pt->osmp_get_the_value($post_id, 'design', 'shortcode-subtxt', '');
    29 $footer_text = $pt->osmp_get_the_value($post_id, 'design', 'footer-text', '');
     24$popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading', '' );
     25$offer_txt = $pt->osmp_get_the_value( $post_id, 'design', 'offer-txt', '' );
     26$offer_subtxt = $pt->osmp_get_the_value( $post_id, 'design', 'offer-subtxt', '' );
     27$form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode', '' );
     28$shortcode_subtxt = $pt->osmp_get_the_value( $post_id, 'design', 'shortcode-subtxt', '' );
     29$footer_text = $pt->osmp_get_the_value( $post_id, 'design', 'footer-text', '' );
    3030
    31 $custom_css = ".osmp-model-popup .osmp-modal-btn {
     31$custom_css =  ".osmp-model-popup .osmp-modal-btn {
    3232                    background-color: {$button_color};
    3333                    color: {$button_font_color};
    … …  
    3535                    line-height: {$button_font_size};
    3636                    position: fixed;";
    37 if (!empty($top))
    38     $custom_css .= "top: {$top};";
    39 if (!empty($bottom))
    40     $custom_css .= "bottom: {$bottom};";
    41 if (!empty($left))
    42     $custom_css .= "left: {$left};";
    43 if (!empty($right))
    44     $custom_css .= "right: {$right};";
    45 $custom_css .= "}
     37if( !empty( $top ) )
     38    $custom_css .= "top: {$top};";
     39if( !empty( $bottom ) )
     40    $custom_css .= "bottom: {$bottom};";
     41if( !empty( $left ) )   
     42    $custom_css .= "left: {$left};";
     43if( !empty( $right ) )
     44    $custom_css .= "right: {$right};";
     45$custom_css .=  "}
    4646                .osmp-model-popup .osmp-modal, .osmp-model-popup .osmp-modal p {
    4747                    font-size: {$body_font_size};
    … …  
    5252                    color: {$heading_font_color};
    5353                }
    54                 .md-content {
     54                .osmp-model-popup .modal {
    5555                    background-color: {$bg_color};
    5656                }
    … …  
    6868?>
    6969<style type="text/css">
    70 <?php echo $custom_css; ?>
     70<?php echo $custom_css;?>
    7171</style>
    72 
    73 
    74 <a class="md-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id; ?>" data-modal="osmp-modal-<?php echo $post_id; ?>">
    75     <?php echo $btn_txt; ?>
     72<a class="waves-effect waves-light btn modal-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id;?>">
     73    <?php echo $btn_txt;?>
    7674</a>
    77 <div id="osmp-modal-<?php echo $post_id; ?>" class="md-modal md-effect osmp-modal">
    78     <div class="md-content">
    79         <button class="md-close">X</button>
    80         <?php if ($popup_heading) { ?><h4><?php echo $popup_heading; ?></h4><?php } ?>
    81         <?php if ($offer_txt) { ?><h1><?php echo $offer_txt; ?></h1><?php } ?>
    82         <?php if ($offer_subtxt) { ?><p class="offer-sub-txt"><?php echo $offer_subtxt; ?></p><?php } ?>
    83         <div class="osmp-form"><?php if ($form_shortcode) { ?><?php echo do_shortcode($form_shortcode); ?><?php } ?></div>
    84         <?php if ($shortcode_subtxt) { ?><p class="shortcode-sub-txt"><?php echo $shortcode_subtxt; ?></p><?php } ?>
    85         <?php if ($footer_text) { ?><em><?php echo $footer_text; ?></em><?php } ?>
    86         <div class="clear"></div>
    87     </div>
     75<div id="osmp-modal-<?php echo $post_id;?>" class="modal osmp-modal">
     76    <div class="modal-content">
     77        <?php if( $popup_heading ) { ?><span><?php echo $popup_heading; ?></span><?php } ?>
     78        <?php if( $offer_txt ) {?><?php echo $offer_txt; ?><?php } ?>
     79        <?php if( $offer_subtxt ) {?><small><?php echo $offer_subtxt; ?></small><?php } ?>
     80        <div class="osmp-form"><?php if( $form_shortcode ) {?><?php echo do_shortcode( $form_shortcode ); ?><?php } ?></div>
     81        <?php if( $shortcode_subtxt ) {?><?php echo $shortcode_subtxt; ?><?php } ?>
     82        <?php if( $footer_text ) {?><em><?php echo $footer_text; ?></em><?php } ?>
     83        <div class="clear"></div>
     84    </div>
    8885</div>
    89 <div class="md-overlay"></div><!-- the overlay element -->

  • os-materializecss-popup/trunk/includes/templates/osmp.design-2.php

    r1348033 r1522538  
    1 <?php
     1<?php 
    22/*
    3  * OS Materializecss Popup Design 2
    4  * Offshorent Softwares Pvt. Ltd. | Jinesh.P.V
    5  */
     3* OS Materializecss Popup Design 2
     4* Offshorent Softwares Pvt. Ltd. | Jinesh.P.V
     5*/
    66$pt = new osmpPostTypes();
    7 echo $button_color = $pt->osmp_get_the_value($post_id, 'settings', 'button-color', '');
    8 $button_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'button-font-color', '');
    9 $button_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'button-font-size', '');
    10 $body_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'body-font-size', '');
    11 $heading_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'heading-font-size', '');
    12 $offer_font_size = $pt->osmp_get_the_value($post_id, 'settings', 'offer-font-size', '');
    13 $heading_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'heading-font-color', '');
    14 $bg_color = $pt->osmp_get_the_value($post_id, 'settings', 'bg-color', '');
    15 $offer_font_color = $pt->osmp_get_the_value($post_id, 'settings', 'offer-font-color', '');
     7echo $button_color = $pt->osmp_get_the_value( $post_id, 'settings', 'button-color', '' );
     8$button_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'button-font-color', '' );
     9$button_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'button-font-size', '' );
     10$body_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'body-font-size', '' );
     11$heading_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'heading-font-size', '' );
     12$offer_font_size = $pt->osmp_get_the_value( $post_id, 'settings', 'offer-font-size', '' );
     13$heading_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'heading-font-color', '' );
     14$bg_color = $pt->osmp_get_the_value( $post_id, 'settings', 'bg-color', '' );
     15$offer_font_color = $pt->osmp_get_the_value( $post_id, 'settings', 'offer-font-color', '' );
    1616
    17 $left = $pt->osmp_get_the_value($post_id, 'general', 'left', '');
    18 $right = $pt->osmp_get_the_value($post_id, 'general', 'right', '');
    19 $bottom = $pt->osmp_get_the_value($post_id, 'general', 'bottom', '');
    20 $top = $pt->osmp_get_the_value($post_id, 'general', 'top', '');
    21 $back_custom_css = $pt->osmp_get_the_value($post_id, 'general', 'custom-css', '');
    22 $btn_txt = $pt->osmp_get_the_value($post_id, 'general', 'btn-txt', '');
     17$left = $pt->osmp_get_the_value( $post_id, 'general', 'left', '' );
     18$right = $pt->osmp_get_the_value( $post_id, 'general', 'right', '' );
     19$bottom = $pt->osmp_get_the_value( $post_id, 'general', 'bottom', '' );
     20$top = $pt->osmp_get_the_value( $post_id, 'general', 'top', '' );
     21$back_custom_css = $pt->osmp_get_the_value( $post_id, 'general', 'custom-css', '' );
     22$btn_txt = $pt->osmp_get_the_value( $post_id, 'general', 'btn-txt', '' );
    2323
    24 $popup_heading = $pt->osmp_get_the_value($post_id, 'design', 'popup-heading-1', '');
    25 $offer_txt = $pt->osmp_get_the_value($post_id, 'design', 'offer-txt', '');
    26 $offer_subtxt = $pt->osmp_get_the_value($post_id, 'design', 'offer-subtxt', '');
    27 $form_shortcode = $pt->osmp_get_the_value($post_id, 'design', 'form-shortcode-1', '');
    28 $shortcode_subtxt = $pt->osmp_get_the_value($post_id, 'design', 'shortcode-subtxt', '');
    29 $footer_text = $pt->osmp_get_the_value($post_id, 'design', 'footer-text', '');
     24$popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading', '' );
     25$offer_txt = $pt->osmp_get_the_value( $post_id, 'design', 'offer-txt', '' );
     26$offer_subtxt = $pt->osmp_get_the_value( $post_id, 'design', 'offer-subtxt', '' );
     27$form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode', '' );
     28$shortcode_subtxt = $pt->osmp_get_the_value( $post_id, 'design', 'shortcode-subtxt', '' );
     29$footer_text = $pt->osmp_get_the_value( $post_id, 'design', 'footer-text', '' );
    3030
    31 $custom_css = ".osmp-model-popup .osmp-modal-btn {
     31$custom_css =  ".osmp-model-popup .osmp-modal-btn {
    3232                    background-color: {$button_color};
    3333                    color: {$button_font_color};
    … …  
    3535                    line-height: {$button_font_size};
    3636                    position: fixed;";
    37 if (!empty($top))
    38     $custom_css .= "top: {$top};";
    39 if (!empty($bottom))
    40     $custom_css .= "bottom: {$bottom};";
    41 if (!empty($left))
    42     $custom_css .= "left: {$left};";
    43 if (!empty($right))
    44     $custom_css .= "right: {$right};";
    45 $custom_css .= "}
     37if( !empty( $top ) )
     38    $custom_css .= "top: {$top};";
     39if( !empty( $bottom ) )
     40    $custom_css .= "bottom: {$bottom};";
     41if( !empty( $left ) )   
     42    $custom_css .= "left: {$left};";
     43if( !empty( $right ) )
     44    $custom_css .= "right: {$right};";
     45$custom_css .=  "}
    4646                .osmp-model-popup .osmp-modal, .osmp-model-popup .osmp-modal p {
    4747                    font-size: {$body_font_size};
    … …  
    5252                    color: {$heading_font_color};
    5353                }
    54                 .osmp-model-popup .md-modal .osmp-left{
     54                .osmp-model-popup .modal .osmp-left{
    5555                    background-color: {$bg_color};
    5656                }
    … …  
    6060                    color: {$offer_font_color};
    6161                }
    62                 .osmp-modal span, .osmp-modal a, .osmp-model-popup .md-modal.design-2 .osmp-left span {
     62                .osmp-modal span, .osmp-modal a, .osmp-model-popup .modal.design-2 .osmp-left span {
    6363                    color: {$heading_font_color};
    6464                    font-size: {$heading_font_size};
    6565                }
    66                 .osmp-model-popup .md-modal.design-2 form input[type=\"submit\"],
    67                 .osmp-model-popup .md-modal.design-2 form input[type=\"button\"] {
     66                .osmp-model-popup .modal.design-2 form input[type=\"submit\"],
     67                .osmp-model-popup .modal.design-2 form input[type=\"button\"] {
    6868                    background-color: {$button_color};
    6969                    color: {$button_font_color};
    7070                    font-size: {$button_font_size};
    7171                    line-height: {$button_font_size};
    72                 }
    73                                 .md-content .osmp-right{ color:#000;}
    74                                         .md-close{color:#000;} ";
     72                }";
    7573$custom_css = $custom_css . $back_custom_css;
    7674?>
    7775<style type="text/css">
    78 <?php echo $custom_css; ?>
     76<?php echo $custom_css;?>
    7977</style>
    80 <a class="md-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id; ?>" data-modal="osmp-modal-<?php echo $post_id; ?>">
    81     <?php echo $btn_txt; ?>
     78<a class="waves-effect waves-light btn modal-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id;?>">
     79    <?php echo $btn_txt;?>
    8280</a>
    83 <div id="osmp-modal-<?php echo $post_id; ?>" class="md-modal md-effect osmp-modal design-2">
    84     <div class="md-content">
    85         <button class="md-close">X</button>
    86         <div class="osmp-left"><div class="osmp-box"><?php if ($offer_txt) { ?><?php echo $offer_txt; ?><?php } ?></div></div>
    87         <div class="osmp-right">
    88             <?php if ($popup_heading) { ?><span><?php echo $popup_heading; ?></span><?php } ?>     
    89             <?php if ($offer_subtxt) { ?><small><?php echo $offer_subtxt; ?></small><?php } ?>
    90             <div class="osmp-form"><?php if ($form_shortcode) { ?><?php echo do_shortcode($form_shortcode); ?><?php } ?></div>
    91             <?php if ($shortcode_subtxt) { ?><?php echo $shortcode_subtxt; ?><?php } ?>
    92             <?php if ($footer_text) { ?><em><?php echo $footer_text; ?></em><?php } ?>
    93         </div>
    94         <div class="clear"></div>
    95     </div>
     81<div id="osmp-modal-<?php echo $post_id;?>" class="modal osmp-modal <?php echo $design;?>">
     82    <div class="modal-content">
     83        <div class="osmp-left"><div class="osmp-box"><?php if( $offer_txt ) {?><?php echo $offer_txt; ?><?php } ?></div></div>
     84        <div class="osmp-right">
     85            <?php if( $popup_heading ) { ?><span><?php echo $popup_heading; ?></span><?php } ?>     
     86            <?php if( $offer_subtxt ) {?><small><?php echo $offer_subtxt; ?></small><?php } ?>
     87            <div class="osmp-form"><?php if( $form_shortcode ) {?><?php echo do_shortcode( $form_shortcode ); ?><?php } ?></div>
     88            <?php if( $shortcode_subtxt ) {?><?php echo $shortcode_subtxt; ?><?php } ?>
     89            <?php if( $footer_text ) {?><em><?php echo $footer_text; ?></em><?php } ?>
     90        </div>
     91        <div class="clear"></div>
     92    </div>
    9693</div>
    97 <div class="md-overlay"></div><!-- the overlay element -->

  • os-materializecss-popup/trunk/includes/templates/osmp.design-3.php

    r1348033 r1522538  
    2222$btn_txt = $pt->osmp_get_the_value( $post_id, 'general', 'btn-txt', '' );
    2323
    24 $popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading-2', '' );
     24$popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading', '' );
    2525$popup_txt = $pt->osmp_get_the_value( $post_id, 'design', 'popup-txt', '' );
    26 $form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode-2', '' );
     26$form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode', '' );
    2727
    2828$custom_css =  ".osmp-model-popup .osmp-modal-btn {
    … …  
    5454                    font-size: {$heading_font_size};
    5555                }
    56                 .osmp-model-popup .md-modal.design-3 .md-content {
     56                .osmp-model-popup .modal.design-3 .modal-content {
    5757                    color: {$offer_font_color};
    5858                }
    59                 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type=\"submit\"],
    60                 .osmp-model-popup .md-modal.design-3 .md-content .osmp-form form input[type=\"button\"] {
     59                .osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type=\"submit\"],
     60                .osmp-model-popup .modal.design-3 .modal-content .osmp-form form input[type=\"button\"] {
    6161                    background-color: {$button_color};
    6262                    color: {$button_font_color};
    … …  
    6969<?php echo $custom_css;?>
    7070</style>
    71 
    72 
    73 <a class="md-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id; ?>" data-modal="osmp-modal-<?php echo $post_id; ?>">
    74     <?php echo $btn_txt; ?>
     71<a class="waves-effect waves-light btn modal-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id;?>">
     72    <?php echo $btn_txt;?>
    7573</a>
    76 <div id="osmp-modal-<?php echo $post_id; ?>" class="md-modal md-effect osmp-modal <?php echo $design;?>">
    77     <div class="md-content">
    78         <button class="md-close">X</button>
     74<div id="osmp-modal-<?php echo $post_id;?>" class="modal osmp-modal <?php echo $design;?>">
     75    <div class="modal-content">
    7976        <div class="osmp-form">
    8077            <?php if( $popup_heading ) { ?><h3><?php echo $popup_heading; ?></h3><?php } ?>     
    … …  
    8582    </div>
    8683</div>
    87 <div class="md-overlay"></div><!-- the overlay element -->

  • os-materializecss-popup/trunk/includes/templates/osmp.design-4.php

    r1348033 r1522538  
    2222$btn_txt = $pt->osmp_get_the_value( $post_id, 'general', 'btn-txt', '' );
    2323
    24 $popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading-2', '' );
     24$popup_heading = $pt->osmp_get_the_value( $post_id, 'design', 'popup-heading', '' );
    2525$popup_txt = $pt->osmp_get_the_value( $post_id, 'design', 'popup-txt', '' );
    26 $form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode-2', '' );
     26$form_shortcode = $pt->osmp_get_the_value( $post_id, 'design', 'form-shortcode', '' );
    2727
    2828$custom_css =  ".osmp-model-popup .osmp-modal-btn {
    … …  
    5454                    font-size: {$heading_font_size};
    5555                }
    56                 .osmp-modal.md-modal.design-4 .osmp-form form label {
     56                .osmp-modal.modal.design-4 .osmp-form form label {
    5757                    color: {$heading_font_color};
    5858                }
    59                 .osmp-model-popup .md-modal.design-4 .md-content p {
     59                .osmp-model-popup .modal.design-4 .modal-content p {
    6060                    color: {$offer_font_color};
    6161                }
    62                 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type=\"submit\"],
    63                 .osmp-model-popup .md-modal.design-4 .md-content .osmp-form form input[type=\"button\"] {
     62                .osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type=\"submit\"],
     63                .osmp-model-popup .modal.design-4 .modal-content .osmp-form form input[type=\"button\"] {
    6464                    background-color: {$button_color};
    6565                    color: {$button_font_color};
    … …  
    7272<?php echo $custom_css;?>
    7373</style>
    74 <a class="md-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id; ?>" data-modal="osmp-modal-<?php echo $post_id; ?>">
    75     <?php echo $btn_txt; ?>
     74<a class="waves-effect waves-light btn modal-trigger osmp-modal-btn" href="#osmp-modal-<?php echo $post_id;?>">
     75    <?php echo $btn_txt;?>
    7676</a>
    77 <div id="osmp-modal-<?php echo $post_id; ?>" class="md-modal md-effect osmp-modal <?php echo $design;?>">
    78     <div class="md-content">
    79         <button class="md-close">X</button>
     77<div id="osmp-modal-<?php echo $post_id;?>" class="modal osmp-modal <?php echo $design;?>">
     78    <div class="modal-content">
    8079        <div class="osmp-form">
    8180            <?php if( $popup_heading ) { ?><h3><?php echo $popup_heading; ?></h3><?php } ?>     
    … …  
    8584        <div class="clear"></div>
    8685    </div>
     86    <div class="modal-footer"></div>
    8787</div>
    88 <div class="md-overlay"></div><!-- the overlay element -->

  • os-materializecss-popup/trunk/js/admin/custom-min.js

    r1348033 r1522538  
    2828                $( '.osmp-design-wrap' ).hide();
    2929                $( '.osmp-design-wrap-new' ).show();
    30             }else{
    31                 $( '.osmp-design-wrap' ).show();
    32                 $( '.osmp-design-wrap-new' ).hide();
    33             }
     30            }
    3431        }
    3532    });

  • os-materializecss-popup/trunk/os-materializecss-popup.php

    r1348033 r1522538  
    11<?php
    2 
    32/*
    4   Plugin Name: OS Materializecss PopUp
    5   Plugin URI: http://offshorent.com/blog/extensions/os-materializecss-popup
    6   Description: OS Materializecss PopUp is the colorful, responsive, customizable popup plugin for WordPress using materialize css.
    7   Version: 1.0
    8   Author: Offshorent Softwares Pvt Ltd. | Jinesh.P.V
    9   Author URI: http://offshorent.com/
    10   License: GPL2
    11   /*  Copyright 2015-2016  OS HTML5 Shortcodes - Offshorent Softwares Pvt Ltd  ( email: jinesh@offshorent.com )
    12 
    13   This program is free software; you can redistribute it and/or modify
    14   it under the terms of the GNU General Public License, version 2, as
    15   published by the Free Software Foundation.
    16 
    17   This program is distributed in the hope that it will be useful,
    18   but WITHOUT ANY WARRANTY; without even the implied warranty of
    19   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    20   GNU General Public License for more details.
    21 
    22   You should have received a copy of the GNU General Public License
    23   along with this program; if not, write to the Free Software
    24   Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    25  */
    26 
    27 if (!defined('ABSPATH')) {
    28     exit; // Exit if accessed directly
    29 }
    30 
    31 if (!class_exists('osmpPopUp')) :
    32 
     3Plugin Name: OS Materializecss PopUp
     4Plugin URI: http://offshorent.com/blog/extensions/os-materializecss-popup
     5Description: OS Materializecss PopUp is the colorful, responsive, customizable popup plugin for WordPress using materialize css.
     6Version: 1.2
     7Author: Offshorent Softwares Pvt Ltd. | Jinesh.P.V
     8Author URI: http://offshorent.com/
     9License: GPL2
     10/*  Copyright 2015-2016  OS HTML5 Shortcodes - Offshorent Softwares Pvt Ltd  ( email: jinesh@offshorent.com )
     11
     12    This program is free software; you can redistribute it and/or modify
     13    it under the terms of the GNU General Public License, version 2, as
     14    published by the Free Software Foundation.
     15
     16    This program is distributed in the hope that it will be useful,
     17    but WITHOUT ANY WARRANTY; without even the implied warranty of
     18    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     19    GNU General Public License for more details.
     20
     21    You should have received a copy of the GNU General Public License
     22    along with this program; if not, write to the Free Software
     23    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
     24*/
     25
     26if ( ! defined( 'ABSPATH' ) ) {
     27    exit; // Exit if accessed directly
     28}     
     29
     30if ( ! class_exists( 'osmpPopUp' ) ) :
     31   
    3332    /**
    34      * Main osmpPopUp Class
    35      *
    36      * @class osmpPopUp
    37      * @version 1.0
    38      */
     33    * Main osmpPopUp Class
     34    *
     35    * @class osmpPopUp
     36    * @version  1.2
     37    */
     38
    3939    final class osmpPopUp {
    4040
    41         /**
    42          * @var string
    43          * @since   1.0
    44          */
    45         public $version = '1.0';
    46 
    47         /**
    48          * @var osmpPopUp The single instance of the class
    49          * @since 1.0
    50          */
    51         protected static $_instance = null;
    52 
    53         /**
    54          * Main osmpPopUp Instance
    55          *
    56          * Ensures only one instance of osmpPopUp is loaded or can be loaded.
    57          *
    58          * @since 1.0
    59          * @static
    60          * @see OSBX()
    61          * @return osmpPopUp - Main instance
    62          */
    63         public static function init_instance() {
    64             if (is_null(self::$_instance)) {
     41        /**
     42        * @var string
     43        * @since    1.2
     44        */
     45         
     46        public $version = '1.2';
     47       
     48        /**
     49        * @var osmpPopUp The single instance of the class
     50        * @since 1.2
     51        */
     52       
     53        protected static $_instance = null;
     54
     55        /**
     56        * Main osmpPopUp Instance
     57        *
     58        * Ensures only one instance of osmpPopUp is loaded or can be loaded.
     59        *
     60        * @since 1.2
     61        * @static
     62        * @see OSBX()
     63        * @return osmpPopUp - Main instance
     64        */
     65         
     66        public static function init_instance() {
     67            if ( is_null( self::$_instance ) ) {
    6568                self::$_instance = new self();
    6669            }
    6770            return self::$_instance;
    68         }
    69 
    70         /**
    71          * Cloning is forbidden.
    72          *
    73          * @since 1.0
    74          */
    75         public function __clone() {
    76             _doing_it_wrong(__FUNCTION__, 'Cheatin&#8217; huh?', '1.0');
    77         }
    78 
    79         /**
    80          * Unserializing instances of this class is forbidden.
    81          *
    82          * @since 1.0
    83          */
    84         public function __wakeup() {
    85             _doing_it_wrong(__FUNCTION__, 'Cheatin&#8217; huh?', '1.0');
    86         }
    87 
    88         /**
    89          * Get the plugin url.
    90          *
    91          * @since 1.0
    92          */
    93         public function plugin_url() {
    94             return untrailingslashit(plugins_url('/', __FILE__));
    95         }
    96 
    97         /**
    98          * Get the plugin path.
    99          *
    100          * @since 1.0
    101          */
    102         public function plugin_path() {
    103             return untrailingslashit(plugin_dir_path(__FILE__));
    104         }
    105 
    106         /**
    107          * Get Ajax URL.
    108          *
    109          * @since 1.0
    110          */
    111         public function ajax_url() {
    112             return admin_url('admin-ajax.php', 'relative');
    113         }
    114 
    115         /**
    116          * osmpPopUp Constructor.
    117          * @access public
    118          * @return osmpPopUp
    119          * @since 1.0
    120          */
    121         public function __construct() {
    122 
    123             register_activation_hook(__FILE__, array(&$this, 'osmp_install'));
    124 
     71        }
     72
     73        /**
     74        * Cloning is forbidden.
     75        *
     76        * @since 1.2
     77        */
     78
     79        public function __clone() {
     80            _doing_it_wrong( __FUNCTION__, 'Cheatin&#8217; huh?', '1.2' );
     81        }
     82
     83        /**
     84        * Unserializing instances of this class is forbidden.
     85        *
     86        * @since 1.2
     87        */
     88         
     89        public function __wakeup() {
     90            _doing_it_wrong( __FUNCTION__, 'Cheatin&#8217; huh?', '1.2' );
     91        }
     92           
     93        /**
     94        * Get the plugin url.
     95        *
     96        * @since 1.2
     97        */
     98
     99        public function plugin_url() {
     100            return untrailingslashit( plugins_url( '/', __FILE__ ) );
     101        }
     102
     103        /**
     104        * Get the plugin path.
     105        *
     106        * @since 1.2
     107        */
     108
     109        public function plugin_path() {
     110            return untrailingslashit( plugin_dir_path( __FILE__ ) );
     111        }
     112
     113        /**
     114        * Get Ajax URL.
     115        *
     116        * @since 1.2
     117        */
     118
     119        public function ajax_url() {
     120            return admin_url( 'admin-ajax.php', 'relative' );
     121        }
     122           
     123        /**
     124        * osmpPopUp Constructor.
     125        * @access public
     126        * @return osmpPopUp
     127        * @since 1.2
     128        */
     129         
     130        public function __construct() {
     131           
     132            register_activation_hook( __FILE__, array( &$this, 'osmp_install' ) );
     133           
    125134            // Define constants
    126135            self::osmp_constants();
    … …  
    130139
    131140            // Action Hooks
    132             add_action('init', array($this, 'osmp_init'), 0);
    133             add_action('admin_init', array($this, 'osmp_admin_init'));
    134             add_action('wp_enqueue_scripts', array($this, 'osmp_frontend_styles_scrips'));
    135 
     141            add_action( 'init', array( $this, 'osmp_init' ), 0 );
     142            add_action( 'admin_init', array( $this, 'osmp_admin_init' ) );
     143            add_action( 'wp_enqueue_scripts', array( $this, 'osmp_frontend_styles_scrips' ) );
     144       
    136145            // Shortcode Hooks
    137             add_shortcode('osmp-materializecss-popup', array($this, 'osmp_materializecss_popup'));
     146            add_shortcode( 'osmp-materializecss-popup', array( $this, 'osmp_materializecss_popup' ) );
    138147
    139148            //Filter Hook
    140             add_filter('widget_text', 'do_shortcode', 11);
    141             add_filter('body_class', array($this, 'osmp_body_class_name'), 12);
    142         }
    143 
    144         /**
    145          * Install osmpPopUp
    146          * @since 1.0
    147          */
    148         public function osmp_install() {
    149 
     149            add_filter( 'widget_text', 'do_shortcode', 11 );
     150            add_filter( 'body_class', array( $this, 'osmp_body_class_name' ), 1 );
     151        }
     152           
     153        /**
     154        * Install osmpPopUp
     155        * @since 1.2
     156        */
     157         
     158        public function osmp_install (){
     159           
    150160            // Flush rules after install
    151161            flush_rewrite_rules();
    152162
    153163            // Redirect to welcome screen
    154             set_transient('_osmp_activation_redirect', 1, 60 * 60);
    155         }
    156 
    157         /**
    158          * Define osmpPopUp Constants
    159          * @since 1.0
    160          */
    161         private function osmp_constants() {
    162 
    163             define('OSMP_PLUGIN_FILE', __FILE__);
    164             define('OSMP_PLUGIN_BASENAME', plugin_basename(dirname(__FILE__)));
    165             define('OSMP_PLUGIN_URL', plugins_url() . '/' . OSMP_PLUGIN_BASENAME);
    166             define('OSMP_TEXT_DOMAIN', 'osmp-shortcodes');
    167         }
    168 
    169         /**
    170          * includes admin defaults files
    171          *
    172          * @since 1.0
    173          */
    174         private function osmp_admin_includes() {
    175 
     164            set_transient( '_osmp_activation_redirect', 1, 60 * 60 );
     165        }
     166           
     167        /**
     168        * Define osmpPopUp Constants
     169        * @since 1.2
     170        */
     171         
     172        private function osmp_constants() {
     173           
     174            define( 'OSMP_PLUGIN_FILE', __FILE__ );
     175            define( 'OSMP_PLUGIN_BASENAME', plugin_basename( dirname( __FILE__ ) ) );
     176            define( 'OSMP_PLUGIN_URL', plugins_url() . '/' . OSMP_PLUGIN_BASENAME );
     177            define( 'OSMP_TEXT_DOMAIN', 'osmp-shortcodes' );       
     178        }
     179           
     180        /**
     181        * includes admin defaults files
     182        *
     183        * @since 1.2
     184        */
     185         
     186        private function osmp_admin_includes() {
     187           
    176188            include_once( 'includes/admin/osmp-about.php' );
    177189            include_once( 'includes/admin/osmp-widget.php' );
    178190            include_once( 'includes/admin/osmp-post-types.php' );
    179         }
    180 
    181         /**
    182          * Init osmpPopUp when WordPress Initialises.
    183          * @since 1.0
    184          */
    185         public function osmp_init() {
    186 
     191        }
     192           
     193        /**
     194        * Init osmpPopUp when WordPress Initialises.
     195        * @since 1.2
     196        */
     197         
     198        public function osmp_init() {
     199               
    187200            self::osmp_do_output_buffer();
    188         }
    189 
    190         /**
    191          * Clean all output buffers
    192          *
    193          * @since  1.0
    194          */
    195         public function osmp_do_output_buffer() {
    196 
    197             ob_start(array(&$this, "osmp_do_output_buffer_callback"));
    198         }
    199 
    200         /**
    201          * Callback function
    202          *
    203          * @since  1.0
    204          */
    205         public function osmp_do_output_buffer_callback($buffer) {
     201        }
     202           
     203        /**
     204        * Clean all output buffers
     205        *
     206        * @since  1.2
     207        */
     208         
     209        public function osmp_do_output_buffer() {
     210               
     211            ob_start( array( &$this, "osmp_do_output_buffer_callback" ) );
     212        }
     213
     214        /**
     215        * Callback function
     216        *
     217        * @since  1.2
     218        */
     219         
     220        public function osmp_do_output_buffer_callback( $buffer ){
    206221            return $buffer;
    207         }
    208 
    209         /**
    210          * Clean all output buffers
    211          *
    212          * @since  1.0
    213          */
    214         public function osmp_flush_ob_end() {
     222        }
     223       
     224        /**
     225        * Clean all output buffers
     226        *
     227        * @since  1.2
     228        */
     229         
     230        public function osmp_flush_ob_end(){
    215231            ob_end_flush();
    216         }
    217 
    218         /**
    219          * Admin init osmpPopUp when WordPress Initialises.
    220          * @since  1.0
    221          */
    222         public function osmp_admin_init() {
    223 
     232        }
     233           
     234        /**
     235        * Admin init osmpPopUp when WordPress Initialises.
     236        * @since  1.2
     237        */
     238         
     239        public function osmp_admin_init() {
     240               
    224241            self::osmp_admin_styles_scrips();
    225         }
    226 
    227         /**
    228         * Add new class for body tag.
    229         *
    230         * @return string
    231         */
    232         public function osmp_body_class_name($classes) {
    233 
    234             $classes[] = 'osmp-model-popup';
    235 
    236             return $classes;
    237         }
    238 
    239         /**
    240          * Admin side style and javascript hook for osmpPopUp
    241          *
    242          * @since  1.0
    243          */
    244         public function osmp_admin_styles_scrips() {
    245 
    246             // Add the color picker css file       
    247             wp_enqueue_style('wp-color-picker');
    248             wp_enqueue_style('osmp-admin-style', plugins_url('css/admin/style-min.css', __FILE__));
    249 
    250             wp_enqueue_script('osmp-custom-min', plugins_url('js/admin/custom-min.js', __FILE__), array('jquery', 'wp-color-picker'), '1.0', true);
    251         }
    252 
    253         /**
    254          * Frontend style and javascript hook for osmpPopUp
    255          *
    256          * @since  1.0
    257          */
    258         public function osmp_frontend_styles_scrips($post_id) {
    259             wp_enqueue_style( 'osmp-style', plugins_url( 'css/style.min.css', __FILE__ ) );     
    260             wp_enqueue_style('osmp-component', plugins_url('css/component.css', __FILE__));
    261             wp_enqueue_script('osmp-classie', plugins_url('js/classie.js', __FILE__), array('jquery'), '0.97.3', true);
    262             wp_enqueue_script('osmp-modal-effects', plugins_url('js/modalEffects.js', __FILE__), array('jquery'), '1.0', true);
    263         }
    264 
    265         /**
    266          * Shortcode function osmp_materializecss_popup()
    267          *
    268          * @since  1.0
    269          */
    270         public function osmp_materializecss_popup($atts, $content = null, $code = '') {
    271 
    272             ob_start();
    273 
    274             // Extract os-materializecss-popup shortcode
    275 
    276             $atts = shortcode_atts(
    277                     array(
    278                 'id' => '2',
    279                 'design' => 'design-1'
    280                     ), $atts);
    281             $post_id = $atts['id'];
    282             $design = $atts['design'];
    283 
    284             if ('' === locate_template(dirname(__FILE__) . '/includes/templates/osmp.' . $design . '.php', true, false))
    285                 include( dirname(__FILE__) . '/includes/templates/osmp.' . $design . '.php' );
    286 
    287             $os_content = ob_get_contents();
    288             ob_end_clean();
    289             return $os_content;
    290         }
    291 
    292     }
    293 
    294     endif;
     242        }
     243       
     244        /**
     245        * Add new class for body tag.
     246        *
     247        * @return string
     248        */
     249        public function osmp_body_class_name( $classes ) {
     250
     251            $classes[] = 'osmp-model-popup';
     252
     253            return $classes;
     254        }
     255
     256        /**
     257        * Admin side style and javascript hook for osmpPopUp
     258        *
     259        * @since  1.2
     260        */
     261         
     262        public function osmp_admin_styles_scrips() {
     263           
     264            // Add the color picker css file       
     265            wp_enqueue_style( 'wp-color-picker' );       
     266            wp_enqueue_style( 'osmp-admin-style', plugins_url( 'css/admin/style-min.css', __FILE__ ) );
     267
     268            wp_enqueue_script( 'osmp-custom-min', plugins_url( 'js/admin/custom-min.js', __FILE__ ), array( 'jquery', 'wp-color-picker' ), '1.2', true );
     269        }
     270
     271        /**
     272        * Frontend style and javascript hook for osmpPopUp
     273        *
     274        * @since  1.2
     275        */
     276         
     277        public function osmp_frontend_styles_scrips( $post_id ) {
     278           
     279            wp_enqueue_style( 'osmp-style', plugins_url( 'css/style.min.css', __FILE__ ) );     
     280            wp_enqueue_script( 'osmp-jquery', 'https://code.jquery.com/jquery-2.1.1.min.js', array( 'jquery' ), '2.1.1', true );
     281            wp_enqueue_script( 'osmp-materialize', plugins_url( 'js/materialize.min.js', __FILE__ ), array( 'jquery' ), '0.97.3', true );
     282            wp_enqueue_script( 'osmp-custom-min', plugins_url( 'js/custom-min.js', __FILE__ ), array( 'jquery' ), '1.2', true );
     283        }
     284
     285        /**
     286        * Shortcode function osmp_materializecss_popup()
     287        *
     288        * @since  1.2
     289        */
     290
     291        public function osmp_materializecss_popup( $atts, $content = null, $code = '' ) {
     292
     293            ob_start();
     294
     295            // Extract os-materializecss-popup shortcode
     296
     297            $atts = shortcode_atts(
     298                    array(
     299                        'id' => '2',
     300                        'design' => 'design-1'
     301                    ), $atts );
     302            $post_id = $atts['id'];
     303            $design = $atts['design'];
     304
     305            if ( '' === locate_template( dirname( __FILE__ ) . '/includes/templates/osmp.' . $design . '.php', true, false ) )
     306                include( dirname( __FILE__ ) . '/includes/templates/osmp.' . $design . '.php' );
     307
     308            return ob_get_contents();
     309        }
     310    }   
     311endif;
    295312
    296313/**
    297314 * Returns the main instance of osmpPopUp to prevent the need to use globals.
    298315 *
    299  * @since  1.0
     316 * @since  1.2
    300317 * @return osmpPopUp
    301318 */
     319 
    302320return new osmpPopUp;
    303321?>

  • os-materializecss-popup/trunk/readme.txt

    r1346020 r1522538  
    22Contributors: offshorent
    33Tags: contact form 7, Facebook, facebook like, facebook popup, GF, google, google plus, gravity forms, login popup, mailpoet, popup, popups, twitter, twitter follow, wordpress popup, wp popups
    4 Requires at least: 3.0
    5 Tested up to: 4.4.1
    6 Stable tag: 1.0
     4Requires at least: 4.0
     5Tested up to: 4.6.1
     6Stable tag: 1.2
    77License: GPLv2 or later
    88License URI: http://www.gnu.org/licenses/gpl-2.0.html
Note: See TracChangeset for help on using the changeset viewer.