.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /odoocms_admission_online/static/css/w3css.css defined in bundle 'web.assets_frontend' */
 html{box-sizing:border-box} *,*:before,*:after{box-sizing:inherit} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block} summary{display:list-item} audio,canvas,progress,video{display:inline-block} progress{vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background-color:transparent} a:active,a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder} dfn{font-style:italic} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} figure{margin:1em 40px} img{border-style:none} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} hr{box-sizing:content-box;height:0;overflow:visible} button,input,select,textarea,optgroup{font:inherit;margin:0} optgroup{font-weight:bold} button,input{overflow:visible} button,select{text-transform:none} button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button} button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal} textarea{overflow:auto} [type=checkbox],[type=radio]{padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5} html{overflow-x:hidden} h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px} .w3-serif{font-family:serif} h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0} .w3-wide{letter-spacing:4px} hr{border:0;border-top:1px solid #eee;margin:20px 0} .w3-image{max-width:100%;height:auto} img{vertical-align:middle} a{color:inherit} .w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table} .w3-table-all{border:1px solid #ccc} .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd} .w3-striped tbody tr:nth-child(even){background-color:#f1f1f1} .w3-table-all tr:nth-child(odd){background-color:#fff} .w3-table-all tr:nth-child(even){background-color:#f1f1f1} .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc} .w3-centered tr th,.w3-centered tr td{text-align:center} .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px} .w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap} .w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3} .w3-disabled *,:disabled *{pointer-events:none} .w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none} .w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center} .w3-badge{border-radius:50%} .w3-ul{list-style-type:none;padding:0;margin:0} .w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd} .w3-ul li:last-child{border-bottom:none} .w3-tooltip,.w3-display-container{position:relative} .w3-tooltip .w3-text{display:none} .w3-tooltip:hover .w3-text{display:inline-block} .w3-ripple:active{opacity:0.5} .w3-ripple{transition:opacity 0s} .w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%} .w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc} .w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer} .w3-dropdown-hover:hover .w3-dropdown-content{display:block} .w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000} .w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1} .w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px} .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%} .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%} .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px} .w3-main,#main{transition:margin-left .4s} .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} .w3-bar{width:100%;overflow:hidden} .w3-center .w3-bar{display:inline-block;width:auto} .w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0} .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left} .w3-bar .w3-button{white-space:normal} .w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0} .w3-bar-block.w3-center .w3-bar-item{text-align:center} .w3-block{display:block;width:100%} .w3-responsive{display:block;overflow-x:auto} .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} .w3-col.s1{width:8.33333%} .w3-col.s2{width:16.66666%} .w3-col.s3{width:24.99999%} .w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%} .w3-col.s6{width:49.99999%} .w3-col.s7{width:58.33333%} .w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%} .w3-col.s10{width:83.33333%} .w3-col.s11{width:91.66666%} .w3-col.s12{width:99.99999%} @media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}} @media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}} .w3-rest{overflow:hidden} .w3-stretch{margin-left:-16px;margin-right:-16px} .w3-content,.w3-auto{margin-left:auto;margin-right:auto} .w3-content{max-width:980px} .w3-auto{max-width:1140px} .w3-cell-row{display:table;width:100%} .w3-cell{display:table-cell} .w3-cell-top{vertical-align:top} .w3-cell-middle{vertical-align:middle} .w3-cell-bottom{vertical-align:bottom} .w3-hide{display:none!important} .w3-show-block,.w3-show{display:block!important} .w3-show-inline-block{display:inline-block!important} @media (max-width:1205px){.w3-auto{max-width:95%}} @media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} @media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}} @media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}} @media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}} @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}} .w3-top,.w3-bottom{position:fixed;width:100%;z-index:1} .w3-top{top:0} .w3-bottom{bottom:0} .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} .w3-display-topleft{position:absolute;left:0;top:0} .w3-display-topright{position:absolute;right:0;top:0} .w3-display-bottomleft{position:absolute;left:0;bottom:0} .w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-container:hover .w3-display-hover{display:block} .w3-display-container:hover span.w3-display-hover{display:inline-block} .w3-display-hover{display:none} .w3-display-position{position:absolute} .w3-circle{border-radius:50%} .w3-round-small{border-radius:2px} .w3-round,.w3-round-medium{border-radius:4px} .w3-round-large{border-radius:8px} .w3-round-xlarge{border-radius:16px} .w3-round-xxlarge{border-radius:32px} .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} .w3-container,.w3-panel{padding:0.01em 16px} .w3-panel{margin-top:16px;margin-bottom:16px} .w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px} .w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} .w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} .w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)} .w3-spin{animation:w3-spin 2s infinite linear} @keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} .w3-animate-fading{animation:fading 10s infinite} @keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .w3-animate-opacity{animation:opac 0.8s} @keyframes opac{from{opacity:0}to{opacity:1}} .w3-animate-top{position:relative;animation:animatetop 0.4s} @keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}} .w3-animate-left{position:relative;animation:animateleft 0.4s} @keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}} .w3-animate-right{position:relative;animation:animateright 0.4s} @keyframes animateright{from{right:-300px;opacity:0}to{right:0;opacity:1}} .w3-animate-bottom{position:relative;animation:animatebottom 0.4s} @keyframes animatebottom{from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}} .w3-animate-zoom{animation:animatezoom 0.6s} @keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}} .w3-animate-input{transition:width 0.4s ease-in-out} .w3-animate-input:focus{width:100%!important} .w3-opacity,.w3-hover-opacity:hover{opacity:0.60} .w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} .w3-opacity-max{opacity:0.25} .w3-opacity-min{opacity:0.75} .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)} .w3-greyscale,.w3-grayscale{filter:grayscale(75%)} .w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)} .w3-sepia{filter:sepia(75%)} .w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)} .w3-sepia-min{filter:sepia(50%)} .w3-tiny{font-size:10px!important} .w3-small{font-size:12px!important} .w3-medium{font-size:15px!important} .w3-large{font-size:18px!important} .w3-xlarge{font-size:24px!important} .w3-xxlarge{font-size:36px!important} .w3-xxxlarge{font-size:48px!important} .w3-jumbo{font-size:64px!important} .w3-left-align{text-align:left!important} .w3-right-align{text-align:right!important} .w3-justify{text-align:justify!important} .w3-center{text-align:center!important} .w3-border-0{border:0!important} .w3-border{border:1px solid #ccc!important} .w3-border-top{border-top:1px solid #ccc!important} .w3-border-bottom{border-bottom:1px solid #ccc!important} .w3-border-left{border-left:1px solid #ccc!important} .w3-border-right{border-right:1px solid #ccc!important} .w3-topbar{border-top:6px solid #ccc!important} .w3-bottombar{border-bottom:6px solid #ccc!important} .w3-leftbar{border-left:6px solid #ccc!important} .w3-rightbar{border-right:6px solid #ccc!important} .w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important} .w3-margin{margin:16px!important} .w3-margin-top{margin-top:16px!important} .w3-margin-bottom{margin-bottom:16px!important} .w3-margin-left{margin-left:16px!important} .w3-margin-right{margin-right:16px!important} .w3-padding-small{padding:4px 8px!important} .w3-padding{padding:8px 16px!important} .w3-padding-large{padding:12px 24px!important} .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important} .w3-padding-24{padding-top:24px!important;padding-bottom:24px!important} .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important} .w3-padding-48{padding-top:48px!important;padding-bottom:48px!important} .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important} .w3-left{float:left!important} .w3-right{float:right!important} .w3-button:hover{color:#000!important;background-color:#ccc!important} .w3-transparent,.w3-hover-none:hover{background-color:transparent!important} .w3-hover-none:hover{box-shadow:none!important} .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important} .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important} .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important} .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important} .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important} .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important} .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important} .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important} .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important} .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important} .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important} .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important} .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important} .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important} .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important} .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important} .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important} .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important} .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important} .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important} .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} .w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important} .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important} .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important} .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important} .w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important} .w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important} .w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important} .w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important} .w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important} .w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important} .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important} .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} .w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important} .w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important} .w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important} .w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important} .w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important} .w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important} .w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important} .w3-text-red,.w3-hover-text-red:hover{color:#f44336!important} .w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important} .w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important} .w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-text-black,.w3-hover-text-black:hover{color:#000!important} .w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important} .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important} .w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} .w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important} .w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important} .w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important} .w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important} .w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important} .w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important} .w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important} .w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important} .w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important} .w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important} .w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important} .w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important} .w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important} .w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important} .w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important} .w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important} .w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important} .w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important} .w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important} .w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important} .w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important} .w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important} .w3-border-black,.w3-hover-border-black:hover{border-color:#000!important} .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important} .w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important} .w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important} .w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important} .w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important} .w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important} .w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important} 

/* /odoocms_admission_online/static/css/style.css defined in bundle 'web.assets_frontend' */
 .background{background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg'); background-size: cover; background-repeat: no-repeat; height: 100%;} .container{align-content: center;} .card{height: 100%; margin-bottom:20%; margin-top:15%; width: 400px; background-color: rgba(0,0,0,0.5) !important;} .social_icon span{font-size: 60px; margin-left: 10px; color: #007bff;} .social_icon span:hover{color: white; cursor: pointer;} .card-header h3{color: white;} .social_icon{position: absolute; right: 20px; top: -45px;} .input-group-prepend span{width: 50px; background-color: #007bff; color: black; border:0 !important;} input:focus{outline: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important;} .remember{color: white;} .remember input{width: 20px; height: 20px; margin-left: 15px; margin-right: 5px;} .login_btn{color: black; background-color: #007bff; width: 100px;} .login_btn:hover{color: black; background-color: white;} .links{color: white;} .links a{margin-left: 4px;} 

/* /odoocms_admission_online/static/css/smart-forms.css defined in bundle 'web.assets_frontend' */
  html, body{border: 0; margin: 0; padding: 0;} .darkbg{background:#6C82A2 url(/odoocms_admission_online/static/css/../images/dark.png) repeat fixed;} .woodbg{background:#E6CCA6 url(/odoocms_admission_online/static/css/../images/wood.png) repeat fixed;} .smart-wrap{padding:0 20px; background:none;} .smart-forms, .smart-forms *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .smart-forms{font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: 1.231; font-weight: 400; font-size: 14px; color: #626262;} .smart-container{background:#fff; margin:50px auto; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;} .wrap-0{max-width:952px;} .wrap-1{max-width:852px;} .wrap-2{max-width:652px;} .wrap-3{max-width:452px;} .smart-forms .section{margin-bottom:22px;} .smart-forms .smart-link{color:#4ebd4a; text-decoration:none;} .smart-forms .smart-link:hover{text-decoration: underline;} .smart-forms .tagline{height:0; border-top:1px solid #CFCFCF; text-align:center;} .smart-forms .tagline span{text-transform:uppercase; display:inline-block; position:relative; padding:0 15px; background:#fff; color:#4ebd4a; top:-10px;} .smart-forms .field{display:block; position:relative;} .smart-forms .field-icon i{color:#BBB; position:relative;} .smart-forms .field-label{display: block; margin-bottom: 7px;} .smart-forms .field-label.colm{padding-top:12px;} .smart-forms .field-label em{color:#e74c3c; font-size:14px; font-style:normal; display:inline-block; margin-left:4px; position:relative; top:3px;} .smart-forms fieldset{border:0; display:block;} .smart-forms .form-header{overflow:hidden; position:relative; padding:25px 30px; -webkit-border-radius:5px 5px 0 0 ; -moz-border-radius:5px 5px 0 0 ; -o-border-radius:5px 5px 0 0 ; border-radius:5px 5px 0 0 ;} .smart-forms .form-header h4{font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:left; font-weight:300; font-size:32px; padding:0; margin:0;} .smart-forms .form-header h4 i{font-size:38px; position:relative; margin-right:10px; top:2px;} .smart-forms .header-primary{background-color:#4ebd4a; border-top:1px solid #A7D065; border-bottom:5px solid #3c9b39;} .smart-forms .header-lite{background:#F3F5FA; border-top:1px solid #A7D065; border-bottom:1px solid #D9DDE5;} .smart-forms .header-lite:before{content:""; background-color:#4ebd4a; position:absolute; height:8px; z-index:1; top:0px; right:0; left:0;} .smart-forms .header-primary h4{color:#fff;} .smart-forms .header-lite h4{color:#5D6A87; padding-top:5px;} .smart-flat, .smart-flat .form-header{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} .smart-forms .form-body{padding:40px 30px; padding-bottom:20px;} .smart-forms .form-footer{overflow:hidden; padding:20px 25px; padding-top:25px; background: #F5F5F5; background: #F5F5F5 url(/odoocms_admission_online/static/css/../images/foobg.png) top left repeat-x;} .smart-forms input[type=search]{-webkit-appearance: textfield;} .smart-forms ::-webkit-search-decoration, .smart-forms ::-webkit-search-cancel-button{-webkit-appearance: none;} .smart-forms input:invalid{-moz-box-shadow: none; box-shadow: none;} .smart-forms input::-webkit-input-placeholder, .smart-forms textarea::-webkit-input-placeholder{color: #AAAAAA;} .smart-forms input:focus::-webkit-input-placeholder, .smart-forms textarea:focus::-webkit-input-placeholder{color: #D6DBE0;} .smart-forms input:-moz-placeholder, .smart-forms textarea:-moz-placeholder{color: #AAAAAA;} .smart-forms input:focus:-moz-placeholder, .smart-forms textarea:focus:-moz-placeholder{color: #D6DBE0;} .smart-forms input::-moz-placeholder, .smart-forms textarea::-moz-placeholder{color: #AAAAAA; opacity: 1;} .smart-forms input:focus::-moz-placeholder, .smart-forms textarea:focus::-moz-placeholder{color: #D6DBE0; opacity: 1;} .smart-forms input:-ms-input-placeholder, .smart-forms textarea:-ms-input-placeholder{color: #AAAAAA;} .smart-forms input:focus:-ms-input-placeholder, .smart-forms textarea:focus:-ms-input-placeholder{color: #D6DBE0;} .smart-forms label, .smart-forms input, .smart-forms button, .smart-forms select, .smart-forms textarea{margin: 0; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight:400; color: #626262; outline:none;} .smart-forms .gui-input, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms input[type="button"], .smart-forms input[type="submit"], .smart-forms input[type="search"], .smart-forms .select-multiple select{-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px; border-radius: 0px;} .smart-forms input[type="search"]::-webkit-search-decoration, .smart-forms input[type="search"]::-webkit-search-cancel-button, .smart-forms input[type="search"]::-webkit-search-results-button, .smart-forms input[type="search"]::-webkit-search-results-decoration{display: none;} .smart-forms .switch, .smart-forms .option, .smart-forms .field-label{font-size:14px;} .smart-forms .radio, .smart-forms .button, .smart-forms .checkbox, .smart-forms .select .arrow, .smart-forms .switch > label, .smart-forms .ui-slider .ui-slider-handle{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .smart-forms .radio, .smart-forms .button, .smart-forms .tooltip, .smart-forms .checkbox, .smart-forms .gui-input, .smart-forms .notification, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms .select-multiple select{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; outline:none;} .smart-forms .select > select, .smart-forms .select-multiple select{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} .smart-forms .select, .smart-forms .gui-input, .smart-forms .gui-textarea, .smart-forms .select > select, .smart-forms .select-multiple select{background: #fff; position: relative; vertical-align: top; border: 1px solid #CFCFCF; display: -moz-inline-stack; display: inline-block; *display: inline; color: #626262; outline:none; height: 42px; width: 100%; *zoom: 1;} .smart-forms .gui-input, .smart-forms .gui-textarea{padding:10px;} .smart-forms .gui-textarea{resize: none; line-height: 19px; overflow: auto; max-width:100%; height: 96px;} .smart-forms .input-hint{padding: 10px; display: block; margin-top: -1px; line-height: 16px; position: relative; background: #F5F5F5; border: 1px solid #CFCFCF; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 11px; color: #999;} .smart-forms .select{border:0; z-index:10;} .smart-forms .select > select{display: block; padding:9px 10px; color: #626262; background: #F5F5F5; border: 1px solid #CFCFCF; -webkit-appearance:none; -moz-appearance:none; appearance:normal; outline:none; text-indent: 0.01px; text-overflow: ''; z-index:10; margin: 0;} .smart-forms .select > select::-ms-expand{display: none;} .smart-forms .select .arrow{position: absolute; top: 9px; right: 4px; width: 24px; height: 24px; color:#9F9F9F; pointer-events:none; z-index:16;} .smart-forms .select .arrow:after, .smart-forms .select .arrow:before{content: ''; position: absolute; font:12px "Consolas", monospace; font-style:normal; pointer-events:none; display:none\9; left:5px;} .smart-forms .select .arrow:before{content:'\25BC'; bottom:4px;} .smart-forms .select .double:after{content:'\25B2'; top:-1px;} .smart-forms .select .double:before{content:'\25BC'; bottom:-1px;} .smart-forms .select-multiple select{width:100%; height: 123px; padding: 10px;} .smart-forms .file{display:block; width:100%;} .smart-forms .file .gui-file{width:100%; height:100%; cursor:pointer; padding:8px 10px; position:absolute; -moz-opacity:0; opacity: 0; z-index:11; bottom:0; right:0;} .smart-forms .file .button{position: absolute; top: 4px; right: 4px; float: none; height: 34px; line-height: 34px; padding: 0 16px; z-index:10;} .smart-forms .gui-input:hover, .smart-forms .gui-textarea:hover, .smart-forms .select > select:hover, .smart-forms .select-multiple select:hover, .smart-forms .gui-input:hover ~ .input-hint, .smart-forms .file .gui-file:hover + .gui-input, .smart-forms .gui-textarea:hover ~ .input-hint{border-color: #6BC868;} .smart-forms .gui-input:focus, .smart-forms .gui-textarea:focus, .smart-forms .select > select:focus, .smart-forms .select-multiple select:focus{color: #3c3c3c; background: #fff; border:1px solid #4EBD4A; -webkit-box-shadow:0px 0px 3px #4EBD4A inset; -moz-box-shadow:0px 0px 3px #4EBD4A inset; -o-box-shadow:0px 0px 3px #4EBD4A inset; box-shadow:0px 0px 3px #4EBD4A inset; outline: none;} .smart-forms .select > select:focus{z-index:10; z-index:20\9;} .smart-forms .gui-textarea:focus{height: 120px;} .smart-forms .select > select:focus{z-index:10; z-index:20\9;} .smart-forms .gui-input:focus ~ .field-icon i, .smart-forms .gui-textarea:focus ~ .field-icon i{color:#4EBD4A;} .smart-forms .select-multiple select:focus, .smart-forms .gui-input:focus ~ .input-hint, .smart-forms .gui-textarea:focus ~ .input-hint, .smart-forms .file .gui-file:focus + .gui-input{border-color: #4EBD4A;} .smart-forms .select > select:focus + .arrow{color:#4EBD4A;} .smart-forms .option{position: relative; padding-right:15px; display: inline-block; vertical-align:middle;} .smart-forms .option > input{position: absolute; height: inherit; width: inherit; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); -moz-appearance: none; overflow: hidden; opacity: 0; left: 0;} .smart-forms .checkbox, .smart-forms .radio{margin-right:2px; position:relative; background: white; display: inline-block; border: 3px solid #CFCFCF; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; height: 21px; width: 21px; top:5px;} .smart-forms .checkbox:before, .smart-forms .radio:before{content: ''; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; margin: 0;} .smart-forms input:checked + .checkbox:before, .smart-forms input:checked + .radio:before{display: block;} .smart-forms .checkbox:before{border: solid #4ebd4a; border-width: 0 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; height: 3px; width: 6px; left: 3px; top: 4px;} .smart-forms input:checked + .checkbox, .smart-forms input:checked + .radio{border-color:#4ebd4a;} .smart-forms .radio{-webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px;} .smart-forms .radio:before{width: 7px; height: 7px; background: #4ebd4a; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-top:4px; margin-left:4px;} .smart-forms input:hover + .checkbox, .smart-forms input:hover + .radio{border-color:#6BC868;} .smart-forms input:focus + .checkbox, .smart-forms input:focus + .radio{border-color: #4ebd4a;} .smart-forms input:focus + .radio:before{background: #4ebd4a;} .smart-forms input:focus + .checkbox:before{border-color: #4ebd4a;} .smart-forms .switch{cursor:pointer; position: relative; padding-right:10px; display: inline-block; margin-bottom:5px; height: 26px;} .smart-forms .switch > .switch-label{cursor:pointer; display: inline-block; position: relative; height: 25px; width: 58px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px; text-align: center; background: #D7D7D7; border: 2px solid #D7D7D7; text-transform: uppercase; letter-spacing:1px; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;} .smart-forms .switch > .switch-label + span{display:inline-block; padding-left:5px; position:relative; top:-7px;} .smart-forms .switch > .switch-label:before{content: attr(data-off); position: absolute; top: 1px; right: 3px; width: 33px;} .smart-forms .switch > .switch-label:after{content:""; margin: 1px; width: 19px; height: 19px; display: block; background: #fff;} .smart-forms .switch > input{-webkit-appearance: none; position: absolute; width: inherit; height: inherit; opacity: 0; left: 0; top: 0;} .smart-forms .switch > input:focus{outline: none;} .smart-forms .switch > input:focus + .switch-label{color: #fff; border-color: #C7C7C7; background:#C7C7C7;} .smart-forms .switch > input:focus + .switch-label:after{background: #fff;} .smart-forms .switch > input:checked + .switch-label{border-color: #4ebd4a; background: #4ebd4a; padding-left: 33px; color: white;} .smart-forms .switch > input:checked + .switch-label:before{content: attr(data-on); left: 1px; top:1px;} .smart-forms .switch > input:checked + .switch-label:after{margin: 1px; width: 19px; height: 19px; background: white;} .smart-forms .switch > input:checked:focus + .switch-label{background: #3c9b39; border-color: #3c9b39;} .smart-forms .switch-round > .switch-label{-webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px;} .smart-forms .switch-round > .switch-label + span{top:-2px;} .smart-forms .switch-round > .switch-label:before{width: 33px;} .smart-forms .switch-round > .switch-label:after{width: 19px; height:19px; color:#D7D7D7; content: "\2022"; font:30px/20px Times, Serif; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .smart-forms .switch-round > input:checked + .switch-label{padding-left: 33px;} .smart-forms .switch-round > input:checked + .switch-label:after{color:#4ebd4a;} .smart-forms .option-group:before, .smart-forms .option-group:after{display: table; content: ""; line-height: 0;} .smart-forms .option-group:after{clear: both;} .smart-forms .smart-option-group .option{padding:0; margin:0;} .smart-forms .smart-option{border: 1px solid #c5c5c5; margin-right:5px; background: #F5F5F5; font-weight: normal; text-decoration: none; color: #454545; border-radius: 3px; padding:0 20px; display: inline-block; position: relative; line-height: normal; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; line-height:40px; height:40px;} .smart-forms .smart-option-ui{display: inline-block;} .smart-forms .smart-option-ui .iconc{position:relative; margin-right:2px; background: #fff; display: inline-block; border: 3px solid #CFCFCF; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-bottom:0; margin-top:0; height: 21px; width: 21px; top:4px;} .smart-forms .smart-radio .iconc{-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .smart-forms .option > input:checked + .smart-option{border-color: #2F8640; background: #4ebd4a; color: white;} .smart-forms .option > input:checked + .smart-option .fa{font-size:14px;} .smart-forms .option > input:checked + .smart-option .iconc{border-color: #2F8640;} .smart-forms .smart-radio .iconc:before, .smart-forms .smart-checkbox .iconc:before{content: ''; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; margin: 0;} .smart-forms input:checked + .smart-radio .iconc:before, .smart-forms input:checked + .smart-checkbox .iconc:before{display: block;} .smart-forms input:checked + .smart-radio .iconc:before{margin: 4px; width: 7px; height: 7px; background: #2F8640; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} .smart-forms input:checked + .smart-checkbox .iconc:before{position: absolute; top: 4px; left: 3px; width: 6px; height: 3px; border: solid #2F8640; -webkit-border-width: 0 0 3px 3px; -moz-border-width: 0 0 3px 3px; border-width: 0 0 3px 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .smart-forms .smart-option-list{display: inline-block; vertical-align: top; white-space: nowrap; font-size: 0;} .smart-forms .smart-option-list.left{float: left;} .smart-forms .smart-option-list.right{float: right;} .smart-forms .smart-option-list .smart-option{margin-right:0; margin-left: -1px; border-radius: 0;} .smart-forms .smart-option-list label:first-child .smart-option{margin-left: 0; border-radius: 3px 0 0 3px;} .smart-forms .smart-option-list label:last-child .smart-option{border-radius: 0 3px 3px 0;} .smart-forms .smart-option-list .option > input:checked + .smart-option{position: relative; z-index: 1;} .smart-forms .group-vertical, .smart-forms .group-vertical .option, .smart-forms .group-vertical .option .smart-option, .smart-forms .group-vertical .option .smart-option-ui{display:block; text-align:left;} .smart-forms .group-vertical .option .smart-option{margin:0; margin-top: -1px;} .smart-forms .group-vertical label:first-child .smart-option{border-radius: 3px 3px 0 0;} .smart-forms .group-vertical label:last-child .smart-option{border-radius: 0 0 3px 3px ;} .smart-forms .smart-option-ui .iconc-pos{-webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; display:inline-block; margin-right:-80px; position:absolute; right:-200px; opacity:0;} .smart-forms .option > input:checked + .smart-option .iconc-pos{opacity:1; right:20px; margin-right:0;} .smart-forms .modern-switch{position:relative; display:inline-block; vertical-align:top; margin-right:10px; cursor:pointer;} .smart-forms .modern-switch input{position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: inherit; width: inherit; opacity: 0; left: 0;} .smart-forms .modern-switch .switch-label{display:inline-block; position:relative; top:2px;} .smart-forms .modern-switch > .switch-label{padding-right:5px;} .smart-forms .modern-switch .switch-toggle + .switch-label{padding-left:5px;} .smart-forms .modern-switch .switch-toggle{width: 44px; height: 16px; background:#B5B5B5; position: relative; display: inline-block; background: rgba(0,0,0,0.26); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; vertical-align: middle; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor: pointer;} .smart-forms .modern-switch .switch-toggle::before{content: ''; position: absolute; top: -6px; left: -4px; width: 26px; height: 26px; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.18); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.18); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.18); box-shadow: 0 1px 4px rgba(0,0,0,0.18); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius:26px; -moz-border-radius:26px; -o-border-radius:26px; border-radius:26px;} .smart-forms .modern-switch input:checked + .switch-toggle{background:#4EBD4A;} .smart-forms .modern-switch input:checked + .switch-toggle::before{left: 20px; background: #317D2F;} .smart-forms .modern-switch input:disabled + .switch-toggle{background: #d5d5d5; pointer-events: none;} .smart-forms .modern-switch input:disabled + .switch-toggle::before{background: #bcbdbc;} .smart-forms .modern-switch input:disabled + .switch-toggle + .switch-label{color:#D5D5D5;} .smart-forms .modern-ios .switch-toggle{width:40px; height:24px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;} .smart-forms .modern-ios .switch-toggle::before{width:22px; height:22px; bottom:1px; left:1px; top:1px;} .smart-forms .modern-ios input:checked + .switch-toggle::before{left: 17px; background: #fff;} .smart-forms .modern-ios input:disabled + .switch-toggle::before{background: #f5f5f5;} .smart-forms .modern-switch:active .switch-toggle::before, .smart-forms .modern-switch .switch-toggle:active::before{-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);} .smart-forms .modern-switch:active input:checked + .switch-toggle::before, .smart-forms .modern-switch input:checked + .switch-toggle:active::before{-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(78,189,74,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(78,189,74,0.2); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(78,189,74,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(78,189,74,0.2);} .smart-forms .morph-switch:active .switch-toggle:before, .smart-forms .morph-switch .switch-toggle:active::before, .smart-forms .morph-switch:active input:checked + .switch-toggle::before, .smart-forms .morph-switch input:checked + .switch-toggle:active::before{-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.18); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.18); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.18); box-shadow: 0 1px 4px rgba(0,0,0,0.18); -webkit-transform: scale(1.15, 0.85); -moz-transform: scale(1.15, 0.85); -ms-transform: scale(1.15, 0.85); -o-transform: scale(1.15, 0.85); transform: scale(1.15, 0.85);} .smart-forms .button{border: 0; height: 42px; color: #243140; line-height: 1; font-size:15px; cursor: pointer; padding: 0 18px; text-align: center; vertical-align: top; background: #DBDBDB; display: inline-block; -webkit-user-drag: none; text-shadow: 0 1px rgba(255, 255, 255, 0.2);} .smart-forms .button:hover{color: #243140; background: #E8E8E8;} .smart-forms .button:active{color: #1d2938; background: #C4C4C4;} .smart-forms a.button, .smart-forms span.button, .smart-forms label.button{line-height: 42px; text-decoration: none;} .smart-forms .button i{font-size:14px;} .smart-forms .button-list .button{margin-bottom:5px;} .smart-forms .btn-primary{background-color: #4ebd4a;} .smart-forms .btn-primary:hover, .smart-forms .btn-primary:focus{background-color: #6bc868;} .smart-forms .btn-primary:active{background-color: #3c9b39;} .smart-forms .btn-primary, .smart-forms .btn-primary:hover, .smart-forms .btn-primary:focus, .smart-forms .btn-primary:active{color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);} .smart-forms .btn-rounded{-webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px;} .smart-forms .button-left, .smart-forms .button-right{position: relative; z-index:9;} .smart-forms .button-left:before, .smart-forms .button-right:before{content:''; z-index:-1; width: 32px; height: 32px; position: absolute; background-color: inherit; border-color: inherit; border: none; top: 5px;} .smart-forms .button-left{border-left-width: 0; padding: 0 18px 0 7px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-left:20px;} .smart-forms .button-left:before{left: -15px; -webkit-border-radius: 2px 5px 0 5px; -moz-border-radius: 2px 5px 0 5px; -o-border-radius: 2px 5px 0 5px; border-radius: 2px 5px 0 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .smart-forms .button-right{padding: 0 7px 0 18px; border-right-width: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; margin-right:20px;} .smart-forms .button-right:before{right: -15px; -webkit-border-radius: 5px 2px 5px 0; -moz-border-radius: 5px 2px 5px 0; -o-border-radius: 5px 2px 5px 0; border-radius: 5px 2px 5px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .smart-forms .btn-pointed.button-left, .smart-forms .btn-pointed.button-right{-webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px;} .smart-forms .btn-rounded.button-left{-webkit-border-radius: 0 22px 22px 0; -moz-border-radius: 0 22px 22px 0; -o-border-radius: 0 22px 22px 0; border-radius: 0 22px 22px 0;} .smart-forms .btn-rounded.button-right{-webkit-border-radius: 22px 0 0 22px; -moz-border-radius: 22px 0 0 22px; -o-border-radius: 22px 0 0 22px; border-radius: 22px 0 0 22px;} .smart-forms .pushed{-webkit-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2); position:relative;} .smart-forms .pushed:active{-webkit-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2); top:2px;} .smart-forms .pushed.button-left:before{-webkit-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2); box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);} .smart-forms .pushed:active.button-left:before{-webkit-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2); box-shadow:inset 0.2em 0 0 rgba(0,0,0,0.2);} .smart-forms .pushed.button-right:before{-webkit-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2); box-shadow:inset -0.35em 0 0 rgba(0,0,0,0.2);} .smart-forms .pushed:active.button-right:before{-webkit-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); -moz-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); -o-box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2); box-shadow:inset -0.2em 0 0 rgba(0,0,0,0.2);} .smart-forms .form-footer .button{margin-right:10px; margin-bottom:5px;} .smart-forms .align-right .button{margin-right:0; margin-left:10px;} .smart-forms .twitter, .smart-forms .twitter:hover, .smart-forms .twitter:focus, .smart-forms .facebook, .smart-forms .facebook:hover, .smart-forms .facebook:focus, .smart-forms .googleplus, .smart-forms .googleplus:hover, .smart-forms .googleplus:focus{color:#fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);} .smart-forms .facebook{background-color:#3b5998;} .smart-forms .twitter{background-color:#00acee;} .smart-forms .googleplus{background-color:#dd4b39;} .smart-forms .facebook:hover, .smart-forms .facebook:focus{background-color:#25385F;} .smart-forms .twitter:hover, .smart-forms .twitter:focus{background-color:#00749F;} .smart-forms .googleplus:hover, .smart-forms .googleplus:focus{background-color:#8D2418;} .smart-forms .span-left{padding-left:52px; text-align:left;} .smart-forms .btn-social{position:relative; margin-bottom:5px;} .smart-forms .btn-social i{font-size:22px; position:relative; top:2px;} .smart-forms .btn-social span{-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; display:inline-block; text-align:center; position:absolute; width:42px; left:0;} .smart-forms .twitter span{background-color:#009AD5;} .smart-forms .facebook span{background-color:#31497D;} .smart-forms .googleplus span{background-color:#C03121;} .smart-forms .rating{position:relative;} .smart-forms .rating.block{display:block; margin:10px 0;} .smart-forms .rating label{color: #A2A6A8;} .smart-forms .rating label i{font-size:17px; text-align:center; color:inherit;} .smart-forms .rating label span{font:22px/22px Times, Serif;} .smart-forms .rating-star{margin-left:4px;} .smart-forms .rating-input{position: absolute; left:-9999px; top: auto;} .smart-forms .rating:hover .rating-star:hover, .smart-forms .rating:hover .rating-star:hover ~ .rating-star, .smart-forms .rating-input:checked ~ .rating-star{color: #4ebd4a;} .smart-forms .rating-star, .smart-forms .rating:hover .rating-star{width: 18px; float: right; display: block; cursor:pointer; color: #A2A6A8;} .smart-forms .rating:before, .smart-forms .rating:after{display: table; content: ""; line-height: 0;} .smart-forms .rating:after{clear: both;} .smart-forms .rating .lbl-text{font-size:14px; display: inline-block; float:left;} .smart-forms .rating-wrapper{position:relative; display:inline-block; margin-top:0; float: right;} .smart-forms .rating label span{font-family:Arial, Helvetica, sans-serif; text-shadow: 0 1px rgba(255, 255, 255, 0); -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; white-space:nowrap; position:absolute; padding:5px 10px; font-weight:bold; background:#000; font-size:11px; margin-left:-5px; margin-bottom:15px; display:block; left:-9999px; color:#fff; opacity:0; z-index:10;} .smart-forms .rating label:hover span{bottom:100%; opacity:1; left: auto; margin-bottom:5px;} .smart-forms .rating label span:before{content: ''; position: absolute; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; left: 8px; top: 100%;} .smart-forms .smart-widget, .smart-forms .append-picker-icon, .smart-forms .prepend-picker-icon{position: relative; display:block;} .smart-forms .smart-widget .field input, .smart-forms .append-picker-icon input, .smart-forms .prepend-picker-icon input{width: 100%;} .smart-forms .append-picker-icon button, .smart-forms .prepend-picker-icon button, .smart-forms .smart-widget .button{border:1px solid #CFCFCF; background: #F5F5F5; position: absolute; cursor: pointer; color: #626262; height: 42px; top: 0;} .smart-forms .sm-right .button, .smart-forms .append-picker-icon button{border-left:0;} .smart-forms .sm-left .button, .smart-forms .prepend-picker-icon button{border-right:0;} .smart-forms .sm-left .button, .smart-forms .prepend-picker-icon button{left:0;} .smart-forms .sm-right .button, .smart-forms .append-picker-icon button{right:0;} .smart-forms .sml-50, .smart-forms .prepend-picker-icon{padding-left: 50px;} .smart-forms .sml-50 .button, .smart-forms .prepend-picker-icon button{width: 50px;} .smart-forms .sml-80{padding-left: 80px;} .smart-forms .sml-80 .button{width: 80px;} .smart-forms .sml-120{padding-left: 120px;} .smart-forms .sml-120 .button{width: 120px;} .smart-forms .smr-50, .smart-forms .append-picker-icon{padding-right: 50px;} .smart-forms .smr-50 .button, .smart-forms .append-picker-icon button{width: 50px;} .smart-forms .smr-80{padding-right: 80px;} .smart-forms .smr-80 .button{width: 80px;} .smart-forms .smr-120{padding-right: 120px;} .smart-forms .smr-120 .button{width: 120px;} .smart-forms .append-icon, .smart-forms .prepend-icon{display: inline-block; vertical-align: top; position: relative; width:100%;} .smart-forms .prepend-icon .custom-combobox-input{padding-left:42px;} .smart-forms .append-icon .field-icon, .smart-forms .prepend-icon .field-icon{top:0; width:42px; height:42px; color: inherit; line-height:42px; position:absolute; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; pointer-events: none; z-index:99;} .smart-forms .append-icon .field-icon i, .smart-forms .prepend-icon .field-icon i{position:relative; font-size:14px;} .smart-forms .prepend-icon .field-icon{left:0;} .smart-forms .append-icon .field-icon{right:0;} .smart-forms .prepend-icon > input, .smart-forms .prepend-icon > textarea, .smart-forms .prepend-icon > select{padding-left:36px;} .smart-forms .append-icon > input, .smart-forms .append-icon > textarea{padding-right:36px; padding-left:10px;} .smart-forms .append-icon > textarea{padding-right:36px;} .smart-forms .tooltip{position: absolute; z-index: -1; opacity: 0; color: #fff; width: 184px; left: -9999px; top:auto; font-size: 11px; font-weight:normal; background: #333333; -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s;} .smart-forms .tooltip > em{padding:12px; font-style:normal; display:block; position:static;} .smart-forms .tooltip:after{content: ''; position: absolute;} .smart-forms .option:hover .tooltip, .smart-forms .gui-input:focus + .tooltip, .smart-forms .gui-textarea:focus + .tooltip, .smart-forms .select > select:focus ~ .tooltip{opacity: 1; z-index: 999;} .smart-forms .tip-left{top:1px; margin-right:-20px;} .smart-forms .tip-left:after{top:12px; left: 100%; border-left: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .smart-forms .gui-input:focus + .tip-left, .smart-forms .gui-textarea:focus + .tip-left, .smart-forms .select > select:focus ~ .tip-left{margin-right:5px; right: 100%; left: auto;} .smart-forms .tip-right{top:1px; margin-left:-20px;} .smart-forms .tip-right:after{top:12px; right: 100%; border-right: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .smart-forms .gui-input:focus + .tip-right, .smart-forms .gui-textarea:focus + .tip-right, .smart-forms .select > select:focus ~ .tip-right{left: 100%; margin-left:5px;} .smart-forms .tip-right-top{bottom: 100%; margin-bottom: -20px;} .smart-forms .tip-right-top:after{top: 100%; right: 12px; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent;} .smart-forms .gui-input:focus + .tip-right-top, .smart-forms .gui-textarea:focus + .tip-right-top, .smart-forms .select > select:focus ~ .tip-right-top{right: 0; left: auto; margin-bottom: 10px;} .smart-forms .option .tooltip, .smart-forms .tip-left-top{bottom: 100%; margin-bottom: -20px;} .smart-forms .option .tooltip:after, .smart-forms .tip-left-top:after{top: 100%; left: 12px; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent;} .smart-forms .option:hover .tooltip, .smart-forms .gui-input:focus + .tip-left-top, .smart-forms .gui-textarea:focus + .tip-left-top, .smart-forms .select > select:focus ~ .tip-left-top{left: 0; right: auto; margin-bottom: 10px;} .smart-forms .option:hover .tooltip{left:-10px;} .smart-forms .tip-right-bottom{top: 100%; margin-top: -20px;} .smart-forms .tip-right-bottom:after{right: 12px; bottom: 100%; border-bottom: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent;} .smart-forms .gui-input:focus + .tip-right-bottom, .smart-forms .gui-textarea:focus + .tip-right-bottom{margin-top: 10px; left: auto; right: 0;} .smart-forms .tip-left-bottom{top: 100%; margin-top: -20px;} .smart-forms .tip-left-bottom:after{left: 12px; bottom: 100%; border-bottom: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent;} .smart-forms .gui-input:focus + .tip-left-bottom, .smart-forms .gui-textarea:focus + .tip-left-bottom{margin-top:10px; right: auto; left: 0;} .smart-forms .smart-list{list-style:none; margin:0; padding:0;} .smart-forms .smart-list li{margin-bottom:20px;} .smart-forms .form-msg{display:none;} .smart-forms .notification{color: #444; padding:15px; position:relative;} .smart-forms .notification p{margin:0; padding:0 15px; padding-left:5px; line-height:normal;} .smart-forms .notification .close-btn{margin-top: -7px; padding: inherit; position: absolute; text-decoration:none; font: bold 20px/20px Arial, sans-serif; opacity: 0.65; color: inherit; display: block; right:1px; top:14%;} .smart-forms .notification .close-btn:hover{opacity: 1;} .smart-forms .alert-info{color:#163161; background-color: #cfe6fc;} .smart-forms .alert-success{color:#336633; background-color: #d2f7ad;} .smart-forms .alert-warning{color: #CC6600; background-color: #fae7a2;} .smart-forms .alert-error{color:#990000; background-color: #FBDBCF;} .smart-forms .notification ul{margin-left:1.3em; list-style-position: inside; margin-top:10px;} .smart-forms .state-error .gui-input, .smart-forms .state-error .gui-textarea, .smart-forms .state-error.select > select, .smart-forms .state-error.select-multiple > select, .smart-forms .state-error input:hover + .checkbox, .smart-forms .state-error input:hover + .radio, .smart-forms .state-error input:focus + .checkbox, .smart-forms .state-error input:focus + .radio, .smart-forms .state-error .checkbox, .smart-forms .state-error .radio{background:#FEE9EA; border-color:#DE888A;} .smart-forms .state-error .gui-input:focus, .smart-forms .state-error .gui-textarea:focus, .smart-forms .state-error.select > select:focus, .smart-forms .state-error.select-multiple > select:focus{-webkit-box-shadow:0px 0px 3px #DE888A inset; -moz-box-shadow:0px 0px 3px #DE888A inset; -o-box-shadow:0px 0px 3px #DE888A inset; box-shadow:0px 0px 3px #DE888A inset;} .smart-forms .state-error .gui-input ~ .field-icon i, .smart-forms .state-error .gui-textarea ~ .field-icon i{color: #DE888A;} .smart-forms .state-error.select .arrow{color: #DE888A;} .smart-forms .state-error.select > select:focus + .arrow{color:#DE888A;} .smart-forms .state-error .gui-input ~ .input-hint, .smart-forms .state-error.file .gui-file:hover + .gui-input, .smart-forms .state-error .gui-textarea ~ .input-hint{border-color:#DE888A;} .smart-forms .state-error + em{display: block!important; margin-top: 6px; padding: 0 3px; font-family:Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-size:0.85em; color:#DE888A;} .smart-forms .state-success .gui-input, .smart-forms .state-success .gui-textarea, .smart-forms .state-success.select > select, .smart-forms .state-success.select-multiple > select, .smart-forms .state-success input:hover + .checkbox, .smart-forms .state-success input:hover + .radio, .smart-forms .state-success input:focus + .checkbox, .smart-forms .state-success input:focus + .radio, .smart-forms .state-success .checkbox, .smart-forms .state-success .radio{background:#F0FEE9; border-color:#A5D491;} .smart-forms .state-success .gui-input:focus, .smart-forms .state-success .gui-textarea:focus, .smart-forms .state-success.select > select:focus, .smart-forms .state-success.select-multiple > select:focus{-webkit-box-shadow:0px 0px 3px #A5D491 inset; -moz-box-shadow:0px 0px 3px #A5D491 inset; -o-box-shadow:0px 0px 3px #A5D491 inset; box-shadow:0px 0px 3px #A5D491 inset;} .smart-forms .state-success .gui-input ~ .field-icon i, .smart-forms .state-success .gui-textarea ~ .field-icon i{color: #A5D491;} .smart-forms .state-success.select .arrow{color: #A5D491;} .smart-forms .state-success.select > select:focus + .arrow{color:#A5D491;} .smart-forms .state-success .gui-input ~ .input-hint, .smart-forms .state-success.file .gui-file:hover + .gui-input, .smart-forms .state-success .gui-textarea ~ .input-hint{border-color:#A5D491;} .smart-forms .button[disabled], .smart-forms .state-disabled .button, .smart-forms input[disabled] + .radio, .smart-forms input[disabled] + .checkbox, .smart-forms .switch > input[disabled] + label{cursor: default; opacity:0.5;} .smart-forms .gui-input[disabled], .smart-forms .gui-textarea[disabled], .smart-forms .select > select[disabled], .smart-forms .select-multiple select[disabled], .smart-forms .gui-input[disabled] ~ .input-hint, .smart-forms .file .gui-file[disabled] + .gui-input, .smart-forms .file .gui-file[disabled]:hover + .gui-input, .smart-forms .gui-textarea[disabled] ~ .input-hint{background-color: #f4f6f6; border-color: #d5dbdb!important; cursor: default; color: #d5dbdb; opacity:0.7;} .smart-forms input[disabled] ~ .field-icon i, .smart-forms textarea[disabled] ~ .field-icon i, .smart-forms .select > select[disabled] + .arrow{opacity:0.4;} .ui-helper-hidden{display: none;} .ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before, .ui-helper-clearfix:after{content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after{clear: both;} .ui-helper-clearfix{min-height: 0;} .ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .ui-front{z-index: 100;} .ui-datepicker{width: 18em; margin-top:8px; display: none; background: #fff; position:relative; font: 14px/1.55 "Roboto", Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.1); -o-box-shadow: 0 0 4px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.1); border:1px solid #CFCFCF; z-index:9999!important; text-align: center; color: #666;} .ui-datepicker a{color: #404040; text-align:center;} .ui-datepicker .ui-state-disabled span{color:#DBDBDB;} .ui-datepicker .ui-datepicker-header{position: relative; background: #F5F5F5; border-bottom:1px solid #CFCFCF; line-height: 27px; font-size: 15px; padding: 10px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 34px; height: 34px; display: block; font-size: 14px; position: absolute; text-decoration: none; cursor: pointer; color:#4ebd4a; top:20.5%;} .ui-datepicker .ui-datepicker-prev{left: 2px;} .ui-datepicker .ui-datepicker-next{right: 2px;} .ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 1.8em; text-align: center; color:#4ebd4a;} .ui-datepicker .ui-datepicker-title select{font-size: 1em; margin: 1px 0;} .ui-datepicker select.ui-datepicker-month-year{width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 49%;} .ui-datepicker table{width: 100%; font-size: .9em; margin: 0 0 .4em; border-collapse: collapse;} .ui-datepicker th{padding: .5em .3em; text-align: center; font-weight: 700; border: 0;} .ui-datepicker td{border: 0; padding:2px 5px;} .ui-datepicker td span, .ui-datepicker td a{padding: .25em; display: block; text-align: center; text-decoration: none;} .ui-datepicker td span:hover, .ui-datepicker td a:hover{background:#F5F5F5;} .ui-datepicker .ui-state-disabled span:hover{background:none;} .ui-datepicker-today a, .ui-datepicker-today a:hover, .ui-datepicker .ui-state-highlight{background: #FFFA90!important; font-weight: 700; color:#444;} .ui-monthpicker .ui-datepicker-today a, .ui-monthpicker .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-current-day a{font-weight: 700; background: #4ebd4a!important; color:#fff;} .cal-widget .ui-datepicker{width: 100%; margin-top:0;} .cal-widget .ui-datepicker:before{display:none;} .ui-datepicker.ui-datepicker-multi{width: auto;} .ui-datepicker-multi .ui-datepicker-group{float: left;} .ui-datepicker-multi .ui-datepicker-group table{width: 95%; margin: 0 auto .4em;} .ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;} .ui-datepicker-multi-3 .ui-datepicker-group{width: 33.333%;} .ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0;} .ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;} .ui-datepicker-row-break{clear: both; width: 100%; font-size: 0;} .ui-datepicker-buttonpane{border-top:1px solid #CFCFCF; padding:10px;} .ui-datepicker-buttonpane button{padding: 8px 12px; margin-right: .2em; position: relative; line-height: normal; display: inline-block; -webkit-user-drag: none; text-shadow: 0 1px rgba(255, 255, 255, 0.2); vertical-align: middle; background: #DBDBDB; text-align: center; overflow: visible; cursor: pointer; color: #243140; border:0;} .ui-datepicker-buttonpane button:hover{color: #243140; background: #E8E8E8;} .ui-datepicker-buttonpane button:active{color: #1d2938; background: #C4C4C4;} .ui-monthpicker .ui-datepicker-header{margin-bottom:3px;} .smart-forms .slider-wrapper, .smart-forms .sliderv-wrapper{background:#E5E5E5; position:relative;} .smart-forms .ui-slider{position: relative; text-align: left;} .smart-forms .ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 21px; height: 21px; cursor: default; background:#fff; border:3px solid #4ebd4a; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -ms-touch-action: none; touch-action: none; margin-top:-4px; outline:none;} .smart-forms .ui-slider .ui-slider-handle:before{content: ''; width: 7px; height: 7px; position:absolute; background-color: #4ebd4a; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; z-index: 2; left:4px; top:4px;} .smart-forms .ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #4ebd4a;} .smart-forms .ui-slider.ui-state-disabled .ui-slider-handle, .smart-forms .ui-slider.ui-state-disabled .ui-slider-range{filter: inherit;} .smart-forms .ui-slider-horizontal{height: .5em;} .smart-forms .ui-slider-horizontal .ui-slider-handle{top: -.3em; margin-left: -.6em;} .smart-forms .ui-slider-horizontal .ui-slider-range{top: 0; height: 100%;} .smart-forms .ui-slider-horizontal .ui-slider-range-min{left: 0;} .smart-forms .ui-slider-horizontal .ui-slider-range-max{right: 0;} .smart-forms .ui-slider-vertical, .smart-forms .sliderv-wrapper{width: .5em; height: 100px;} .smart-forms .ui-slider-vertical .ui-slider-handle{left: -.45em; margin-left: 0; margin-bottom: -.6em;} .smart-forms .ui-slider-vertical .ui-slider-range{left: 0; width: 100%;} .smart-forms .ui-slider-vertical .ui-slider-range-min{bottom: 0;} .smart-forms .ui-slider-vertical .ui-slider-range-max{top: 0;} .smart-forms .slider-input{color:#f6931f!important; border:0; background:none;} .smart-forms .slider-group .sliderv-wrapper{height:150px; float:left; margin:15px 15px;} .smart-forms .ui-slider .ui-state-active{cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .smart-forms .slider-tip{display: block; position: absolute; text-align: center; font: 10pt Tahoma, Arial, sans-serif ; background: #333333; padding:10px; color: #fff;} .smart-forms .slider-wrapper .slider-tip{top: -50px; left:-15px;} .smart-forms .slider-wrapper .slider-tip:after{content: ''; position: absolute; top: 98%; left: 35%; border-top: 8px solid #333333; border-right: 8px solid transparent; border-left: 8px solid transparent;} .smart-forms .sliderv-wrapper .slider-tip{left: 30px; top:-12px;} .smart-forms .sliderv-wrapper .slider-tip:after{content: ''; position: absolute; top:30%; right: 98%; border-right: 8px solid #333333; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .smart-forms .yellow-slider .ui-slider .ui-slider-handle{border-color:#faa226;} .smart-forms .yellow-slider .ui-slider .ui-slider-handle:before, .smart-forms .yellow-slider .ui-slider .ui-slider-range{background-color: #faa226;} .smart-forms .red-slider .ui-slider .ui-slider-handle{border-color:#ee4f3d;} .smart-forms .red-slider .ui-slider .ui-slider-handle:before, .smart-forms .red-slider .ui-slider .ui-slider-range{background-color:#ee4f3d;} .smart-forms .purple-slider .ui-slider .ui-slider-handle{border-color:#9464e2;} .smart-forms .purple-slider .ui-slider .ui-slider-handle:before, .smart-forms .purple-slider .ui-slider .ui-slider-range{background-color:#9464e2;} .smart-forms .blue-slider .ui-slider .ui-slider-handle{border-color:#00acee;} .smart-forms .blue-slider .ui-slider .ui-slider-handle:before, .smart-forms .blue-slider .ui-slider .ui-slider-range{background-color:#00acee;} .smart-forms .black-slider .ui-slider .ui-slider-handle{border-color:#505558;} .smart-forms .black-slider .ui-slider .ui-slider-handle:before, .smart-forms .black-slider .ui-slider .ui-slider-range{background-color:#505558;} .smart-forms .green-slider .ui-slider .ui-slider-handle{border-color:#0E993C;} .smart-forms .green-slider .ui-slider .ui-slider-handle:before, .smart-forms .green-slider .ui-slider .ui-slider-range{background-color:#0E993C;} .ui-timepicker-div .ui-widget-header{position: relative; background: #F5F5F5; line-height: 27px; font-size: 15px; padding: 10px;} .ui-timepicker-div dl{text-align: left; border:1px solid #CFCFCF; border-width:1px 0 0 0; padding:15px 10px; padding-bottom:15px; margin:0;} .ui-timepicker-div dl dt{float: left; clear:left; padding: 0 0 0 5px;} .ui-timepicker-div dl dd{margin: 0 10px 15px 40%;} .ui-timepicker-div td{font-size: 90%;} .ui-tpicker-grid-label{background: none; border: none; margin: 0; padding: 0;} .ui-timepicker-div .ui_tpicker_unit_hide{display: none;} .ui-timepicker-rtl{direction: rtl;} .ui-timepicker-rtl dl{text-align: right; padding: 0 5px 0 0;} .ui-timepicker-rtl dl dt{float: right; clear: right;} .ui-timepicker-rtl dl dd{margin: 0 40% 10px 10px; background:#E5E5E5; position:relative; top:6px;} .ui-timepicker-div dl .ui_tpicker_hour, .ui-timepicker-div dl .ui_tpicker_minute, .ui-timepicker-div dl .ui_tpicker_second, .ui-timepicker-div dl .ui_tpicker_millisec{background:#E5E5E5; position:relative; top:5px;} .ui_tpicker_time_input{background:none; border:0; display:inline-block;} .ui-timepicker-div.ui-timepicker-oneLine{padding-right: 2px;} .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt{display: none;} .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display: block; padding-top: 2px;} .ui-timepicker-div.ui-timepicker-oneLine dl{text-align: right;} .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div{display:inline-block; margin:0;} .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':'; display:inline-block;} .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.'; display:inline-block;} .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display: none;} .ui-autocomplete{position: absolute; top: 0; left: 0; cursor: default; z-index: 10000000; list-style: none; padding: 0; margin: 0; display: block; outline: none; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #bbb; border-top:0; background:#fff; max-height: 100px; overflow-x: hidden; overflow-y: auto;} .ui-autocomplete .ui-menu{position: absolute;} .ui-autocomplete .ui-menu-item{position: relative; margin: 0; padding: 8px 10px; cursor: pointer; min-height: 0; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); background:#F2F4FA; border-bottom:1px solid #DCE1EE; -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5); -o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);} .ui-autocomplete .ui-menu-divider{margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; border-color:#ddd;} .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-state-active{} .ui-autocomplete .ui-menu-item:hover{background:#DCE1EE;} .custom-combobox{position: relative; padding-right:45px; display: block;} .custom-combobox-toggle{position: absolute; top: 0; bottom: 0; right:0; margin-left: -1px; padding: 0; z-index:10; width:45px; line-height:40px; height:100%; text-align:center; background:#F5F5F5; border:1px solid #CFCFCF; border-left:0; cursor:pointer; color:#aaa;} .custom-combobox-input{margin: 0; padding: 5px 10px;} .smart-forms .progress-section{display:none;} .smart-forms .progress-bar{position: relative; background:#E5E5E5;} .smart-forms .progress-bar .percent{position:absolute; display:inline-block; top:-3px; right:-24px; font-size:9px; color:#93A2AA;} .smart-forms .progress-bar > .bar{width:60%; height:7px; display: block; background-size: 16px 16px; background-color: #bdc3c7;} .smart-forms .bar-primary > .bar{background-color: #4ebd4a;} .smart-forms .bar-blue > .bar{background-color: #00acee;} .smart-forms .bar-black > .bar{background-color: #505558;} .smart-forms .bar-green > .bar{background-color: #0E993C;} .smart-forms .bar-purple > .bar{background-color: #9464e2;} .smart-forms .bar-red > .bar{background-color: #ee4f3d;} .smart-forms .bar-yellow > .bar{background-color: #faa226;} .smart-forms .ui-slider .ui-slider-range, .smart-forms .progress > button[type="submit"], .smart-forms .progress > button[type="submit"]:hover, .smart-forms .progress-bar > .bar{background-size: 16px 16px; background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));} .smart-forms .progress > button[type="submit"], .smart-forms .progress > button[type="submit"]:hover, .smart-forms .progress-animated > .bar{-webkit-animation: sfprogress .6s linear infinite; -moz-animation: sfprogress .6s linear infinite; -o-animation: sfprogress .6s linear infinite; animation: sfprogress .6s linear infinite;} .smart-forms .progress > button[type="submit"]:hover{cursor:wait;} @-webkit-keyframes sfprogress{from{background-position: 0 0;}to{background-position: -16px 0;}} @-moz-keyframes sfprogress{from{background-position: 0 0;}to{background-position: -16px 0;}} @-o-keyframes sfprogress{from{background-position: 0 0;}to{background-position: -16px 0;}} @keyframes sfprogress{from{background-position: 0 0;}to{background-position: -16px 0;}} .clone-widget{padding-right:100px; position:relative;} .clone-widget .button{position:absolute; right:0; top:0;} .clone-widget .clone{right:50px;} .smart-forms .map-container{padding:10px; margin-bottom:10px; border: 1px solid #CFCFCF;} .smart-forms .map-area, .smart-forms #map_canvas{width:100%; height:400px; overflow:hidden;} .smart-forms .block{display:block;} .smart-forms .custom-block-list, .smart-forms .custom-block-list li{list-style-type:none; display:block; padding:0; margin:0;} .smart-forms .custom-block-list li{padding:3px 0; font-size:14px;} .smart-forms .custom-block-list li span, .smart-forms .custom-block-list li strong{font-weight:300; color:#00AFFF;} .smart-forms .frm-row{margin:0 -10px;} .smart-forms .slider-group:before, .smart-forms .slider-group:after, .smart-forms .frm-row:before, .smart-forms .frm-row:after{display: table; content: ""; line-height: 0;} .smart-forms .slider-group:after, .smart-forms .frm-row:after{clear: both;} .smart-forms .frm-row .colm{min-height:1px; padding-left:10px; padding-right:10px; position:relative; float:left;} .smart-forms .frm-row .colm1{width:8.33%;} .smart-forms .frm-row .colm2{width:16.66%;} .smart-forms .frm-row .colm3{width:25%;} .smart-forms .frm-row .colm4{width:33.33%;} .smart-forms .frm-row .colm5{width:41.66%;} .smart-forms .frm-row .colm6{width:50%;} .smart-forms .frm-row .colm7{width:58.33%;} .smart-forms .frm-row .colm8{width:66.66%;} .smart-forms .frm-row .colm9{width:75%;} .smart-forms .frm-row .colm10{width:83.33%;} .smart-forms .frm-row .colm11{width:91.66%;} .smart-forms .frm-row .colm12{width:100%;} .smart-forms .frm-row .colm1-5{width:20%;} .smart-forms .frm-row .colm1-8{width:12.5%;} .smart-forms .spacer{border-top:1px solid #CFCFCF; display:block; height:0;} .smart-forms .spacer-t10{margin-top:10px;} .smart-forms .spacer-b10{margin-bottom:10px;} .smart-forms .spacer-t15{margin-top:15px;} .smart-forms .spacer-b15{margin-bottom:15px;} .smart-forms .spacer-t20{margin-top:20px;} .smart-forms .spacer-b20{margin-bottom:20px;} .smart-forms .spacer-t25{margin-top:25px;} .smart-forms .spacer-b25{margin-bottom:25px;} .smart-forms .spacer-t30{margin-top:30px;} .smart-forms .spacer-b30{margin-bottom:30px;} .smart-forms .spacer-t40{margin-top:40px;} .smart-forms .spacer-b40{margin-bottom:40px;} .smart-forms .frm-row .pad-l10{padding-left:10px;} .smart-forms .frm-row .pad-r10{padding-right:10px;} .smart-forms .frm-row .pad-l20{padding-left:20px;} .smart-forms .frm-row .pad-r20{padding-right:20px;} .smart-forms .frm-row .pad-l30{padding-left:30px;} .smart-forms .frm-row .pad-r30{padding-right:30px;} .smart-forms .frm-row .pad-l40{padding-left:40px;} .smart-forms .frm-row .pad-r40{padding-right:40px;} .smart-forms .bdl{border-left:1px solid #CFCFCF;} .smart-forms .bdr{border-right:1px solid #CFCFCF;} .smart-forms .fine-grey{color:#999;} .smart-forms .small-text{font-size:11px; font-style:normal;} .smart-forms .text-align{height:42px; line-height:42px;} .smart-forms .align-right{text-align:right;} .smart-forms .align-center{text-align:center;} .smart-forms .price-box{padding:30px; text-align:center; position:relative; border:1px solid #CFCFCF; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);} .smart-forms .price-box p{line-height:1.5em; font-weight:300; font-size:16px; color:#526066; margin-bottom:0;} .smart-forms .price-box h5{text-transform:uppercase; font-weight:300; margin:0; font-size:15px; color:#B0B2B9; letter-spacing:2px} .smart-forms .price-box h4{font-size:60px; font-weight:400; margin:0; color:#626262;} .smart-forms .selected-box h4{color:#4ebd4a;} .smart-forms .price-box h4 sup{position:relative; font-size:30px; vertical-align:top; top:15px;} .smart-forms .price-box h4 .per-month{font-size:14px;} .smart-forms .expand{height:50px; line-height:50px!important; border-radius:3px;} .smart-forms .ribbon, .smart-forms .ribbon-large{width:75px; height:78px; overflow:hidden; position:absolute; right: -2px; top: -2px; z-index:1;} .smart-forms .ribbon-inner{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background: #4ebd4a; letter-spacing:4px; text-align:center; position:relative; font-weight:700; font-size:14px; padding:7px 0; width:100px; color:#fff; z-index:1; left:3px; top:6px;} .smart-forms .ribbon-inner:before, .smart-forms .ribbon-inner:after{content:""; border-top:3px solid #3c9b39; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; bottom:-3px;} .smart-forms .ribbon-inner:before{left:0px;} .smart-forms .ribbon-inner:after{right:0px;} .smart-forms .ribbon-large{width:115px; height:118px;} .smart-forms .ribbon-large .ribbon-inner{width:160px; left:-8px; top:28px;} .smart-forms .sfcode{padding-left:24px;} .smart-forms .captcode{padding:0; position:relative;} .smart-forms .captcode img{position:relative; top:1px;} .smart-forms .refresh-captcha{position:absolute; background:#4EBD4A; border:3px solid #3C9B39; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px; right:-15px; height:32px; width:32px; top:4px;} .smart-forms .refresh-captcha i{position:absolute; text-align:center; line-height:26px; font-size:17px; color:#fff; left:24%;} .smart-forms .smart-hidden-elem{position:absolute; visibility:hidden; margin:0; padding:0;} .smart-forms .refresh-black{background:#505558; border-color: #333333;} .smart-forms .refresh-blue{background:#00acee; border-color: #0087bb;} .smart-forms .refresh-green{background:#0E993C; border-color: #0B792F;} .smart-forms .refresh-purple{background:#9464e2; border-color: #7639da;} .smart-forms .refresh-red{background:#ee4f3d; border-color: #e42914;} .smart-forms .refresh-yellow{background:#faa226; border-color: #e88a05;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.smart-forms .select .arrow:after, .smart-forms .select .arrow:before{display:block;}.smart-forms .checkbox:before{top:4px; left:3px;}} .smart-forms .option, .smart-forms .rating, .smart-forms .switch, .smart-forms .captcode{-webkit-animation: bugfix infinite 1s;} @-webkit-keyframes bugfix{from{padding: 0;}to{padding: 0;}} .smart-forms .switch{margin-right:10px; margin-bottom:5px;} .smart-forms .option{margin-right:15px;} .smart-forms .switch-round > .switch-label:after{font:30px/20px Times, Serif;} }@media (max-width: 800px){.smart-forms .frm-row{margin:0;}.smart-forms .frm-row .colm{width: 100%; float:none; padding:0;}.smart-forms .bdl{border-left:0;}.smart-forms .bdr{border-right:0;}.smart-forms .align-right{text-align: left;}} 

/* /odoocms_admission_online/static/css/smart-addons.css defined in bundle 'web.assets_frontend' */
 .stepper-wrap{position: relative; display:block; font: 11px Arial, sans-serif;} .stepper-wrap input{text-align: right; padding-right:20px;} .stepper-btn-wrap{position: absolute; top: 0; right: -34px; width: 34px; height: 100%; overflow: hidden; background: #F5F5F5; border: 1px solid #ccc; border-width:1px 1px 1px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .stepper-btn-wrap a{display: block; height: 50%; overflow: hidden; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent:-9999px; background:#F5F5F5; cursor: default; color: #666;} .stepper-btn-wrap a:hover{background:#F9F9F9;} .stepper-btn-up:before, .stepper-btn-dwn:before{content: ''; border: 4px dashed; pointer-events: none; border-color: #9F9F9F transparent; border-color: #9F9F9F rgba(255, 255, 255, 0); position: absolute; right:14px; z-index:1; height:0; top:32%; width:0;} .stepper-btn-up:before{border-bottom-style: solid; border-top: none;} .stepper-btn-dwn:before{margin-top: 10px; border-top-style: solid; border-bottom: none;} .sp-container{position:absolute; display:inline-block; *display: inline; z-index: 9999994; overflow: hidden; *zoom: 1; left:0; top:0;} .sp-container.sp-flat{position: relative;} .sp-container, .sp-container *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .sp-top{position:relative; display:inline-block; width: 100%;} .sp-top-inner{position:absolute; top:0; left:0; bottom:0; right:0;} .sp-color{position: absolute; top:0; left:0; bottom:0; right:20%;} .sp-hue{position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%;} .sp-clear-enabled .sp-hue{top:33px; height: 77.5%;} .sp-fill{padding-top: 80%;} .sp-sat, .sp-val{position: absolute; top:0; left:0; right:0; bottom:0;} .sp-alpha-enabled .sp-top{margin-bottom: 18px;} .sp-alpha-enabled .sp-alpha{display: block;} .sp-alpha-handle{position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8;} .sp-alpha{display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px;} .sp-alpha-inner{border: solid 1px #333;} .sp-clear{display: none;} .sp-clear.sp-clear-display{background-position: center;} .sp-clear-enabled .sp-clear{display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px;} .sp-dd, .sp-clear, .sp-alpha, .sp-slider, .sp-dragger, .sp-preview, .sp-alpha-handle, .sp-container, .sp-replacer, .sp-container.sp-dragging .sp-input, .sp-container button{-webkit-user-select:none; -moz-user-select: -moz-none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select:none; user-select: none;} .sp-container.sp-input-disabled .sp-input-container{display: none;} .sp-container.sp-buttons-disabled .sp-button-container{display: none;} .sp-palette-only .sp-picker-container{display: none;} .sp-palette-disabled .sp-palette-container{display: none;} .sp-initial-disabled .sp-initial{display: none;} .sp-sat{background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');} .sp-val{background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');} .sp-hue{background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);} .sp-1{height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');} .sp-2{height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');} .sp-3{height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');} .sp-4{height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');} .sp-5{height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');} .sp-6{height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');} .sp-hidden{display: none !important;} .sp-cf:before, .sp-cf:after{content: ""; display: table;} .sp-cf:after{clear: both;} .sp-cf{*zoom: 1;} @media (max-device-width: 480px){.sp-color{right: 40%;}.sp-hue{left: 63%;}.sp-fill{padding-top: 60%;}} .sp-dragger{border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0;} .sp-slider{position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8;} .sp-container{border-radius: 0; background-color: #ECECEC; border: solid 1px #CFCFCF; padding: 0;} .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear{font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .sp-top{margin-bottom: 3px;} .sp-color, .sp-hue, .sp-clear{border: solid 1px #666;} .sp-input-container{float:right; width: 100px; margin-bottom: 4px;} .sp-initial-disabled .sp-input-container{width: 100%;} .sp-input{font-size: 12px !important; border: 1px inset; padding: 4px 5px; border: 1px solid #bbb; background: #ffffff; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; color: #222; margin: 0;} .sp-input:focus{border-color: #6BACED; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7); box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7);} .sp-input.sp-validation-error{background:#FEEFE9; border-color:#E46B66;} .sp-input.sp-validation-error:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,0,.7); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,0,.7); box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,.7);} .sp-picker-container, .sp-palette-container{float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px;} .sp-picker-container{width: 172px; border-left: solid 1px #fff;} .sp-palette-container{border-right: solid 1px #ccc;} .sp-palette-only .sp-palette-container{border: 0;} .sp-palette .sp-thumb-el{display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent;} .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active{border-color: orange;} .sp-thumb-el{position:relative;} .sp-initial{float: left; border: solid 1px #333;} .sp-initial span{width: 30px; height: 25px; border:none; display:block; float:left; margin:0;} .sp-initial .sp-clear-display{background-position: center;} .sp-button-container, .sp-palette-button-container{float: right;} .sp-replacer{cursor:pointer; overflow:hidden; padding: 4px 10px; position: absolute; background: #F5F5F5; vertical-align: middle; border: solid 1px #CFCFCF; border-width:1px 1px 1px 0; display:inline-block; *display: inline; height: 100%; color: #333; margin:0; *zoom: 1; right:0;} .sp-replacer:hover, .sp-replacer.sp-active{border-color: #aaa; color: #111;} .sp-replacer.sp-disabled{cursor:default; border-color: silver; color: silver;} .sp-dd{padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:12px; color:#9F9F9F; position:relative; top:6px;} .sp-preview{position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; margin-top:6px; float:left; z-index: 0;} .sp-palette{*width: 220px; max-width: 220px;} .sp-palette .sp-thumb-el{width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0;} .sp-container{padding-bottom:0;} .sp-container button{background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #aaa; border-bottom: 1px solid #aaa; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle;} .sp-container button:hover{background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd;} .sp-container button:active{border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;} .sp-cancel{font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none;} .sp-cancel:hover{color: #d93f3f !important; text-decoration: underline;} .sp-palette span:hover, .sp-palette span.sp-thumb-active{border-color: #000;} .sp-preview, .sp-alpha, .sp-thumb-el{position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);} .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner{display:block; position:absolute; top:0;left:0;bottom:0;right:0;} .sp-palette .sp-thumb-inner{background-position: 50% 50%; background-repeat: no-repeat;} .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);} .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);} .sp-clear-display{background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);} .sfcolor{padding-right:63px;} .sfcolor .gui-input + .sp-replacer{width:63px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .ui-slider-horizontal.ui-slider-pips{margin-bottom: 0.5em;} .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide{display: none;} .ui-slider-pips .ui-slider-pip-label .ui-slider-label{display: block;} .ui-slider-pips .ui-slider-pip{width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 10px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .ui-slider-pips .ui-slider-line{background: #999; width: 1px; height: 3px; position: absolute; left: 50%;} .ui-slider-pips .ui-slider-label{position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em;} .ui-slider-pip:hover .ui-slider-label{color: black; font-weight: bold;} .ui-slider-vertical.ui-slider-pips{margin-bottom: 1em; margin-right: 10px;} .ui-slider-vertical.ui-slider-pips .ui-slider-pip{text-align: left; top: auto; left: 10px; margin-left: 0; margin-bottom: -0.5em;} .ui-slider-vertical.ui-slider-pips .ui-slider-line{width: 3px; height: 1px; position: absolute; top: 50%; left: 0;} .ui-slider-vertical.ui-slider-pips .ui-slider-label{top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em;} .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label{outline: none;} .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label{position: absolute; visibility: hidden; margin-top: -10px; display: block; width: auto; padding:5px 10px; margin-left: -50%; line-height: 20px; background:#000; border-radius: 3px; text-align: center; font-size: 11px; font-weight:bold; color:#fff; opacity:0; -webkit-transition-duration: 200ms, 200ms, 0; -moz-transition-duration: 200ms, 200ms, 0; -ms-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, top, visibility; -moz-transition-property: opacity, top, visibility; -ms-transition-property: opacity, top, visibility; transition-property: opacity, top, visibility; -webkit-transition-delay: 0, 0, 200ms; -moz-transition-delay: 0, 0, 200ms; -ms-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms;} .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{opacity: 1; top: -30px; visibility: visible; -webkit-transition-delay:200ms, 200ms, 0; -moz-transition-delay:200ms, 200ms, 0; -ms-transition-delay:200ms, 200ms, 0; transition-delay:200ms, 200ms, 0;} .ui-slider-float .ui-slider-pip .ui-slider-tip-label{top: 42px;} .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{top: 32px; font-weight: normal;} .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{content: " "; width: 0; height: 0; border-top: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: -6px; left: 30%;} .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border-bottom: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top:0; top: -5px;} .ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label{top: 50%; margin-top: -11px; width: auto; margin-left: 0px; left: -60px; color: #fff; -webkit-transition-duration: 200ms, 200ms, 0; -moz-transition-duration: 200ms, 200ms, 0; -ms-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, left, visibility; -moz-transition-property: opacity, left, visibility; -ms-transition-property: opacity, left, visibility; transition-property: opacity, left, visibility; -webkit-transition-delay: 0, 0, 200ms; -moz-transition-delay: 0, 0, 200ms; -ms-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms;} .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{top: 50%; margin-top: -11px;} .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label{left: 47px;} .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label{left: 37px;} .ui-slider-vertical.ui-slider-float .ui-slider-tip:after, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border-left: 8px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -14px; margin-left: 0; top: auto; left: auto;} .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after{border-right: 8px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:0; right: auto; left: -6px;} #alternating-slider .ui-slider-pip .ui-slider-line{height: 6px; top:3px;} #alternating-slider .ui-slider-pip .ui-slider-label{top:15px;} #alternating-slider .ui-slider-pip:nth-child(even){top: -33px; height:15px; transform: scale(0.8) translateY(3px); opacity: 0.8;} #alternating-slider .ui-slider-pip:nth-child(even) .ui-slider-label{top:5px;} #alternating-slider .ui-slider-pip:nth-child(even) .ui-slider-line{top: 22px; height: 6px;} #alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-1 .ui-slider-label, #alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-2 .ui-slider-label, #alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-3 .ui-slider-label, #alternating-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-4 .ui-slider-label{top: -3px;} #alternating-slider .ui-slider-pip-initial-1 .ui-slider-label{color: #E80949;} #alternating-slider .ui-slider-pip-initial-2 .ui-slider-label{color: #FF03CB;} #alternating-slider .ui-slider-pip-initial-3 .ui-slider-label{color: #C309E8;} #alternating-slider .ui-slider-pip-initial-4 .ui-slider-label{color: #920AFF;} #alternating-slider .ui-slider-pip-selected-1 .ui-slider-label, #alternating-slider .ui-slider-pip-selected-2 .ui-slider-label, #alternating-slider .ui-slider-pip-selected-3 .ui-slider-label, #alternating-slider .ui-slider-pip-selected-4 .ui-slider-label{color: white; width: 2.4em; padding: 4px 0; margin-left: -1.2em; border-radius: 2px; top:10px;} #alternating-slider .ui-slider-pip-selected-1 .ui-slider-label{background-color: #E80949;} #alternating-slider .ui-slider-pip-selected-2 .ui-slider-label{background-color: #FF03CB;} #alternating-slider .ui-slider-pip-selected-3 .ui-slider-label{background-color: #C309E8;} #alternating-slider .ui-slider-pip-selected-4 .ui-slider-label{background-color: #920AFF;} #alternating-slider .ui-slider-handle.ui-state-focus{z-index: 100;} #double-label-slider.ui-slider .ui-slider-pip{top: -3px;} #double-label-slider.ui-slider .ui-slider-pip .ui-slider-line{background: #E5E5E5; width: 16px; height: 16px; margin-left: -6px; box-shadow: 0 0 0 2px #E5E5E5; border-radius: 100%; transition: all 0.4s ease; top:-2px;} #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label, #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i, #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span{width: 100px; margin-left: -50px; text-align: center;} #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label{color: #888888;} #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i{font-style: normal; font-size: 1.4em; position: absolute; top: -36px;} #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span{opacity: 0.6; font-size: 1.2em; line-height: 1.3; position: absolute; top: 18px; transition: opacity 0.3s ease;} #double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label span, #double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label span, #double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label span{opacity: 1;} #double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label{color: black;} .smartforms-px{text-align:center; display:block;} .smartforms-modal-footer{padding-bottom:15px;} .smartforms-modal-scroll{overflow:hidden;} .smartforms-modal-trigger{display: inline-block; height: 50px; line-height: 50px; margin: 3em auto; text-align: center; color: #FFF; font-size: 16px; ffont-weight:300; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #4EBD4A; font-family: "Roboto", Arial, Helvetica, sans-serif; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); text-decoration:none; padding:0 30px;} .smartforms-modal-header{position:relative; padding:15px 20px; background-color:#4EBD4A; color:#fff;} .smartforms-modal-header h3{margin:0; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size:28px; font-weight:300;} .smartforms-modal-body{display:block;} .smartforms-modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; height: 100%; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; overflow-y: scroll;} .smartforms-modal.smartforms-modal-visible{opacity: 1; filter: alpha(opacity=80); visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;} .smartforms-modal-container{position: relative; width: 90%; max-width: 600px; margin: 4em auto; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;} .smartforms-modal-container .smartforms-modal-close{position: absolute; top:0; right:0; width: 60px; height: 100%; line-height: 60px; background:#4EBD4A; opacity: 1; filter: alpha(opacity=100); font-family: Arial, Baskerville, monospace; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-decoration: none; text-align: center; font-style: normal; font-size: 28px; color: #fff; z-index:10;} .smartforms-modal-container .smartforms-modal-close:hover{opacity: 0.7; filter: alpha(opacity=70);} .smartforms-modal-visible .smartforms-modal-container{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .smartforms-modal-container .wrap-full{width:100%;} .smartforms-modal-container .smart-wrap{padding:0;} .smartforms-modal-container .smart-container{margin:0 auto; position:relative; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} @media only screen and (min-width: 1170px){.smartforms-modal-container{margin: 5em auto;}} .wizard, .tabcontrol{display: block; overflow:hidden; width: 100%;} .wizard:after, .wizard:before, .tabcontrol:after, .tabcontrol:before, .wizard > .steps:after, .wizard > .steps:before, .wizard > .content:after, .wizard > .content:before{display: table; content: ""; line-height: 0;} .wizard:after, .tabcontrol:after, .wizard > .steps:after, .wizard > .content:after{clear: both;} .wizard a, .tabcontrol a{outline: 0;} .wizard ul, .tabcontrol ul{list-style: none !important; padding: 0; margin: 0;} .wizard ul > li, .tabcontrol ul > li{display: block; padding: 0;} .wizard > .steps .current-info, .tabcontrol > .steps .current-info{position: absolute; left: -999em;} .wizard > .content > .title, .tabcontrol > .content > .title{position: absolute; left: -999em;} .wizard > .steps{position: relative; overflow:hidden; display: block; width: 100%;} .wizard.vertical > .steps{display: inline; float: left; width: 30%;} .wizard > .steps .number{font-size: 1.429em;} .wizard > .steps > ul > li{width: 25%;} .wizard > .steps > ul > li, .wizard > .actions > ul > li{float: left;} .wizard.vertical > .steps > ul > li{float: none; width: 100%;} .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active{background:#ECEDEE; cursor: default; color: #aaa;} .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{background: #2184be; cursor: default; color: #fff;} .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active{background: #9dc8e2; color: #fff;} .wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active{background: #ff3111; color: #fff;} .wizard > .content{display: block; margin:0; min-height:7em; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; width: auto;} .wizard.vertical > .content{float: left; margin: 0 2.5% 0.5em 2.5%; display: inline; width: 65%;} .wizard > .content > .body{float: left; position: relative; width: 100%; height: 100%; padding:10px 8px; padding-right:10px;} .wizard > .content > .body ul{list-style: disc !important;} .wizard > .content > .body ul > li{display: list-item;} .wizard > .content > .body > iframe{border: 0 none; width: 100%; height: 100%;} .wizard > .actions{position: relative; display: block; text-align: right; width: 100%;} .wizard.vertical > .actions{display: inline; float: right; margin: 0 2.5%; width: 95%;} .wizard > .actions > ul{display: inline-block; text-align: right;} .wizard > .actions > ul > li{margin: 0 0.5em;} .wizard.vertical > .actions > ul > li{margin: 0 0 0 1em;} .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{background: #2184be; color: #fff; display: block; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active{background: #fff; cursor: default; color: #fff;} .wizard > .actions > ul > li.disabled{display: none;} .wizard > .loading{} .wizard > .loading .spinner{} .tabcontrol > .steps{position: relative; display: block; width: 100%;} .tabcontrol > .steps > ul{position: relative; margin: 6px 0 0 0; z-index: 1; top: 1px;} .tabcontrol > .steps > ul > li{float: left; padding: 1px; margin: 5px 2px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .tabcontrol > .steps > ul > li:hover{background: #edecec; border: 1px solid #bbb; padding: 0;} .tabcontrol > .steps > ul > li.current{background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0;} .tabcontrol > .steps > ul > li > a{color: #5f5f5f; padding: 10px 30px; display: inline-block; text-decoration: none; border: 0 none; margin: 0;} .tabcontrol > .steps > ul > li > a:hover{text-decoration: none;} .tabcontrol > .steps > ul > li.current > a{padding: 15px 30px 10px 30px;} .tabcontrol > .content{position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px;} .tabcontrol > .content > .body{float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%;} .tabcontrol > .content > .body ul{list-style: disc !important;} .tabcontrol > .content > .body ul > li{display: list-item;} .wizard fieldset, .tabcontrol fieldset{border:0; position: relative; display:block; z-index:1;} .smart-steps .wizard > .content > .body{padding:0; padding-right:4px;} .smart-steps .wizard fieldset, .smart-steps .tabcontrol fieldset{border:0; position:relative; z-index:1; display:block;} .smart-steps .wizard > .steps{position:relative;} .smart-steps .wizard > .steps a, .smart-steps .wizard > .steps a:hover, .smart-steps .wizard > .steps a:active{margin: 0; margin: 0 0 0.8em; text-align:center;} .smart-steps .wizard > .steps a, .smart-steps .wizard > .steps a:hover, .smart-steps .wizard > .steps a:active{height:54px; line-height:54px; padding:0 1em; padding-left:2em;} .smart-steps .wizard > .steps a{position: relative; font-family: 'Open Sans', sans-serif; font-size:16px;} .smart-steps .wizard > .steps a:before{content:''; width: 40px; height: 40px; position: absolute; right: -16px; -webkit-border-radius: 5px 2px 5px 0; -moz-border-radius: 5px 2px 5px 0; -o-border-radius: 5px 2px 5px 0; border-radius: 5px 2px 5px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit; border-color: inherit; border: none; top: 7px; z-index:1;} .smart-steps .wizard > .steps a:after{content: ""; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 28px solid #fff; position: absolute; left: 0; top: -1px;} .smart-steps .wizard > .steps li:first-child a:after, .smart-steps .wizard > .steps li:last-child a:before{display: none;} .smart-steps .wizard.vertical > .steps{overflow:visible;} .smart-steps .wizard.vertical > .steps li:last-child a:before{display:block;} .smart-steps .wizard.vertical > .steps a:after, .smart-steps .wizard.vertical > .steps a:before, .smart-steps .wizard.vertical > .steps li:last-child a:before{display:none;} .smart-steps .wizard.vertical > .steps .current a:before, .smart-steps .wizard.vertical > .steps .current:last-child a:before{display:block;} .smart-steps .wizard.vertical > .steps a, .smart-steps .wizard.vertical > .steps a:hover, .smart-steps .wizard.vertical > .steps a:active{padding-left:1em;} .smart-steps .wizard.vertical > .content{padding-left:20px;} .smart-steps .wizard.vertical > .content{margin: 0; padding:0 2px 20px 30px; width: 70%;} .smart-steps form{padding-bottom:10px;} .smart-steps .wizard > .steps{position:relative; z-index:99;} .smart-steps .xsteps{position:relative; z-index:2;} .smart-steps .wizard > .steps .number{display:none;} .smart-container .step-group{padding-right:5px;} .server-response{margin-bottom:10px;} .smart-steps .wizard.vertical > .content .step-group{padding-right:0;} .smart-container{position:relative; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} .steps-progress .wizard > .steps{overflow:visible; padding-bottom:20px;} .steps-progress .wizard > .steps li:before{content:''; display: inline-block; position:absolute; height:5px; width:100%; bottom:14px;} .steps-progress .wizard > .steps .disabled:before{background:#ECEDEE;} .steps-progress .wizard > .steps .current:before{background: #2184be;} .steps-progress .wizard > .steps .done:before{background: #9dc8e2;} .steps-progress .wizard > .steps .error:before{background: #ff3111;} .steps-progress .wizard > .steps .number{font-size:11px; display: block; position:absolute; line-height:22px; font-weight:bold; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; height:24px; width:24px; top:57px; left:25%;} .steps-progress .wizard > .steps .disabled .number{background:#ECEDEE;} .steps-progress .wizard > .steps .current .number{background:#2184be;} .steps-progress .wizard > .steps .done .number{background:#9dc8e2;} .steps-progress .wizard > .steps .error .number{background:#ff3111;} .smartform-box{background:#ECEDEE;} .stp-six .wizard > .steps > ul > li{width: 16.66%;} .stp-five .wizard > .steps > ul > li{width: 20%;} .stp-four .wizard > .steps > ul > li{width: 25%;} .stp-three .wizard > .steps > ul > li{width: 33.33%;} .stp-two .wizard > .steps > ul > li{width: 50%;} .steps-theme-primary .wizard > .actions a, .steps-theme-primary .wizard > .actions a:hover, .steps-theme-primary .wizard > .actions a:active, .steps-theme-primary .wizard > .steps .current a, .steps-theme-primary .wizard > .steps .current a:hover, .steps-theme-primary .wizard > .steps .current a:active, .steps-theme-primary .wizard > .steps .current:before, .steps-theme-primary .wizard > .steps .current .number{background: #4ebd4a; color: #fff;} .steps-theme-primary .wizard > .steps .done a, .steps-theme-primary .wizard > .steps .done a:hover, .steps-theme-primary .wizard > .steps .done a:active, .steps-theme-primary .wizard > .steps .done:before, .steps-theme-primary .wizard > .steps .done .number{background: #83D181; color: #fff;} .steps-theme-black .wizard > .actions a, .steps-theme-black .wizard > .actions a:hover, .steps-theme-black .wizard > .actions a:active, .steps-theme-black .wizard > .steps .current a, .steps-theme-black .wizard > .steps .current a:hover, .steps-theme-black .wizard > .steps .current a:active, .steps-theme-black .wizard > .steps .current:before, .steps-theme-black .wizard > .steps .current .number{background: #505558; color: #fff;} .steps-theme-black .wizard > .steps .done a, .steps-theme-black .wizard > .steps .done a:hover, .steps-theme-black .wizard > .steps .done a:active, .steps-theme-black .wizard > .steps .done:before, .steps-theme-black .wizard > .steps .done .number{background: #80898C; color: #fff;} .steps-theme-blue .wizard > .actions a, .steps-theme-blue .wizard > .actions a:hover, .steps-theme-blue .wizard > .actions a:active, .steps-theme-blue .wizard > .steps .current a, .steps-theme-blue .wizard > .steps .current a:hover, .steps-theme-blue .wizard > .steps .current a:active, .steps-theme-blue .wizard > .steps .current:before, .steps-theme-blue .wizard > .steps .current .number{background: #00acee; color: #fff;} .steps-theme-blue .wizard > .steps .done a, .steps-theme-blue .wizard > .steps .done a:hover, .steps-theme-blue .wizard > .steps .done a:active, .steps-theme-blue .wizard > .steps .done:before, .steps-theme-blue .wizard > .steps .done .number{background: #53CFFF; color: #fff;} .steps-theme-green .wizard > .actions a, .steps-theme-green .wizard > .actions a:hover, .steps-theme-green .wizard > .actions a:active, .steps-theme-green .wizard > .steps .current a, .steps-theme-green .wizard > .steps .current a:hover, .steps-theme-green .wizard > .steps .current a:active, .steps-theme-green .wizard > .steps .current:before, .steps-theme-green .wizard > .steps .current .number{background: #0E993C; color: #fff;} .steps-theme-green .wizard > .steps .done a, .steps-theme-green .wizard > .steps .done a:hover, .steps-theme-green .wizard > .steps .done a:active, .steps-theme-green .wizard > .steps .done:before, .steps-theme-green .wizard > .steps .done .number{background: #0FC654; color: #fff;} .steps-theme-purple .wizard > .actions a, .steps-theme-purple .wizard > .actions a:hover, .steps-theme-purple .wizard > .actions a:active, .steps-theme-purple .wizard > .steps .current a, .steps-theme-purple .wizard > .steps .current a:hover, .steps-theme-purple .wizard > .steps .current a:active, .steps-theme-purple .wizard > .steps .current:before, .steps-theme-purple .wizard > .steps .current .number{background: #9464e2; color: #fff;} .steps-theme-purple .wizard > .steps .done a, .steps-theme-purple .wizard > .steps .done a:hover, .steps-theme-purple .wizard > .steps .done a:active, .steps-theme-purple .wizard > .steps .done:before, .steps-theme-purple .wizard > .steps .done .number{background: #BB9BEC; color: #fff;} .steps-theme-red .wizard > .actions a, .steps-theme-red .wizard > .actions a:hover, .steps-theme-red .wizard > .actions a:active, .steps-theme-red .wizard > .steps .current a, .steps-theme-red .wizard > .steps .current a:hover, .steps-theme-red .wizard > .steps .current a:active, .steps-theme-red .wizard > .steps .current:before, .steps-theme-red .wizard > .steps .current .number{background: #ee4f3d; color: #fff;} .steps-theme-red .wizard > .steps .done a, .steps-theme-red .wizard > .steps .done a:hover, .steps-theme-red .wizard > .steps .done a:active, .steps-theme-red .wizard > .steps .done:before, .steps-theme-red .wizard > .steps .done .number{background: #F27D71; color: #fff;} .steps-theme-yellow .wizard > .actions a, .steps-theme-yellow .wizard > .actions a:hover, .steps-theme-yellow .wizard > .actions a:active, .steps-theme-yellow .wizard > .steps .current a, .steps-theme-yellow .wizard > .steps .current a:hover, .steps-theme-yellow .wizard > .steps .current a:active, .steps-theme-yellow .wizard > .steps .current:before, .steps-theme-yellow .wizard > .steps .current .number{background: #faa226; color: #fff;} .steps-theme-yellow .wizard > .steps .done a, .steps-theme-yellow .wizard > .steps .done a:hover, .steps-theme-yellow .wizard > .steps .done a:active, .steps-theme-yellow .wizard > .steps .done:before, .steps-theme-yellow .wizard > .steps .done .number{background:#F2B96A; color: #fff;} .steps-theme-red .wizard > .steps .error a, .steps-theme-red .wizard > .steps .error a:hover, .steps-theme-red .wizard > .steps .error a:active, .steps-theme-red .wizard > .steps .error:before, .steps-theme-red .wizard > .steps .error .number, .steps-theme-blue .wizard > .steps .error a, .steps-theme-blue .wizard > .steps .error a:hover, .steps-theme-blue .wizard > .steps .error a:active, .steps-theme-blue .wizard > .steps .error:before, .steps-theme-blue .wizard > .steps .error .number, .steps-theme-green .wizard > .steps .error a, .steps-theme-green .wizard > .steps .error a:hover, .steps-theme-green .wizard > .steps .error a:active, .steps-theme-green .wizard > .steps .error:before, .steps-theme-green .wizard > .steps .error .number, .steps-theme-black .wizard > .steps .error a, .steps-theme-black .wizard > .steps .error a:hover, .steps-theme-black .wizard > .steps .error a:active, .steps-theme-black .wizard > .steps .error:before, .steps-theme-black .wizard > .steps .error .number, .steps-theme-purple .wizard > .steps .error a, .steps-theme-purple .wizard > .steps .error a:hover, .steps-theme-purple .wizard > .steps .error a:active, .steps-theme-purple .wizard > .steps .error:before, .steps-theme-purple .wizard > .steps .error .number, .steps-theme-yellow .wizard > .steps .error a, .steps-theme-yellow .wizard > .steps .error a:hover, .steps-theme-yellow .wizard > .steps .error a:active, .steps-theme-yellow .wizard > .steps .error:before, .steps-theme-yellow .wizard > .steps .error .number, .steps-theme-primary .wizard > .steps .error a, .steps-theme-primary .wizard > .steps .error a:hover, .steps-theme-primary .wizard > .steps .error a:active, .steps-theme-primary .wizard > .steps .error:before, .steps-theme-primary .wizard > .steps .error .number{background: #ff3111; color: #fff;} ::-ms-reveal, ::-ms-clear{display: none !important;} .hideShowPassword-toggle{background-color: transparent; background-image: url('/odoocms_admission_online/static/css/css-img/wink.png'); background-image: url('/odoocms_admission_online/static/css/css-img/wink.svg'), none; background-position: 0 center; background-repeat: no-repeat; border: 2px solid transparent; border-radius: 0.25em; cursor: pointer; font-size: 100%; height: 44px; margin: 0; max-height: 100%; padding: 0; overflow: 'hidden'; text-indent: -999em; width: 46px; -moz-appearance: none; -webkit-appearance: none;} .hideShowPassword-toggle-hide{background-position: -44px center;} .hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus{border-color: #0088cc; outline: transparent;} .my-toggle{background: transparent; display:inline-block; border: 0; border-radius: 0.25em; color: #888; cursor: pointer; font-size: 11px; font-weight: bold; margin-right:10px; padding:10px; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; right:7px!important; height:30px; line-height:0;} .my-toggle:hover, .my-toggle:focus{background-color: #eee; outline: transparent; color: #555;} .hideShowPassword-toggle, .my-toggle{z-index: 3;} .select2-container{box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle;} .select2-container .select2-selection--single{box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none;} .select2-container .select2-selection--single .select2-selection__rendered{display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .select2-container .select2-selection--single .select2-selection__clear{position: relative;} .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right: 8px; padding-left: 20px;} .select2-container .select2-selection--multiple{box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none;} .select2-container .select2-selection--multiple .select2-selection__rendered{display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap;} .select2-container .select2-search--inline{float: left;} .select2-container .select2-search--inline .select2-search__field{box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0;} .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance: none;} .select2-dropdown{background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051;} .select2-results{display: block;} .select2-results__options{list-style: none; margin: 0; padding: 0;} .select2-results__option{padding: 6px; user-select: none; -webkit-user-select: none;} .select2-results__option[aria-selected]{cursor: pointer;} .select2-container--open .select2-dropdown{left: 0;} .select2-container--open .select2-dropdown--above{border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .select2-container--open .select2-dropdown--below{border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;} .select2-search--dropdown{display: block; padding: 4px;} .select2-search--dropdown .select2-search__field{padding: 4px; width: 100%; box-sizing: border-box;} .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance: none;} .select2-search--dropdown.select2-search--hide{display: none;} .select2-close-mask{border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0);} .select2-hidden-accessible{border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important;} .select2-container--default .select2-selection--single{background-color: #fff; border: 1px solid #aaa; border-radius: 4px;} .select2-container--default .select2-selection--single .select2-selection__rendered{color: #444; line-height: 28px;} .select2-container--default .select2-selection--single .select2-selection__clear{cursor: pointer; float: right; font-weight: bold;} .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #999;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 26px; position: absolute; top: 1px; right: 1px; width: 20px;} .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0;} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float: left;} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left: 1px; right: auto;} .select2-container--default.select2-container--disabled .select2-selection--single{background-color: #eee; cursor: default;} .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display: none;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px;} .select2-container--default .select2-selection--multiple{background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%;} .select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style: none;} .select2-container--default .select2-selection--multiple .select2-selection__placeholder{color: #999; margin-top: 5px; float: left;} .select2-container--default .select2-selection--multiple .select2-selection__clear{cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #333;} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float: right;} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left: 5px; margin-right: auto;} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left: 2px; margin-right: auto;} .select2-container--default.select2-container--focus .select2-selection--multiple{border: solid black 1px; outline: 0;} .select2-container--default.select2-container--disabled .select2-selection--multiple{background-color: #eee; cursor: default;} .select2-container--default.select2-container--disabled .select2-selection__choice__remove{display: none;} .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius: 0; border-top-right-radius: 0;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #aaa;} .select2-container--default .select2-search--inline .select2-search__field{background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield;} .select2-container--default .select2-results > .select2-results__options{max-height: 200px; overflow-y: auto;} .select2-container--default .select2-results__option[role=group]{padding: 0;} .select2-container--default .select2-results__option[aria-disabled=true]{color: #999;} .select2-container--default .select2-results__option[aria-selected=true]{background-color: #ddd;} .select2-container--default .select2-results__option .select2-results__option{padding-left: 1em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left: 0;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left: -1em; padding-left: 2em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left: -2em; padding-left: 3em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left: -3em; padding-left: 4em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left: -4em; padding-left: 5em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left: -5em; padding-left: 6em;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #5897fb; color: white;} .select2-container--default .select2-results__group{cursor: default; display: block; padding: 6px;} .select2-container--classic .select2-selection--single{background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);} .select2-container--classic .select2-selection--single:focus{border: 1px solid #5897fb;} .select2-container--classic .select2-selection--single .select2-selection__rendered{color: #444; line-height: 28px;} .select2-container--classic .select2-selection--single .select2-selection__clear{cursor: pointer; float: right; font-weight: bold; margin-right: 10px;} .select2-container--classic .select2-selection--single .select2-selection__placeholder{color: #999;} .select2-container--classic .select2-selection--single .select2-selection__arrow{background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);} .select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0;} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float: left;} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto;} .select2-container--classic.select2-container--open .select2-selection--single{border: 1px solid #5897fb;} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background: transparent; border: none;} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px;} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);} .select2-container--classic .select2-selection--multiple{background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0;} .select2-container--classic .select2-selection--multiple:focus{border: 1px solid #5897fb;} .select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style: none; margin: 0; padding: 0 5px;} .select2-container--classic .select2-selection--multiple .select2-selection__clear{display: none;} .select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px;} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px;} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color: #555;} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float: right;} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left: 5px; margin-right: auto;} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left: 2px; margin-right: auto;} .select2-container--classic.select2-container--open .select2-selection--multiple{border: 1px solid #5897fb;} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .select2-container--classic .select2-search--dropdown .select2-search__field{border: 1px solid #aaa; outline: 0;} .select2-container--classic .select2-search--inline .select2-search__field{outline: 0; box-shadow: none;} .select2-container--classic .select2-dropdown{background-color: white; border: 1px solid transparent;} .select2-container--classic .select2-dropdown--above{border-bottom: none;} .select2-container--classic .select2-dropdown--below{border-top: none;} .select2-container--classic .select2-results > .select2-results__options{max-height: 200px; overflow-y: auto;} .select2-container--classic .select2-results__option[role=group]{padding: 0;} .select2-container--classic .select2-results__option[aria-disabled=true]{color: grey;} .select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color: #3875d7; color: white;} .select2-container--classic .select2-results__group{cursor: default; display: block; padding: 6px;} .select2-container--classic.select2-container--open .select2-dropdown{border-color: #5897fb;} .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;} .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px; right: 6px;} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left: 6px;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 10px; padding-right: 26px;} .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:10px; padding-left: 26px;} .select2-container .select2-selection--multiple{min-height:42px;} .select2-dropdown, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{border-radius:0;} .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice{border: 1px solid #CFCFCF;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin: 0; padding:5px 10px;} .select2-results__option{font-family: "Roboto", Arial, Helvetica, sans-serif;} .smart-select2{width:100%!important;} @-webkit-keyframes passing-through{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%, 70%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}100%{opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);}} @-moz-keyframes passing-through{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%, 70%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}100%{opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);}} @keyframes passing-through{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%, 70%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}100%{opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);}} @-webkit-keyframes slide-in{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}} @-moz-keyframes slide-in{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}} @keyframes slide-in{0%{opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px);}30%{opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}} @-webkit-keyframes pulse{0%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}10%{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}20%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-moz-keyframes pulse{0%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}10%{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}20%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes pulse{0%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}10%{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}20%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .dropzone, .dropzone *{box-sizing: border-box;} .dropzone{background: white; min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); padding: 20px 20px;} .dropzone.dz-clickable{cursor: pointer;} .dropzone.dz-clickable *{cursor: default;} .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{cursor: pointer;} .dropzone.dz-started .dz-message{display: none;} .dropzone.dz-drag-hover{border-style: solid;} .dropzone.dz-drag-hover .dz-message{opacity: 0.5;} .dropzone .dz-message{text-align: center; margin: 2em 0;} .dropzone .dz-preview{position: relative; display: inline-block; vertical-align: top; min-height: 100px; margin: 16px;} .dropzone .dz-preview:hover{z-index: 1000;} .dropzone .dz-preview:hover .dz-details{opacity: 1;} .dropzone .dz-preview.dz-file-preview .dz-image{border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd);} .dropzone .dz-preview.dz-file-preview .dz-details{opacity: 1;} .dropzone .dz-preview.dz-image-preview{background: white;} .dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .dropzone .dz-preview .dz-remove{font-size: 14px; text-align: center; display: block; cursor: pointer; border: none;} .dropzone .dz-preview .dz-remove:hover{text-decoration: underline;} .dropzone .dz-preview:hover .dz-details{opacity: 1;} .dropzone .dz-preview .dz-details{z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%;} .dropzone .dz-preview .dz-details .dz-size{margin-bottom: 1em; font-size: 16px;} .dropzone .dz-preview .dz-details .dz-filename{white-space: nowrap;} .dropzone .dz-preview .dz-details .dz-filename:hover span{border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8);} .dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow: hidden; text-overflow: ellipsis;} .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border: 1px solid transparent;} .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span{background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px;} .dropzone .dz-preview:hover .dz-image img{-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px);} .dropzone .dz-preview .dz-image{border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10;} .dropzone .dz-preview .dz-image img{display: block;} .dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);} .dropzone .dz-preview.dz-error .dz-error-mark{opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);} .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px;} .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg{display: block; width: 54px; height: 54px;} .dropzone .dz-preview.dz-processing .dz-progress{opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .dropzone .dz-preview.dz-complete .dz-progress{opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in;} .dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite;} .dropzone .dz-preview .dz-progress{opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden;} .dropzone .dz-preview .dz-progress .dz-upload{width:0; position:absolute; background: #333; background: linear-gradient(to bottom, #666, #444); -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; bottom: 0; left: 0; top: 0;} .dropzone .dz-preview.dz-error .dz-error-message{display: block;} .dropzone .dz-preview.dz-error:hover .dz-error-message{opacity: 1; pointer-events: auto;} .dropzone .dz-preview .dz-error-message{pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white;} .dropzone .dz-preview .dz-error-message:after{content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626;} .dropzone{display: block; padding:40px 0; min-height:150px; background: #F5F5F5; border: 2px dashed #CFCFCF; border-radius: 0; text-align: center; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} .dropzone .dz-preview{background:#fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); padding:5px;} .dropzone .dz-preview .dz-image, .dropzone .dz-preview .dz-progress, .dropzone .dz-preview.dz-file-preview .dz-image{border-radius:0;} .dropzone .dz-preview.dz-file-preview .dz-image{background:#eee;} .dropzone .dz-preview .dz-progress .dz-upload{background: #4EBD4A;} .dropzone .dz-preview .dz-progress{opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 10px; left:5px; top:auto; bottom:5px; width:120px; margin-top:0; margin-left:0; background: rgba(255, 255, 255, 0.4); -webkit-transform: scale(1); overflow: hidden;} .dropzone .dz-preview .dz-remove{display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius:32px; background-color: #fff; transition: all 0.3s ease; text-decoration:none; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; color: #666; font-size:14px; z-index:9999; right:-8px; top:-8px; outline: 0;} .dropzone .dz-preview .dz-remove:hover{text-decoration: none;} .dropzone .dz-clicker span{display: inline-block; background: #4EBD4A; padding: 11px 20px; border-radius: 4px; color: #fff; text-align: center; pointer-events:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: bold; vertical-align: top; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;} .dropzone .dz-clicker:hover span, .dropzone .dz-clicker:active span{background: #3C9B39;} .dropzone .dz-drop-title{font-weight:400; padding-bottom:0; margin:0;} .dropzone .dz-clicker, .dropzone .dz-drop-title{pointer-events:none;} .dz-attachment-er p{display: block; margin-top:6px; padding: 0 3px; font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-size: 0.85em; color: #DE888A;} .dropzone.dz-attachment-n{border-color: #DE888A;} .dropzone-container .alert{display:none!important;} .intl-tel-input{position: relative; display: inline-block;} .intl-tel-input *{box-sizing: border-box; -moz-box-sizing: border-box;} .intl-tel-input .hide{display: none;} .intl-tel-input .v-hide{visibility: hidden;} .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel]{position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0;} .intl-tel-input .flag-container{position: absolute; top: 0; bottom: 0; right: 0; padding: 1px;} .intl-tel-input .selected-flag{z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px;} .intl-tel-input .selected-flag .iti-flag{position: absolute; top: 0; bottom: 0; margin: auto;} .intl-tel-input .selected-flag .iti-arrow{position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555;} .intl-tel-input .selected-flag .iti-arrow.up{border-top: none; border-bottom: 4px solid #555;} .intl-tel-input .country-list{position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll;} .intl-tel-input .country-list.dropup{bottom: 100%; margin-bottom: -1px;} .intl-tel-input .country-list .flag-box{display: inline-block; width: 20px;} @media (max-width: 500px){.intl-tel-input .country-list{white-space: normal;}} .intl-tel-input .country-list .divider{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC;} .intl-tel-input .country-list .country{padding: 5px 10px;} .intl-tel-input .country-list .country .dial-code{color: #999;} .intl-tel-input .country-list .country.highlight{background-color: rgba(0, 0, 0, 0.05);} .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code{vertical-align: middle;} .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name{margin-right: 6px;} .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel]{padding-right: 6px; padding-left: 52px; margin-left: 0;} .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{right: auto; left: 0;} .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag{width: 46px;} .intl-tel-input.allow-dropdown .flag-container:hover{cursor: pointer;} .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color: rgba(0, 0, 0, 0.05);} .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover, .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor: default;} .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color: transparent;} .intl-tel-input.separate-dial-code .selected-flag{background-color: rgba(0, 0, 0, 0.05); display: table;} .intl-tel-input.separate-dial-code .selected-dial-code{display: table-cell; vertical-align: middle; padding-left: 28px;} .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left: 66px;} .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width: 60px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left: 76px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width: 70px;} .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left: 74px;} .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width: 68px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left: 84px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width: 78px;} .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left: 82px;} .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width: 76px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left: 92px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width: 86px;} .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left: 90px;} .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width: 84px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{padding-left: 100px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width: 94px;} .intl-tel-input.iti-container{position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px;} .intl-tel-input.iti-container:hover{cursor: pointer;} .iti-mobile .intl-tel-input.iti-container{top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed;} .iti-mobile .intl-tel-input .country-list{max-height: 100%; width: 100%;} .iti-mobile .intl-tel-input .country-list .country{padding: 10px 10px; line-height: 1.5em;} .iti-flag{width: 20px;} .iti-flag.be{width: 18px;} .iti-flag.ch{width: 15px;} .iti-flag.mc{width: 19px;} .iti-flag.ne{width: 18px;} .iti-flag.np{width: 13px;} .iti-flag.va{width: 15px;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size: 5630px 15px;}} .iti-flag.ac{height: 10px; background-position: 0px 0px;} .iti-flag.ad{height: 14px; background-position: -22px 0px;} .iti-flag.ae{height: 10px; background-position: -44px 0px;} .iti-flag.af{height: 14px; background-position: -66px 0px;} .iti-flag.ag{height: 14px; background-position: -88px 0px;} .iti-flag.ai{height: 10px; background-position: -110px 0px;} .iti-flag.al{height: 15px; background-position: -132px 0px;} .iti-flag.am{height: 10px; background-position: -154px 0px;} .iti-flag.ao{height: 14px; background-position: -176px 0px;} .iti-flag.aq{height: 14px; background-position: -198px 0px;} .iti-flag.ar{height: 13px; background-position: -220px 0px;} .iti-flag.as{height: 10px; background-position: -242px 0px;} .iti-flag.at{height: 14px; background-position: -264px 0px;} .iti-flag.au{height: 10px; background-position: -286px 0px;} .iti-flag.aw{height: 14px; background-position: -308px 0px;} .iti-flag.ax{height: 13px; background-position: -330px 0px;} .iti-flag.az{height: 10px; background-position: -352px 0px;} .iti-flag.ba{height: 10px; background-position: -374px 0px;} .iti-flag.bb{height: 14px; background-position: -396px 0px;} .iti-flag.bd{height: 12px; background-position: -418px 0px;} .iti-flag.be{height: 15px; background-position: -440px 0px;} .iti-flag.bf{height: 14px; background-position: -460px 0px;} .iti-flag.bg{height: 12px; background-position: -482px 0px;} .iti-flag.bh{height: 12px; background-position: -504px 0px;} .iti-flag.bi{height: 12px; background-position: -526px 0px;} .iti-flag.bj{height: 14px; background-position: -548px 0px;} .iti-flag.bl{height: 14px; background-position: -570px 0px;} .iti-flag.bm{height: 10px; background-position: -592px 0px;} .iti-flag.bn{height: 10px; background-position: -614px 0px;} .iti-flag.bo{height: 14px; background-position: -636px 0px;} .iti-flag.bq{height: 14px; background-position: -658px 0px;} .iti-flag.br{height: 14px; background-position: -680px 0px;} .iti-flag.bs{height: 10px; background-position: -702px 0px;} .iti-flag.bt{height: 14px; background-position: -724px 0px;} .iti-flag.bv{height: 15px; background-position: -746px 0px;} .iti-flag.bw{height: 14px; background-position: -768px 0px;} .iti-flag.by{height: 10px; background-position: -790px 0px;} .iti-flag.bz{height: 14px; background-position: -812px 0px;} .iti-flag.ca{height: 10px; background-position: -834px 0px;} .iti-flag.cc{height: 10px; background-position: -856px 0px;} .iti-flag.cd{height: 15px; background-position: -878px 0px;} .iti-flag.cf{height: 14px; background-position: -900px 0px;} .iti-flag.cg{height: 14px; background-position: -922px 0px;} .iti-flag.ch{height: 15px; background-position: -944px 0px;} .iti-flag.ci{height: 14px; background-position: -961px 0px;} .iti-flag.ck{height: 10px; background-position: -983px 0px;} .iti-flag.cl{height: 14px; background-position: -1005px 0px;} .iti-flag.cm{height: 14px; background-position: -1027px 0px;} .iti-flag.cn{height: 14px; background-position: -1049px 0px;} .iti-flag.co{height: 14px; background-position: -1071px 0px;} .iti-flag.cp{height: 14px; background-position: -1093px 0px;} .iti-flag.cr{height: 12px; background-position: -1115px 0px;} .iti-flag.cu{height: 10px; background-position: -1137px 0px;} .iti-flag.cv{height: 12px; background-position: -1159px 0px;} .iti-flag.cw{height: 14px; background-position: -1181px 0px;} .iti-flag.cx{height: 10px; background-position: -1203px 0px;} .iti-flag.cy{height: 13px; background-position: -1225px 0px;} .iti-flag.cz{height: 14px; background-position: -1247px 0px;} .iti-flag.de{height: 12px; background-position: -1269px 0px;} .iti-flag.dg{height: 10px; background-position: -1291px 0px;} .iti-flag.dj{height: 14px; background-position: -1313px 0px;} .iti-flag.dk{height: 15px; background-position: -1335px 0px;} .iti-flag.dm{height: 10px; background-position: -1357px 0px;} .iti-flag.do{height: 13px; background-position: -1379px 0px;} .iti-flag.dz{height: 14px; background-position: -1401px 0px;} .iti-flag.ea{height: 14px; background-position: -1423px 0px;} .iti-flag.ec{height: 14px; background-position: -1445px 0px;} .iti-flag.ee{height: 13px; background-position: -1467px 0px;} .iti-flag.eg{height: 14px; background-position: -1489px 0px;} .iti-flag.eh{height: 10px; background-position: -1511px 0px;} .iti-flag.er{height: 10px; background-position: -1533px 0px;} .iti-flag.es{height: 14px; background-position: -1555px 0px;} .iti-flag.et{height: 10px; background-position: -1577px 0px;} .iti-flag.eu{height: 14px; background-position: -1599px 0px;} .iti-flag.fi{height: 12px; background-position: -1621px 0px;} .iti-flag.fj{height: 10px; background-position: -1643px 0px;} .iti-flag.fk{height: 10px; background-position: -1665px 0px;} .iti-flag.fm{height: 11px; background-position: -1687px 0px;} .iti-flag.fo{height: 15px; background-position: -1709px 0px;} .iti-flag.fr{height: 14px; background-position: -1731px 0px;} .iti-flag.ga{height: 15px; background-position: -1753px 0px;} .iti-flag.gb{height: 10px; background-position: -1775px 0px;} .iti-flag.gd{height: 12px; background-position: -1797px 0px;} .iti-flag.ge{height: 14px; background-position: -1819px 0px;} .iti-flag.gf{height: 14px; background-position: -1841px 0px;} .iti-flag.gg{height: 14px; background-position: -1863px 0px;} .iti-flag.gh{height: 14px; background-position: -1885px 0px;} .iti-flag.gi{height: 10px; background-position: -1907px 0px;} .iti-flag.gl{height: 14px; background-position: -1929px 0px;} .iti-flag.gm{height: 14px; background-position: -1951px 0px;} .iti-flag.gn{height: 14px; background-position: -1973px 0px;} .iti-flag.gp{height: 14px; background-position: -1995px 0px;} .iti-flag.gq{height: 14px; background-position: -2017px 0px;} .iti-flag.gr{height: 14px; background-position: -2039px 0px;} .iti-flag.gs{height: 10px; background-position: -2061px 0px;} .iti-flag.gt{height: 13px; background-position: -2083px 0px;} .iti-flag.gu{height: 11px; background-position: -2105px 0px;} .iti-flag.gw{height: 10px; background-position: -2127px 0px;} .iti-flag.gy{height: 12px; background-position: -2149px 0px;} .iti-flag.hk{height: 14px; background-position: -2171px 0px;} .iti-flag.hm{height: 10px; background-position: -2193px 0px;} .iti-flag.hn{height: 10px; background-position: -2215px 0px;} .iti-flag.hr{height: 10px; background-position: -2237px 0px;} .iti-flag.ht{height: 12px; background-position: -2259px 0px;} .iti-flag.hu{height: 10px; background-position: -2281px 0px;} .iti-flag.ic{height: 14px; background-position: -2303px 0px;} .iti-flag.id{height: 14px; background-position: -2325px 0px;} .iti-flag.ie{height: 10px; background-position: -2347px 0px;} .iti-flag.il{height: 15px; background-position: -2369px 0px;} .iti-flag.im{height: 10px; background-position: -2391px 0px;} .iti-flag.in{height: 14px; background-position: -2413px 0px;} .iti-flag.io{height: 10px; background-position: -2435px 0px;} .iti-flag.iq{height: 14px; background-position: -2457px 0px;} .iti-flag.ir{height: 12px; background-position: -2479px 0px;} .iti-flag.is{height: 15px; background-position: -2501px 0px;} .iti-flag.it{height: 14px; background-position: -2523px 0px;} .iti-flag.je{height: 12px; background-position: -2545px 0px;} .iti-flag.jm{height: 10px; background-position: -2567px 0px;} .iti-flag.jo{height: 10px; background-position: -2589px 0px;} .iti-flag.jp{height: 14px; background-position: -2611px 0px;} .iti-flag.ke{height: 14px; background-position: -2633px 0px;} .iti-flag.kg{height: 12px; background-position: -2655px 0px;} .iti-flag.kh{height: 13px; background-position: -2677px 0px;} .iti-flag.ki{height: 10px; background-position: -2699px 0px;} .iti-flag.km{height: 12px; background-position: -2721px 0px;} .iti-flag.kn{height: 14px; background-position: -2743px 0px;} .iti-flag.kp{height: 10px; background-position: -2765px 0px;} .iti-flag.kr{height: 14px; background-position: -2787px 0px;} .iti-flag.kw{height: 10px; background-position: -2809px 0px;} .iti-flag.ky{height: 10px; background-position: -2831px 0px;} .iti-flag.kz{height: 10px; background-position: -2853px 0px;} .iti-flag.la{height: 14px; background-position: -2875px 0px;} .iti-flag.lb{height: 14px; background-position: -2897px 0px;} .iti-flag.lc{height: 10px; background-position: -2919px 0px;} .iti-flag.li{height: 12px; background-position: -2941px 0px;} .iti-flag.lk{height: 10px; background-position: -2963px 0px;} .iti-flag.lr{height: 11px; background-position: -2985px 0px;} .iti-flag.ls{height: 14px; background-position: -3007px 0px;} .iti-flag.lt{height: 12px; background-position: -3029px 0px;} .iti-flag.lu{height: 12px; background-position: -3051px 0px;} .iti-flag.lv{height: 10px; background-position: -3073px 0px;} .iti-flag.ly{height: 10px; background-position: -3095px 0px;} .iti-flag.ma{height: 14px; background-position: -3117px 0px;} .iti-flag.mc{height: 15px; background-position: -3139px 0px;} .iti-flag.md{height: 10px; background-position: -3160px 0px;} .iti-flag.me{height: 10px; background-position: -3182px 0px;} .iti-flag.mf{height: 14px; background-position: -3204px 0px;} .iti-flag.mg{height: 14px; background-position: -3226px 0px;} .iti-flag.mh{height: 11px; background-position: -3248px 0px;} .iti-flag.mk{height: 10px; background-position: -3270px 0px;} .iti-flag.ml{height: 14px; background-position: -3292px 0px;} .iti-flag.mm{height: 14px; background-position: -3314px 0px;} .iti-flag.mn{height: 10px; background-position: -3336px 0px;} .iti-flag.mo{height: 14px; background-position: -3358px 0px;} .iti-flag.mp{height: 10px; background-position: -3380px 0px;} .iti-flag.mq{height: 14px; background-position: -3402px 0px;} .iti-flag.mr{height: 14px; background-position: -3424px 0px;} .iti-flag.ms{height: 10px; background-position: -3446px 0px;} .iti-flag.mt{height: 14px; background-position: -3468px 0px;} .iti-flag.mu{height: 14px; background-position: -3490px 0px;} .iti-flag.mv{height: 14px; background-position: -3512px 0px;} .iti-flag.mw{height: 14px; background-position: -3534px 0px;} .iti-flag.mx{height: 12px; background-position: -3556px 0px;} .iti-flag.my{height: 10px; background-position: -3578px 0px;} .iti-flag.mz{height: 14px; background-position: -3600px 0px;} .iti-flag.na{height: 14px; background-position: -3622px 0px;} .iti-flag.nc{height: 10px; background-position: -3644px 0px;} .iti-flag.ne{height: 15px; background-position: -3666px 0px;} .iti-flag.nf{height: 10px; background-position: -3686px 0px;} .iti-flag.ng{height: 10px; background-position: -3708px 0px;} .iti-flag.ni{height: 12px; background-position: -3730px 0px;} .iti-flag.nl{height: 14px; background-position: -3752px 0px;} .iti-flag.no{height: 15px; background-position: -3774px 0px;} .iti-flag.np{height: 15px; background-position: -3796px 0px;} .iti-flag.nr{height: 10px; background-position: -3811px 0px;} .iti-flag.nu{height: 10px; background-position: -3833px 0px;} .iti-flag.nz{height: 10px; background-position: -3855px 0px;} .iti-flag.om{height: 10px; background-position: -3877px 0px;} .iti-flag.pa{height: 14px; background-position: -3899px 0px;} .iti-flag.pe{height: 14px; background-position: -3921px 0px;} .iti-flag.pf{height: 14px; background-position: -3943px 0px;} .iti-flag.pg{height: 15px; background-position: -3965px 0px;} .iti-flag.ph{height: 10px; background-position: -3987px 0px;} .iti-flag.pk{height: 14px; background-position: -4009px 0px;} .iti-flag.pl{height: 13px; background-position: -4031px 0px;} .iti-flag.pm{height: 14px; background-position: -4053px 0px;} .iti-flag.pn{height: 10px; background-position: -4075px 0px;} .iti-flag.pr{height: 14px; background-position: -4097px 0px;} .iti-flag.ps{height: 10px; background-position: -4119px 0px;} .iti-flag.pt{height: 14px; background-position: -4141px 0px;} .iti-flag.pw{height: 13px; background-position: -4163px 0px;} .iti-flag.py{height: 11px; background-position: -4185px 0px;} .iti-flag.qa{height: 8px; background-position: -4207px 0px;} .iti-flag.re{height: 14px; background-position: -4229px 0px;} .iti-flag.ro{height: 14px; background-position: -4251px 0px;} .iti-flag.rs{height: 14px; background-position: -4273px 0px;} .iti-flag.ru{height: 14px; background-position: -4295px 0px;} .iti-flag.rw{height: 14px; background-position: -4317px 0px;} .iti-flag.sa{height: 14px; background-position: -4339px 0px;} .iti-flag.sb{height: 10px; background-position: -4361px 0px;} .iti-flag.sc{height: 10px; background-position: -4383px 0px;} .iti-flag.sd{height: 10px; background-position: -4405px 0px;} .iti-flag.se{height: 13px; background-position: -4427px 0px;} .iti-flag.sg{height: 14px; background-position: -4449px 0px;} .iti-flag.sh{height: 10px; background-position: -4471px 0px;} .iti-flag.si{height: 10px; background-position: -4493px 0px;} .iti-flag.sj{height: 15px; background-position: -4515px 0px;} .iti-flag.sk{height: 14px; background-position: -4537px 0px;} .iti-flag.sl{height: 14px; background-position: -4559px 0px;} .iti-flag.sm{height: 15px; background-position: -4581px 0px;} .iti-flag.sn{height: 14px; background-position: -4603px 0px;} .iti-flag.so{height: 14px; background-position: -4625px 0px;} .iti-flag.sr{height: 14px; background-position: -4647px 0px;} .iti-flag.ss{height: 10px; background-position: -4669px 0px;} .iti-flag.st{height: 10px; background-position: -4691px 0px;} .iti-flag.sv{height: 12px; background-position: -4713px 0px;} .iti-flag.sx{height: 14px; background-position: -4735px 0px;} .iti-flag.sy{height: 14px; background-position: -4757px 0px;} .iti-flag.sz{height: 14px; background-position: -4779px 0px;} .iti-flag.ta{height: 10px; background-position: -4801px 0px;} .iti-flag.tc{height: 10px; background-position: -4823px 0px;} .iti-flag.td{height: 14px; background-position: -4845px 0px;} .iti-flag.tf{height: 14px; background-position: -4867px 0px;} .iti-flag.tg{height: 13px; background-position: -4889px 0px;} .iti-flag.th{height: 14px; background-position: -4911px 0px;} .iti-flag.tj{height: 10px; background-position: -4933px 0px;} .iti-flag.tk{height: 10px; background-position: -4955px 0px;} .iti-flag.tl{height: 10px; background-position: -4977px 0px;} .iti-flag.tm{height: 14px; background-position: -4999px 0px;} .iti-flag.tn{height: 14px; background-position: -5021px 0px;} .iti-flag.to{height: 10px; background-position: -5043px 0px;} .iti-flag.tr{height: 14px; background-position: -5065px 0px;} .iti-flag.tt{height: 12px; background-position: -5087px 0px;} .iti-flag.tv{height: 10px; background-position: -5109px 0px;} .iti-flag.tw{height: 14px; background-position: -5131px 0px;} .iti-flag.tz{height: 14px; background-position: -5153px 0px;} .iti-flag.ua{height: 14px; background-position: -5175px 0px;} .iti-flag.ug{height: 14px; background-position: -5197px 0px;} .iti-flag.um{height: 11px; background-position: -5219px 0px;} .iti-flag.us{height: 11px; background-position: -5241px 0px;} .iti-flag.uy{height: 14px; background-position: -5263px 0px;} .iti-flag.uz{height: 10px; background-position: -5285px 0px;} .iti-flag.va{height: 15px; background-position: -5307px 0px;} .iti-flag.vc{height: 14px; background-position: -5324px 0px;} .iti-flag.ve{height: 14px; background-position: -5346px 0px;} .iti-flag.vg{height: 10px; background-position: -5368px 0px;} .iti-flag.vi{height: 14px; background-position: -5390px 0px;} .iti-flag.vn{height: 14px; background-position: -5412px 0px;} .iti-flag.vu{height: 12px; background-position: -5434px 0px;} .iti-flag.wf{height: 14px; background-position: -5456px 0px;} .iti-flag.ws{height: 10px; background-position: -5478px 0px;} .iti-flag.xk{height: 15px; background-position: -5500px 0px;} .iti-flag.ye{height: 14px; background-position: -5522px 0px;} .iti-flag.yt{height: 14px; background-position: -5544px 0px;} .iti-flag.za{height: 14px; background-position: -5566px 0px;} .iti-flag.zm{height: 14px; background-position: -5588px 0px;} .iti-flag.zw{height: 10px; background-position: -5610px 0px;} .iti-flag{width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/odoocms_admission_online/static/css/css-img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image: url("/odoocms_admission_online/static/css/css-img/flags@2x.png");}} .iti-flag.np{background-color: transparent;} .intl-tel-input{width: 100%;} .telSelect{z-index: 1!important;} .telErrorMsg, .telValidMsg{display: block; margin-top: 6px; padding: 0 3px; font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-size: 0.85em;} .telErrorMsg{color: #DE888A;} .telValidMsg{color: #00C900;} .gui-input.telErrorNum, .gui-input.telErrorNum:hover, .gui-input.telErrorNum:focus{background: #FEE9EA; border-color: #DE888A;} .gui-input.telErrorNum:focus{-webkit-box-shadow: 0px 0px 3px #DE888A inset; -moz-box-shadow: 0px 0px 3px #DE888A inset; -o-box-shadow: 0px 0px 3px #DE888A inset; box-shadow: 0px 0px 3px #DE888A inset;} .gui-input.telValidNum, .gui-input.telValidNum:hover, .gui-input.telValidNum:focus{background: #F0FEE9; border-color: #A5D491;} .gui-input.telValidNum:focus{-webkit-box-shadow: 0px 0px 3px #A5D491 inset; -moz-box-shadow: 0px 0px 3px #A5D491 inset; -o-box-shadow: 0px 0px 3px #A5D491 inset; box-shadow: 0px 0px 3px #A5D491 inset;} .intFormat{color: #DE888A;} .telHideMsg{display: none;} .smart-container{-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} @media (max-width: 800px){.wizard > .steps > ul > li{width: 100%;}.smart-steps .wizard > .steps > ul > li{width: 100%;}.smart-steps .wizard > .steps a:after, .smart-steps .wizard > .steps a:before{display:none!important;}.smart-steps .wizard.vertical > .steps{display: block; float: none; width: 100%;}.smart-steps .wizard.vertical > .content{display: block; float: none; width:100%; padding:0; margin:0; padding-right:5px;}.steps-progress .wizard > .steps{overflow:visible; padding-bottom:10px;}.steps-progress .wizard > .steps .number, .steps-progress .wizard > .steps li:before{display:none;}} @media (max-width: 400px){.smart-steps .wizard > .actions a, .smart-steps .wizard > .actions li, .smart-steps .wizard > .actions > ul{display:block;}.smart-steps .wizard > .actions a{margin-bottom:5px;}} 

/* /odoocms_admission_online/static/css/smart-themes/green.css defined in bundle 'web.assets_frontend' */
 .smart-forms .header-green{background-color:#0E993C; border-top:1px solid #10CD57; border-bottom:5px solid #0B792F;} .smart-forms .header-lite{border-top-color:#10CD57;} .smart-forms .header-lite:before{background-color:#0E993C;} .smart-forms .header-green h4{color:#fff;} .smart-forms .theme-green .tagline span{color:#0E993C;} .smart-forms .theme-green .smart-link{color:#0E993C;} .smart-forms .theme-green .gui-input:hover, .smart-forms .theme-green .gui-textarea:hover, .smart-forms .theme-green .select > select:hover, .smart-forms .theme-green .select-multiple select:hover, .smart-forms .theme-green .gui-input:hover ~ .input-hint, .smart-forms .theme-green .file .gui-file:hover + .gui-input, .smart-forms .theme-green .gui-textarea:hover ~ .input-hint{border-color: #0DB14B;} .smart-forms .theme-green .gui-input:focus, .smart-forms .theme-green .gui-textarea:focus, .smart-forms .theme-green .select > select:focus, .smart-forms .theme-green .select-multiple select:focus{border-color: #0E993C; -webkit-box-shadow:0px 0px 3px #0E993C inset; -moz-box-shadow:0px 0px 3px #0E993C inset; -o-box-shadow:0px 0px 3px #0E993C inset; box-shadow:0px 0px 3px #0E993C inset; color: #3C3C3C;} .smart-forms .theme-green .gui-textarea:focus{height: 120px;} .smart-forms .theme-green .select > select:focus{z-index:10; z-index:20\9;} .smart-forms .theme-green .gui-input:focus ~ .field-icon i, .smart-forms .theme-green .gui-textarea:focus ~ .field-icon i{color:#0E993C;} .smart-forms .theme-green .select-multiple select:focus, .smart-forms .theme-green .gui-input:focus ~ .input-hint, .smart-forms .theme-green .gui-textarea:focus ~ .input-hint, .smart-forms .theme-green .file .gui-file:focus + .gui-input{border-color: #0E993C;} .smart-forms .theme-green .select > select:focus + .arrow{color:#0E993C;} .smart-forms .theme-green .rating:hover .rating-star:hover, .smart-forms .theme-green .rating:hover .rating-star:hover ~ .rating-star, .smart-forms .theme-green .rating-input:checked ~ .rating-star{color: #0E993C;} .smart-forms .theme-green .rating-star, .smart-forms .theme-green .rating:hover .rating-star{color: #A2A6A8;} .smart-forms .option-green input:hover + .checkbox, .smart-forms .option-green input:hover + .radio{border-color: #0DB14B;} .smart-forms .option-green input:checked + .checkbox, .smart-forms .option-green input:focus + .checkbox, .smart-forms .option-green input:checked + .radio, .smart-forms .option-green input:focus + .radio{border-color: #0E993C;} .smart-forms .option-green input:checked + .radio:before, .smart-forms .option-green input:focus + .radio:before{background: #0E993C;} .smart-forms .option-green input:checked + .checkbox:before, .smart-forms .option-green input:focus + .checkbox:before{border-color: #0E993C;} .smart-forms .switch-green > input:checked + .switch-label{background: #0E993C; border-color: #0E993C;} .smart-forms .switch-green > input:checked + .switch-label:after{color:#0E993C;} .smart-forms .switch-green > input:checked:focus + .switch-label{background: #0B792F; border-color: #0B792F;} .smart-forms .option > input:checked + .smart-option{background:#0E993C;} .smart-forms .option > input:checked + .smart-option, .smart-forms input:checked + .smart-checkbox .iconc:before, .smart-forms .option > input:checked + .smart-option .iconc{border-color:#0B792F;} .smart-forms input:checked + .smart-radio .iconc:before{background:#0B792F;} .smart-forms .modern-switch input:checked + .switch-toggle{background:#0E993C;} .smart-forms .modern-switch input:checked + .switch-toggle::before{background:#095923;} .smart-forms .modern-ios input:checked + .switch-toggle::before{background: #fff;} .smart-forms .modern-switch:active input:checked + .switch-toggle::before, .smart-forms .modern-switch input:checked + .switch-toggle:active::before{-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(14,153,60,0.2); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(14,153,60,0.2); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(14,153,60,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(14,153,60,0.2);} .smart-forms .btn-green{background-color: #0E993C;} .smart-forms .btn-green:hover, .smart-forms .btn-green:focus{background-color: #0DB14B;} .smart-forms .btn-green:active{background-color: #0B792F;} .smart-forms .btn-green, .smart-forms .btn-green:hover, .smart-forms .btn-green:focus, .smart-forms .btn-green:active{color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-title{color:#0E993C;} .ui-monthpicker .ui-datepicker-today a, .ui-monthpicker .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-current-day a{background:#0E993C!important;} .smart-forms .theme-green .selected-box h4{color:#0E993C;} .smart-forms .ribbon-inner{background:#0E993C;} .smart-forms .ribbon-inner:before, .smart-forms .ribbon-inner:after{border-top-color:#0B792F;} 

/* /odoocms_admission_online/static/css/font-awesome.min.css defined in bundle 'web.assets_frontend' */
@font-face{font-family:'FontAwesome';src:url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');src:url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/odoocms_admission_online/static/css/../fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)} .fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:"\f000"} .fa-music:before{content:"\f001"} .fa-search:before{content:"\f002"} .fa-envelope-o:before{content:"\f003"} .fa-heart:before{content:"\f004"} .fa-star:before{content:"\f005"} .fa-star-o:before{content:"\f006"} .fa-user:before{content:"\f007"} .fa-film:before{content:"\f008"} .fa-th-large:before{content:"\f009"} .fa-th:before{content:"\f00a"} .fa-th-list:before{content:"\f00b"} .fa-check:before{content:"\f00c"} .fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"} .fa-search-plus:before{content:"\f00e"} .fa-search-minus:before{content:"\f010"} .fa-power-off:before{content:"\f011"} .fa-signal:before{content:"\f012"} .fa-gear:before,.fa-cog:before{content:"\f013"} .fa-trash-o:before{content:"\f014"} .fa-home:before{content:"\f015"} .fa-file-o:before{content:"\f016"} .fa-clock-o:before{content:"\f017"} .fa-road:before{content:"\f018"} .fa-download:before{content:"\f019"} .fa-arrow-circle-o-down:before{content:"\f01a"} .fa-arrow-circle-o-up:before{content:"\f01b"} .fa-inbox:before{content:"\f01c"} .fa-play-circle-o:before{content:"\f01d"} .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} .fa-refresh:before{content:"\f021"} .fa-list-alt:before{content:"\f022"} .fa-lock:before{content:"\f023"} .fa-flag:before{content:"\f024"} .fa-headphones:before{content:"\f025"} .fa-volume-off:before{content:"\f026"} .fa-volume-down:before{content:"\f027"} .fa-volume-up:before{content:"\f028"} .fa-qrcode:before{content:"\f029"} .fa-barcode:before{content:"\f02a"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-book:before{content:"\f02d"} .fa-bookmark:before{content:"\f02e"} .fa-print:before{content:"\f02f"} .fa-camera:before{content:"\f030"} .fa-font:before{content:"\f031"} .fa-bold:before{content:"\f032"} .fa-italic:before{content:"\f033"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-align-left:before{content:"\f036"} .fa-align-center:before{content:"\f037"} .fa-align-right:before{content:"\f038"} .fa-align-justify:before{content:"\f039"} .fa-list:before{content:"\f03a"} .fa-dedent:before,.fa-outdent:before{content:"\f03b"} .fa-indent:before{content:"\f03c"} .fa-video-camera:before{content:"\f03d"} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"} .fa-pencil:before{content:"\f040"} .fa-map-marker:before{content:"\f041"} .fa-adjust:before{content:"\f042"} .fa-tint:before{content:"\f043"} .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} .fa-share-square-o:before{content:"\f045"} .fa-check-square-o:before{content:"\f046"} .fa-arrows:before{content:"\f047"} .fa-step-backward:before{content:"\f048"} .fa-fast-backward:before{content:"\f049"} .fa-backward:before{content:"\f04a"} .fa-play:before{content:"\f04b"} .fa-pause:before{content:"\f04c"} .fa-stop:before{content:"\f04d"} .fa-forward:before{content:"\f04e"} .fa-fast-forward:before{content:"\f050"} .fa-step-forward:before{content:"\f051"} .fa-eject:before{content:"\f052"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-plus-circle:before{content:"\f055"} .fa-minus-circle:before{content:"\f056"} .fa-times-circle:before{content:"\f057"} .fa-check-circle:before{content:"\f058"} .fa-question-circle:before{content:"\f059"} .fa-info-circle:before{content:"\f05a"} .fa-crosshairs:before{content:"\f05b"} .fa-times-circle-o:before{content:"\f05c"} .fa-check-circle-o:before{content:"\f05d"} .fa-ban:before{content:"\f05e"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrow-down:before{content:"\f063"} .fa-mail-forward:before,.fa-share:before{content:"\f064"} .fa-expand:before{content:"\f065"} .fa-compress:before{content:"\f066"} .fa-plus:before{content:"\f067"} .fa-minus:before{content:"\f068"} .fa-asterisk:before{content:"\f069"} .fa-exclamation-circle:before{content:"\f06a"} .fa-gift:before{content:"\f06b"} .fa-leaf:before{content:"\f06c"} .fa-fire:before{content:"\f06d"} .fa-eye:before{content:"\f06e"} .fa-eye-slash:before{content:"\f070"} .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} .fa-plane:before{content:"\f072"} .fa-calendar:before{content:"\f073"} .fa-random:before{content:"\f074"} .fa-comment:before{content:"\f075"} .fa-magnet:before{content:"\f076"} .fa-chevron-up:before{content:"\f077"} .fa-chevron-down:before{content:"\f078"} .fa-retweet:before{content:"\f079"} .fa-shopping-cart:before{content:"\f07a"} .fa-folder:before{content:"\f07b"} .fa-folder-open:before{content:"\f07c"} .fa-arrows-v:before{content:"\f07d"} .fa-arrows-h:before{content:"\f07e"} .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-camera-retro:before{content:"\f083"} .fa-key:before{content:"\f084"} .fa-gears:before,.fa-cogs:before{content:"\f085"} .fa-comments:before{content:"\f086"} .fa-thumbs-o-up:before{content:"\f087"} .fa-thumbs-o-down:before{content:"\f088"} .fa-star-half:before{content:"\f089"} .fa-heart-o:before{content:"\f08a"} .fa-sign-out:before{content:"\f08b"} .fa-linkedin-square:before{content:"\f08c"} .fa-thumb-tack:before{content:"\f08d"} .fa-external-link:before{content:"\f08e"} .fa-sign-in:before{content:"\f090"} .fa-trophy:before{content:"\f091"} .fa-github-square:before{content:"\f092"} .fa-upload:before{content:"\f093"} .fa-lemon-o:before{content:"\f094"} .fa-phone:before{content:"\f095"} .fa-square-o:before{content:"\f096"} .fa-bookmark-o:before{content:"\f097"} .fa-phone-square:before{content:"\f098"} .fa-twitter:before{content:"\f099"} .fa-facebook-f:before,.fa-facebook:before{content:"\f09a"} .fa-github:before{content:"\f09b"} .fa-unlock:before{content:"\f09c"} .fa-credit-card:before{content:"\f09d"} .fa-feed:before,.fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} .fa-hand-o-left:before{content:"\f0a5"} .fa-hand-o-up:before{content:"\f0a6"} .fa-hand-o-down:before{content:"\f0a7"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-globe:before{content:"\f0ac"} .fa-wrench:before{content:"\f0ad"} .fa-tasks:before{content:"\f0ae"} .fa-filter:before{content:"\f0b0"} .fa-briefcase:before{content:"\f0b1"} .fa-arrows-alt:before{content:"\f0b2"} .fa-group:before,.fa-users:before{content:"\f0c0"} .fa-chain:before,.fa-link:before{content:"\f0c1"} .fa-cloud:before{content:"\f0c2"} .fa-flask:before{content:"\f0c3"} .fa-cut:before,.fa-scissors:before{content:"\f0c4"} .fa-copy:before,.fa-files-o:before{content:"\f0c5"} .fa-paperclip:before{content:"\f0c6"} .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} .fa-square:before{content:"\f0c8"} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-strikethrough:before{content:"\f0cc"} .fa-underline:before{content:"\f0cd"} .fa-table:before{content:"\f0ce"} .fa-magic:before{content:"\f0d0"} .fa-truck:before{content:"\f0d1"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-money:before{content:"\f0d6"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-up:before{content:"\f0d8"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-columns:before{content:"\f0db"} .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} .fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"} .fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"} .fa-envelope:before{content:"\f0e0"} .fa-linkedin:before{content:"\f0e1"} .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} .fa-legal:before,.fa-gavel:before{content:"\f0e3"} .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} .fa-comment-o:before{content:"\f0e5"} .fa-comments-o:before{content:"\f0e6"} .fa-flash:before,.fa-bolt:before{content:"\f0e7"} .fa-sitemap:before{content:"\f0e8"} .fa-umbrella:before{content:"\f0e9"} .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} .fa-lightbulb-o:before{content:"\f0eb"} .fa-exchange:before{content:"\f0ec"} .fa-cloud-download:before{content:"\f0ed"} .fa-cloud-upload:before{content:"\f0ee"} .fa-user-md:before{content:"\f0f0"} .fa-stethoscope:before{content:"\f0f1"} .fa-suitcase:before{content:"\f0f2"} .fa-bell-o:before{content:"\f0a2"} .fa-coffee:before{content:"\f0f4"} .fa-cutlery:before{content:"\f0f5"} .fa-file-text-o:before{content:"\f0f6"} .fa-building-o:before{content:"\f0f7"} .fa-hospital-o:before{content:"\f0f8"} .fa-ambulance:before{content:"\f0f9"} .fa-medkit:before{content:"\f0fa"} .fa-fighter-jet:before{content:"\f0fb"} .fa-beer:before{content:"\f0fc"} .fa-h-square:before{content:"\f0fd"} .fa-plus-square:before{content:"\f0fe"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angle-down:before{content:"\f107"} .fa-desktop:before{content:"\f108"} .fa-laptop:before{content:"\f109"} .fa-tablet:before{content:"\f10a"} .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} .fa-circle-o:before{content:"\f10c"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-spinner:before{content:"\f110"} .fa-circle:before{content:"\f111"} .fa-mail-reply:before,.fa-reply:before{content:"\f112"} .fa-github-alt:before{content:"\f113"} .fa-folder-o:before{content:"\f114"} .fa-folder-open-o:before{content:"\f115"} .fa-smile-o:before{content:"\f118"} .fa-frown-o:before{content:"\f119"} .fa-meh-o:before{content:"\f11a"} .fa-gamepad:before{content:"\f11b"} .fa-keyboard-o:before{content:"\f11c"} .fa-flag-o:before{content:"\f11d"} .fa-flag-checkered:before{content:"\f11e"} .fa-terminal:before{content:"\f120"} .fa-code:before{content:"\f121"} .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} .fa-location-arrow:before{content:"\f124"} .fa-crop:before{content:"\f125"} .fa-code-fork:before{content:"\f126"} .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} .fa-question:before{content:"\f128"} .fa-info:before{content:"\f129"} .fa-exclamation:before{content:"\f12a"} .fa-superscript:before{content:"\f12b"} .fa-subscript:before{content:"\f12c"} .fa-eraser:before{content:"\f12d"} .fa-puzzle-piece:before{content:"\f12e"} .fa-microphone:before{content:"\f130"} .fa-microphone-slash:before{content:"\f131"} .fa-shield:before{content:"\f132"} .fa-calendar-o:before{content:"\f133"} .fa-fire-extinguisher:before{content:"\f134"} .fa-rocket:before{content:"\f135"} .fa-maxcdn:before{content:"\f136"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-html5:before{content:"\f13b"} .fa-css3:before{content:"\f13c"} .fa-anchor:before{content:"\f13d"} .fa-unlock-alt:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-rss-square:before{content:"\f143"} .fa-play-circle:before{content:"\f144"} .fa-ticket:before{content:"\f145"} .fa-minus-square:before{content:"\f146"} .fa-minus-square-o:before{content:"\f147"} .fa-level-up:before{content:"\f148"} .fa-level-down:before{content:"\f149"} .fa-check-square:before{content:"\f14a"} .fa-pencil-square:before{content:"\f14b"} .fa-external-link-square:before{content:"\f14c"} .fa-share-square:before{content:"\f14d"} .fa-compass:before{content:"\f14e"} .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} .fa-euro:before,.fa-eur:before{content:"\f153"} .fa-gbp:before{content:"\f154"} .fa-dollar:before,.fa-usd:before{content:"\f155"} .fa-rupee:before,.fa-inr:before{content:"\f156"} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} .fa-won:before,.fa-krw:before{content:"\f159"} .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} .fa-file:before{content:"\f15b"} .fa-file-text:before{content:"\f15c"} .fa-sort-alpha-asc:before{content:"\f15d"} .fa-sort-alpha-desc:before{content:"\f15e"} .fa-sort-amount-asc:before{content:"\f160"} .fa-sort-amount-desc:before{content:"\f161"} .fa-sort-numeric-asc:before{content:"\f162"} .fa-sort-numeric-desc:before{content:"\f163"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbs-down:before{content:"\f165"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-youtube-play:before{content:"\f16a"} .fa-dropbox:before{content:"\f16b"} .fa-stack-overflow:before{content:"\f16c"} .fa-instagram:before{content:"\f16d"} .fa-flickr:before{content:"\f16e"} .fa-adn:before{content:"\f170"} .fa-bitbucket:before{content:"\f171"} .fa-bitbucket-square:before{content:"\f172"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-long-arrow-down:before{content:"\f175"} .fa-long-arrow-up:before{content:"\f176"} .fa-long-arrow-left:before{content:"\f177"} .fa-long-arrow-right:before{content:"\f178"} .fa-apple:before{content:"\f179"} .fa-windows:before{content:"\f17a"} .fa-android:before{content:"\f17b"} .fa-linux:before{content:"\f17c"} .fa-dribbble:before{content:"\f17d"} .fa-skype:before{content:"\f17e"} .fa-foursquare:before{content:"\f180"} .fa-trello:before{content:"\f181"} .fa-female:before{content:"\f182"} .fa-male:before{content:"\f183"} .fa-gittip:before,.fa-gratipay:before{content:"\f184"} .fa-sun-o:before{content:"\f185"} .fa-moon-o:before{content:"\f186"} .fa-archive:before{content:"\f187"} .fa-bug:before{content:"\f188"} .fa-vk:before{content:"\f189"} .fa-weibo:before{content:"\f18a"} .fa-renren:before{content:"\f18b"} .fa-pagelines:before{content:"\f18c"} .fa-stack-exchange:before{content:"\f18d"} .fa-arrow-circle-o-right:before{content:"\f18e"} .fa-arrow-circle-o-left:before{content:"\f190"} .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} .fa-dot-circle-o:before{content:"\f192"} .fa-wheelchair:before{content:"\f193"} .fa-vimeo-square:before{content:"\f194"} .fa-turkish-lira:before,.fa-try:before{content:"\f195"} .fa-plus-square-o:before{content:"\f196"} .fa-space-shuttle:before{content:"\f197"} .fa-slack:before{content:"\f198"} .fa-envelope-square:before{content:"\f199"} .fa-wordpress:before{content:"\f19a"} .fa-openid:before{content:"\f19b"} .fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"} .fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"} .fa-yahoo:before{content:"\f19e"} .fa-google:before{content:"\f1a0"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-square:before{content:"\f1a2"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-stumbleupon:before{content:"\f1a4"} .fa-delicious:before{content:"\f1a5"} .fa-digg:before{content:"\f1a6"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-drupal:before{content:"\f1a9"} .fa-joomla:before{content:"\f1aa"} .fa-language:before{content:"\f1ab"} .fa-fax:before{content:"\f1ac"} .fa-building:before{content:"\f1ad"} .fa-child:before{content:"\f1ae"} .fa-paw:before{content:"\f1b0"} .fa-spoon:before{content:"\f1b1"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-recycle:before{content:"\f1b8"} .fa-automobile:before,.fa-car:before{content:"\f1b9"} .fa-cab:before,.fa-taxi:before{content:"\f1ba"} .fa-tree:before{content:"\f1bb"} .fa-spotify:before{content:"\f1bc"} .fa-deviantart:before{content:"\f1bd"} .fa-soundcloud:before{content:"\f1be"} .fa-database:before{content:"\f1c0"} .fa-file-pdf-o:before{content:"\f1c1"} .fa-file-word-o:before{content:"\f1c2"} .fa-file-excel-o:before{content:"\f1c3"} .fa-file-powerpoint-o:before{content:"\f1c4"} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"} .fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"} .fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"} .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"} .fa-file-code-o:before{content:"\f1c9"} .fa-vine:before{content:"\f1ca"} .fa-codepen:before{content:"\f1cb"} .fa-jsfiddle:before{content:"\f1cc"} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"} .fa-circle-o-notch:before{content:"\f1ce"} .fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"} .fa-ge:before,.fa-empire:before{content:"\f1d1"} .fa-git-square:before{content:"\f1d2"} .fa-git:before{content:"\f1d3"} .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-qq:before{content:"\f1d6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-send:before,.fa-paper-plane:before{content:"\f1d8"} .fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"} .fa-history:before{content:"\f1da"} .fa-circle-thin:before{content:"\f1db"} .fa-header:before{content:"\f1dc"} .fa-paragraph:before{content:"\f1dd"} .fa-sliders:before{content:"\f1de"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-bomb:before{content:"\f1e2"} .fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"} .fa-tty:before{content:"\f1e4"} .fa-binoculars:before{content:"\f1e5"} .fa-plug:before{content:"\f1e6"} .fa-slideshare:before{content:"\f1e7"} .fa-twitch:before{content:"\f1e8"} .fa-yelp:before{content:"\f1e9"} .fa-newspaper-o:before{content:"\f1ea"} .fa-wifi:before{content:"\f1eb"} .fa-calculator:before{content:"\f1ec"} .fa-paypal:before{content:"\f1ed"} .fa-google-wallet:before{content:"\f1ee"} .fa-cc-visa:before{content:"\f1f0"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-bell-slash:before{content:"\f1f6"} .fa-bell-slash-o:before{content:"\f1f7"} .fa-trash:before{content:"\f1f8"} .fa-copyright:before{content:"\f1f9"} .fa-at:before{content:"\f1fa"} .fa-eyedropper:before{content:"\f1fb"} .fa-paint-brush:before{content:"\f1fc"} .fa-birthday-cake:before{content:"\f1fd"} .fa-area-chart:before{content:"\f1fe"} .fa-pie-chart:before{content:"\f200"} .fa-line-chart:before{content:"\f201"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-bicycle:before{content:"\f206"} .fa-bus:before{content:"\f207"} .fa-ioxhost:before{content:"\f208"} .fa-angellist:before{content:"\f209"} .fa-cc:before{content:"\f20a"} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"} .fa-meanpath:before{content:"\f20c"} .fa-buysellads:before{content:"\f20d"} .fa-connectdevelop:before{content:"\f20e"} .fa-dashcube:before{content:"\f210"} .fa-forumbee:before{content:"\f211"} .fa-leanpub:before{content:"\f212"} .fa-sellsy:before{content:"\f213"} .fa-shirtsinbulk:before{content:"\f214"} .fa-simplybuilt:before{content:"\f215"} .fa-skyatlas:before{content:"\f216"} .fa-cart-plus:before{content:"\f217"} .fa-cart-arrow-down:before{content:"\f218"} .fa-diamond:before{content:"\f219"} .fa-ship:before{content:"\f21a"} .fa-user-secret:before{content:"\f21b"} .fa-motorcycle:before{content:"\f21c"} .fa-street-view:before{content:"\f21d"} .fa-heartbeat:before{content:"\f21e"} .fa-venus:before{content:"\f221"} .fa-mars:before{content:"\f222"} .fa-mercury:before{content:"\f223"} .fa-intersex:before,.fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-venus-double:before{content:"\f226"} .fa-mars-double:before{content:"\f227"} .fa-venus-mars:before{content:"\f228"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-neuter:before{content:"\f22c"} .fa-genderless:before{content:"\f22d"} .fa-facebook-official:before{content:"\f230"} .fa-pinterest-p:before{content:"\f231"} .fa-whatsapp:before{content:"\f232"} .fa-server:before{content:"\f233"} .fa-user-plus:before{content:"\f234"} .fa-user-times:before{content:"\f235"} .fa-hotel:before,.fa-bed:before{content:"\f236"} .fa-viacoin:before{content:"\f237"} .fa-train:before{content:"\f238"} .fa-subway:before{content:"\f239"} .fa-medium:before{content:"\f23a"} .fa-yc:before,.fa-y-combinator:before{content:"\f23b"} .fa-optin-monster:before{content:"\f23c"} .fa-opencart:before{content:"\f23d"} .fa-expeditedssl:before{content:"\f23e"} .fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"} .fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"} .fa-battery-2:before,.fa-battery-half:before{content:"\f242"} .fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"} .fa-battery-0:before,.fa-battery-empty:before{content:"\f244"} .fa-mouse-pointer:before{content:"\f245"} .fa-i-cursor:before{content:"\f246"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-sticky-note:before{content:"\f249"} .fa-sticky-note-o:before{content:"\f24a"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-diners-club:before{content:"\f24c"} .fa-clone:before{content:"\f24d"} .fa-balance-scale:before{content:"\f24e"} .fa-hourglass-o:before{content:"\f250"} .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"} .fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"} .fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"} .fa-hourglass:before{content:"\f254"} .fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"} .fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"} .fa-hand-scissors-o:before{content:"\f257"} .fa-hand-lizard-o:before{content:"\f258"} .fa-hand-spock-o:before{content:"\f259"} .fa-hand-pointer-o:before{content:"\f25a"} .fa-hand-peace-o:before{content:"\f25b"} .fa-trademark:before{content:"\f25c"} .fa-registered:before{content:"\f25d"} .fa-creative-commons:before{content:"\f25e"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-tripadvisor:before{content:"\f262"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-get-pocket:before{content:"\f265"} .fa-wikipedia-w:before{content:"\f266"} .fa-safari:before{content:"\f267"} .fa-chrome:before{content:"\f268"} .fa-firefox:before{content:"\f269"} .fa-opera:before{content:"\f26a"} .fa-internet-explorer:before{content:"\f26b"} .fa-tv:before,.fa-television:before{content:"\f26c"} .fa-contao:before{content:"\f26d"} .fa-500px:before{content:"\f26e"} .fa-amazon:before{content:"\f270"} .fa-calendar-plus-o:before{content:"\f271"} .fa-calendar-minus-o:before{content:"\f272"} .fa-calendar-times-o:before{content:"\f273"} .fa-calendar-check-o:before{content:"\f274"} .fa-industry:before{content:"\f275"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-map-o:before{content:"\f278"} .fa-map:before{content:"\f279"} .fa-commenting:before{content:"\f27a"} .fa-commenting-o:before{content:"\f27b"} .fa-houzz:before{content:"\f27c"} .fa-vimeo:before{content:"\f27d"} .fa-black-tie:before{content:"\f27e"} .fa-fonticons:before{content:"\f280"} .fa-reddit-alien:before{content:"\f281"} .fa-edge:before{content:"\f282"} .fa-credit-card-alt:before{content:"\f283"} .fa-codiepie:before{content:"\f284"} .fa-modx:before{content:"\f285"} .fa-fort-awesome:before{content:"\f286"} .fa-usb:before{content:"\f287"} .fa-product-hunt:before{content:"\f288"} .fa-mixcloud:before{content:"\f289"} .fa-scribd:before{content:"\f28a"} .fa-pause-circle:before{content:"\f28b"} .fa-pause-circle-o:before{content:"\f28c"} .fa-stop-circle:before{content:"\f28d"} .fa-stop-circle-o:before{content:"\f28e"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-hashtag:before{content:"\f292"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-percent:before{content:"\f295"} .fa-gitlab:before{content:"\f296"} .fa-wpbeginner:before{content:"\f297"} .fa-wpforms:before{content:"\f298"} .fa-envira:before{content:"\f299"} .fa-universal-access:before{content:"\f29a"} .fa-wheelchair-alt:before{content:"\f29b"} .fa-question-circle-o:before{content:"\f29c"} .fa-blind:before{content:"\f29d"} .fa-audio-description:before{content:"\f29e"} .fa-volume-control-phone:before{content:"\f2a0"} .fa-braille:before{content:"\f2a1"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"} .fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-signing:before,.fa-sign-language:before{content:"\f2a7"} .fa-low-vision:before{content:"\f2a8"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-pied-piper:before{content:"\f2ae"} .fa-first-order:before{content:"\f2b0"} .fa-yoast:before{content:"\f2b1"} .fa-themeisle:before{content:"\f2b2"} .fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"} .fa-fa:before,.fa-font-awesome:before{content:"\f2b4"} .fa-handshake-o:before{content:"\f2b5"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-linode:before{content:"\f2b8"} .fa-address-book:before{content:"\f2b9"} .fa-address-book-o:before{content:"\f2ba"} .fa-vcard:before,.fa-address-card:before{content:"\f2bb"} .fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-circle-o:before{content:"\f2be"} .fa-user-o:before{content:"\f2c0"} .fa-id-badge:before{content:"\f2c1"} .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"} .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"} .fa-quora:before{content:"\f2c4"} .fa-free-code-camp:before{content:"\f2c5"} .fa-telegram:before{content:"\f2c6"} .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"} .fa-shower:before{content:"\f2cc"} .fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"} .fa-podcast:before{content:"\f2ce"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"} .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"} .fa-bandcamp:before{content:"\f2d5"} .fa-grav:before{content:"\f2d6"} .fa-etsy:before{content:"\f2d7"} .fa-imdb:before{content:"\f2d8"} .fa-ravelry:before{content:"\f2d9"} .fa-eercast:before{content:"\f2da"} .fa-microchip:before{content:"\f2db"} .fa-snowflake-o:before{content:"\f2dc"} .fa-superpowers:before{content:"\f2dd"} .fa-wpexplorer:before{content:"\f2de"} .fa-meetup:before{content:"\f2e0"} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 

/* /odoocms_admission_online/static/css/custom.css defined in bundle 'web.assets_frontend' */
 .bgColor{max-width: 440px; height: 330px; border-radius: 4px; text-align: center;} #targetOuter{position:relative; text-align: center; background-color: #F0E8E0; margin: 20px auto; width: 214px; height: 214px; border-radius: 4px; border: 1px solid; padding: 5px;} .btnSubmit{background-color: #565656; border-radius: 4px; padding: 10px; border: #333 1px solid; color: #FFFFFF; width: 200px; cursor:pointer;} .inputFile{padding: 5px 0px; margin-top:8px; background-color: #FFFFFF; width: 48px; overflow: hidden; opacity: 0; cursor:pointer;} .icon-choose-image{position: absolute; opacity: 0.1; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; width: 48px; height: 48px;} .upload-preview{border-radius:4px;} #body-overlay{background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;} #body-overlay div{position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;} #body-overlay-documents{background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;} .documents_images{width:50px; height:50px; float:right; display:block; padding: 5px; background-color: #F0E8E0; border: 1px solid; border-radius: 4px; cursor:zoom-in; margin-top: -15px;} .animate-zoom{animation:animatezoom 0.6s} @keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}} .checkboxcontainer{display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkboxcontainer input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkmark{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;} .checkboxcontainer:hover input ~ .checkmark{background-color: #ccc;} .checkboxcontainer input:checked ~ .checkmark{background-color: #2196F3;} .checkmark:after{content: ""; position: absolute; display: none;} .checkboxcontainer input:checked ~ .checkmark:after{display: block;} .checkboxcontainer .checkmark:after{left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .close{color: white; float: right; font-size: 28px; font-weight: bold;} .close:hover, .close:focus{color: #000; text-decoration: none; cursor: pointer;} .modal-header{padding: 2px 16px; background-color: #33a7d7; color: white;} .modal-body{padding: 2px 16px;} .modal-footer{padding: 2px 16px; background-color: #33a7d7; color: white;} legend{padding: 0px 7px 0px 7px; border: 0px none; font-size: 13px; font-weight: bold; width: auto; display: inline; margin-bottom: 15px; line-height: inherit; color: #333;} .block-info{border: 2px solid #ddd; padding: 20px 10px 10px 10px; margin-bottom:10px;} .block-documents{display:block; margin:auto; margin-bottom:2%; margin-right:2%; padding:20px; width:48%; float:left} .smart-steps .wizard > .steps a{position: relative; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight:bold;} .smart-steps .wizard > .steps a, .smart-steps .wizard > .steps a:hover, .smart-steps .wizard > .steps a:active{height: 54px; line-height: 17px; padding-left: 2em; padding-top: 1em;} .smart-steps .wizard > .steps{position: relative; z-index: 1;} .smart-forms .append-icon .field-icon, .smart-forms .prepend-icon .field-icon{z-index: 1;} .w3-modal-content{width: 550px;} @media (min-width: 993px){.w3-modal-content{width: 550px;}} 

/* /odoocms_student_portal/static/css/custom.css defined in bundle 'web.assets_frontend' */
.list-group-item{user-select: none;} .list-group input[type="checkbox"]{display: none;} .list-group input[type="checkbox"] + .list-group-item{cursor: pointer;} .list-group input[type="checkbox"] + .list-group-item:before{content: "\2713"; color: transparent; font-weight: bold; margin-right: 1em; border: 1px solid black;} .list-group input[type="checkbox"]:checked + .list-group-item{background-color: #0275D8; color: #FFF;} .list-group input[type="checkbox"]:checked + .list-group-item:before{color: inherit;} .list-group input[type="radio"]{display: none;} .list-group input[type="radio"] + .list-group-item{cursor: pointer;} .list-group input[type="radio"] + .list-group-item:before{content: "\2022"; color: transparent; font-weight: bold; margin-right: 1em;} .list-group input[type="radio"]:checked + .list-group-item{background-color: #0275D8; color: #FFF;} .list-group input[type="radio"]:checked + .list-group-item:before{color: inherit;} .checkmark{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;} .collapsible{background-color: #137562; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; margin-top:15px;} .active, .collapsible:hover{} .collapsible:after{content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px;} .active:after{content: "\2212";} .expendablecontent{max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1;} .profile-header{transform: translateY(5rem);} body{min-height: 100vh;} #custom-table{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; margin-left:5px;} #custom-table td, #custom-table th{border: 1px solid #ddd; padding: 8px;} #custom-table tr:nth-child(even){background-color: #f2f2f2;} #custom-table tr:hover{background-color: #ddd;} #custom-table th{padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #137562; color: white;} #transcript{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; border:1px solid;} #transcript td{border-right: 1px solid #ddd; padding: 8px;} #transcript-div{display: block; float: left; margin: auto; width: 48%; padding: 1%;} .tr-tb-head{text-align:center;} .tr-tb-footer{text-align:center; border:1px solid;} #merit-info{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 95%; margin-top:15px; display: inline;} #merit-info td, #merit-info th{padding: 3px;} #merit-info th{padding-top: 6px; text-align: left;} 

/* /odoocms_faculty_portal/static/src/css/custom.css defined in bundle 'web.assets_frontend' */
.list-group-item{user-select: none;} .list-group input[type="checkbox"]{display: none;} .list-group input[type="checkbox"] + .list-group-item{cursor: pointer;} .list-group input[type="checkbox"] + .list-group-item:before{content: "\2713"; color: transparent; font-weight: bold; margin-right: 1em; border: 1px solid black;} .list-group input[type="checkbox"]:checked + .list-group-item{background-color: #0275D8; color: #FFF;} .list-group input[type="checkbox"]:checked + .list-group-item:before{color: inherit;} .list-group input[type="radio"]{display: none;} .list-group input[type="radio"] + .list-group-item{cursor: pointer;} .list-group input[type="radio"] + .list-group-item:before{content: "\2022"; color: transparent; font-weight: bold; margin-right: 1em;} .list-group input[type="radio"]:checked + .list-group-item{background-color: #0275D8; color: #FFF;} .list-group input[type="radio"]:checked + .list-group-item:before{color: inherit;} .checkmark{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;} .collapsible{background-color: #137562; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; margin-top:15px;} .active, .collapsible:hover{} .collapsible:after{content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px;} .active:after{content: "\2212";} .profile-header{transform: translateY(5rem);} body{min-height: 100vh;} #custom-table{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; margin-left:5px;} #custom-table td, #custom-table th{border: 1px solid #ddd; padding: 8px;} #custom-table tr:nth-child(even){background-color: #f2f2f2;} #custom-table tr:hover{background-color: #ddd;} #custom-table th{padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #137562; color: white;} #transcript{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; border:1px solid;} #transcript td{border-right: 1px solid #ddd; padding: 8px;} #transcript-div{display: block; float: left; margin: auto; width: 48%; padding: 1%;} .tr-tb-head{text-align:center;} .tr-tb-footer{text-align:center; border:1px solid;} .faculty-portal-container{position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Segoe UI",Arial,sans-serif; font-weight: 400;} .faculty-portal-container input{position: absolute; opacity: 0; cursor: pointer;} .faculty-portal-checkmark{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%;} .faculty-portal-container:hover input ~ .faculty-portal-checkmark{background-color: #ccc;} .faculty-portal-container input:checked ~ .faculty-portal-checkmark{background-color: #2196F3;} .faculty-portal-checkmark:after{content: ""; position: absolute; display: none;} .faculty-portal-container input:checked ~ .faculty-portal-checkmark:after{display: block;} .faculty-portal-container .faculty-portal-checkmark:after{top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;}