/* File: e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} 

/* File: e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: e107_plugins/social/style.css */
@font-face {font-family: 'social';src:url(/e107_plugins/social/fonts/social.eot?dje1ws);src:url(/e107_plugins/social/fonts/social.eot?dje1ws#iefix) format('embedded-opentype'),url(/e107_plugins/social/fonts/social.ttf?dje1ws) format('truetype'),url(/e107_plugins/social/fonts/social.woff?dje1ws) format('woff'),url(/e107_plugins/social/fonts/social.svg?dje1ws#social) format('svg');font-weight: normal;font-style: normal;font-display: block;} [class^="e-social-"], [class*=" e-social-"] {font-family: 'social' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .e-social-behance:before {content: "\e926";} .e-social-telegram:before {content: "\e923";} .e-social-snapchat:before {content: "\e911";} .e-social-map:before {content: "\f041";} .e-social-sms:before {content: "\f075";} .e-social-facebook-square:before {content: "\f082";} .e-social-github-square:before {content: "\f092";} .e-social-phone:before {content: "\f095";} .e-social-phone-square:before {content: "\f098";} .e-social-facebook:before {content: "\f09a";} .e-social-github:before {content: "\f09b";} .e-social-mobile:before {content: "\f10b";} .e-social-tumblr:before {content: "\f173";} .e-social-twitch:before {content: "\f1e8";} .e-social-whatsapp:before {content: "\f232";} .e-social-map-o:before {content: "\f278";} .e-social-meetup:before {content: "\f2e0";} .e-social-steam:before {content: "\e902";} .e-social-vimeo:before {content: "\e905";} .e-social-skype:before {content: "\e906";} .e-social-wordpress:before {content: "\e907";} .e-social-yelp:before {content: "\e908";} .e-social-dropbox:before {content: "\e909";} .e-social-vk:before {content: "\e90a";} .e-social-gplus:before {content: "\e90b";} .e-social-google:before {content: "\e90c";} .e-social-apple:before {content: "\e90d";} .e-social-digg:before {content: "\e90e";} .e-social-stumbleupon:before {content: "\e90f";} .e-social-flickr:before {content: "\e910";} .e-social-youtube-play:before {content: "\e912";} .e-social-youtube:before {content: "\e913";} .e-social-pocketpocket:before {content: "\e914";} .e-social-rss:before {content: "\e915";} .e-social-pinterest:before {content: "\e916";} .e-social-instagram:before {content: "\e917";} .e-social-linkedin:before {content: "\e918";} .e-social-export:before {content: "\e919";} .e-social-share:before {content: "\e91a";} .e-social-foursquare:before {content: "\e91b";} .e-social-thumbs-up:before {content: "\e91c";} .e-social-thumbs-up-solid:before {content: "\e91d";} .e-social-mail:before {content: "\e91e";} .e-social-mail-alt:before {content: "\e91f";} .e-social-reddit:before {content: "\e925";} .e-social-spotify:before {content: "\e920";} .e-social-soundcloud-alt:before {content: "\e901";} .e-social-soundcloud:before {content: "\e904";} .e-social-pushpin:before {content: "\e946";} .e-social-vine:before {content: "\ea97";} .e-social-dribbble:before {content: "\eaa7";} .e-social-blogger:before {content: "\eab7";} .e-social-android:before {content: "\eac0";} .e-social-linkedin-rect:before {content: "\eac9";} .e-social-delicious:before {content: "\eacd";} .e-social-flattr:before {content: "\ead5";} .e-social-discord:before {content: "\e900";} .e-social-instapaper:before {content: "\e903";} .e-social-twitter:before {content: "\e924";} .e-social-squarespace:before {content: "\e921";} .e-social-tiktok:before {content: "\e922";} 

/* File: e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: e107_plugins/featurebox/featurebox.css */
.featurebox.carousel .carousel-inner {height:460px;overflow:hidden;} 

/* File: e107_plugins/tagcloud/tagcloud.css */
.size9 {font-size: 130%;opacity: 1;} .size8 {font-size: 120%;opacity: 0.9} .size7 {font-size: 110%;opacity: 0.8} .size6 {font-size: 100%;} .size5 {font-size: 95%;} .size4 {font-size: 90%;} .size3 {font-size: 85%;} .size2 {font-size: 80%;} .size1 {font-size: 75%;} .size0 {font-size: 70%;} .tagcloud-menu a { } .tagcloud-menu > a.tag {margin-bottom:1px;display:inline-block;padding-right:5px;} div.tagcloud-menu {text-align:justify;font-size:90%;opacity:0.7;} 

/* File: e107_themes/bootstrap3/style.css */
body {padding-top: 50px;padding-bottom: 20px;} #sidebar {padding-top:20px;} .alert { margin-top:20px } img.logo {margin-top: -5px;margin-right: 5px;} .bbcode-img { display: block; max-width: 100%; height: auto; } .form-signin {max-width: 330px;padding: 15px;margin: 0 auto;} .form-signin .form-signin-heading,.form-signin .checkbox {margin-bottom: 10px;} .form-signin .checkbox {font-weight: normal;} .form-signin .form-control {position: relative;font-size: 16px;height: auto;padding: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .form-signin .form-control:focus {z-index: 2;} .form-signin input[type="text"] {margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;} .section,.section-colored {padding: 50px 0;} .section-colored {background-color: #e1e1e1; color: #000;} .img-home-portfolio, .img-customer, .portfolio-item {margin-bottom: 30px;} .row > .col-md-4:nth-child(4n+1) {clear:right; } .featurebox.carousel { min-height:460px;} .carousel-caption {z-index: 10;} .featurebox.carousel .item {min-height:460px;background-color: #CCCCCC;} .featurebox-item-image.pull-left, .featurebox-item-image.pull-right {margin-top: 25px;} img.featurebox { border-radius: 5px } .xurl-social-icons a {color: inherit;text-decoration: none;opacity: .7;padding-left:15px;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;} .xurl-social-icons a:hover {opacity: 1;} .btn-featurebox, .btn-cpage { margin-top:10px} .tab-pane { padding-top:15px } .modal-lg { width: 70% } table label.checkbox {margin-left: 20px;} #sidebar .panel-body span.badge { float:right} #sidebar .panel-body ul { padding-left:15px } #sidebar .panel-body ul li { padding-bottom:8px } #sidebar .panel-body ul.list-unstyled { padding-left:0} li.dropdown-avatar > a.dropdown-toggle { padding:9px 15px 10px 0; } .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;width:100%;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;} .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .news-grid-default .featured { margin-bottom:30px; } .news-grid-other .featured { margin-bottom:30px; } td .progress { margin-bottom:0 } .theme-sc-bootstrap-megamenu-example { position: static !important; } .theme-sc-bootstrap-megamenu-example .dropdown-menu {padding: 20px 15px 15px;width: 100%;} .theme-sc-bootstrap-megamenu-example .dropdown-menuul.media-list {margin-bottom: 10px;} @media all and (max-width: 767px) { .featurebox .carousel-indicators { top:10px; } .featurebox-item-image.pull-left, .featurebox-item-image.pull-right { margin-top: 30px; } .news-images-main { padding-left: 0; padding-bottom:15px; padding-right:0} #custom-fields-example { margin-left:0;margin-right:0 !important; padding:0; clear:both; margin-bottom:15px; } } @media all and (min-width: 768px) and (max-width: 991px){.news-images-main { padding-left: 0; padding-bottom:5px } #custom-fields-example { margin-left:0;margin-right:0 !important; padding:0; clear:both; margin-bottom:15px; } } @media all and (min-width: 992px) and (max-width: 1199px){.news-images-main { padding-left: 0; padding-bottom:5px}  } @media all and (min-width: 1200px) {.news-images-main { padding-left: 0; padding-bottom:5px} }