@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .animated.infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } .animated.hinge{ -webkit-animation-duration:2s; animation-duration:2s; } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{ -webkit-animation-duration:.75s; animation-duration:.75s; } @-webkit-keyframes bounce{ 0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0); } 40%,43%{ -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0); } 70%{ -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0); } 90%{ -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0); } } @keyframes bounce{ 0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0); } 40%,43%{ -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0); } 70%{ -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0); } 90%{ -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0); } } .bounce{ -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom; } @-webkit-keyframes flash{ 0%,50%,to{ opacity:1; } 25%,75%{ opacity:0; } } @keyframes flash{ 0%,50%,to{ opacity:1; } 25%,75%{ opacity:0; } } .flash{ -webkit-animation-name:flash; animation-name:flash; } @-webkit-keyframes pulse{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } @keyframes pulse{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 50%{ -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } .pulse{ -webkit-animation-name:pulse; animation-name:pulse; } @-webkit-keyframes rubberBand{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 30%{ -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1); } 40%{ -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1); } 50%{ -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1); } 65%{ -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1); } 75%{ -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } @keyframes rubberBand{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 30%{ -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1); } 40%{ -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1); } 50%{ -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1); } 65%{ -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1); } 75%{ -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } .rubberBand{ -webkit-animation-name:rubberBand; animation-name:rubberBand; } @-webkit-keyframes shake{ 0%,to{ -webkit-transform:translateZ(0); transform:translateZ(0); } 10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0); } 20%,40%,60%,80%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0); } } @keyframes shake{ 0%,to{ -webkit-transform:translateZ(0); transform:translateZ(0); } 10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0); } 20%,40%,60%,80%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0); } } .shake{ -webkit-animation-name:shake; animation-name:shake; } @-webkit-keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg); } 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg); } 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg); } to{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } } @keyframes swing{ 20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg); } 40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } 60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg); } 80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg); } to{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } } .swing{ -webkit-animation-name:swing; animation-name:swing; -webkit-transform-origin:top center; transform-origin:top center; } @-webkit-keyframes tada{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 10%,20%{ -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg); } 30%,50%,70%,90%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%,60%,80%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } @keyframes tada{ 0%{ -webkit-transform:scaleX(1); transform:scaleX(1); } 10%,20%{ -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg); } 30%,50%,70%,90%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%,60%,80%{ -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to{ -webkit-transform:scaleX(1); transform:scaleX(1); } } .tada{ -webkit-animation-name:tada; animation-name:tada; } @-webkit-keyframes wobble{ 0%{ -webkit-transform:none; transform:none; } 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg); } to{ -webkit-transform:none; transform:none; } } @keyframes wobble{ 0%{ -webkit-transform:none; transform:none; } 15%{ -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg); } 30%{ -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg); } 45%{ -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg); } 60%{ -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg); } 75%{ -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg); } to{ -webkit-transform:none; transform:none; } } .wobble{ -webkit-animation-name:wobble; animation-name:wobble; } @-webkit-keyframes jello{ 11.1%{ -webkit-transform:none; transform:none; } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg); } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6%{ -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg); } 77.7%{ -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg); } 88.8%{ -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg); } to{ -webkit-transform:none; transform:none; } } @keyframes jello{ 11.1%{ -webkit-transform:none; transform:none; } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg); } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6%{ -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg); } 77.7%{ -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg); } 88.8%{ -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg); } to{ -webkit-transform:none; transform:none; } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center; } @-webkit-keyframes bounceIn{ 0%,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 20%{ -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } 40%{ -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 60%{ opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03); } 80%{ -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97); } to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1); } } @keyframes bounceIn{ 0%,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 20%{ -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } 40%{ -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 60%{ opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03); } 80%{ -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97); } to{ opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1); } } .bounceIn{ -webkit-animation-name:bounceIn; animation-name:bounceIn; } @-webkit-keyframes bounceInDown{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0); } 60%{ opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0); } 75%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); } 90%{ -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0); } to{ -webkit-transform:none; transform:none; } } @keyframes bounceInDown{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0); } 60%{ opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0); } 75%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); } 90%{ -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0); } to{ -webkit-transform:none; transform:none; } } .bounceInDown{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown; } @-webkit-keyframes bounceInLeft{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0); } 60%{ opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0); } 75%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0); } 90%{ -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0); } to{ -webkit-transform:none; transform:none; } } @keyframes bounceInLeft{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0); } 60%{ opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0); } 75%{ -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0); } 90%{ -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0); } to{ -webkit-transform:none; transform:none; } } .bounceInLeft{ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft; } @-webkit-keyframes bounceInRight{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0); } 60%{ opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0); } 75%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0); } 90%{ -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0); } to{ -webkit-transform:none; transform:none; } } @keyframes bounceInRight{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0); } 60%{ opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0); } 75%{ -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0); } 90%{ -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0); } to{ -webkit-transform:none; transform:none; } } .bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight; } @-webkit-keyframes bounceInUp{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0); } 60%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0); } 75%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0); } 90%{ -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0); } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } @keyframes bounceInUp{ 0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); } 0%{ opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0); } 60%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0); } 75%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0); } 90%{ -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0); } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } .bounceInUp{ -webkit-animation-name:bounceInUp; animation-name:bounceInUp; } @-webkit-keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 50%,55%{ opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } to{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } } @keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9); } 50%,55%{ opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); } to{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } } .bounceOut{ -webkit-animation-name:bounceOut; animation-name:bounceOut; } @-webkit-keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0); } 40%,45%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0); } to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } } @keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0); } 40%,45%{ opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0); } to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } } .bounceOutDown{ -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown; } @-webkit-keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0); } to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0); } to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } } .bounceOutLeft{ -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft; } @-webkit-keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0); } to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } } @keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0); } to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } } .bounceOutRight{ -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight; } @-webkit-keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); } 40%,45%{ opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0); } to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } } @keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); } 40%,45%{ opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0); } to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } } .bounceOutUp{ -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp; } @-webkit-keyframes fadeIn{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes fadeIn{ 0%{ opacity:0; } to{ opacity:1; } } .fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn; } @-webkit-keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInDown{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; } @-webkit-keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInDownBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInDownBig{ -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig; } @-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; } @-webkit-keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInLeftBig{ 0%{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInLeftBig{ -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig; } @-webkit-keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInRight{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; } @-webkit-keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInRightBig{ 0%{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInRightBig{ -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig; } @-webkit-keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInUp{ 0%{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; } @-webkit-keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInUpBig{ 0%{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .fadeInUpBig{ -webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig; } @-webkit-keyframes fadeOut{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes fadeOut{ 0%{ opacity:1; } to{ opacity:0; } } .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut; } @-webkit-keyframes fadeOutDown{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } } @keyframes fadeOutDown{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); } } .fadeOutDown{ -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown; } @-webkit-keyframes fadeOutDownBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0); } } .fadeOutDownBig{ -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig; } @-webkit-keyframes fadeOutLeft{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); } } .fadeOutLeft{ -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0); } } .fadeOutLeftBig{ -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig; } @-webkit-keyframes fadeOutRight{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } } @keyframes fadeOutRight{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); } } .fadeOutRight{ -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight; } @-webkit-keyframes fadeOutRightBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0); } } .fadeOutRightBig{ -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig; } @-webkit-keyframes fadeOutUp{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } } @keyframes fadeOutUp{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } } .fadeOutUp{ -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp; } @-webkit-keyframes fadeOutUpBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0); } } .fadeOutUpBig{ -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig; } @-webkit-keyframes flip{ 0%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn); } 40%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg); } 50%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg); } 80%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); } to{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px); transform:perspective(400px); } } @keyframes flip{ 0%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) rotateY(-1turn); transform:perspective(400px) rotateY(-1turn); } 40%{ -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg); transform:perspective(400px) translateZ(150px) rotateY(-190deg); } 50%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg); transform:perspective(400px) translateZ(150px) rotateY(-170deg); } 80%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); } to{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px); transform:perspective(400px); } } .animated.flip{ -webkit-animation-name:flip; animation-name:flip; -webkit-backface-visibility:visible; backface-visibility:visible; } @-webkit-keyframes flipInX{ 0%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); } 60%{ opacity:1; -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); } 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } @keyframes flipInX{ 0%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); } 60%{ opacity:1; -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg); } 80%{ -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } .flipInX{ -webkit-animation-name:flipInX; animation-name:flipInX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @-webkit-keyframes flipInY{ 0%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg); } 60%{ opacity:1; -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); } 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } @keyframes flipInY{ 0%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); } 40%{ -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg); } 60%{ opacity:1; -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg); } 80%{ -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } .flipInY{ -webkit-animation-name:flipInY; animation-name:flipInY; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @-webkit-keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ opacity:1; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); } to{ opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); } } @keyframes flipOutX{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ opacity:1; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg); } to{ opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); } } .flipOutX{ -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @-webkit-keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ opacity:1; -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); } to{ opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); } } @keyframes flipOutY{ 0%{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ opacity:1; -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg); } to{ opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); } } .flipOutY{ -webkit-animation-name:flipOutY; animation-name:flipOutY; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @-webkit-keyframes lightSpeedIn{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); } 60%{ opacity:1; -webkit-transform:skewX(20deg); transform:skewX(20deg); } 80%{ opacity:1; -webkit-transform:skewX(-5deg); transform:skewX(-5deg); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes lightSpeedIn{ 0%{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg); } 60%{ opacity:1; -webkit-transform:skewX(20deg); transform:skewX(20deg); } 80%{ opacity:1; -webkit-transform:skewX(-5deg); transform:skewX(-5deg); } to{ opacity:1; -webkit-transform:none; transform:none; } } .lightSpeedIn{ -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } @-webkit-keyframes lightSpeedOut{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); } } @keyframes lightSpeedOut{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); } } .lightSpeedOut{ -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } @-webkit-keyframes rotateIn{ 0%{ opacity:0; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); -webkit-transform-origin:center; transform-origin:center; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:center; transform-origin:center; } } @keyframes rotateIn{ 0%{ opacity:0; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); -webkit-transform-origin:center; transform-origin:center; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:center; transform-origin:center; } } .rotateIn{ -webkit-animation-name:rotateIn; animation-name:rotateIn; } @-webkit-keyframes rotateInDownLeft{ 0%{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:left bottom; transform-origin:left bottom; } } @keyframes rotateInDownLeft{ 0%{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:left bottom; transform-origin:left bottom; } } .rotateInDownLeft{ -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft; } @-webkit-keyframes rotateInDownRight{ 0%{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:right bottom; transform-origin:right bottom; } } @keyframes rotateInDownRight{ 0%{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:right bottom; transform-origin:right bottom; } } .rotateInDownRight{ -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight; } @-webkit-keyframes rotateInUpLeft{ 0%{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:left bottom; transform-origin:left bottom; } } @keyframes rotateInUpLeft{ 0%{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:left bottom; transform-origin:left bottom; } } .rotateInUpLeft{ -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft; } @-webkit-keyframes rotateInUpRight{ 0%{ opacity:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:right bottom; transform-origin:right bottom; } } @keyframes rotateInUpRight{ 0%{ opacity:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:1; -webkit-transform:none; transform:none; -webkit-transform-origin:right bottom; transform-origin:right bottom; } } .rotateInUpRight{ -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight; } @-webkit-keyframes rotateOut{ 0%{ opacity:1; -webkit-transform-origin:center; transform-origin:center; } to{ opacity:0; -webkit-transform:rotate(200deg); transform:rotate(200deg); -webkit-transform-origin:center; transform-origin:center; } } @keyframes rotateOut{ 0%{ opacity:1; -webkit-transform-origin:center; transform-origin:center; } to{ opacity:0; -webkit-transform:rotate(200deg); transform:rotate(200deg); -webkit-transform-origin:center; transform-origin:center; } } .rotateOut{ -webkit-animation-name:rotateOut; animation-name:rotateOut; } @-webkit-keyframes rotateOutDownLeft{ 0%{ opacity:1; -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } } @keyframes rotateOutDownLeft{ 0%{ opacity:1; -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } } .rotateOutDownLeft{ -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight{ 0%{ opacity:1; -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } } @keyframes rotateOutDownRight{ 0%{ opacity:1; -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } } .rotateOutDownRight{ -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft{ 0%{ opacity:1; -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } } @keyframes rotateOutUpLeft{ 0%{ opacity:1; -webkit-transform-origin:left bottom; transform-origin:left bottom; } to{ opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left bottom; transform-origin:left bottom; } } .rotateOutUpLeft{ -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight{ 0%{ opacity:1; -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:0; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } } @keyframes rotateOutUpRight{ 0%{ opacity:1; -webkit-transform-origin:right bottom; transform-origin:right bottom; } to{ opacity:0; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:right bottom; transform-origin:right bottom; } } .rotateOutUpRight{ -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight; } @-webkit-keyframes hinge{ 0%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform-origin:top left; transform-origin:top left; } 20%,60%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; } 40%,80%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; } to{ opacity:0; -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); } } @keyframes hinge{ 0%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform-origin:top left; transform-origin:top left; } 20%,60%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; } 40%,80%{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; } to{ opacity:0; -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); } } .hinge{ -webkit-animation-name:hinge; animation-name:hinge; } @-webkit-keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes rollIn{ 0%{ opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg); } to{ opacity:1; -webkit-transform:none; transform:none; } } .rollIn{ -webkit-animation-name:rollIn; animation-name:rollIn; } @-webkit-keyframes rollOut{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut{ 0%{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg); } } .rollOut{ -webkit-animation-name:rollOut; animation-name:rollOut; } @-webkit-keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50%{ opacity:1; } } @keyframes zoomIn{ 0%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } 50%{ opacity:1; } } .zoomIn{ -webkit-animation-name:zoomIn; animation-name:zoomIn; } @-webkit-keyframes zoomInDown{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); } } @keyframes zoomInDown{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); } } .zoomInDown{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; } @-webkit-keyframes zoomInLeft{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); } } .zoomInLeft{ -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft; } @-webkit-keyframes zoomInRight{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); } } .zoomInRight{ -webkit-animation-name:zoomInRight; animation-name:zoomInRight; } @-webkit-keyframes zoomInUp{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); } } @keyframes zoomInUp{ 0%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); } 60%{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); } } .zoomInUp{ -webkit-animation-name:zoomInUp; animation-name:zoomInUp; } @-webkit-keyframes zoomOut{ 0%{ opacity:1; } 50%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } to{ opacity:0; } } @keyframes zoomOut{ 0%{ opacity:1; } 50%{ opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3); } to{ opacity:0; } } .zoomOut{ -webkit-animation-name:zoomOut; animation-name:zoomOut; } @-webkit-keyframes zoomOutDown{ 40%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); } to{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; } } @keyframes zoomOutDown{ 40%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); } to{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; } } .zoomOutDown{ -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown; } @-webkit-keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to{ opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center; } } @keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to{ opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center; } } .zoomOutLeft{ -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft; } @-webkit-keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to{ opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center; } } @keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to{ opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center; } } .zoomOutRight{ -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight; } @-webkit-keyframes zoomOutUp{ 40%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); } to{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; } } @keyframes zoomOutUp{ 40%{ -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); } to{ -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; } } .zoomOutUp{ -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp; } @-webkit-keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } @keyframes slideInDown{ 0%{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } .slideInDown{ -webkit-animation-name:slideInDown; animation-name:slideInDown; } @-webkit-keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } @keyframes slideInLeft{ 0%{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } .slideInLeft{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft; } @-webkit-keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } @keyframes slideInRight{ 0%{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } .slideInRight{ -webkit-animation-name:slideInRight; animation-name:slideInRight; } @-webkit-keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } @keyframes slideInUp{ 0%{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible; } to{ -webkit-transform:translateZ(0); transform:translateZ(0); } } .slideInUp{ -webkit-animation-name:slideInUp; animation-name:slideInUp; } @-webkit-keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden; } } @keyframes slideOutDown{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden; } } .slideOutDown{ -webkit-animation-name:slideOutDown; animation-name:slideOutDown; } @-webkit-keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden; } } @keyframes slideOutLeft{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden; } } .slideOutLeft{ -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft; } @-webkit-keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden; } } @keyframes slideOutRight{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden; } } .slideOutRight{ -webkit-animation-name:slideOutRight; animation-name:slideOutRight; } @-webkit-keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden; } } @keyframes slideOutUp{ 0%{ -webkit-transform:translateZ(0); transform:translateZ(0); } to{ -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden; } } .slideOutUp{ -webkit-animation-name:slideOutUp; animation-name:slideOutUp; } /* .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { min-height: 1px; padding-right: 15px; padding-left: 15px } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; }*/ .img__thumb { cursor: pointer; padding: 5px; } .other-request { border-left: 1px solid; background: #f3f6f8; padding-top: 10px; padding-bottom: 2px; } .attachment-file { position: relative; padding: 0 0 0 30px; color: inherit; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 24px; display: inline-block; } .-hide-desktop { display: none !important; } .attachment-file .inline-icon { position: absolute; left: 0; top: 2px; } .inline-icon { width: 20px; height: 20px; position: relative; display: inline-block; vertical-align: top; } .inline-icon .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; overflow: hidden; } .statustab.disabled-switch { cursor: no-drop; opacity: 0.5; } .statustab.disabled-switch .switch-handles { cursor: no-drop; } .collapse-text { width: 250px; height: 120px; display: block; overflow: hidden; word-break: break-word; word-wrap: break-word; } .collapse-btn { display: none; text-decoration: none; } .status-field { padding-right: 35px; width: 114px; } .img__thumb{ cursor:pointer; padding:5px; } .other-request{ background:#f3f6f8; border-left:1px solid; padding-bottom:2px; padding-top:10px; } .attachment-file{ color:inherit; display:inline-block; max-width:300px; min-height:24px; overflow:hidden; padding:0 0 0 30px; position:relative; text-overflow:ellipsis; white-space:nowrap; } .-hide-desktop{ display:none !important; } .attachment-file .inline-icon{ left:0; position:absolute; top:2px; } .inline-icon{ display:inline-block; height:20px; position:relative; vertical-align:top; width:20px; } .inline-icon .svg-icon{ bottom:0; height:100%; left:0; margin:auto; overflow:hidden; position:absolute; right:0; top:0; } .statustab.disabled-switch{ cursor:no-drop; opacity:.5; } .statustab.disabled-switch .switch-handles{ cursor:no-drop; } .collapse-text{ display:block; height:120px; overflow:hidden; width:250px; word-break:break-word; word-wrap:break-word; } .collapse-btn{ display:none; text-decoration:none; } .status-field{ padding-right:35px; width:114px; } /* NOTE: By FATbit */ .text--left { text-align: left; } .text--right { text-align: right; } .text--center { text-align: center; } .text--justify { text-align: justify; } .text--underline { text-decoration: underline; } .text--overline { text-decoration: overline; } .border.border--top { border-top: 1px solid rgba(0, 0, 0, 0.1); } .border.border--left { border-left: 1px solid rgba(0, 0, 0, 0.1); } .border.border--right { border-right: 1px solid rgba(0, 0, 0, 0.1); } .border.border--bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .clearfix:after { display: table; clear: both; content: ''; } @media screen and (min-width: 48em) { .fl--left { float: left; } .fl--right { float: right; } } /* List */ .list.list--horizontal { cursor: default; list-style: none; } .list.list--horizontal > * { display: inline-block; vertical-align: middle; } @media screen and (min-width: 48em) { .list.list--horizontal.list--2 > *, .list.list--horizontal.list--3 > *, .list.list--horizontal.list--4 > *, .list.list--horizontal.list--5 > * { width: 49.5%; } } @media screen and (min-width: 64em) { .list.list--horizontal.list--3 > *, .list.list--horizontal.list--4 > *, .list.list--horizontal.list--5 > * { width: 32.83333%; } } @media screen and (min-width: 80em) { .list.list--horizontal.list--4 > * { width: 24.5%; } .list.list--horizontal.list--5 > * { width: 19.5%; } } .list.list--vertical { cursor: default; list-style: none; padding-left: 0; } .list.list--vertical > * { display: block; } .list.list--fit { display: table; table-layout: fixed; cursor: default; list-style: none; width: 100%; } .list.list--fit > * { display: table-cell; width: 50%; } .list.list--bullet > * { position: relative; padding-left: 2em; line-height: 2em; } .list.list--bullet > *:before { content: ' '; position: absolute; top: 0.7em; left: 0; display: inline-block; vertical-align: middle; width: 0.6em; height: 0.6em; margin-right: 0.625em; -webkit-border-radius: 1em; border-radius: 1em; background-color: #ffffff; border: 2px solid; } .scrollable--y { -webkit-overflow-scrolling: touch; max-height: 100%; overflow: hidden; overflow-y: auto; } .scrollable--x { -webkit-overflow-scrolling: touch; max-width: 100%; overflow: hidden; overflow-x: auto; } .scrollable--hidden { -webkit-overflow-scrolling: touch; max-width: 100%; overflow: hidden; } .assistive__text { position: absolute !important; margin: -1px !important; border: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; } @media screen and (max-width: 47.9375em) { .hidden-on--mobile { display: none !important; } } @media screen and (min-width: 48em) { .hidden-on--tablet { display: none !important; } } @media screen and (min-width: 80em) { .hidden-on--tablet { display: block !important; } .hidden-on--desktop { display: none !important; } } .visible-on--mobile, .visible-on--tablet, .visible-on--desktop { display: none !important; } @media screen and (max-width: 47.9375em) { .visible-on--mobile { display: block !important; } } @media screen and (min-width: 48em) { .visible-on--tablet { display: block !important; } } @media screen and (min-width: 80em) { .visible-on--desktop { display: block !important; } .visible-on--tablet { display: none !important; } } .gallery { position: relative; display: block; margin-top: -1.69492%; } .gallery:after { display: table; clear: both; content: ' '; } .gallery .gallery__item { display: inline-block; width: 100%; margin-top: 1.69492%; -webkit-box-shadow: 0 0 0 0 #e1e9f3; box-shadow: 0 0 0 0 #e1e9f3; transition: -webkit-box-shadow 0.3s linear; -webkit-transition: box-shadow 0.3s linear; transition: box-shadow 0.3s linear; } .gallery .gallery__item:hover, .gallery .gallery__item:focus { -webkit-box-shadow: 0 0 0 3px #e1e9f3; box-shadow: 0 0 0 3px #e1e9f3; } .gallery .gallery__item img { display: inline-block; vertical-align: middle; max-width: 100%; } @media screen and (min-width: 48em) { .gallery.gallery--1 { margin-top: -1.69492%; } .gallery.gallery--1 .gallery__item { display: block; width: 100%; margin-top: 1.69492%; } .gallery.gallery--2 { margin-top: -1.69492%; } .gallery.gallery--2 .gallery__item { width: 48.27586%; float: left; margin-right: 3.44828%; margin-top: 1.69492%; } .gallery.gallery--2 .gallery__item:nth-child(2n) { margin-right: 0; } .gallery.gallery--2 .gallery__item:nth-child(2n + 1) { clear: left; } .gallery.gallery--3 { margin-top: -1.69492%; } .gallery.gallery--3 .gallery__item { width: 31.81818%; float: left; margin-right: 2.27273%; margin-top: 1.69492%; } .gallery.gallery--3 .gallery__item:nth-child(3n) { margin-right: 0; } .gallery.gallery--3 .gallery__item:nth-child(3n + 1) { clear: left; } .gallery.gallery--4 { margin-top: -1.69492%; } .gallery.gallery--4 .gallery__item { width: 49.15254%; float: left; margin-right: 1.69492%; margin-top: 1.69492%; } .gallery.gallery--4 .gallery__item:nth-child(2n) { margin-right: 0; } .gallery.gallery--4 .gallery__item:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 64em) { .gallery.gallery--4 { margin-top: -1.69492%; } .gallery.gallery--4 .gallery__item { width: 23.72881%; float: left; margin-right: 1.69492%; margin-top: 1.69492%; } .gallery.gallery--4 .gallery__item:nth-child(2n) { margin-right: 1.69492%; } .gallery.gallery--4 .gallery__item:nth-child(2n + 1) { clear: none; } .gallery.gallery--4 .gallery__item:nth-child(4n) { margin-right: 0; } .gallery.gallery--4 .gallery__item:nth-child(4n + 1) { clear: left; } } /* Image */ .image { position: relative; display: inline-block; border: none; overflow: hidden; } .image img { display: block; } .image.image--left, .image.image--right { max-width: 100%; } .image.image--left img, .image.image--right img { max-width: 100%; } .image.image--left { float: left; padding: 0 1.5em 1em 0; top: 0.25em; } .image.image--right { float: right; padding: 0 0 1em 1.5em; top: 0.25em; } .image.image--fit { display: block; width: 100%; } .image.image--fit img { width: 100%; } .media, .media .media__body { overflow: hidden; zoom: 1; } .media .media__figure, .media .media__body { display: table-cell; vertical-align: top; } .media .media__figure img, .media .media__body img { width: 100%; } .media .media__figure.media--middle { vertical-align: middle; } .media .media__figure.media--bottom { vertical-align: bottom; } @media screen and (min-width: 48em) { .media .media__figure.media--left { float: left; padding-right: 1.25em; } .media .media__figure.media--right { float: right; padding-left: 1.25em; } } .media .media__body { width: 75em; padding-left: 1.25em; } .media .media__body.media--middle { vertical-align: middle; } .media .media__body.media--bottom { vertical-align: bottom; } .media .media--left + .media__body, .media .media--right + .media__body { padding-left: 0; } @media screen and (max-width: 47.9375em) { .media, .media .media__figure, .media .media__body { display: block; width: auto; text-align: center; } .media .media__body { padding-left: 0; padding-right: 0; padding-top: 1.25em; } } .tag { display: inline-block; vertical-align: middle; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0.875em; line-height: 1; background-color: #f3f6fa; border: 1px solid #e8eef6; } .tag .tag__label { max-width: 18.75em; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tag .tag__remove { margin-left: 0.625em; } /* NOTE: Custom */ .autoSuggest { position: absolute; top: 100%; left: 0; right: 0; z-index: 999; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); box-shadalkow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .autoSuggest ul { list-style: none; margin: 0; padding: 0; } .autoSuggest a { display: block; padding: 10px; background-color: #ffffff; border: 1px solid #eeeeee; } .autoSuggest a:hover { background-color: #f8f8f8; } .autoSuggest ul li:not(:last-child) a { border-bottom-width: 0; } .text--left{ text-align:left; } .text--right{ text-align:right; } .text--center{ text-align:center; } .text--justify{ text-align:justify; } .text--underline{ text-decoration:underline; } .text--overline{ text-decoration:overline; } .border.border--top{ border-top:1px solid #0000001a; } .border.border--left{ border-left:1px solid #0000001a; } .border.border--right{ border-right:1px solid #0000001a; } .border.border--bottom{ border-bottom:1px solid #0000001a; } .clearfix:after{ clear:both; content:""; display:table; } @media screen and (min-width:48em){ .fl--left{ float:left; } .fl--right{ float:right; } } .list.list--horizontal{ cursor:default; list-style:none; } .list.list--horizontal>*{ display:inline-block; vertical-align:middle; } @media screen and (min-width:48em){ .list.list--horizontal.list--2>*,.list.list--horizontal.list--3>*,.list.list--horizontal.list--4>*,.list.list--horizontal.list--5>*{ width:49.5%; } } @media screen and (min-width:64em){ .list.list--horizontal.list--3>*,.list.list--horizontal.list--4>*,.list.list--horizontal.list--5>*{ width:32.83333%; } } @media screen and (min-width:80em){ .list.list--horizontal.list--4>*{ width:24.5%; } .list.list--horizontal.list--5>*{ width:19.5%; } } .list.list--vertical{ cursor:default; list-style:none; padding-left:0; } .list.list--vertical>*{ display:block; } .list.list--fit{ cursor:default; display:table; list-style:none; table-layout:fixed; width:100%; } .list.list--fit>*{ display:table-cell; width:50%; } .list.list--bullet>*{ line-height:2em; padding-left:2em; position:relative; } .list.list--bullet>:before{ background-color:#fff; border:2px solid; -webkit-border-radius:1em; border-radius:1em; content:" "; display:inline-block; height:.6em; left:0; margin-right:.625em; position:absolute; top:.7em; vertical-align:middle; width:.6em; } .scrollable--y{ -webkit-overflow-scrolling:touch; max-height:100%; overflow:hidden; overflow-y:auto; } .scrollable--x{ overflow:hidden; overflow-x:auto; } .scrollable--hidden,.scrollable--x{ -webkit-overflow-scrolling:touch; max-width:100%; } .scrollable--hidden{ overflow:hidden; } .assistive__text{ border:0 !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important; clip:rect(0 0 0 0) !important; } @media screen and (max-width:47.9375em){ .hidden-on--mobile{ display:none !important; } } @media screen and (min-width:48em){ .hidden-on--tablet{ display:none !important; } } @media screen and (min-width:80em){ .hidden-on--tablet{ display:block !important; } .hidden-on--desktop{ display:none !important; } } .visible-on--desktop,.visible-on--mobile,.visible-on--tablet{ display:none !important; } @media screen and (max-width:47.9375em){ .visible-on--mobile{ display:block !important; } } @media screen and (min-width:48em){ .visible-on--tablet{ display:block !important; } } @media screen and (min-width:80em){ .visible-on--desktop{ display:block !important; } .visible-on--tablet{ display:none !important; } } .gallery{ display:block; margin-top:-1.69492%; position:relative; } .gallery:after{ clear:both; content:" "; display:table; } .gallery .gallery__item{ -webkit-box-shadow:0 0 0 0 #e1e9f3; box-shadow:0 0 0 0 #e1e9f3; display:inline-block; margin-top:1.69492%; transition:-webkit-box-shadow .3s linear; -webkit-transition:box-shadow .3s linear; transition:box-shadow .3s linear; width:100%; } .gallery .gallery__item:focus,.gallery .gallery__item:hover{ -webkit-box-shadow:0 0 0 3px #e1e9f3; box-shadow:0 0 0 3px #e1e9f3; } .gallery .gallery__item img{ display:inline-block; max-width:100%; vertical-align:middle; } @media screen and (min-width:48em){ .gallery.gallery--1{ margin-top:-1.69492%; } .gallery.gallery--1 .gallery__item{ display:block; margin-top:1.69492%; width:100%; } .gallery.gallery--2{ margin-top:-1.69492%; } .gallery.gallery--2 .gallery__item{ float:left; margin-right:3.44828%; margin-top:1.69492%; width:48.27586%; } .gallery.gallery--2 .gallery__item:nth-child(2n){ margin-right:0; } .gallery.gallery--2 .gallery__item:nth-child(odd){ clear:left; } .gallery.gallery--3{ margin-top:-1.69492%; } .gallery.gallery--3 .gallery__item{ float:left; margin-right:2.27273%; margin-top:1.69492%; width:31.81818%; } .gallery.gallery--3 .gallery__item:nth-child(3n){ margin-right:0; } .gallery.gallery--3 .gallery__item:nth-child(3n+1){ clear:left; } .gallery.gallery--4{ margin-top:-1.69492%; } .gallery.gallery--4 .gallery__item{ float:left; margin-right:1.69492%; margin-top:1.69492%; width:49.15254%; } .gallery.gallery--4 .gallery__item:nth-child(2n){ margin-right:0; } .gallery.gallery--4 .gallery__item:nth-child(odd){ clear:left; } } @media screen and (min-width:64em){ .gallery.gallery--4{ margin-top:-1.69492%; } .gallery.gallery--4 .gallery__item{ float:left; margin-right:1.69492%; margin-top:1.69492%; width:23.72881%; } .gallery.gallery--4 .gallery__item:nth-child(2n){ margin-right:1.69492%; } .gallery.gallery--4 .gallery__item:nth-child(odd){ clear:none; } .gallery.gallery--4 .gallery__item:nth-child(4n){ margin-right:0; } .gallery.gallery--4 .gallery__item:nth-child(4n+1){ clear:left; } } .image{ border:none; display:inline-block; overflow:hidden; position:relative; } .image img{ display:block; } .image.image--left,.image.image--left img,.image.image--right,.image.image--right img{ max-width:100%; } .image.image--left{ float:left; padding:0 1.5em 1em 0; top:.25em; } .image.image--right{ float:right; padding:0 0 1em 1.5em; top:.25em; } .image.image--fit{ display:block; width:100%; } .image.image--fit img{ width:100%; } .media,.media .media__body{ overflow:hidden; zoom:1; } .media .media__body,.media .media__figure{ display:table-cell; vertical-align:top; } .media .media__body img,.media .media__figure img{ width:100%; } .media .media__figure.media--middle{ vertical-align:middle; } .media .media__figure.media--bottom{ vertical-align:bottom; } @media screen and (min-width:48em){ .media .media__figure.media--left{ float:left; padding-right:1.25em; } .media .media__figure.media--right{ float:right; padding-left:1.25em; } } .media .media__body{ padding-left:1.25em; width:75em; } .media .media__body.media--middle{ vertical-align:middle; } .media .media__body.media--bottom{ vertical-align:bottom; } .media .media--left+.media__body,.media .media--right+.media__body{ padding-left:0; } @media screen and (max-width:47.9375em){ .media,.media .media__body,.media .media__figure{ display:block; text-align:center; width:auto; } .media .media__body{ padding-left:0; padding-right:0; padding-top:1.25em; } } .tag{ background-color:#f3f6fa; border:1px solid #e8eef6; -webkit-border-radius:3px; border-radius:3px; font-size:.875em; line-height:1; padding:3px 5px; } .tag,.tag .tag__label{ display:inline-block; vertical-align:middle; } .tag .tag__label{ max-width:18.75em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tag .tag__remove{ margin-left:.625em; } .autoSuggest{ -webkit-box-shadow:0 3px 5px 0 #0000001a; left:0; position:absolute; right:0; top:100%; z-index:999; box-shadalkow:0 3px 5px 0 #0000001a; } .autoSuggest ul{ list-style:none; margin:0; padding:0; } .autoSuggest a{ background-color:#fff; border:1px solid #eee; display:block; padding:10px; } .autoSuggest a:hover{ background-color:#f8f8f8; } .autoSuggest ul li:not(:last-child) a{ border-bottom-width:0; } #facebox { position: absolute; top: 0; left: 0; z-index: 999; text-align: left; } #facebox .popup { background: #fff; padding: 0 20px; width: 100%; display: inline-block; position: relative; /*border: 3px solid rgba(0,0,0,0);*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); } #facebox .content { display: block; /*	width: 370px;*/ min-width: 900px; padding: 10px 20px 10px 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top: -44px; right: -33px; padding: 5px; border-radius: 0; width: auto; transform: none; width: 42px; height: 42px; } #facebox .close:after, #facebox .close:before { content: normal; } #facebox .close img { opacity: 0.3; } #facebox .close:hover img { opacity: 1; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } #facebox .faceboxSmall { display: block; width: 600px; /* overflow-y: auto; */ } #facebox .faceboxWidth { display: block; width: 900px; /* overflow-y: auto; */ } #facebox .fbminwidth { max-width: 900px; } #facebox .xlargebox { max-width: 1460px; margin: 0 auto; } #facebox .product-setup-width { width: 1000px; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #edf0f5; z-index: 99; } @media only screen and (max-width: 1025px) { } @media only screen and (max-width: 767px) { #facebox .faceboxWidth { width: auto; } #facebox .product-setup-width { width: auto; } } #facebox .sectionhead h4 { font-size: 1.5em; color: #808080; } #facebox .export-btn { position: static; } #facebox{ left:0; position:absolute; text-align:left; top:0; z-index:999; } #facebox .popup{ -webkit-box-shadow:0 0 30px 10px #0000001a; -moz-box-shadow:0 0 30px 10px #0000001a; box-shadow:0 0 30px 10px #0000001a; display:inline-block; padding:0 20px; position:relative; width:100%; } #facebox .content,#facebox .popup{ background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #facebox .content{ display:block; min-width:900px; padding:10px 20px 10px 10px; } #facebox .content>p:first-child{ margin-top:0; } #facebox .content>p:last-child{ margin-bottom:0; } #facebox .close{ border-radius:0; height:42px; padding:5px; position:absolute; right:-33px; top:-44px; transform:none; width:auto; width:42px; } #facebox .close:after,#facebox .close:before{ content:normal; } #facebox .close img{ opacity:.3; } #facebox .close:hover img{ opacity:1; } #facebox .image,#facebox .loading{ text-align:center; } #facebox img{ border:0; margin:0; } #facebox_overlay{ height:100%; left:0; position:fixed; top:0; width:100%; } #facebox .faceboxSmall{ display:block; width:600px; } #facebox .faceboxWidth{ display:block; width:900px; } #facebox .fbminwidth{ max-width:900px; } #facebox .xlargebox{ margin:0 auto; max-width:1460px; } #facebox .product-setup-width{ width:1000px; } .facebox_hide{ z-index:-100; } .facebox_overlayBG{ background-color:#edf0f5; z-index:99; } @media only screen and (max-width:767px){ #facebox .faceboxWidth,#facebox .product-setup-width{ width:auto; } } #facebox .sectionhead h4{ color:grey; font-size:1.5em; } #facebox .export-btn{ position:static; } @charset "UTF-8"; /*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry  https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: 'Ionicons'; src: url('fonts/ionicons.eot?v=2.0.0'); src: url('fonts/ionicons.eot?v=2.0.0#iefix') format('embedded-opentype'), url('fonts/ionicons.ttf?v=2.0.0') format('truetype'), url('fonts/ionicons.woff?v=2.0.0') format('woff'), url('fonts/ionicons.svg?v=2.0.0#Ionicons') format('svg'); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: 'Ionicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: '\f101'; } .ion-alert-circled:before { content: '\f100'; } .ion-android-add:before { content: '\f2c7'; } .ion-android-add-circle:before { content: '\f359'; } .ion-android-alarm-clock:before { content: '\f35a'; } .ion-android-alert:before { content: '\f35b'; } .ion-android-apps:before { content: '\f35c'; } .ion-android-archive:before { content: '\f2c9'; } .ion-android-arrow-back:before { content: '\f2ca'; } .ion-android-arrow-down:before { content: '\f35d'; } .ion-android-arrow-dropdown:before { content: '\f35f'; } .ion-android-arrow-dropdown-circle:before { content: '\f35e'; } .ion-android-arrow-dropleft:before { content: '\f361'; } .ion-android-arrow-dropleft-circle:before { content: '\f360'; } .ion-android-arrow-dropright:before { content: '\f363'; } .ion-android-arrow-dropright-circle:before { content: '\f362'; } .ion-android-arrow-dropup:before { content: '\f365'; } .ion-android-arrow-dropup-circle:before { content: '\f364'; } .ion-android-arrow-forward:before { content: '\f30f'; } .ion-android-arrow-up:before { content: '\f366'; } .ion-android-attach:before { content: '\f367'; } .ion-android-bar:before { content: '\f368'; } .ion-android-bicycle:before { content: '\f369'; } .ion-android-boat:before { content: '\f36a'; } .ion-android-bookmark:before { content: '\f36b'; } .ion-android-bulb:before { content: '\f36c'; } .ion-android-bus:before { content: '\f36d'; } .ion-android-calendar:before { content: '\f2d1'; } .ion-android-call:before { content: '\f2d2'; } .ion-android-camera:before { content: '\f2d3'; } .ion-android-cancel:before { content: '\f36e'; } .ion-android-car:before { content: '\f36f'; } .ion-android-cart:before { content: '\f370'; } .ion-android-chat:before { content: '\f2d4'; } .ion-android-checkbox:before { content: '\f374'; } .ion-android-checkbox-blank:before { content: '\f371'; } .ion-android-checkbox-outline:before { content: '\f373'; } .ion-android-checkbox-outline-blank:before { content: '\f372'; } .ion-android-checkmark-circle:before { content: '\f375'; } .ion-android-clipboard:before { content: '\f376'; } .ion-android-close:before { content: '\f2d7'; } .ion-android-cloud:before { content: '\f37a'; } .ion-android-cloud-circle:before { content: '\f377'; } .ion-android-cloud-done:before { content: '\f378'; } .ion-android-cloud-outline:before { content: '\f379'; } .ion-android-color-palette:before { content: '\f37b'; } .ion-android-compass:before { content: '\f37c'; } .ion-android-contact:before { content: '\f2d8'; } .ion-android-contacts:before { content: '\f2d9'; } .ion-android-contract:before { content: '\f37d'; } .ion-android-create:before { content: '\f37e'; } .ion-android-delete:before { content: '\f37f'; } .ion-android-desktop:before { content: '\f380'; } .ion-android-document:before { content: '\f381'; } .ion-android-done:before { content: '\f383'; } .ion-android-done-all:before { content: '\f382'; } .ion-android-download:before { content: '\f2dd'; } .ion-android-drafts:before { content: '\f384'; } .ion-android-exit:before { content: '\f385'; } .ion-android-expand:before { content: '\f386'; } .ion-android-favorite:before { content: '\f388'; } .ion-android-favorite-outline:before { content: '\f387'; } .ion-android-film:before { content: '\f389'; } .ion-android-folder:before { content: '\f2e0'; } .ion-android-folder-open:before { content: '\f38a'; } .ion-android-funnel:before { content: '\f38b'; } .ion-android-globe:before { content: '\f38c'; } .ion-android-hand:before { content: '\f2e3'; } .ion-android-hangout:before { content: '\f38d'; } .ion-android-happy:before { content: '\f38e'; } .ion-android-home:before { content: '\f38f'; } .ion-android-image:before { content: '\f2e4'; } .ion-android-laptop:before { content: '\f390'; } .ion-android-list:before { content: '\f391'; } .ion-android-locate:before { content: '\f2e9'; } .ion-android-lock:before { content: '\f392'; } .ion-android-mail:before { content: '\f2eb'; } .ion-android-map:before { content: '\f393'; } .ion-android-menu:before { content: '\f394'; } .ion-android-microphone:before { content: '\f2ec'; } .ion-android-microphone-off:before { content: '\f395'; } .ion-android-more-horizontal:before { content: '\f396'; } .ion-android-more-vertical:before { content: '\f397'; } .ion-android-navigate:before { content: '\f398'; } .ion-android-notifications:before { content: '\f39b'; } .ion-android-notifications-none:before { content: '\f399'; } .ion-android-notifications-off:before { content: '\f39a'; } .ion-android-open:before { content: '\f39c'; } .ion-android-options:before { content: '\f39d'; } .ion-android-people:before { content: '\f39e'; } .ion-android-person:before { content: '\f3a0'; } .ion-android-person-add:before { content: '\f39f'; } .ion-android-phone-landscape:before { content: '\f3a1'; } .ion-android-phone-portrait:before { content: '\f3a2'; } .ion-android-pin:before { content: '\f3a3'; } .ion-android-plane:before { content: '\f3a4'; } .ion-android-playstore:before { content: '\f2f0'; } .ion-android-print:before { content: '\f3a5'; } .ion-android-radio-button-off:before { content: '\f3a6'; } .ion-android-radio-button-on:before { content: '\f3a7'; } .ion-android-refresh:before { content: '\f3a8'; } .ion-android-remove:before { content: '\f2f4'; } .ion-android-remove-circle:before { content: '\f3a9'; } .ion-android-restaurant:before { content: '\f3aa'; } .ion-android-sad:before { content: '\f3ab'; } .ion-android-search:before { content: '\f2f5'; } .ion-android-send:before { content: '\f2f6'; } .ion-android-settings:before { content: '\f2f7'; } .ion-android-share:before { content: '\f2f8'; } .ion-android-share-alt:before { content: '\f3ac'; } .ion-android-star:before { content: '\f2fc'; } .ion-android-star-half:before { content: '\f3ad'; } .ion-android-star-outline:before { content: '\f3ae'; } .ion-android-stopwatch:before { content: '\f2fd'; } .ion-android-subway:before { content: '\f3af'; } .ion-android-sunny:before { content: '\f3b0'; } .ion-android-sync:before { content: '\f3b1'; } .ion-android-textsms:before { content: '\f3b2'; } .ion-android-time:before { content: '\f3b3'; } .ion-android-train:before { content: '\f3b4'; } .ion-android-unlock:before { content: '\f3b5'; } .ion-android-upload:before { content: '\f3b6'; } .ion-android-volume-down:before { content: '\f3b7'; } .ion-android-volume-mute:before { content: '\f3b8'; } .ion-android-volume-off:before { content: '\f3b9'; } .ion-android-volume-up:before { content: '\f3ba'; } .ion-android-walk:before { content: '\f3bb'; } .ion-android-warning:before { content: '\f3bc'; } .ion-android-watch:before { content: '\f3bd'; } .ion-android-wifi:before { content: '\f305'; } .ion-aperture:before { content: '\f313'; } .ion-archive:before { content: '\f102'; } .ion-arrow-down-a:before { content: '\f103'; } .ion-arrow-down-b:before { content: '\f104'; } .ion-arrow-down-c:before { content: '\f105'; } .ion-arrow-expand:before { content: '\f25e'; } .ion-arrow-graph-down-left:before { content: '\f25f'; } .ion-arrow-graph-down-right:before { content: '\f260'; } .ion-arrow-graph-up-left:before { content: '\f261'; } .ion-arrow-graph-up-right:before { content: '\f262'; } .ion-arrow-left-a:before { content: '\f106'; } .ion-arrow-left-b:before { content: '\f107'; } .ion-arrow-left-c:before { content: '\f108'; } .ion-arrow-move:before { content: '\f263'; } .ion-arrow-resize:before { content: '\f264'; } .ion-arrow-return-left:before { content: '\f265'; } .ion-arrow-return-right:before { content: '\f266'; } .ion-arrow-right-a:before { content: '\f109'; } .ion-arrow-right-b:before { content: '\f10a'; } .ion-arrow-right-c:before { content: '\f10b'; } .ion-arrow-shrink:before { content: '\f267'; } .ion-arrow-swap:before { content: '\f268'; } .ion-arrow-up-a:before { content: '\f10c'; } .ion-arrow-up-b:before { content: '\f10d'; } .ion-arrow-up-c:before { content: '\f10e'; } .ion-asterisk:before { content: '\f314'; } .ion-at:before { content: '\f10f'; } .ion-backspace:before { content: '\f3bf'; } .ion-backspace-outline:before { content: '\f3be'; } .ion-bag:before { content: '\f110'; } .ion-battery-charging:before { content: '\f111'; } .ion-battery-empty:before { content: '\f112'; } .ion-battery-full:before { content: '\f113'; } .ion-battery-half:before { content: '\f114'; } .ion-battery-low:before { content: '\f115'; } .ion-beaker:before { content: '\f269'; } .ion-beer:before { content: '\f26a'; } .ion-bluetooth:before { content: '\f116'; } .ion-bonfire:before { content: '\f315'; } .ion-bookmark:before { content: '\f26b'; } .ion-bowtie:before { content: '\f3c0'; } .ion-briefcase:before { content: '\f26c'; } .ion-bug:before { content: '\f2be'; } .ion-calculator:before { content: '\f26d'; } .ion-calendar:before { content: '\f117'; } .ion-camera:before { content: '\f118'; } .ion-card:before { content: '\f119'; } .ion-cash:before { content: '\f316'; } .ion-chatbox:before { content: '\f11b'; } .ion-chatbox-working:before { content: '\f11a'; } .ion-chatboxes:before { content: '\f11c'; } .ion-chatbubble:before { content: '\f11e'; } .ion-chatbubble-working:before { content: '\f11d'; } .ion-chatbubbles:before { content: '\f11f'; } .ion-checkmark:before { content: '\f122'; } .ion-checkmark-circled:before { content: '\f120'; } .ion-checkmark-round:before { content: '\f121'; } .ion-chevron-down:before { content: '\f123'; } .ion-chevron-left:before { content: '\f124'; } .ion-chevron-right:before { content: '\f125'; } .ion-chevron-up:before { content: '\f126'; } .ion-clipboard:before { content: '\f127'; } .ion-clock:before { content: '\f26e'; } .ion-close:before { content: '\f12a'; } .ion-close-circled:before { content: '\f128'; } .ion-close-round:before { content: '\f129'; } .ion-closed-captioning:before { content: '\f317'; } .ion-cloud:before { content: '\f12b'; } .ion-code:before { content: '\f271'; } .ion-code-download:before { content: '\f26f'; } .ion-code-working:before { content: '\f270'; } .ion-coffee:before { content: '\f272'; } .ion-compass:before { content: '\f273'; } .ion-compose:before { content: '\f12c'; } .ion-connection-bars:before { content: '\f274'; } .ion-contrast:before { content: '\f275'; } .ion-crop:before { content: '\f3c1'; } .ion-cube:before { content: '\f318'; } .ion-disc:before { content: '\f12d'; } .ion-document:before { content: '\f12f'; } .ion-document-text:before { content: '\f12e'; } .ion-drag:before { content: '\f130'; } .ion-earth:before { content: '\f276'; } .ion-easel:before { content: '\f3c2'; } .ion-edit:before { content: '\f2bf'; } .ion-egg:before { content: '\f277'; } .ion-eject:before { content: '\f131'; } .ion-email:before { content: '\f132'; } .ion-email-unread:before { content: '\f3c3'; } .ion-erlenmeyer-flask:before { content: '\f3c5'; } .ion-erlenmeyer-flask-bubbles:before { content: '\f3c4'; } .ion-eye:before { content: '\f133'; } .ion-eye-disabled:before { content: '\f306'; } .ion-female:before { content: '\f278'; } .ion-filing:before { content: '\f134'; } .ion-film-marker:before { content: '\f135'; } .ion-fireball:before { content: '\f319'; } .ion-flag:before { content: '\f279'; } .ion-flame:before { content: '\f31a'; } .ion-flash:before { content: '\f137'; } .ion-flash-off:before { content: '\f136'; } .ion-folder:before { content: '\f139'; } .ion-fork:before { content: '\f27a'; } .ion-fork-repo:before { content: '\f2c0'; } .ion-forward:before { content: '\f13a'; } .ion-funnel:before { content: '\f31b'; } .ion-gear-a:before { content: '\f13d'; } .ion-gear-b:before { content: '\f13e'; } .ion-grid:before { content: '\f13f'; } .ion-hammer:before { content: '\f27b'; } .ion-happy:before { content: '\f31c'; } .ion-happy-outline:before { content: '\f3c6'; } .ion-headphone:before { content: '\f140'; } .ion-heart:before { content: '\f141'; } .ion-heart-broken:before { content: '\f31d'; } .ion-help:before { content: '\f143'; } .ion-help-buoy:before { content: '\f27c'; } .ion-help-circled:before { content: '\f142'; } .ion-home:before { content: '\f144'; } .ion-icecream:before { content: '\f27d'; } .ion-image:before { content: '\f147'; } .ion-images:before { content: '\f148'; } .ion-information:before { content: '\f14a'; } .ion-information-circled:before { content: '\f149'; } .ion-ionic:before { content: '\f14b'; } .ion-ios-alarm:before { content: '\f3c8'; } .ion-ios-alarm-outline:before { content: '\f3c7'; } .ion-ios-albums:before { content: '\f3ca'; } .ion-ios-albums-outline:before { content: '\f3c9'; } .ion-ios-americanfootball:before { content: '\f3cc'; } .ion-ios-americanfootball-outline:before { content: '\f3cb'; } .ion-ios-analytics:before { content: '\f3ce'; } .ion-ios-analytics-outline:before { content: '\f3cd'; } .ion-ios-arrow-back:before { content: '\f3cf'; } .ion-ios-arrow-down:before { content: '\f3d0'; } .ion-ios-arrow-forward:before { content: '\f3d1'; } .ion-ios-arrow-left:before { content: '\f3d2'; } .ion-ios-arrow-right:before { content: '\f3d3'; } .ion-ios-arrow-thin-down:before { content: '\f3d4'; } .ion-ios-arrow-thin-left:before { content: '\f3d5'; } .ion-ios-arrow-thin-right:before { content: '\f3d6'; } .ion-ios-arrow-thin-up:before { content: '\f3d7'; } .ion-ios-arrow-up:before { content: '\f3d8'; } .ion-ios-at:before { content: '\f3da'; } .ion-ios-at-outline:before { content: '\f3d9'; } .ion-ios-barcode:before { content: '\f3dc'; } .ion-ios-barcode-outline:before { content: '\f3db'; } .ion-ios-baseball:before { content: '\f3de'; } .ion-ios-baseball-outline:before { content: '\f3dd'; } .ion-ios-basketball:before { content: '\f3e0'; } .ion-ios-basketball-outline:before { content: '\f3df'; } .ion-ios-bell:before { content: '\f3e2'; } .ion-ios-bell-outline:before { content: '\f3e1'; } .ion-ios-body:before { content: '\f3e4'; } .ion-ios-body-outline:before { content: '\f3e3'; } .ion-ios-bolt:before { content: '\f3e6'; } .ion-ios-bolt-outline:before { content: '\f3e5'; } .ion-ios-book:before { content: '\f3e8'; } .ion-ios-book-outline:before { content: '\f3e7'; } .ion-ios-bookmarks:before { content: '\f3ea'; } .ion-ios-bookmarks-outline:before { content: '\f3e9'; } .ion-ios-box:before { content: '\f3ec'; } .ion-ios-box-outline:before { content: '\f3eb'; } .ion-ios-briefcase:before { content: '\f3ee'; } .ion-ios-briefcase-outline:before { content: '\f3ed'; } .ion-ios-browsers:before { content: '\f3f0'; } .ion-ios-browsers-outline:before { content: '\f3ef'; } .ion-ios-calculator:before { content: '\f3f2'; } .ion-ios-calculator-outline:before { content: '\f3f1'; } .ion-ios-calendar:before { content: '\f3f4'; } .ion-ios-calendar-outline:before { content: '\f3f3'; } .ion-ios-camera:before { content: '\f3f6'; } .ion-ios-camera-outline:before { content: '\f3f5'; } .ion-ios-cart:before { content: '\f3f8'; } .ion-ios-cart-outline:before { content: '\f3f7'; } .ion-ios-chatboxes:before { content: '\f3fa'; } .ion-ios-chatboxes-outline:before { content: '\f3f9'; } .ion-ios-chatbubble:before { content: '\f3fc'; } .ion-ios-chatbubble-outline:before { content: '\f3fb'; } .ion-ios-checkmark:before { content: '\f3ff'; } .ion-ios-checkmark-empty:before { content: '\f3fd'; } .ion-ios-checkmark-outline:before { content: '\f3fe'; } .ion-ios-circle-filled:before { content: '\f400'; } .ion-ios-circle-outline:before { content: '\f401'; } .ion-ios-clock:before { content: '\f403'; } .ion-ios-clock-outline:before { content: '\f402'; } .ion-ios-close:before { content: '\f406'; } .ion-ios-close-empty:before { content: '\f404'; } .ion-ios-close-outline:before { content: '\f405'; } .ion-ios-cloud:before { content: '\f40c'; } .ion-ios-cloud-download:before { content: '\f408'; } .ion-ios-cloud-download-outline:before { content: '\f407'; } .ion-ios-cloud-outline:before { content: '\f409'; } .ion-ios-cloud-upload:before { content: '\f40b'; } .ion-ios-cloud-upload-outline:before { content: '\f40a'; } .ion-ios-cloudy:before { content: '\f410'; } .ion-ios-cloudy-night:before { content: '\f40e'; } .ion-ios-cloudy-night-outline:before { content: '\f40d'; } .ion-ios-cloudy-outline:before { content: '\f40f'; } .ion-ios-cog:before { content: '\f412'; } .ion-ios-cog-outline:before { content: '\f411'; } .ion-ios-color-filter:before { content: '\f414'; } .ion-ios-color-filter-outline:before { content: '\f413'; } .ion-ios-color-wand:before { content: '\f416'; } .ion-ios-color-wand-outline:before { content: '\f415'; } .ion-ios-compose:before { content: '\f418'; } .ion-ios-compose-outline:before { content: '\f417'; } .ion-ios-contact:before { content: '\f41a'; } .ion-ios-contact-outline:before { content: '\f419'; } .ion-ios-copy:before { content: '\f41c'; } .ion-ios-copy-outline:before { content: '\f41b'; } .ion-ios-crop:before { content: '\f41e'; } .ion-ios-crop-strong:before { content: '\f41d'; } .ion-ios-download:before { content: '\f420'; } .ion-ios-download-outline:before { content: '\f41f'; } .ion-ios-drag:before { content: '\f421'; } .ion-ios-email:before { content: '\f423'; } .ion-ios-email-outline:before { content: '\f422'; } .ion-ios-eye:before { content: '\f425'; } .ion-ios-eye-outline:before { content: '\f424'; } .ion-ios-fastforward:before { content: '\f427'; } .ion-ios-fastforward-outline:before { content: '\f426'; } .ion-ios-filing:before { content: '\f429'; } .ion-ios-filing-outline:before { content: '\f428'; } .ion-ios-film:before { content: '\f42b'; } .ion-ios-film-outline:before { content: '\f42a'; } .ion-ios-flag:before { content: '\f42d'; } .ion-ios-flag-outline:before { content: '\f42c'; } .ion-ios-flame:before { content: '\f42f'; } .ion-ios-flame-outline:before { content: '\f42e'; } .ion-ios-flask:before { content: '\f431'; } .ion-ios-flask-outline:before { content: '\f430'; } .ion-ios-flower:before { content: '\f433'; } .ion-ios-flower-outline:before { content: '\f432'; } .ion-ios-folder:before { content: '\f435'; } .ion-ios-folder-outline:before { content: '\f434'; } .ion-ios-football:before { content: '\f437'; } .ion-ios-football-outline:before { content: '\f436'; } .ion-ios-game-controller-a:before { content: '\f439'; } .ion-ios-game-controller-a-outline:before { content: '\f438'; } .ion-ios-game-controller-b:before { content: '\f43b'; } .ion-ios-game-controller-b-outline:before { content: '\f43a'; } .ion-ios-gear:before { content: '\f43d'; } .ion-ios-gear-outline:before { content: '\f43c'; } .ion-ios-glasses:before { content: '\f43f'; } .ion-ios-glasses-outline:before { content: '\f43e'; } .ion-ios-grid-view:before { content: '\f441'; } .ion-ios-grid-view-outline:before { content: '\f440'; } .ion-ios-heart:before { content: '\f443'; } .ion-ios-heart-outline:before { content: '\f442'; } .ion-ios-help:before { content: '\f446'; } .ion-ios-help-empty:before { content: '\f444'; } .ion-ios-help-outline:before { content: '\f445'; } .ion-ios-home:before { content: '\f448'; } .ion-ios-home-outline:before { content: '\f447'; } .ion-ios-infinite:before { content: '\f44a'; } .ion-ios-infinite-outline:before { content: '\f449'; } .ion-ios-information:before { content: '\f44d'; } .ion-ios-information-empty:before { content: '\f44b'; } .ion-ios-information-outline:before { content: '\f44c'; } .ion-ios-ionic-outline:before { content: '\f44e'; } .ion-ios-keypad:before { content: '\f450'; } .ion-ios-keypad-outline:before { content: '\f44f'; } .ion-ios-lightbulb:before { content: '\f452'; } .ion-ios-lightbulb-outline:before { content: '\f451'; } .ion-ios-list:before { content: '\f454'; } .ion-ios-list-outline:before { content: '\f453'; } .ion-ios-location:before { content: '\f456'; } .ion-ios-location-outline:before { content: '\f455'; } .ion-ios-locked:before { content: '\f458'; } .ion-ios-locked-outline:before { content: '\f457'; } .ion-ios-loop:before { content: '\f45a'; } .ion-ios-loop-strong:before { content: '\f459'; } .ion-ios-medical:before { content: '\f45c'; } .ion-ios-medical-outline:before { content: '\f45b'; } .ion-ios-medkit:before { content: '\f45e'; } .ion-ios-medkit-outline:before { content: '\f45d'; } .ion-ios-mic:before { content: '\f461'; } .ion-ios-mic-off:before { content: '\f45f'; } .ion-ios-mic-outline:before { content: '\f460'; } .ion-ios-minus:before { content: '\f464'; } .ion-ios-minus-empty:before { content: '\f462'; } .ion-ios-minus-outline:before { content: '\f463'; } .ion-ios-monitor:before { content: '\f466'; } .ion-ios-monitor-outline:before { content: '\f465'; } .ion-ios-moon:before { content: '\f468'; } .ion-ios-moon-outline:before { content: '\f467'; } .ion-ios-more:before { content: '\f46a'; } .ion-ios-more-outline:before { content: '\f469'; } .ion-ios-musical-note:before { content: '\f46b'; } .ion-ios-musical-notes:before { content: '\f46c'; } .ion-ios-navigate:before { content: '\f46e'; } .ion-ios-navigate-outline:before { content: '\f46d'; } .ion-ios-nutrition:before { content: '\f470'; } .ion-ios-nutrition-outline:before { content: '\f46f'; } .ion-ios-paper:before { content: '\f472'; } .ion-ios-paper-outline:before { content: '\f471'; } .ion-ios-paperplane:before { content: '\f474'; } .ion-ios-paperplane-outline:before { content: '\f473'; } .ion-ios-partlysunny:before { content: '\f476'; } .ion-ios-partlysunny-outline:before { content: '\f475'; } .ion-ios-pause:before { content: '\f478'; } .ion-ios-pause-outline:before { content: '\f477'; } .ion-ios-paw:before { content: '\f47a'; } .ion-ios-paw-outline:before { content: '\f479'; } .ion-ios-people:before { content: '\f47c'; } .ion-ios-people-outline:before { content: '\f47b'; } .ion-ios-person:before { content: '\f47e'; } .ion-ios-person-outline:before { content: '\f47d'; } .ion-ios-personadd:before { content: '\f480'; } .ion-ios-personadd-outline:before { content: '\f47f'; } .ion-ios-photos:before { content: '\f482'; } .ion-ios-photos-outline:before { content: '\f481'; } .ion-ios-pie:before { content: '\f484'; } .ion-ios-pie-outline:before { content: '\f483'; } .ion-ios-pint:before { content: '\f486'; } .ion-ios-pint-outline:before { content: '\f485'; } .ion-ios-play:before { content: '\f488'; } .ion-ios-play-outline:before { content: '\f487'; } .ion-ios-plus:before { content: '\f48b'; } .ion-ios-plus-empty:before { content: '\f489'; } .ion-ios-plus-outline:before { content: '\f48a'; } .ion-ios-pricetag:before { content: '\f48d'; } .ion-ios-pricetag-outline:before { content: '\f48c'; } .ion-ios-pricetags:before { content: '\f48f'; } .ion-ios-pricetags-outline:before { content: '\f48e'; } .ion-ios-printer:before { content: '\f491'; } .ion-ios-printer-outline:before { content: '\f490'; } .ion-ios-pulse:before { content: '\f493'; } .ion-ios-pulse-strong:before { content: '\f492'; } .ion-ios-rainy:before { content: '\f495'; } .ion-ios-rainy-outline:before { content: '\f494'; } .ion-ios-recording:before { content: '\f497'; } .ion-ios-recording-outline:before { content: '\f496'; } .ion-ios-redo:before { content: '\f499'; } .ion-ios-redo-outline:before { content: '\f498'; } .ion-ios-refresh:before { content: '\f49c'; } .ion-ios-refresh-empty:before { content: '\f49a'; } .ion-ios-refresh-outline:before { content: '\f49b'; } .ion-ios-reload:before { content: '\f49d'; } .ion-ios-reverse-camera:before { content: '\f49f'; } .ion-ios-reverse-camera-outline:before { content: '\f49e'; } .ion-ios-rewind:before { content: '\f4a1'; } .ion-ios-rewind-outline:before { content: '\f4a0'; } .ion-ios-rose:before { content: '\f4a3'; } .ion-ios-rose-outline:before { content: '\f4a2'; } .ion-ios-search:before { content: '\f4a5'; } .ion-ios-search-strong:before { content: '\f4a4'; } .ion-ios-settings:before { content: '\f4a7'; } .ion-ios-settings-strong:before { content: '\f4a6'; } .ion-ios-shuffle:before { content: '\f4a9'; } .ion-ios-shuffle-strong:before { content: '\f4a8'; } .ion-ios-skipbackward:before { content: '\f4ab'; } .ion-ios-skipbackward-outline:before { content: '\f4aa'; } .ion-ios-skipforward:before { content: '\f4ad'; } .ion-ios-skipforward-outline:before { content: '\f4ac'; } .ion-ios-snowy:before { content: '\f4ae'; } .ion-ios-speedometer:before { content: '\f4b0'; } .ion-ios-speedometer-outline:before { content: '\f4af'; } .ion-ios-star:before { content: '\f4b3'; } .ion-ios-star-half:before { content: '\f4b1'; } .ion-ios-star-outline:before { content: '\f4b2'; } .ion-ios-stopwatch:before { content: '\f4b5'; } .ion-ios-stopwatch-outline:before { content: '\f4b4'; } .ion-ios-sunny:before { content: '\f4b7'; } .ion-ios-sunny-outline:before { content: '\f4b6'; } .ion-ios-telephone:before { content: '\f4b9'; } .ion-ios-telephone-outline:before { content: '\f4b8'; } .ion-ios-tennisball:before { content: '\f4bb'; } .ion-ios-tennisball-outline:before { content: '\f4ba'; } .ion-ios-thunderstorm:before { content: '\f4bd'; } .ion-ios-thunderstorm-outline:before { content: '\f4bc'; } .ion-ios-time:before { content: '\f4bf'; } .ion-ios-time-outline:before { content: '\f4be'; } .ion-ios-timer:before { content: '\f4c1'; } .ion-ios-timer-outline:before { content: '\f4c0'; } .ion-ios-toggle:before { content: '\f4c3'; } .ion-ios-toggle-outline:before { content: '\f4c2'; } .ion-ios-trash:before { content: '\f4c5'; } .ion-ios-trash-outline:before { content: '\f4c4'; } .ion-ios-undo:before { content: '\f4c7'; } .ion-ios-undo-outline:before { content: '\f4c6'; } .ion-ios-unlocked:before { content: '\f4c9'; } .ion-ios-unlocked-outline:before { content: '\f4c8'; } .ion-ios-upload:before { content: '\f4cb'; } .ion-ios-upload-outline:before { content: '\f4ca'; } .ion-ios-videocam:before { content: '\f4cd'; } .ion-ios-videocam-outline:before { content: '\f4cc'; } .ion-ios-volume-high:before { content: '\f4ce'; } .ion-ios-volume-low:before { content: '\f4cf'; } .ion-ios-wineglass:before { content: '\f4d1'; } .ion-ios-wineglass-outline:before { content: '\f4d0'; } .ion-ios-world:before { content: '\f4d3'; } .ion-ios-world-outline:before { content: '\f4d2'; } .ion-ipad:before { content: '\f1f9'; } .ion-iphone:before { content: '\f1fa'; } .ion-ipod:before { content: '\f1fb'; } .ion-jet:before { content: '\f295'; } .ion-key:before { content: '\f296'; } .ion-knife:before { content: '\f297'; } .ion-laptop:before { content: '\f1fc'; } .ion-leaf:before { content: '\f1fd'; } .ion-levels:before { content: '\f298'; } .ion-lightbulb:before { content: '\f299'; } .ion-link:before { content: '\f1fe'; } .ion-load-a:before { content: '\f29a'; } .ion-load-b:before { content: '\f29b'; } .ion-load-c:before { content: '\f29c'; } .ion-load-d:before { content: '\f29d'; } .ion-location:before { content: '\f1ff'; } .ion-lock-combination:before { content: '\f4d4'; } .ion-locked:before { content: '\f200'; } .ion-log-in:before { content: '\f29e'; } .ion-log-out:before { content: '\f29f'; } .ion-loop:before { content: '\f201'; } .ion-magnet:before { content: '\f2a0'; } .ion-male:before { content: '\f2a1'; } .ion-man:before { content: '\f202'; } .ion-map:before { content: '\f203'; } .ion-medkit:before { content: '\f2a2'; } .ion-merge:before { content: '\f33f'; } .ion-mic-a:before { content: '\f204'; } .ion-mic-b:before { content: '\f205'; } .ion-mic-c:before { content: '\f206'; } .ion-minus:before { content: '\f209'; } .ion-minus-circled:before { content: '\f207'; } .ion-minus-round:before { content: '\f208'; } .ion-model-s:before { content: '\f2c1'; } .ion-monitor:before { content: '\f20a'; } .ion-more:before { content: '\f20b'; } .ion-mouse:before { content: '\f340'; } .ion-music-note:before { content: '\f20c'; } .ion-navicon:before { content: '\f20e'; } .ion-navicon-round:before { content: '\f20d'; } .ion-navigate:before { content: '\f2a3'; } .ion-network:before { content: '\f341'; } .ion-no-smoking:before { content: '\f2c2'; } .ion-nuclear:before { content: '\f2a4'; } .ion-outlet:before { content: '\f342'; } .ion-paintbrush:before { content: '\f4d5'; } .ion-paintbucket:before { content: '\f4d6'; } .ion-paper-airplane:before { content: '\f2c3'; } .ion-paperclip:before { content: '\f20f'; } .ion-pause:before { content: '\f210'; } .ion-person:before { content: '\f213'; } .ion-person-add:before { content: '\f211'; } .ion-person-stalker:before { content: '\f212'; } .ion-pie-graph:before { content: '\f2a5'; } .ion-pin:before { content: '\f2a6'; } .ion-pinpoint:before { content: '\f2a7'; } .ion-pizza:before { content: '\f2a8'; } .ion-plane:before { content: '\f214'; } .ion-planet:before { content: '\f343'; } .ion-play:before { content: '\f215'; } .ion-playstation:before { content: '\f30a'; } .ion-plus:before { content: '\f218'; } .ion-plus-circled:before { content: '\f216'; } .ion-plus-round:before { content: '\f217'; } .ion-podium:before { content: '\f344'; } .ion-pound:before { content: '\f219'; } .ion-power:before { content: '\f2a9'; } .ion-pricetag:before { content: '\f2aa'; } .ion-pricetags:before { content: '\f2ab'; } .ion-printer:before { content: '\f21a'; } .ion-pull-request:before { content: '\f345'; } .ion-qr-scanner:before { content: '\f346'; } .ion-quote:before { content: '\f347'; } .ion-radio-waves:before { content: '\f2ac'; } .ion-record:before { content: '\f21b'; } .ion-refresh:before { content: '\f21c'; } .ion-reply:before { content: '\f21e'; } .ion-reply-all:before { content: '\f21d'; } .ion-ribbon-a:before { content: '\f348'; } .ion-ribbon-b:before { content: '\f349'; } .ion-sad:before { content: '\f34a'; } .ion-sad-outline:before { content: '\f4d7'; } .ion-scissors:before { content: '\f34b'; } .ion-search:before { content: '\f21f'; } .ion-settings:before { content: '\f2ad'; } .ion-share:before { content: '\f220'; } .ion-shuffle:before { content: '\f221'; } .ion-skip-backward:before { content: '\f222'; } .ion-skip-forward:before { content: '\f223'; } .ion-social-android:before { content: '\f225'; } .ion-social-android-outline:before { content: '\f224'; } .ion-social-angular:before { content: '\f4d9'; } .ion-social-angular-outline:before { content: '\f4d8'; } .ion-social-apple:before { content: '\f227'; } .ion-social-apple-outline:before { content: '\f226'; } .ion-social-bitcoin:before { content: '\f2af'; } .ion-social-bitcoin-outline:before { content: '\f2ae'; } .ion-social-buffer:before { content: '\f229'; } .ion-social-buffer-outline:before { content: '\f228'; } .ion-social-chrome:before { content: '\f4db'; } .ion-social-chrome-outline:before { content: '\f4da'; } .ion-social-codepen:before { content: '\f4dd'; } .ion-social-codepen-outline:before { content: '\f4dc'; } .ion-social-css3:before { content: '\f4df'; } .ion-social-css3-outline:before { content: '\f4de'; } .ion-social-designernews:before { content: '\f22b'; } .ion-social-designernews-outline:before { content: '\f22a'; } .ion-social-dribbble:before { content: '\f22d'; } .ion-social-dribbble-outline:before { content: '\f22c'; } .ion-social-dropbox:before { content: '\f22f'; } .ion-social-dropbox-outline:before { content: '\f22e'; } .ion-social-euro:before { content: '\f4e1'; } .ion-social-euro-outline:before { content: '\f4e0'; } .ion-social-facebook:before { content: '\f231'; } .ion-social-facebook-outline:before { content: '\f230'; } .ion-social-foursquare:before { content: '\f34d'; } .ion-social-foursquare-outline:before { content: '\f34c'; } .ion-social-freebsd-devil:before { content: '\f2c4'; } .ion-social-github:before { content: '\f233'; } .ion-social-github-outline:before { content: '\f232'; } .ion-social-google:before { content: '\f34f'; } .ion-social-google-outline:before { content: '\f34e'; } .ion-social-googleplus:before { content: '\f235'; } .ion-social-googleplus-outline:before { content: '\f234'; } .ion-social-hackernews:before { content: '\f237'; } .ion-social-hackernews-outline:before { content: '\f236'; } .ion-social-html5:before { content: '\f4e3'; } .ion-social-html5-outline:before { content: '\f4e2'; } .ion-social-instagram:before { content: '\f351'; } .ion-social-instagram-outline:before { content: '\f350'; } .ion-social-javascript:before { content: '\f4e5'; } .ion-social-javascript-outline:before { content: '\f4e4'; } .ion-social-linkedin:before { content: '\f239'; } .ion-social-linkedin-outline:before { content: '\f238'; } .ion-social-markdown:before { content: '\f4e6'; } .ion-social-nodejs:before { content: '\f4e7'; } .ion-social-octocat:before { content: '\f4e8'; } .ion-social-pinterest:before { content: '\f2b1'; } .ion-social-pinterest-outline:before { content: '\f2b0'; } .ion-social-python:before { content: '\f4e9'; } .ion-social-reddit:before { content: '\f23b'; } .ion-social-reddit-outline:before { content: '\f23a'; } .ion-social-rss:before { content: '\f23d'; } .ion-social-rss-outline:before { content: '\f23c'; } .ion-social-sass:before { content: '\f4ea'; } .ion-social-skype:before { content: '\f23f'; } .ion-social-skype-outline:before { content: '\f23e'; } .ion-social-snapchat:before { content: '\f4ec'; } .ion-social-snapchat-outline:before { content: '\f4eb'; } .ion-social-tumblr:before { content: '\f241'; } .ion-social-tumblr-outline:before { content: '\f240'; } .ion-social-tux:before { content: '\f2c5'; } .ion-social-twitch:before { content: '\f4ee'; } .ion-social-twitch-outline:before { content: '\f4ed'; } .ion-social-twitter:before { content: '\f243'; } .ion-social-twitter-outline:before { content: '\f242'; } .ion-social-usd:before { content: '\f353'; } .ion-social-usd-outline:before { content: '\f352'; } .ion-social-vimeo:before { content: '\f245'; } .ion-social-vimeo-outline:before { content: '\f244'; } .ion-social-whatsapp:before { content: '\f4f0'; } .ion-social-whatsapp-outline:before { content: '\f4ef'; } .ion-social-windows:before { content: '\f247'; } .ion-social-windows-outline:before { content: '\f246'; } .ion-social-wordpress:before { content: '\f249'; } .ion-social-wordpress-outline:before { content: '\f248'; } .ion-social-yahoo:before { content: '\f24b'; } .ion-social-yahoo-outline:before { content: '\f24a'; } .ion-social-yen:before { content: '\f4f2'; } .ion-social-yen-outline:before { content: '\f4f1'; } .ion-social-youtube:before { content: '\f24d'; } .ion-social-youtube-outline:before { content: '\f24c'; } .ion-soup-can:before { content: '\f4f4'; } .ion-soup-can-outline:before { content: '\f4f3'; } .ion-speakerphone:before { content: '\f2b2'; } .ion-speedometer:before { content: '\f2b3'; } .ion-spoon:before { content: '\f2b4'; } .ion-star:before { content: '\f24e'; } .ion-stats-bars:before { content: '\f2b5'; } .ion-steam:before { content: '\f30b'; } .ion-stop:before { content: '\f24f'; } .ion-thermometer:before { content: '\f2b6'; } .ion-thumbsdown:before { content: '\f250'; } .ion-thumbsup:before { content: '\f251'; } .ion-toggle:before { content: '\f355'; } .ion-toggle-filled:before { content: '\f354'; } .ion-transgender:before { content: '\f4f5'; } .ion-trash-a:before { content: '\f252'; } .ion-trash-b:before { content: '\f253'; } .ion-trophy:before { content: '\f356'; } .ion-tshirt:before { content: '\f4f7'; } .ion-tshirt-outline:before { content: '\f4f6'; } .ion-umbrella:before { content: '\f2b7'; } .ion-university:before { content: '\f357'; } .ion-unlocked:before { content: '\f254'; } .ion-upload:before { content: '\f255'; } .ion-usb:before { content: '\f2b8'; } .ion-videocamera:before { content: '\f256'; } .ion-volume-high:before { content: '\f257'; } .ion-volume-low:before { content: '\f258'; } .ion-volume-medium:before { content: '\f259'; } .ion-volume-mute:before { content: '\f25a'; } .ion-wand:before { content: '\f358'; } .ion-waterdrop:before { content: '\f25b'; } .ion-wifi:before { content: '\f25c'; } .ion-wineglass:before { content: '\f2b9'; } .ion-woman:before { content: '\f25d'; } .ion-wrench:before { content: '\f2ba'; } .ion-xbox:before { content: '\f30c'; } @font-face{ font-family:Ionicons; font-style:normal; font-weight:400; src:url(fonts/ionicons.eot?v=2.0.0); src:url(fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(fonts/ionicons.woff?v=2.0.0) format("woff"), url(fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg"); } .ion,.ion-alert-circled:before,.ion-alert:before,.ion-android-add-circle:before,.ion-android-add:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-cloud:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done-all:before,.ion-android-done:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite-outline:before,.ion-android-favorite:before,.ion-android-film:before,.ion-android-folder-open:before,.ion-android-folder:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone-off:before,.ion-android-microphone:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-notifications:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person-add:before,.ion-android-person:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove-circle:before,.ion-android-remove:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share-alt:before,.ion-android-share:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-star:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace-outline:before,.ion-backspace:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox-working:before,.ion-chatbox:before,.ion-chatboxes:before,.ion-chatbubble-working:before,.ion-chatbubble:before,.ion-chatbubbles:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-checkmark:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close-circled:before,.ion-close-round:before,.ion-close:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code-download:before,.ion-code-working:before,.ion-code:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document-text:before,.ion-document:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email-unread:before,.ion-email:before,.ion-erlenmeyer-flask-bubbles:before,.ion-erlenmeyer-flask:before,.ion-eye-disabled:before,.ion-eye:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash-off:before,.ion-flash:before,.ion-folder:before,.ion-fork-repo:before,.ion-fork:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy-outline:before,.ion-happy:before,.ion-headphone:before,.ion-heart-broken:before,.ion-heart:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-help:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information-circled:before,.ion-information:before,.ion-ionic:before,.ion-ios-alarm-outline:before,.ion-ios-alarm:before,.ion-ios-albums-outline:before,.ion-ios-albums:before,.ion-ios-americanfootball-outline:before,.ion-ios-americanfootball:before,.ion-ios-analytics-outline:before,.ion-ios-analytics:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at-outline:before,.ion-ios-at:before,.ion-ios-barcode-outline:before,.ion-ios-barcode:before,.ion-ios-baseball-outline:before,.ion-ios-baseball:before,.ion-ios-basketball-outline:before,.ion-ios-basketball:before,.ion-ios-bell-outline:before,.ion-ios-bell:before,.ion-ios-body-outline:before,.ion-ios-body:before,.ion-ios-bolt-outline:before,.ion-ios-bolt:before,.ion-ios-book-outline:before,.ion-ios-book:before,.ion-ios-bookmarks-outline:before,.ion-ios-bookmarks:before,.ion-ios-box-outline:before,.ion-ios-box:before,.ion-ios-briefcase-outline:before,.ion-ios-briefcase:before,.ion-ios-browsers-outline:before,.ion-ios-browsers:before,.ion-ios-calculator-outline:before,.ion-ios-calculator:before,.ion-ios-calendar-outline:before,.ion-ios-calendar:before,.ion-ios-camera-outline:before,.ion-ios-camera:before,.ion-ios-cart-outline:before,.ion-ios-cart:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatbubble-outline:before,.ion-ios-chatbubble:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-checkmark:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock-outline:before,.ion-ios-clock:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-close:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-download:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-outline:before,.ion-ios-cloudy:before,.ion-ios-cog-outline:before,.ion-ios-cog:before,.ion-ios-color-filter-outline:before,.ion-ios-color-filter:before,.ion-ios-color-wand-outline:before,.ion-ios-color-wand:before,.ion-ios-compose-outline:before,.ion-ios-compose:before,.ion-ios-contact-outline:before,.ion-ios-contact:before,.ion-ios-copy-outline:before,.ion-ios-copy:before,.ion-ios-crop-strong:before,.ion-ios-crop:before,.ion-ios-download-outline:before,.ion-ios-download:before,.ion-ios-drag:before,.ion-ios-email-outline:before,.ion-ios-email:before,.ion-ios-eye-outline:before,.ion-ios-eye:before,.ion-ios-fastforward-outline:before,.ion-ios-fastforward:before,.ion-ios-filing-outline:before,.ion-ios-filing:before,.ion-ios-film-outline:before,.ion-ios-film:before,.ion-ios-flag-outline:before,.ion-ios-flag:before,.ion-ios-flame-outline:before,.ion-ios-flame:before,.ion-ios-flask-outline:before,.ion-ios-flask:before,.ion-ios-flower-outline:before,.ion-ios-flower:before,.ion-ios-folder-outline:before,.ion-ios-folder:before,.ion-ios-football-outline:before,.ion-ios-football:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-b-outline:before,.ion-ios-game-controller-b:before,.ion-ios-gear-outline:before,.ion-ios-gear:before,.ion-ios-glasses-outline:before,.ion-ios-glasses:before,.ion-ios-grid-view-outline:before,.ion-ios-grid-view:before,.ion-ios-heart-outline:before,.ion-ios-heart:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-help:before,.ion-ios-home-outline:before,.ion-ios-home:before,.ion-ios-infinite-outline:before,.ion-ios-infinite:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-information:before,.ion-ios-ionic-outline:before,.ion-ios-keypad-outline:before,.ion-ios-keypad:before,.ion-ios-lightbulb-outline:before,.ion-ios-lightbulb:before,.ion-ios-list-outline:before,.ion-ios-list:before,.ion-ios-location-outline:before,.ion-ios-location:before,.ion-ios-locked-outline:before,.ion-ios-locked:before,.ion-ios-loop-strong:before,.ion-ios-loop:before,.ion-ios-medical-outline:before,.ion-ios-medical:before,.ion-ios-medkit-outline:before,.ion-ios-medkit:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-mic:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-minus:before,.ion-ios-monitor-outline:before,.ion-ios-monitor:before,.ion-ios-moon-outline:before,.ion-ios-moon:before,.ion-ios-more-outline:before,.ion-ios-more:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate-outline:before,.ion-ios-navigate:before,.ion-ios-nutrition-outline:before,.ion-ios-nutrition:before,.ion-ios-paper-outline:before,.ion-ios-paper:before,.ion-ios-paperplane-outline:before,.ion-ios-paperplane:before,.ion-ios-partlysunny-outline:before,.ion-ios-partlysunny:before,.ion-ios-pause-outline:before,.ion-ios-pause:before,.ion-ios-paw-outline:before,.ion-ios-paw:before,.ion-ios-people-outline:before,.ion-ios-people:before,.ion-ios-person-outline:before,.ion-ios-person:before,.ion-ios-personadd-outline:before,.ion-ios-personadd:before,.ion-ios-photos-outline:before,.ion-ios-photos:before,.ion-ios-pie-outline:before,.ion-ios-pie:before,.ion-ios-pint-outline:before,.ion-ios-pint:before,.ion-ios-play-outline:before,.ion-ios-play:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-plus:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetags-outline:before,.ion-ios-pricetags:before,.ion-ios-printer-outline:before,.ion-ios-printer:before,.ion-ios-pulse-strong:before,.ion-ios-pulse:before,.ion-ios-rainy-outline:before,.ion-ios-rainy:before,.ion-ios-recording-outline:before,.ion-ios-recording:before,.ion-ios-redo-outline:before,.ion-ios-redo:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-refresh:before,.ion-ios-reload:before,.ion-ios-reverse-camera-outline:before,.ion-ios-reverse-camera:before,.ion-ios-rewind-outline:before,.ion-ios-rewind:before,.ion-ios-rose-outline:before,.ion-ios-rose:before,.ion-ios-search-strong:before,.ion-ios-search:before,.ion-ios-settings-strong:before,.ion-ios-settings:before,.ion-ios-shuffle-strong:before,.ion-ios-shuffle:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipbackward:before,.ion-ios-skipforward-outline:before,.ion-ios-skipforward:before,.ion-ios-snowy:before,.ion-ios-speedometer-outline:before,.ion-ios-speedometer:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-star:before,.ion-ios-stopwatch-outline:before,.ion-ios-stopwatch:before,.ion-ios-sunny-outline:before,.ion-ios-sunny:before,.ion-ios-telephone-outline:before,.ion-ios-telephone:before,.ion-ios-tennisball-outline:before,.ion-ios-tennisball:before,.ion-ios-thunderstorm-outline:before,.ion-ios-thunderstorm:before,.ion-ios-time-outline:before,.ion-ios-time:before,.ion-ios-timer-outline:before,.ion-ios-timer:before,.ion-ios-toggle-outline:before,.ion-ios-toggle:before,.ion-ios-trash-outline:before,.ion-ios-trash:before,.ion-ios-undo-outline:before,.ion-ios-undo:before,.ion-ios-unlocked-outline:before,.ion-ios-unlocked:before,.ion-ios-upload-outline:before,.ion-ios-upload:before,.ion-ios-videocam-outline:before,.ion-ios-videocam:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass-outline:before,.ion-ios-wineglass:before,.ion-ios-world-outline:before,.ion-ios-world:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-minus:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon-round:before,.ion-navicon:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person-add:before,.ion-person-stalker:before,.ion-person:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-plus:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply-all:before,.ion-reply:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad-outline:before,.ion-sad:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android-outline:before,.ion-social-android:before,.ion-social-angular-outline:before,.ion-social-angular:before,.ion-social-apple-outline:before,.ion-social-apple:before,.ion-social-bitcoin-outline:before,.ion-social-bitcoin:before,.ion-social-buffer-outline:before,.ion-social-buffer:before,.ion-social-chrome-outline:before,.ion-social-chrome:before,.ion-social-codepen-outline:before,.ion-social-codepen:before,.ion-social-css3-outline:before,.ion-social-css3:before,.ion-social-designernews-outline:before,.ion-social-designernews:before,.ion-social-dribbble-outline:before,.ion-social-dribbble:before,.ion-social-dropbox-outline:before,.ion-social-dropbox:before,.ion-social-euro-outline:before,.ion-social-euro:before,.ion-social-facebook-outline:before,.ion-social-facebook:before,.ion-social-foursquare-outline:before,.ion-social-foursquare:before,.ion-social-freebsd-devil:before,.ion-social-github-outline:before,.ion-social-github:before,.ion-social-google-outline:before,.ion-social-google:before,.ion-social-googleplus-outline:before,.ion-social-googleplus:before,.ion-social-hackernews-outline:before,.ion-social-hackernews:before,.ion-social-html5-outline:before,.ion-social-html5:before,.ion-social-instagram-outline:before,.ion-social-instagram:before,.ion-social-javascript-outline:before,.ion-social-javascript:before,.ion-social-linkedin-outline:before,.ion-social-linkedin:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest-outline:before,.ion-social-pinterest:before,.ion-social-python:before,.ion-social-reddit-outline:before,.ion-social-reddit:before,.ion-social-rss-outline:before,.ion-social-rss:before,.ion-social-sass:before,.ion-social-skype-outline:before,.ion-social-skype:before,.ion-social-snapchat-outline:before,.ion-social-snapchat:before,.ion-social-tumblr-outline:before,.ion-social-tumblr:before,.ion-social-tux:before,.ion-social-twitch-outline:before,.ion-social-twitch:before,.ion-social-twitter-outline:before,.ion-social-twitter:before,.ion-social-usd-outline:before,.ion-social-usd:before,.ion-social-vimeo-outline:before,.ion-social-vimeo:before,.ion-social-whatsapp-outline:before,.ion-social-whatsapp:before,.ion-social-windows-outline:before,.ion-social-windows:before,.ion-social-wordpress-outline:before,.ion-social-wordpress:before,.ion-social-yahoo-outline:before,.ion-social-yahoo:before,.ion-social-yen-outline:before,.ion-social-yen:before,.ion-social-youtube-outline:before,.ion-social-youtube:before,.ion-soup-can-outline:before,.ion-soup-can:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle-filled:before,.ion-toggle:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt-outline:before,.ion-tshirt:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before,.ionicons{ display:inline-block; font-family:Ionicons; speak:none; font-style:normal; font-variant:normal; font-weight:400; line-height:1; text-rendering:auto; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .ion-alert:before{ content:"\f101"; } .ion-alert-circled:before{ content:"\f100"; } .ion-android-add:before{ content:"\f2c7"; } .ion-android-add-circle:before{ content:"\f359"; } .ion-android-alarm-clock:before{ content:"\f35a"; } .ion-android-alert:before{ content:"\f35b"; } .ion-android-apps:before{ content:"\f35c"; } .ion-android-archive:before{ content:"\f2c9"; } .ion-android-arrow-back:before{ content:"\f2ca"; } .ion-android-arrow-down:before{ content:"\f35d"; } .ion-android-arrow-dropdown:before{ content:"\f35f"; } .ion-android-arrow-dropdown-circle:before{ content:"\f35e"; } .ion-android-arrow-dropleft:before{ content:"\f361"; } .ion-android-arrow-dropleft-circle:before{ content:"\f360"; } .ion-android-arrow-dropright:before{ content:"\f363"; } .ion-android-arrow-dropright-circle:before{ content:"\f362"; } .ion-android-arrow-dropup:before{ content:"\f365"; } .ion-android-arrow-dropup-circle:before{ content:"\f364"; } .ion-android-arrow-forward:before{ content:"\f30f"; } .ion-android-arrow-up:before{ content:"\f366"; } .ion-android-attach:before{ content:"\f367"; } .ion-android-bar:before{ content:"\f368"; } .ion-android-bicycle:before{ content:"\f369"; } .ion-android-boat:before{ content:"\f36a"; } .ion-android-bookmark:before{ content:"\f36b"; } .ion-android-bulb:before{ content:"\f36c"; } .ion-android-bus:before{ content:"\f36d"; } .ion-android-calendar:before{ content:"\f2d1"; } .ion-android-call:before{ content:"\f2d2"; } .ion-android-camera:before{ content:"\f2d3"; } .ion-android-cancel:before{ content:"\f36e"; } .ion-android-car:before{ content:"\f36f"; } .ion-android-cart:before{ content:"\f370"; } .ion-android-chat:before{ content:"\f2d4"; } .ion-android-checkbox:before{ content:"\f374"; } .ion-android-checkbox-blank:before{ content:"\f371"; } .ion-android-checkbox-outline:before{ content:"\f373"; } .ion-android-checkbox-outline-blank:before{ content:"\f372"; } .ion-android-checkmark-circle:before{ content:"\f375"; } .ion-android-clipboard:before{ content:"\f376"; } .ion-android-close:before{ content:"\f2d7"; } .ion-android-cloud:before{ content:"\f37a"; } .ion-android-cloud-circle:before{ content:"\f377"; } .ion-android-cloud-done:before{ content:"\f378"; } .ion-android-cloud-outline:before{ content:"\f379"; } .ion-android-color-palette:before{ content:"\f37b"; } .ion-android-compass:before{ content:"\f37c"; } .ion-android-contact:before{ content:"\f2d8"; } .ion-android-contacts:before{ content:"\f2d9"; } .ion-android-contract:before{ content:"\f37d"; } .ion-android-create:before{ content:"\f37e"; } .ion-android-delete:before{ content:"\f37f"; } .ion-android-desktop:before{ content:"\f380"; } .ion-android-document:before{ content:"\f381"; } .ion-android-done:before{ content:"\f383"; } .ion-android-done-all:before{ content:"\f382"; } .ion-android-download:before{ content:"\f2dd"; } .ion-android-drafts:before{ content:"\f384"; } .ion-android-exit:before{ content:"\f385"; } .ion-android-expand:before{ content:"\f386"; } .ion-android-favorite:before{ content:"\f388"; } .ion-android-favorite-outline:before{ content:"\f387"; } .ion-android-film:before{ content:"\f389"; } .ion-android-folder:before{ content:"\f2e0"; } .ion-android-folder-open:before{ content:"\f38a"; } .ion-android-funnel:before{ content:"\f38b"; } .ion-android-globe:before{ content:"\f38c"; } .ion-android-hand:before{ content:"\f2e3"; } .ion-android-hangout:before{ content:"\f38d"; } .ion-android-happy:before{ content:"\f38e"; } .ion-android-home:before{ content:"\f38f"; } .ion-android-image:before{ content:"\f2e4"; } .ion-android-laptop:before{ content:"\f390"; } .ion-android-list:before{ content:"\f391"; } .ion-android-locate:before{ content:"\f2e9"; } .ion-android-lock:before{ content:"\f392"; } .ion-android-mail:before{ content:"\f2eb"; } .ion-android-map:before{ content:"\f393"; } .ion-android-menu:before{ content:"\f394"; } .ion-android-microphone:before{ content:"\f2ec"; } .ion-android-microphone-off:before{ content:"\f395"; } .ion-android-more-horizontal:before{ content:"\f396"; } .ion-android-more-vertical:before{ content:"\f397"; } .ion-android-navigate:before{ content:"\f398"; } .ion-android-notifications:before{ content:"\f39b"; } .ion-android-notifications-none:before{ content:"\f399"; } .ion-android-notifications-off:before{ content:"\f39a"; } .ion-android-open:before{ content:"\f39c"; } .ion-android-options:before{ content:"\f39d"; } .ion-android-people:before{ content:"\f39e"; } .ion-android-person:before{ content:"\f3a0"; } .ion-android-person-add:before{ content:"\f39f"; } .ion-android-phone-landscape:before{ content:"\f3a1"; } .ion-android-phone-portrait:before{ content:"\f3a2"; } .ion-android-pin:before{ content:"\f3a3"; } .ion-android-plane:before{ content:"\f3a4"; } .ion-android-playstore:before{ content:"\f2f0"; } .ion-android-print:before{ content:"\f3a5"; } .ion-android-radio-button-off:before{ content:"\f3a6"; } .ion-android-radio-button-on:before{ content:"\f3a7"; } .ion-android-refresh:before{ content:"\f3a8"; } .ion-android-remove:before{ content:"\f2f4"; } .ion-android-remove-circle:before{ content:"\f3a9"; } .ion-android-restaurant:before{ content:"\f3aa"; } .ion-android-sad:before{ content:"\f3ab"; } .ion-android-search:before{ content:"\f2f5"; } .ion-android-send:before{ content:"\f2f6"; } .ion-android-settings:before{ content:"\f2f7"; } .ion-android-share:before{ content:"\f2f8"; } .ion-android-share-alt:before{ content:"\f3ac"; } .ion-android-star:before{ content:"\f2fc"; } .ion-android-star-half:before{ content:"\f3ad"; } .ion-android-star-outline:before{ content:"\f3ae"; } .ion-android-stopwatch:before{ content:"\f2fd"; } .ion-android-subway:before{ content:"\f3af"; } .ion-android-sunny:before{ content:"\f3b0"; } .ion-android-sync:before{ content:"\f3b1"; } .ion-android-textsms:before{ content:"\f3b2"; } .ion-android-time:before{ content:"\f3b3"; } .ion-android-train:before{ content:"\f3b4"; } .ion-android-unlock:before{ content:"\f3b5"; } .ion-android-upload:before{ content:"\f3b6"; } .ion-android-volume-down:before{ content:"\f3b7"; } .ion-android-volume-mute:before{ content:"\f3b8"; } .ion-android-volume-off:before{ content:"\f3b9"; } .ion-android-volume-up:before{ content:"\f3ba"; } .ion-android-walk:before{ content:"\f3bb"; } .ion-android-warning:before{ content:"\f3bc"; } .ion-android-watch:before{ content:"\f3bd"; } .ion-android-wifi:before{ content:"\f305"; } .ion-aperture:before{ content:"\f313"; } .ion-archive:before{ content:"\f102"; } .ion-arrow-down-a:before{ content:"\f103"; } .ion-arrow-down-b:before{ content:"\f104"; } .ion-arrow-down-c:before{ content:"\f105"; } .ion-arrow-expand:before{ content:"\f25e"; } .ion-arrow-graph-down-left:before{ content:"\f25f"; } .ion-arrow-graph-down-right:before{ content:"\f260"; } .ion-arrow-graph-up-left:before{ content:"\f261"; } .ion-arrow-graph-up-right:before{ content:"\f262"; } .ion-arrow-left-a:before{ content:"\f106"; } .ion-arrow-left-b:before{ content:"\f107"; } .ion-arrow-left-c:before{ content:"\f108"; } .ion-arrow-move:before{ content:"\f263"; } .ion-arrow-resize:before{ content:"\f264"; } .ion-arrow-return-left:before{ content:"\f265"; } .ion-arrow-return-right:before{ content:"\f266"; } .ion-arrow-right-a:before{ content:"\f109"; } .ion-arrow-right-b:before{ content:"\f10a"; } .ion-arrow-right-c:before{ content:"\f10b"; } .ion-arrow-shrink:before{ content:"\f267"; } .ion-arrow-swap:before{ content:"\f268"; } .ion-arrow-up-a:before{ content:"\f10c"; } .ion-arrow-up-b:before{ content:"\f10d"; } .ion-arrow-up-c:before{ content:"\f10e"; } .ion-asterisk:before{ content:"\f314"; } .ion-at:before{ content:"\f10f"; } .ion-backspace:before{ content:"\f3bf"; } .ion-backspace-outline:before{ content:"\f3be"; } .ion-bag:before{ content:"\f110"; } .ion-battery-charging:before{ content:"\f111"; } .ion-battery-empty:before{ content:"\f112"; } .ion-battery-full:before{ content:"\f113"; } .ion-battery-half:before{ content:"\f114"; } .ion-battery-low:before{ content:"\f115"; } .ion-beaker:before{ content:"\f269"; } .ion-beer:before{ content:"\f26a"; } .ion-bluetooth:before{ content:"\f116"; } .ion-bonfire:before{ content:"\f315"; } .ion-bookmark:before{ content:"\f26b"; } .ion-bowtie:before{ content:"\f3c0"; } .ion-briefcase:before{ content:"\f26c"; } .ion-bug:before{ content:"\f2be"; } .ion-calculator:before{ content:"\f26d"; } .ion-calendar:before{ content:"\f117"; } .ion-camera:before{ content:"\f118"; } .ion-card:before{ content:"\f119"; } .ion-cash:before{ content:"\f316"; } .ion-chatbox:before{ content:"\f11b"; } .ion-chatbox-working:before{ content:"\f11a"; } .ion-chatboxes:before{ content:"\f11c"; } .ion-chatbubble:before{ content:"\f11e"; } .ion-chatbubble-working:before{ content:"\f11d"; } .ion-chatbubbles:before{ content:"\f11f"; } .ion-checkmark:before{ content:"\f122"; } .ion-checkmark-circled:before{ content:"\f120"; } .ion-checkmark-round:before{ content:"\f121"; } .ion-chevron-down:before{ content:"\f123"; } .ion-chevron-left:before{ content:"\f124"; } .ion-chevron-right:before{ content:"\f125"; } .ion-chevron-up:before{ content:"\f126"; } .ion-clipboard:before{ content:"\f127"; } .ion-clock:before{ content:"\f26e"; } .ion-close:before{ content:"\f12a"; } .ion-close-circled:before{ content:"\f128"; } .ion-close-round:before{ content:"\f129"; } .ion-closed-captioning:before{ content:"\f317"; } .ion-cloud:before{ content:"\f12b"; } .ion-code:before{ content:"\f271"; } .ion-code-download:before{ content:"\f26f"; } .ion-code-working:before{ content:"\f270"; } .ion-coffee:before{ content:"\f272"; } .ion-compass:before{ content:"\f273"; } .ion-compose:before{ content:"\f12c"; } .ion-connection-bars:before{ content:"\f274"; } .ion-contrast:before{ content:"\f275"; } .ion-crop:before{ content:"\f3c1"; } .ion-cube:before{ content:"\f318"; } .ion-disc:before{ content:"\f12d"; } .ion-document:before{ content:"\f12f"; } .ion-document-text:before{ content:"\f12e"; } .ion-drag:before{ content:"\f130"; } .ion-earth:before{ content:"\f276"; } .ion-easel:before{ content:"\f3c2"; } .ion-edit:before{ content:"\f2bf"; } .ion-egg:before{ content:"\f277"; } .ion-eject:before{ content:"\f131"; } .ion-email:before{ content:"\f132"; } .ion-email-unread:before{ content:"\f3c3"; } .ion-erlenmeyer-flask:before{ content:"\f3c5"; } .ion-erlenmeyer-flask-bubbles:before{ content:"\f3c4"; } .ion-eye:before{ content:"\f133"; } .ion-eye-disabled:before{ content:"\f306"; } .ion-female:before{ content:"\f278"; } .ion-filing:before{ content:"\f134"; } .ion-film-marker:before{ content:"\f135"; } .ion-fireball:before{ content:"\f319"; } .ion-flag:before{ content:"\f279"; } .ion-flame:before{ content:"\f31a"; } .ion-flash:before{ content:"\f137"; } .ion-flash-off:before{ content:"\f136"; } .ion-folder:before{ content:"\f139"; } .ion-fork:before{ content:"\f27a"; } .ion-fork-repo:before{ content:"\f2c0"; } .ion-forward:before{ content:"\f13a"; } .ion-funnel:before{ content:"\f31b"; } .ion-gear-a:before{ content:"\f13d"; } .ion-gear-b:before{ content:"\f13e"; } .ion-grid:before{ content:"\f13f"; } .ion-hammer:before{ content:"\f27b"; } .ion-happy:before{ content:"\f31c"; } .ion-happy-outline:before{ content:"\f3c6"; } .ion-headphone:before{ content:"\f140"; } .ion-heart:before{ content:"\f141"; } .ion-heart-broken:before{ content:"\f31d"; } .ion-help:before{ content:"\f143"; } .ion-help-buoy:before{ content:"\f27c"; } .ion-help-circled:before{ content:"\f142"; } .ion-home:before{ content:"\f144"; } .ion-icecream:before{ content:"\f27d"; } .ion-image:before{ content:"\f147"; } .ion-images:before{ content:"\f148"; } .ion-information:before{ content:"\f14a"; } .ion-information-circled:before{ content:"\f149"; } .ion-ionic:before{ content:"\f14b"; } .ion-ios-alarm:before{ content:"\f3c8"; } .ion-ios-alarm-outline:before{ content:"\f3c7"; } .ion-ios-albums:before{ content:"\f3ca"; } .ion-ios-albums-outline:before{ content:"\f3c9"; } .ion-ios-americanfootball:before{ content:"\f3cc"; } .ion-ios-americanfootball-outline:before{ content:"\f3cb"; } .ion-ios-analytics:before{ content:"\f3ce"; } .ion-ios-analytics-outline:before{ content:"\f3cd"; } .ion-ios-arrow-back:before{ content:"\f3cf"; } .ion-ios-arrow-down:before{ content:"\f3d0"; } .ion-ios-arrow-forward:before{ content:"\f3d1"; } .ion-ios-arrow-left:before{ content:"\f3d2"; } .ion-ios-arrow-right:before{ content:"\f3d3"; } .ion-ios-arrow-thin-down:before{ content:"\f3d4"; } .ion-ios-arrow-thin-left:before{ content:"\f3d5"; } .ion-ios-arrow-thin-right:before{ content:"\f3d6"; } .ion-ios-arrow-thin-up:before{ content:"\f3d7"; } .ion-ios-arrow-up:before{ content:"\f3d8"; } .ion-ios-at:before{ content:"\f3da"; } .ion-ios-at-outline:before{ content:"\f3d9"; } .ion-ios-barcode:before{ content:"\f3dc"; } .ion-ios-barcode-outline:before{ content:"\f3db"; } .ion-ios-baseball:before{ content:"\f3de"; } .ion-ios-baseball-outline:before{ content:"\f3dd"; } .ion-ios-basketball:before{ content:"\f3e0"; } .ion-ios-basketball-outline:before{ content:"\f3df"; } .ion-ios-bell:before{ content:"\f3e2"; } .ion-ios-bell-outline:before{ content:"\f3e1"; } .ion-ios-body:before{ content:"\f3e4"; } .ion-ios-body-outline:before{ content:"\f3e3"; } .ion-ios-bolt:before{ content:"\f3e6"; } .ion-ios-bolt-outline:before{ content:"\f3e5"; } .ion-ios-book:before{ content:"\f3e8"; } .ion-ios-book-outline:before{ content:"\f3e7"; } .ion-ios-bookmarks:before{ content:"\f3ea"; } .ion-ios-bookmarks-outline:before{ content:"\f3e9"; } .ion-ios-box:before{ content:"\f3ec"; } .ion-ios-box-outline:before{ content:"\f3eb"; } .ion-ios-briefcase:before{ content:"\f3ee"; } .ion-ios-briefcase-outline:before{ content:"\f3ed"; } .ion-ios-browsers:before{ content:"\f3f0"; } .ion-ios-browsers-outline:before{ content:"\f3ef"; } .ion-ios-calculator:before{ content:"\f3f2"; } .ion-ios-calculator-outline:before{ content:"\f3f1"; } .ion-ios-calendar:before{ content:"\f3f4"; } .ion-ios-calendar-outline:before{ content:"\f3f3"; } .ion-ios-camera:before{ content:"\f3f6"; } .ion-ios-camera-outline:before{ content:"\f3f5"; } .ion-ios-cart:before{ content:"\f3f8"; } .ion-ios-cart-outline:before{ content:"\f3f7"; } .ion-ios-chatboxes:before{ content:"\f3fa"; } .ion-ios-chatboxes-outline:before{ content:"\f3f9"; } .ion-ios-chatbubble:before{ content:"\f3fc"; } .ion-ios-chatbubble-outline:before{ content:"\f3fb"; } .ion-ios-checkmark:before{ content:"\f3ff"; } .ion-ios-checkmark-empty:before{ content:"\f3fd"; } .ion-ios-checkmark-outline:before{ content:"\f3fe"; } .ion-ios-circle-filled:before{ content:"\f400"; } .ion-ios-circle-outline:before{ content:"\f401"; } .ion-ios-clock:before{ content:"\f403"; } .ion-ios-clock-outline:before{ content:"\f402"; } .ion-ios-close:before{ content:"\f406"; } .ion-ios-close-empty:before{ content:"\f404"; } .ion-ios-close-outline:before{ content:"\f405"; } .ion-ios-cloud:before{ content:"\f40c"; } .ion-ios-cloud-download:before{ content:"\f408"; } .ion-ios-cloud-download-outline:before{ content:"\f407"; } .ion-ios-cloud-outline:before{ content:"\f409"; } .ion-ios-cloud-upload:before{ content:"\f40b"; } .ion-ios-cloud-upload-outline:before{ content:"\f40a"; } .ion-ios-cloudy:before{ content:"\f410"; } .ion-ios-cloudy-night:before{ content:"\f40e"; } .ion-ios-cloudy-night-outline:before{ content:"\f40d"; } .ion-ios-cloudy-outline:before{ content:"\f40f"; } .ion-ios-cog:before{ content:"\f412"; } .ion-ios-cog-outline:before{ content:"\f411"; } .ion-ios-color-filter:before{ content:"\f414"; } .ion-ios-color-filter-outline:before{ content:"\f413"; } .ion-ios-color-wand:before{ content:"\f416"; } .ion-ios-color-wand-outline:before{ content:"\f415"; } .ion-ios-compose:before{ content:"\f418"; } .ion-ios-compose-outline:before{ content:"\f417"; } .ion-ios-contact:before{ content:"\f41a"; } .ion-ios-contact-outline:before{ content:"\f419"; } .ion-ios-copy:before{ content:"\f41c"; } .ion-ios-copy-outline:before{ content:"\f41b"; } .ion-ios-crop:before{ content:"\f41e"; } .ion-ios-crop-strong:before{ content:"\f41d"; } .ion-ios-download:before{ content:"\f420"; } .ion-ios-download-outline:before{ content:"\f41f"; } .ion-ios-drag:before{ content:"\f421"; } .ion-ios-email:before{ content:"\f423"; } .ion-ios-email-outline:before{ content:"\f422"; } .ion-ios-eye:before{ content:"\f425"; } .ion-ios-eye-outline:before{ content:"\f424"; } .ion-ios-fastforward:before{ content:"\f427"; } .ion-ios-fastforward-outline:before{ content:"\f426"; } .ion-ios-filing:before{ content:"\f429"; } .ion-ios-filing-outline:before{ content:"\f428"; } .ion-ios-film:before{ content:"\f42b"; } .ion-ios-film-outline:before{ content:"\f42a"; } .ion-ios-flag:before{ content:"\f42d"; } .ion-ios-flag-outline:before{ content:"\f42c"; } .ion-ios-flame:before{ content:"\f42f"; } .ion-ios-flame-outline:before{ content:"\f42e"; } .ion-ios-flask:before{ content:"\f431"; } .ion-ios-flask-outline:before{ content:"\f430"; } .ion-ios-flower:before{ content:"\f433"; } .ion-ios-flower-outline:before{ content:"\f432"; } .ion-ios-folder:before{ content:"\f435"; } .ion-ios-folder-outline:before{ content:"\f434"; } .ion-ios-football:before{ content:"\f437"; } .ion-ios-football-outline:before{ content:"\f436"; } .ion-ios-game-controller-a:before{ content:"\f439"; } .ion-ios-game-controller-a-outline:before{ content:"\f438"; } .ion-ios-game-controller-b:before{ content:"\f43b"; } .ion-ios-game-controller-b-outline:before{ content:"\f43a"; } .ion-ios-gear:before{ content:"\f43d"; } .ion-ios-gear-outline:before{ content:"\f43c"; } .ion-ios-glasses:before{ content:"\f43f"; } .ion-ios-glasses-outline:before{ content:"\f43e"; } .ion-ios-grid-view:before{ content:"\f441"; } .ion-ios-grid-view-outline:before{ content:"\f440"; } .ion-ios-heart:before{ content:"\f443"; } .ion-ios-heart-outline:before{ content:"\f442"; } .ion-ios-help:before{ content:"\f446"; } .ion-ios-help-empty:before{ content:"\f444"; } .ion-ios-help-outline:before{ content:"\f445"; } .ion-ios-home:before{ content:"\f448"; } .ion-ios-home-outline:before{ content:"\f447"; } .ion-ios-infinite:before{ content:"\f44a"; } .ion-ios-infinite-outline:before{ content:"\f449"; } .ion-ios-information:before{ content:"\f44d"; } .ion-ios-information-empty:before{ content:"\f44b"; } .ion-ios-information-outline:before{ content:"\f44c"; } .ion-ios-ionic-outline:before{ content:"\f44e"; } .ion-ios-keypad:before{ content:"\f450"; } .ion-ios-keypad-outline:before{ content:"\f44f"; } .ion-ios-lightbulb:before{ content:"\f452"; } .ion-ios-lightbulb-outline:before{ content:"\f451"; } .ion-ios-list:before{ content:"\f454"; } .ion-ios-list-outline:before{ content:"\f453"; } .ion-ios-location:before{ content:"\f456"; } .ion-ios-location-outline:before{ content:"\f455"; } .ion-ios-locked:before{ content:"\f458"; } .ion-ios-locked-outline:before{ content:"\f457"; } .ion-ios-loop:before{ content:"\f45a"; } .ion-ios-loop-strong:before{ content:"\f459"; } .ion-ios-medical:before{ content:"\f45c"; } .ion-ios-medical-outline:before{ content:"\f45b"; } .ion-ios-medkit:before{ content:"\f45e"; } .ion-ios-medkit-outline:before{ content:"\f45d"; } .ion-ios-mic:before{ content:"\f461"; } .ion-ios-mic-off:before{ content:"\f45f"; } .ion-ios-mic-outline:before{ content:"\f460"; } .ion-ios-minus:before{ content:"\f464"; } .ion-ios-minus-empty:before{ content:"\f462"; } .ion-ios-minus-outline:before{ content:"\f463"; } .ion-ios-monitor:before{ content:"\f466"; } .ion-ios-monitor-outline:before{ content:"\f465"; } .ion-ios-moon:before{ content:"\f468"; } .ion-ios-moon-outline:before{ content:"\f467"; } .ion-ios-more:before{ content:"\f46a"; } .ion-ios-more-outline:before{ content:"\f469"; } .ion-ios-musical-note:before{ content:"\f46b"; } .ion-ios-musical-notes:before{ content:"\f46c"; } .ion-ios-navigate:before{ content:"\f46e"; } .ion-ios-navigate-outline:before{ content:"\f46d"; } .ion-ios-nutrition:before{ content:"\f470"; } .ion-ios-nutrition-outline:before{ content:"\f46f"; } .ion-ios-paper:before{ content:"\f472"; } .ion-ios-paper-outline:before{ content:"\f471"; } .ion-ios-paperplane:before{ content:"\f474"; } .ion-ios-paperplane-outline:before{ content:"\f473"; } .ion-ios-partlysunny:before{ content:"\f476"; } .ion-ios-partlysunny-outline:before{ content:"\f475"; } .ion-ios-pause:before{ content:"\f478"; } .ion-ios-pause-outline:before{ content:"\f477"; } .ion-ios-paw:before{ content:"\f47a"; } .ion-ios-paw-outline:before{ content:"\f479"; } .ion-ios-people:before{ content:"\f47c"; } .ion-ios-people-outline:before{ content:"\f47b"; } .ion-ios-person:before{ content:"\f47e"; } .ion-ios-person-outline:before{ content:"\f47d"; } .ion-ios-personadd:before{ content:"\f480"; } .ion-ios-personadd-outline:before{ content:"\f47f"; } .ion-ios-photos:before{ content:"\f482"; } .ion-ios-photos-outline:before{ content:"\f481"; } .ion-ios-pie:before{ content:"\f484"; } .ion-ios-pie-outline:before{ content:"\f483"; } .ion-ios-pint:before{ content:"\f486"; } .ion-ios-pint-outline:before{ content:"\f485"; } .ion-ios-play:before{ content:"\f488"; } .ion-ios-play-outline:before{ content:"\f487"; } .ion-ios-plus:before{ content:"\f48b"; } .ion-ios-plus-empty:before{ content:"\f489"; } .ion-ios-plus-outline:before{ content:"\f48a"; } .ion-ios-pricetag:before{ content:"\f48d"; } .ion-ios-pricetag-outline:before{ content:"\f48c"; } .ion-ios-pricetags:before{ content:"\f48f"; } .ion-ios-pricetags-outline:before{ content:"\f48e"; } .ion-ios-printer:before{ content:"\f491"; } .ion-ios-printer-outline:before{ content:"\f490"; } .ion-ios-pulse:before{ content:"\f493"; } .ion-ios-pulse-strong:before{ content:"\f492"; } .ion-ios-rainy:before{ content:"\f495"; } .ion-ios-rainy-outline:before{ content:"\f494"; } .ion-ios-recording:before{ content:"\f497"; } .ion-ios-recording-outline:before{ content:"\f496"; } .ion-ios-redo:before{ content:"\f499"; } .ion-ios-redo-outline:before{ content:"\f498"; } .ion-ios-refresh:before{ content:"\f49c"; } .ion-ios-refresh-empty:before{ content:"\f49a"; } .ion-ios-refresh-outline:before{ content:"\f49b"; } .ion-ios-reload:before{ content:"\f49d"; } .ion-ios-reverse-camera:before{ content:"\f49f"; } .ion-ios-reverse-camera-outline:before{ content:"\f49e"; } .ion-ios-rewind:before{ content:"\f4a1"; } .ion-ios-rewind-outline:before{ content:"\f4a0"; } .ion-ios-rose:before{ content:"\f4a3"; } .ion-ios-rose-outline:before{ content:"\f4a2"; } .ion-ios-search:before{ content:"\f4a5"; } .ion-ios-search-strong:before{ content:"\f4a4"; } .ion-ios-settings:before{ content:"\f4a7"; } .ion-ios-settings-strong:before{ content:"\f4a6"; } .ion-ios-shuffle:before{ content:"\f4a9"; } .ion-ios-shuffle-strong:before{ content:"\f4a8"; } .ion-ios-skipbackward:before{ content:"\f4ab"; } .ion-ios-skipbackward-outline:before{ content:"\f4aa"; } .ion-ios-skipforward:before{ content:"\f4ad"; } .ion-ios-skipforward-outline:before{ content:"\f4ac"; } .ion-ios-snowy:before{ content:"\f4ae"; } .ion-ios-speedometer:before{ content:"\f4b0"; } .ion-ios-speedometer-outline:before{ content:"\f4af"; } .ion-ios-star:before{ content:"\f4b3"; } .ion-ios-star-half:before{ content:"\f4b1"; } .ion-ios-star-outline:before{ content:"\f4b2"; } .ion-ios-stopwatch:before{ content:"\f4b5"; } .ion-ios-stopwatch-outline:before{ content:"\f4b4"; } .ion-ios-sunny:before{ content:"\f4b7"; } .ion-ios-sunny-outline:before{ content:"\f4b6"; } .ion-ios-telephone:before{ content:"\f4b9"; } .ion-ios-telephone-outline:before{ content:"\f4b8"; } .ion-ios-tennisball:before{ content:"\f4bb"; } .ion-ios-tennisball-outline:before{ content:"\f4ba"; } .ion-ios-thunderstorm:before{ content:"\f4bd"; } .ion-ios-thunderstorm-outline:before{ content:"\f4bc"; } .ion-ios-time:before{ content:"\f4bf"; } .ion-ios-time-outline:before{ content:"\f4be"; } .ion-ios-timer:before{ content:"\f4c1"; } .ion-ios-timer-outline:before{ content:"\f4c0"; } .ion-ios-toggle:before{ content:"\f4c3"; } .ion-ios-toggle-outline:before{ content:"\f4c2"; } .ion-ios-trash:before{ content:"\f4c5"; } .ion-ios-trash-outline:before{ content:"\f4c4"; } .ion-ios-undo:before{ content:"\f4c7"; } .ion-ios-undo-outline:before{ content:"\f4c6"; } .ion-ios-unlocked:before{ content:"\f4c9"; } .ion-ios-unlocked-outline:before{ content:"\f4c8"; } .ion-ios-upload:before{ content:"\f4cb"; } .ion-ios-upload-outline:before{ content:"\f4ca"; } .ion-ios-videocam:before{ content:"\f4cd"; } .ion-ios-videocam-outline:before{ content:"\f4cc"; } .ion-ios-volume-high:before{ content:"\f4ce"; } .ion-ios-volume-low:before{ content:"\f4cf"; } .ion-ios-wineglass:before{ content:"\f4d1"; } .ion-ios-wineglass-outline:before{ content:"\f4d0"; } .ion-ios-world:before{ content:"\f4d3"; } .ion-ios-world-outline:before{ content:"\f4d2"; } .ion-ipad:before{ content:"\f1f9"; } .ion-iphone:before{ content:"\f1fa"; } .ion-ipod:before{ content:"\f1fb"; } .ion-jet:before{ content:"\f295"; } .ion-key:before{ content:"\f296"; } .ion-knife:before{ content:"\f297"; } .ion-laptop:before{ content:"\f1fc"; } .ion-leaf:before{ content:"\f1fd"; } .ion-levels:before{ content:"\f298"; } .ion-lightbulb:before{ content:"\f299"; } .ion-link:before{ content:"\f1fe"; } .ion-load-a:before{ content:"\f29a"; } .ion-load-b:before{ content:"\f29b"; } .ion-load-c:before{ content:"\f29c"; } .ion-load-d:before{ content:"\f29d"; } .ion-location:before{ content:"\f1ff"; } .ion-lock-combination:before{ content:"\f4d4"; } .ion-locked:before{ content:"\f200"; } .ion-log-in:before{ content:"\f29e"; } .ion-log-out:before{ content:"\f29f"; } .ion-loop:before{ content:"\f201"; } .ion-magnet:before{ content:"\f2a0"; } .ion-male:before{ content:"\f2a1"; } .ion-man:before{ content:"\f202"; } .ion-map:before{ content:"\f203"; } .ion-medkit:before{ content:"\f2a2"; } .ion-merge:before{ content:"\f33f"; } .ion-mic-a:before{ content:"\f204"; } .ion-mic-b:before{ content:"\f205"; } .ion-mic-c:before{ content:"\f206"; } .ion-minus:before{ content:"\f209"; } .ion-minus-circled:before{ content:"\f207"; } .ion-minus-round:before{ content:"\f208"; } .ion-model-s:before{ content:"\f2c1"; } .ion-monitor:before{ content:"\f20a"; } .ion-more:before{ content:"\f20b"; } .ion-mouse:before{ content:"\f340"; } .ion-music-note:before{ content:"\f20c"; } .ion-navicon:before{ content:"\f20e"; } .ion-navicon-round:before{ content:"\f20d"; } .ion-navigate:before{ content:"\f2a3"; } .ion-network:before{ content:"\f341"; } .ion-no-smoking:before{ content:"\f2c2"; } .ion-nuclear:before{ content:"\f2a4"; } .ion-outlet:before{ content:"\f342"; } .ion-paintbrush:before{ content:"\f4d5"; } .ion-paintbucket:before{ content:"\f4d6"; } .ion-paper-airplane:before{ content:"\f2c3"; } .ion-paperclip:before{ content:"\f20f"; } .ion-pause:before{ content:"\f210"; } .ion-person:before{ content:"\f213"; } .ion-person-add:before{ content:"\f211"; } .ion-person-stalker:before{ content:"\f212"; } .ion-pie-graph:before{ content:"\f2a5"; } .ion-pin:before{ content:"\f2a6"; } .ion-pinpoint:before{ content:"\f2a7"; } .ion-pizza:before{ content:"\f2a8"; } .ion-plane:before{ content:"\f214"; } .ion-planet:before{ content:"\f343"; } .ion-play:before{ content:"\f215"; } .ion-playstation:before{ content:"\f30a"; } .ion-plus:before{ content:"\f218"; } .ion-plus-circled:before{ content:"\f216"; } .ion-plus-round:before{ content:"\f217"; } .ion-podium:before{ content:"\f344"; } .ion-pound:before{ content:"\f219"; } .ion-power:before{ content:"\f2a9"; } .ion-pricetag:before{ content:"\f2aa"; } .ion-pricetags:before{ content:"\f2ab"; } .ion-printer:before{ content:"\f21a"; } .ion-pull-request:before{ content:"\f345"; } .ion-qr-scanner:before{ content:"\f346"; } .ion-quote:before{ content:"\f347"; } .ion-radio-waves:before{ content:"\f2ac"; } .ion-record:before{ content:"\f21b"; } .ion-refresh:before{ content:"\f21c"; } .ion-reply:before{ content:"\f21e"; } .ion-reply-all:before{ content:"\f21d"; } .ion-ribbon-a:before{ content:"\f348"; } .ion-ribbon-b:before{ content:"\f349"; } .ion-sad:before{ content:"\f34a"; } .ion-sad-outline:before{ content:"\f4d7"; } .ion-scissors:before{ content:"\f34b"; } .ion-search:before{ content:"\f21f"; } .ion-settings:before{ content:"\f2ad"; } .ion-share:before{ content:"\f220"; } .ion-shuffle:before{ content:"\f221"; } .ion-skip-backward:before{ content:"\f222"; } .ion-skip-forward:before{ content:"\f223"; } .ion-social-android:before{ content:"\f225"; } .ion-social-android-outline:before{ content:"\f224"; } .ion-social-angular:before{ content:"\f4d9"; } .ion-social-angular-outline:before{ content:"\f4d8"; } .ion-social-apple:before{ content:"\f227"; } .ion-social-apple-outline:before{ content:"\f226"; } .ion-social-bitcoin:before{ content:"\f2af"; } .ion-social-bitcoin-outline:before{ content:"\f2ae"; } .ion-social-buffer:before{ content:"\f229"; } .ion-social-buffer-outline:before{ content:"\f228"; } .ion-social-chrome:before{ content:"\f4db"; } .ion-social-chrome-outline:before{ content:"\f4da"; } .ion-social-codepen:before{ content:"\f4dd"; } .ion-social-codepen-outline:before{ content:"\f4dc"; } .ion-social-css3:before{ content:"\f4df"; } .ion-social-css3-outline:before{ content:"\f4de"; } .ion-social-designernews:before{ content:"\f22b"; } .ion-social-designernews-outline:before{ content:"\f22a"; } .ion-social-dribbble:before{ content:"\f22d"; } .ion-social-dribbble-outline:before{ content:"\f22c"; } .ion-social-dropbox:before{ content:"\f22f"; } .ion-social-dropbox-outline:before{ content:"\f22e"; } .ion-social-euro:before{ content:"\f4e1"; } .ion-social-euro-outline:before{ content:"\f4e0"; } .ion-social-facebook:before{ content:"\f231"; } .ion-social-facebook-outline:before{ content:"\f230"; } .ion-social-foursquare:before{ content:"\f34d"; } .ion-social-foursquare-outline:before{ content:"\f34c"; } .ion-social-freebsd-devil:before{ content:"\f2c4"; } .ion-social-github:before{ content:"\f233"; } .ion-social-github-outline:before{ content:"\f232"; } .ion-social-google:before{ content:"\f34f"; } .ion-social-google-outline:before{ content:"\f34e"; } .ion-social-googleplus:before{ content:"\f235"; } .ion-social-googleplus-outline:before{ content:"\f234"; } .ion-social-hackernews:before{ content:"\f237"; } .ion-social-hackernews-outline:before{ content:"\f236"; } .ion-social-html5:before{ content:"\f4e3"; } .ion-social-html5-outline:before{ content:"\f4e2"; } .ion-social-instagram:before{ content:"\f351"; } .ion-social-instagram-outline:before{ content:"\f350"; } .ion-social-javascript:before{ content:"\f4e5"; } .ion-social-javascript-outline:before{ content:"\f4e4"; } .ion-social-linkedin:before{ content:"\f239"; } .ion-social-linkedin-outline:before{ content:"\f238"; } .ion-social-markdown:before{ content:"\f4e6"; } .ion-social-nodejs:before{ content:"\f4e7"; } .ion-social-octocat:before{ content:"\f4e8"; } .ion-social-pinterest:before{ content:"\f2b1"; } .ion-social-pinterest-outline:before{ content:"\f2b0"; } .ion-social-python:before{ content:"\f4e9"; } .ion-social-reddit:before{ content:"\f23b"; } .ion-social-reddit-outline:before{ content:"\f23a"; } .ion-social-rss:before{ content:"\f23d"; } .ion-social-rss-outline:before{ content:"\f23c"; } .ion-social-sass:before{ content:"\f4ea"; } .ion-social-skype:before{ content:"\f23f"; } .ion-social-skype-outline:before{ content:"\f23e"; } .ion-social-snapchat:before{ content:"\f4ec"; } .ion-social-snapchat-outline:before{ content:"\f4eb"; } .ion-social-tumblr:before{ content:"\f241"; } .ion-social-tumblr-outline:before{ content:"\f240"; } .ion-social-tux:before{ content:"\f2c5"; } .ion-social-twitch:before{ content:"\f4ee"; } .ion-social-twitch-outline:before{ content:"\f4ed"; } .ion-social-twitter:before{ content:"\f243"; } .ion-social-twitter-outline:before{ content:"\f242"; } .ion-social-usd:before{ content:"\f353"; } .ion-social-usd-outline:before{ content:"\f352"; } .ion-social-vimeo:before{ content:"\f245"; } .ion-social-vimeo-outline:before{ content:"\f244"; } .ion-social-whatsapp:before{ content:"\f4f0"; } .ion-social-whatsapp-outline:before{ content:"\f4ef"; } .ion-social-windows:before{ content:"\f247"; } .ion-social-windows-outline:before{ content:"\f246"; } .ion-social-wordpress:before{ content:"\f249"; } .ion-social-wordpress-outline:before{ content:"\f248"; } .ion-social-yahoo:before{ content:"\f24b"; } .ion-social-yahoo-outline:before{ content:"\f24a"; } .ion-social-yen:before{ content:"\f4f2"; } .ion-social-yen-outline:before{ content:"\f4f1"; } .ion-social-youtube:before{ content:"\f24d"; } .ion-social-youtube-outline:before{ content:"\f24c"; } .ion-soup-can:before{ content:"\f4f4"; } .ion-soup-can-outline:before{ content:"\f4f3"; } .ion-speakerphone:before{ content:"\f2b2"; } .ion-speedometer:before{ content:"\f2b3"; } .ion-spoon:before{ content:"\f2b4"; } .ion-star:before{ content:"\f24e"; } .ion-stats-bars:before{ content:"\f2b5"; } .ion-steam:before{ content:"\f30b"; } .ion-stop:before{ content:"\f24f"; } .ion-thermometer:before{ content:"\f2b6"; } .ion-thumbsdown:before{ content:"\f250"; } .ion-thumbsup:before{ content:"\f251"; } .ion-toggle:before{ content:"\f355"; } .ion-toggle-filled:before{ content:"\f354"; } .ion-transgender:before{ content:"\f4f5"; } .ion-trash-a:before{ content:"\f252"; } .ion-trash-b:before{ content:"\f253"; } .ion-trophy:before{ content:"\f356"; } .ion-tshirt:before{ content:"\f4f7"; } .ion-tshirt-outline:before{ content:"\f4f6"; } .ion-umbrella:before{ content:"\f2b7"; } .ion-university:before{ content:"\f357"; } .ion-unlocked:before{ content:"\f254"; } .ion-upload:before{ content:"\f255"; } .ion-usb:before{ content:"\f2b8"; } .ion-videocamera:before{ content:"\f256"; } .ion-volume-high:before{ content:"\f257"; } .ion-volume-low:before{ content:"\f258"; } .ion-volume-medium:before{ content:"\f259"; } .ion-volume-mute:before{ content:"\f25a"; } .ion-wand:before{ content:"\f358"; } .ion-waterdrop:before{ content:"\f25b"; } .ion-wifi:before{ content:"\f25c"; } .ion-wineglass:before{ content:"\f2b9"; } .ion-woman:before{ content:"\f25d"; } .ion-wrench:before{ content:"\f2ba"; } .ion-xbox:before{ content:"\f30c"; } /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 6px; width: 1.8em; height: 1.8em; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/ .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } /*.ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%; height: 30px; padding-left: 5px; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 500; text-transform: uppercase; color: #666; border: 0; } .ui-datepicker td { border: 0; padding: 0; border: 1px solid #eee; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; border-top: none; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .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 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .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; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=='); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { border: none !important; position: relative; text-align: left; } .ui-slider .ui-slider-handle { border-radius: 100%; border: none !important; background: #c4c8cc !important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { border: none !important; background: #0064ca !important; position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { background: #e9e9e9 !important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -0.4em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em !important; } .ui-widget .ui-widget { font-size: 1.2em !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } /* .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } */ .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /*	border: 1px solid #003eff;*/ background: #54d1f1; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-button .ui-icon { background-image: url(admin/images/ui-icons_777777_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(admin/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(admin/images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(admin/images/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .ui-datepicker { border: none !important; box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); padding: 15px; border-radius: 5px !important; width: auto; min-width: 400px; } .ui-datepicker-header.ui-widget-header { background: none; border: none; } .ui-datepicker-month, .ui-datepicker-year { margin: 0 2px !important; } .ui-datepicker td .ui-state-default { background: none; border: none; text-align: center; padding: 10px; } .ui-datepicker td.ui-datepicker-current-day { background: #54d1f1; } .ui-datepicker td.ui-datepicker-current-day:before { position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; content: ''; background: #54d1f1; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); } .ui-datepicker td { position: relative; } .ui-datepicker td > a { position: relative; } .ui-datepicker td.ui-datepicker-today .ui-state-active { background: #fff; } .ui-datepicker td.ui-datepicker-today .ui-state-active:before { display: none; } .ui-datepicker td.ui-datepicker-today .ui-state-active > a { color: #54d1f1; } .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a { color: #54d1f1; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today { background: none; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before { display: none; } /*.ui-datepicker td.ui-datepicker-today {background: #333;} .ui-datepicker td.ui-datepicker-today:before {position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #333;box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);}*/ .ui-datepicker td.ui-datepicker-today a { color: #54d1f1; font-weight: 600; } .ui-datepicker .ui-datepicker-buttonpane button { opacity: 1; padding: 8px 20px; font-weight: normal !important; border: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32c9ef+43,57def9+100 */ background: rgb(50, 201, 239); /* Old browsers */ background: -moz-linear-gradient( -45deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( -45deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( 135deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32c9ef', endColorstr='#57def9', GradientType=1); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0 4px 4px rgba(84, 209, 241, 0.5); color: #ffffff; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } .ui-datepicker .ui-datepicker-buttonpane button:hover { box-shadow: 0 0 8px rgba(84, 209, 241, 0.4), 0 8px 16px rgba(84, 209, 241, 0.66); } /*.ui-datepicker-other-month{background-color: rgba(0, 0, 0, 0.05);}*/ .dropdown-menu { box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; padding: 0; position: absolute; top: 100%; min-width: 300px; z-index: 2; display: none; list-style: none; max-height: 200px; overflow: auto; } .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu li a { display: block; padding: 10px; color: inherit; } /* Force larger font size for all jQuery UI elements */ .ui-widget, .ui-widget * { font-size: 1.2em !important; } .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{ border:0; font-size:100%; line-height:1.3; list-style:none; margin:0; outline:0; padding:0; text-decoration:none; } .ui-helper-clearfix:after,.ui-helper-clearfix:before{ border-collapse:collapse; content:""; display:table; } .ui-helper-clearfix:after{ clear:both; } .ui-helper-zfix{ filter:Alpha(Opacity=0); height:100%; left:0; opacity:0; position:absolute; top:0; width:100%; } .ui-front{ z-index:100; } .ui-state-disabled{ cursor:default !important; pointer-events:none; } .ui-icon{ background-repeat:no-repeat; display:inline-block; margin-top:-.25em; overflow:hidden; position:relative; text-indent:-99999px; vertical-align:middle; } .ui-widget-icon-block{ display:block; left:50%; margin-left:-8px; } .ui-widget-overlay{ height:100%; left:0; position:fixed; top:0; width:100%; } .ui-accordion .ui-accordion-header{ cursor:pointer; display:block; font-size:100%; margin:2px 0 0 0; padding:.5em .5em .5em .7em; position:relative; } .ui-accordion .ui-accordion-content{ border-top:0; overflow:auto; padding:1em 2.2em; } .ui-autocomplete{ cursor:default; left:0; position:absolute; top:0; } .ui-menu{ display:block; list-style:none; margin:0; outline:0; padding:0; } .ui-menu .ui-menu{ position:absolute; } .ui-menu .ui-menu-item{ cursor:pointer; list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); margin:0; } .ui-menu .ui-menu-item-wrapper{ padding:3px 1em 3px .4em; position:relative; } .ui-menu .ui-menu-divider{ border-width:1px 0 0 0; font-size:0; height:0; line-height:0; margin:5px 0; } .ui-menu .ui-state-active,.ui-menu .ui-state-focus{ margin:-1px; } .ui-menu-icons{ position:relative; } .ui-menu-icons .ui-menu-item-wrapper{ padding-left:2em; } .ui-menu .ui-icon{ bottom:0; left:.2em; margin:auto 0; position:absolute; top:0; } .ui-menu .ui-menu-icon{ left:auto; right:0; } .ui-button{ cursor:pointer; display:inline-block; line-height:normal; margin-right:.1em; overflow:visible; padding:.4em 1em; position:relative; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; } .ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{ text-decoration:none; } .ui-button-icon-only{ box-sizing:border-box; text-indent:-9999px; white-space:nowrap; width:2em; } input.ui-button.ui-button-icon-only{ text-indent:0; } .ui-button-icon-only .ui-icon{ left:50%; margin-left:-8px; margin-top:-8px; position:absolute; top:50%; } .ui-button.ui-icon-notext .ui-icon{ height:2.1em; padding:0; text-indent:-9999px; white-space:nowrap; width:2.1em; } input.ui-button.ui-icon-notext .ui-icon{ height:auto; padding:.4em 1em; text-indent:0; white-space:normal; width:auto; } button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{ border:0; padding:0; } .ui-controlgroup{ display:inline-block; vertical-align:middle; } .ui-controlgroup>.ui-controlgroup-item{ float:left; margin-left:0; margin-right:0; } .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{ z-index:9999; } .ui-controlgroup-vertical>.ui-controlgroup-item{ display:block; float:none; margin-bottom:0; margin-top:0; text-align:left; width:100%; } .ui-controlgroup-vertical .ui-controlgroup-item{ box-sizing:border-box; } .ui-controlgroup .ui-controlgroup-label{ padding:.4em 1em; } .ui-controlgroup .ui-controlgroup-label span{ font-size:80%; } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{ border-left:none; } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{ border-top:none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{ border-right:none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{ border-bottom:none; } .ui-controlgroup-vertical .ui-spinner-input{ width:75%; width:calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{ border-top-style:solid; } .ui-checkboxradio-label .ui-icon-background{ border:none; border-radius:.12em; box-shadow:inset 1px 1px 1px #ccc; } .ui-checkboxradio-radio-label .ui-icon-background{ border:none; border-radius:1em; height:16px; overflow:visible; width:16px; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{ background-image:none; border-style:solid; border-width:4px; height:8px; width:8px; } .ui-checkboxradio-disabled{ pointer-events:none; } .ui-datepicker{ display:none; padding:.2em .2em 0; width:17em; } .ui-datepicker .ui-datepicker-header{ padding:.2em 0; position:relative; } .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{ height:1.8em; position:absolute; top:6px; width:1.8em; } .ui-datepicker .ui-datepicker-prev{ left:2px; } .ui-datepicker .ui-datepicker-next{ right:2px; } .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{ display:block; left:50%; margin-left:-8px; margin-top:-8px; position:absolute; top:50%; } .ui-datepicker .ui-datepicker-title{ line-height:1.8em; margin:0 2.3em; text-align:center; } .ui-datepicker .ui-datepicker-title select{ font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{ height:30px; padding-left:5px; width:48%; } .ui-datepicker table{ border-collapse:collapse; font-size:.9em; margin:0 0 .4em; width:100%; } .ui-datepicker th{ border:0; color:#666; font-weight:500; padding:.7em .3em; text-align:center; text-transform:uppercase; } .ui-datepicker td{ border:0; border:1px solid #eee; padding:0; } .ui-datepicker td a,.ui-datepicker td span{ display:block; padding:.2em; text-align:right; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane{ background-image:none; border-bottom:0; border-left:0; border-right:0; border-top:none; margin:.7em 0 0 0; padding:0 .2em; } .ui-datepicker .ui-datepicker-buttonpane button{ cursor:pointer; float:right; margin:.5em .2em .4em; overflow:visible; padding:.2em .6em .3em .6em; width:auto; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{ float:left; } .ui-datepicker.ui-datepicker-multi{ width:auto; } .ui-datepicker-multi .ui-datepicker-group{ float:left; } .ui-datepicker-multi .ui-datepicker-group table{ margin:0 auto .4em; width:95%; } .ui-datepicker-multi-2 .ui-datepicker-group{ width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group{ width:33.3%; } .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; font-size:0; width:100%; } .ui-datepicker-rtl{ direction:rtl; } .ui-datepicker-rtl .ui-datepicker-prev{ left:auto; right:2px; } .ui-datepicker-rtl .ui-datepicker-next{ left:2px; right:auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover{ left:auto; right:1px; } .ui-datepicker-rtl .ui-datepicker-next:hover{ left:1px; right:auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane{ clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button{ float:left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{ float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{ border-left-width:1px; border-right-width:0; } .ui-datepicker .ui-icon{ background-repeat:no-repeat; display:block; left:.5em; overflow:hidden; text-indent:-99999px; top:.3em; } .ui-dialog{ left:0; outline:0; padding:.2em; position:absolute; top:0; } .ui-dialog .ui-dialog-titlebar{ padding:.4em 1em; position:relative; } .ui-dialog .ui-dialog-title{ float:left; margin:.1em 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; } .ui-dialog .ui-dialog-titlebar-close{ height:20px; margin:-10px 0 0 0; padding:1px; position:absolute; right:.3em; top:50%; width:20px; } .ui-dialog .ui-dialog-content{ background:none; border:0; overflow:auto; padding:.5em 1em; position:relative; } .ui-dialog .ui-dialog-buttonpane{ background-image:none; border-width:1px 0 0 0; margin-top:.5em; padding:.3em 1em .5em .4em; text-align:left; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ float:right; } .ui-dialog .ui-dialog-buttonpane button{ cursor:pointer; margin:.5em .4em .5em 0; } .ui-dialog .ui-resizable-n{ height:2px; top:0; } .ui-dialog .ui-resizable-e{ right:0; width:2px; } .ui-dialog .ui-resizable-s{ bottom:0; height:2px; } .ui-dialog .ui-resizable-w{ left:0; width:2px; } .ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{ height:7px; width:7px; } .ui-dialog .ui-resizable-se{ bottom:0; right:0; } .ui-dialog .ui-resizable-sw{ bottom:0; left:0; } .ui-dialog .ui-resizable-ne{ right:0; top:0; } .ui-dialog .ui-resizable-nw{ left:0; top:0; } .ui-draggable .ui-dialog-titlebar{ cursor:move; } .ui-draggable-handle{ -ms-touch-action:none; touch-action:none; } .ui-resizable{ position:relative; } .ui-resizable-handle{ display:block; font-size:.1px; position:absolute; -ms-touch-action:none; touch-action:none; } .ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{ display:none; } .ui-resizable-n{ cursor:n-resize; top:-5px; } .ui-resizable-n,.ui-resizable-s{ height:7px; left:0; width:100%; } .ui-resizable-s{ bottom:-5px; cursor:s-resize; } .ui-resizable-e{ cursor:e-resize; right:-5px; } .ui-resizable-e,.ui-resizable-w{ height:100%; top:0; width:7px; } .ui-resizable-w{ cursor:w-resize; left:-5px; } .ui-resizable-se{ bottom:1px; cursor:se-resize; height:12px; right:1px; width:12px; } .ui-resizable-sw{ bottom:-5px; cursor:sw-resize; } .ui-resizable-nw,.ui-resizable-sw{ height:9px; left:-5px; width:9px; } .ui-resizable-nw{ cursor:nw-resize; top:-5px; } .ui-resizable-ne{ cursor:ne-resize; height:9px; right:-5px; top:-5px; width:9px; } .ui-progressbar{ height:2em; overflow:hidden; text-align:left; } .ui-progressbar .ui-progressbar-value{ height:100%; margin:-1px; } .ui-progressbar .ui-progressbar-overlay{ background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); filter:alpha(opacity=25); height:100%; opacity:.25; } .ui-progressbar-indeterminate .ui-progressbar-value{ background-image:none; } .ui-selectable{ -ms-touch-action:none; touch-action:none; } .ui-selectable-helper{ border:1px dotted #000; position:absolute; z-index:100; } .ui-selectmenu-menu{ display:none; left:0; margin:0; padding:0; position:absolute; top:0; } .ui-selectmenu-menu .ui-menu{ overflow:auto; overflow-x:hidden; padding-bottom:1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{ border:0; font-size:1em; font-weight:700; height:auto; line-height:1.5; margin:.5em 0 0 0; padding:2px .4em; } .ui-selectmenu-open{ display:block; } .ui-selectmenu-text{ display:block; margin-right:20px; overflow:hidden; text-overflow:ellipsis; } .ui-selectmenu-button.ui-button{ text-align:left; white-space:nowrap; width:14em; } .ui-selectmenu-icon.ui-icon{ float:right; margin-top:0; } .ui-slider{ border:none !important; position:relative; text-align:left; } .ui-slider .ui-slider-handle{ background:#c4c8cc !important; border:none !important; border-radius:100%; cursor:default; height:1.2em; position:absolute; -ms-touch-action:none; touch-action:none; width:1.2em; z-index:2; } .ui-slider .ui-slider-range{ background:#0064ca !important; background-position:0 0; border:none !important; border:0; display:block; font-size:.7em; position:absolute; z-index:1; } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{ filter:inherit; } .ui-slider-horizontal{ background:#e9e9e9 !important; height:6px; } .ui-slider-horizontal .ui-slider-handle{ margin-left:-.6em; top:-.4em; } .ui-slider-horizontal .ui-slider-range{ height:100%; top:0; } .ui-slider-horizontal .ui-slider-range-min{ left:0; } .ui-slider-horizontal .ui-slider-range-max{ right:0; } .ui-slider-vertical{ height:100px; width:.8em; } .ui-slider-vertical .ui-slider-handle{ left:-.3em; margin-bottom:-.6em; margin-left:0; } .ui-slider-vertical .ui-slider-range{ left:0; width:100%; } .ui-slider-vertical .ui-slider-range-min{ bottom:0; } .ui-slider-vertical .ui-slider-range-max{ top:0; } .ui-sortable-handle{ -ms-touch-action:none; touch-action:none; } .ui-spinner{ display:inline-block; overflow:hidden; padding:0; position:relative; vertical-align:middle; } .ui-spinner-input{ background:none; border:none; color:inherit; margin:.2em 0; margin-left:.4em; margin-right:2em; padding:.222em 0; vertical-align:middle; } .ui-spinner-button{ cursor:default; display:block; font-size:.5em; height:50%; margin:0; overflow:hidden; padding:0; position:absolute; right:0; text-align:center; width:1.6em; } .ui-spinner a.ui-spinner-button{ border-bottom-style:none; border-right-style:none; border-top-style:none; } .ui-spinner-up{ top:0; } .ui-spinner-down{ bottom:0; } .ui-tabs{ padding:.2em; position:relative; } .ui-tabs .ui-tabs-nav{ margin:0; padding:.2em .2em 0; } .ui-tabs .ui-tabs-nav li{ border-bottom-width:0; float:left; list-style:none; margin:1px .2em 0 0; padding:0; position:relative; top:0; white-space:nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ float:left; padding:.5em 1em; text-decoration:none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin-bottom:-1px; padding-bottom:1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor:text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{ cursor:pointer; } .ui-tabs .ui-tabs-panel{ background:none; border-width:0; display:block; padding:1em 1.4em; } .ui-tooltip{ max-width:300px; padding:8px; position:absolute; z-index:9999; } body .ui-tooltip{ border-width:2px; } .ui-widget{ font-family:Arial,Helvetica,sans-serif; } .ui-widget,.ui-widget .ui-widget{ font-size:1.2em !important; } .ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{ font-family:Arial,Helvetica,sans-serif; font-size:1em; } .ui-widget.ui-widget-content{ border:1px solid #c5c5c5; } .ui-widget-content{ background:#fff; border:1px solid #ddd; color:#333; } .ui-widget-content a{ color:#333; } .ui-widget-header{ background:#e9e9e9; border:1px solid #ddd; color:#333; font-weight:700; } .ui-widget-header a{ color:#333; } .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{ background:#f6f6f6; border:1px solid #c5c5c5; color:#454545; font-weight:400; } .ui-visual-focus{ box-shadow:0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{ background:#54d1f1; color:#fff; font-weight:400; } .ui-icon-background,.ui-state-active .ui-icon-background{ background-color:#fff; border:#003eff; } .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{ color:#fff; text-decoration:none; } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{ background:#fffa90; border:1px solid #dad55e; color:#777620; } .ui-state-checked{ background:#fffa90; border:1px solid #dad55e; } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{ color:#777620; } .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{ background:#fddfdf; border:1px solid #f1a899; color:#5f3f3f; } .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{ color:#5f3f3f; } .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{ font-weight:700; } .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{ filter:Alpha(Opacity=70); font-weight:400; opacity:.7; } .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{ background-image:none; filter:Alpha(Opacity=35); opacity:.35; } .ui-state-disabled .ui-icon{ filter:Alpha(Opacity=35); } .ui-icon{ height:16px; width:16px; } .ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{ background-image:url(admin/images/ui-icons_222222_256x240.png); } .ui-button .ui-icon{ background-image:url(admin/images/ui-icons_777777_256x240.png); } .ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{ background-image:url(admin/images/ui-icons_222222_256x240.png); } .ui-button:active .ui-icon,.ui-state-active .ui-icon{ background-image:url(admin/images/ui-icons_ffffff_256x240.png); } .ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{ background-image:url(admin/images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{ background-image:url(admin/images/ui-icons_cc0000_256x240.png); } .ui-icon-blank{ background-position:16px 16px; } .ui-icon-caret-1-n{ background-position:0 0; } .ui-icon-caret-1-ne{ background-position:-16px 0; } .ui-icon-caret-1-e{ background-position:-32px 0; } .ui-icon-caret-1-se{ background-position:-48px 0; } .ui-icon-caret-1-s{ background-position:-65px 0; } .ui-icon-caret-1-sw{ background-position:-80px 0; } .ui-icon-caret-1-w{ background-position:-96px 0; } .ui-icon-caret-1-nw{ background-position:-112px 0; } .ui-icon-caret-2-n-s{ background-position:-128px 0; } .ui-icon-caret-2-e-w{ background-position:-144px 0; } .ui-icon-triangle-1-n{ background-position:0 -16px; } .ui-icon-triangle-1-ne{ background-position:-16px -16px; } .ui-icon-triangle-1-e{ background-position:-32px -16px; } .ui-icon-triangle-1-se{ background-position:-48px -16px; } .ui-icon-triangle-1-s{ background-position:-65px -16px; } .ui-icon-triangle-1-sw{ background-position:-80px -16px; } .ui-icon-triangle-1-w{ background-position:-96px -16px; } .ui-icon-triangle-1-nw{ background-position:-112px -16px; } .ui-icon-triangle-2-n-s{ background-position:-128px -16px; } .ui-icon-triangle-2-e-w{ background-position:-144px -16px; } .ui-icon-arrow-1-n{ background-position:0 -32px; } .ui-icon-arrow-1-ne{ background-position:-16px -32px; } .ui-icon-arrow-1-e{ background-position:-32px -32px; } .ui-icon-arrow-1-se{ background-position:-48px -32px; } .ui-icon-arrow-1-s{ background-position:-65px -32px; } .ui-icon-arrow-1-sw{ background-position:-80px -32px; } .ui-icon-arrow-1-w{ background-position:-96px -32px; } .ui-icon-arrow-1-nw{ background-position:-112px -32px; } .ui-icon-arrow-2-n-s{ background-position:-128px -32px; } .ui-icon-arrow-2-ne-sw{ background-position:-144px -32px; } .ui-icon-arrow-2-e-w{ background-position:-160px -32px; } .ui-icon-arrow-2-se-nw{ background-position:-176px -32px; } .ui-icon-arrowstop-1-n{ background-position:-192px -32px; } .ui-icon-arrowstop-1-e{ background-position:-208px -32px; } .ui-icon-arrowstop-1-s{ background-position:-224px -32px; } .ui-icon-arrowstop-1-w{ background-position:-240px -32px; } .ui-icon-arrowthick-1-n{ background-position:1px -48px; } .ui-icon-arrowthick-1-ne{ background-position:-16px -48px; } .ui-icon-arrowthick-1-e{ background-position:-32px -48px; } .ui-icon-arrowthick-1-se{ background-position:-48px -48px; } .ui-icon-arrowthick-1-s{ background-position:-64px -48px; } .ui-icon-arrowthick-1-sw{ background-position:-80px -48px; } .ui-icon-arrowthick-1-w{ background-position:-96px -48px; } .ui-icon-arrowthick-1-nw{ background-position:-112px -48px; } .ui-icon-arrowthick-2-n-s{ background-position:-128px -48px; } .ui-icon-arrowthick-2-ne-sw{ background-position:-144px -48px; } .ui-icon-arrowthick-2-e-w{ background-position:-160px -48px; } .ui-icon-arrowthick-2-se-nw{ background-position:-176px -48px; } .ui-icon-arrowthickstop-1-n{ background-position:-192px -48px; } .ui-icon-arrowthickstop-1-e{ background-position:-208px -48px; } .ui-icon-arrowthickstop-1-s{ background-position:-224px -48px; } .ui-icon-arrowthickstop-1-w{ background-position:-240px -48px; } .ui-icon-arrowreturnthick-1-w{ background-position:0 -64px; } .ui-icon-arrowreturnthick-1-n{ background-position:-16px -64px; } .ui-icon-arrowreturnthick-1-e{ background-position:-32px -64px; } .ui-icon-arrowreturnthick-1-s{ background-position:-48px -64px; } .ui-icon-arrowreturn-1-w{ background-position:-64px -64px; } .ui-icon-arrowreturn-1-n{ background-position:-80px -64px; } .ui-icon-arrowreturn-1-e{ background-position:-96px -64px; } .ui-icon-arrowreturn-1-s{ background-position:-112px -64px; } .ui-icon-arrowrefresh-1-w{ background-position:-128px -64px; } .ui-icon-arrowrefresh-1-n{ background-position:-144px -64px; } .ui-icon-arrowrefresh-1-e{ background-position:-160px -64px; } .ui-icon-arrowrefresh-1-s{ background-position:-176px -64px; } .ui-icon-arrow-4{ background-position:0 -80px; } .ui-icon-arrow-4-diag{ background-position:-16px -80px; } .ui-icon-extlink{ background-position:-32px -80px; } .ui-icon-newwin{ background-position:-48px -80px; } .ui-icon-refresh{ background-position:-64px -80px; } .ui-icon-shuffle{ background-position:-80px -80px; } .ui-icon-transfer-e-w{ background-position:-96px -80px; } .ui-icon-transferthick-e-w{ background-position:-112px -80px; } .ui-icon-folder-collapsed{ background-position:0 -96px; } .ui-icon-folder-open{ background-position:-16px -96px; } .ui-icon-document{ background-position:-32px -96px; } .ui-icon-document-b{ background-position:-48px -96px; } .ui-icon-note{ background-position:-64px -96px; } .ui-icon-mail-closed{ background-position:-80px -96px; } .ui-icon-mail-open{ background-position:-96px -96px; } .ui-icon-suitcase{ background-position:-112px -96px; } .ui-icon-comment{ background-position:-128px -96px; } .ui-icon-person{ background-position:-144px -96px; } .ui-icon-print{ background-position:-160px -96px; } .ui-icon-trash{ background-position:-176px -96px; } .ui-icon-locked{ background-position:-192px -96px; } .ui-icon-unlocked{ background-position:-208px -96px; } .ui-icon-bookmark{ background-position:-224px -96px; } .ui-icon-tag{ background-position:-240px -96px; } .ui-icon-home{ background-position:0 -112px; } .ui-icon-flag{ background-position:-16px -112px; } .ui-icon-calendar{ background-position:-32px -112px; } .ui-icon-cart{ background-position:-48px -112px; } .ui-icon-pencil{ background-position:-64px -112px; } .ui-icon-clock{ background-position:-80px -112px; } .ui-icon-disk{ background-position:-96px -112px; } .ui-icon-calculator{ background-position:-112px -112px; } .ui-icon-zoomin{ background-position:-128px -112px; } .ui-icon-zoomout{ background-position:-144px -112px; } .ui-icon-search{ background-position:-160px -112px; } .ui-icon-wrench{ background-position:-176px -112px; } .ui-icon-gear{ background-position:-192px -112px; } .ui-icon-heart{ background-position:-208px -112px; } .ui-icon-star{ background-position:-224px -112px; } .ui-icon-link{ background-position:-240px -112px; } .ui-icon-cancel{ background-position:0 -128px; } .ui-icon-plus{ background-position:-16px -128px; } .ui-icon-plusthick{ background-position:-32px -128px; } .ui-icon-minus{ background-position:-48px -128px; } .ui-icon-minusthick{ background-position:-64px -128px; } .ui-icon-close{ background-position:-80px -128px; } .ui-icon-closethick{ background-position:-96px -128px; } .ui-icon-key{ background-position:-112px -128px; } .ui-icon-lightbulb{ background-position:-128px -128px; } .ui-icon-scissors{ background-position:-144px -128px; } .ui-icon-clipboard{ background-position:-160px -128px; } .ui-icon-copy{ background-position:-176px -128px; } .ui-icon-contact{ background-position:-192px -128px; } .ui-icon-image{ background-position:-208px -128px; } .ui-icon-video{ background-position:-224px -128px; } .ui-icon-script{ background-position:-240px -128px; } .ui-icon-alert{ background-position:0 -144px; } .ui-icon-info{ background-position:-16px -144px; } .ui-icon-notice{ background-position:-32px -144px; } .ui-icon-help{ background-position:-48px -144px; } .ui-icon-check{ background-position:-64px -144px; } .ui-icon-bullet{ background-position:-80px -144px; } .ui-icon-radio-on{ background-position:-96px -144px; } .ui-icon-radio-off{ background-position:-112px -144px; } .ui-icon-pin-w{ background-position:-128px -144px; } .ui-icon-pin-s{ background-position:-144px -144px; } .ui-icon-play{ background-position:0 -160px; } .ui-icon-pause{ background-position:-16px -160px; } .ui-icon-seek-next{ background-position:-32px -160px; } .ui-icon-seek-prev{ background-position:-48px -160px; } .ui-icon-seek-end{ background-position:-64px -160px; } .ui-icon-seek-first,.ui-icon-seek-start{ background-position:-80px -160px; } .ui-icon-stop{ background-position:-96px -160px; } .ui-icon-eject{ background-position:-112px -160px; } .ui-icon-volume-off{ background-position:-128px -160px; } .ui-icon-volume-on{ background-position:-144px -160px; } .ui-icon-power{ background-position:0 -176px; } .ui-icon-signal-diag{ background-position:-16px -176px; } .ui-icon-signal{ background-position:-32px -176px; } .ui-icon-battery-0{ background-position:-48px -176px; } .ui-icon-battery-1{ background-position:-64px -176px; } .ui-icon-battery-2{ background-position:-80px -176px; } .ui-icon-battery-3{ background-position:-96px -176px; } .ui-icon-circle-plus{ background-position:0 -192px; } .ui-icon-circle-minus{ background-position:-16px -192px; } .ui-icon-circle-close{ background-position:-32px -192px; } .ui-icon-circle-triangle-e{ background-position:-48px -192px; } .ui-icon-circle-triangle-s{ background-position:-64px -192px; } .ui-icon-circle-triangle-w{ background-position:-80px -192px; } .ui-icon-circle-triangle-n{ background-position:-96px -192px; } .ui-icon-circle-arrow-e{ background-position:-112px -192px; } .ui-icon-circle-arrow-s{ background-position:-128px -192px; } .ui-icon-circle-arrow-w{ background-position:-144px -192px; } .ui-icon-circle-arrow-n{ background-position:-160px -192px; } .ui-icon-circle-zoomin{ background-position:-176px -192px; } .ui-icon-circle-zoomout{ background-position:-192px -192px; } .ui-icon-circle-check{ background-position:-208px -192px; } .ui-icon-circlesmall-plus{ background-position:0 -208px; } .ui-icon-circlesmall-minus{ background-position:-16px -208px; } .ui-icon-circlesmall-close{ background-position:-32px -208px; } .ui-icon-squaresmall-plus{ background-position:-48px -208px; } .ui-icon-squaresmall-minus{ background-position:-64px -208px; } .ui-icon-squaresmall-close{ background-position:-80px -208px; } .ui-icon-grip-dotted-vertical{ background-position:0 -224px; } .ui-icon-grip-dotted-horizontal{ background-position:-16px -224px; } .ui-icon-grip-solid-vertical{ background-position:-32px -224px; } .ui-icon-grip-solid-horizontal{ background-position:-48px -224px; } .ui-icon-gripsmall-diagonal-se{ background-position:-64px -224px; } .ui-icon-grip-diagonal-se{ background-position:-80px -224px; } .ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{ border-top-left-radius:3px; } .ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{ border-top-right-radius:3px; } .ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{ border-bottom-left-radius:3px; } .ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{ border-bottom-right-radius:3px; } .ui-widget-overlay{ background:#aaa; filter:Alpha(Opacity=30); opacity:.3; } .ui-widget-shadow{ -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; } .ui-datepicker{ border:none !important; border-radius:5px !important; box-shadow:0 0 35px 10px #0000001a; min-width:400px; padding:15px; width:auto; } .ui-datepicker-header.ui-widget-header{ background:none; border:none; } .ui-datepicker-month,.ui-datepicker-year{ margin:0 2px !important; } .ui-datepicker td .ui-state-default{ background:none; border:none; padding:10px; text-align:center; } .ui-datepicker td.ui-datepicker-current-day{ background:#54d1f1; } .ui-datepicker td.ui-datepicker-current-day:before{ background:#54d1f1; bottom:-4px; box-shadow:0 0 15px 5px #0000001a; content:""; left:-4px; position:absolute; right:-4px; top:-4px; } .ui-datepicker td,.ui-datepicker td>a{ position:relative; } .ui-datepicker td.ui-datepicker-today .ui-state-active{ background:#fff; } .ui-datepicker td.ui-datepicker-today .ui-state-active:before{ display:none; } .ui-datepicker td.ui-datepicker-current-day .ui-state-active>a,.ui-datepicker td.ui-datepicker-today .ui-state-active>a{ color:#54d1f1; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today{ background:none; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before{ display:none; } .ui-datepicker td.ui-datepicker-today a{ color:#54d1f1; font-weight:600; } .ui-datepicker .ui-datepicker-buttonpane button{ background:#32c9ef; background:-moz-linear-gradient( -45deg, #32c9ef 43%, #57def9 100% ); background:-webkit-linear-gradient( -45deg, #32c9ef 43%, #57def9 100% ); background:linear-gradient( 135deg, #32c9ef 43%, #57def9 100% ); border:none; box-shadow:0 4px 4px #54d1f180; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#32c9ef", endColorstr="#57def9", GradientType=1); font-weight:400 !important; opacity:1; padding:8px 20px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .ui-datepicker .ui-datepicker-buttonpane button:hover{ box-shadow:0 0 8px #54d1f166,0 8px 16px #54d1f1a8; } .dropdown-menu{ background:#fff; border-radius:5px; box-shadow:0 0 35px 10px #0000001a; display:none; list-style:none; max-height:200px; min-width:300px; overflow:auto; padding:0; position:absolute; top:100%; z-index:2; } .dropdown-menu li{ border-bottom:1px solid #0000001a; } .dropdown-menu li a{ color:inherit; display:block; padding:10px; } .ui-widget,.ui-widget *{ font-size:1.2em !important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 13px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .fat-inactive { filter: grayscale(100%); opacity: 0.3; } .dragHandle { cursor: move; } .tDnD_whileDrag { background-color: #eee; } .wrapphoto { border: 1px solid #ddd; display: inline-block; margin: 0 0 10px; padding: 10px; text-align: center; vertical-align: top; width: 100%; } .readOnlyTextBox { border-style: none none none !important; } .dropdown-menu{ background-clip:padding-box; background-color:#fff; border:1px solid #ccc; border:1px solid #00000026; border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); display:none; float:left; font-size:13px; left:0; list-style:none; margin:2px 0 0; min-width:160px; padding:5px 0; position:absolute; top:100%; z-index:1000; } .dropdown-menu.pull-right{ left:auto; right:0; } .dropdown-menu .divider{ background-color:#e5e5e5; height:1px; margin:9px 0; overflow:hidden; } .dropdown-menu>li>a{ clear:both; color:#333; display:block; font-weight:400; line-height:1.428571429; padding:3px 20px; } .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{ background-color:#f5f5f5; color:#262626; text-decoration:none; } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color:#428bca; color:#fff; outline:0; text-decoration:none; } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{ color:#999; } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{ background-color:initial; background-image:none; cursor:not-allowed; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); text-decoration:none; } .fat-inactive{ filter:grayscale(100%); opacity:.3; } .dragHandle{ cursor:move; } .tDnD_whileDrag{ background-color:#eee; } .wrapphoto{ border:1px solid #ddd; display:inline-block; margin:0 0 10px; padding:10px; text-align:center; vertical-align:top; width:100%; } .readOnlyTextBox{ border-style:none none none !important; } /* input */  input::-moz-focus-inner { border: 0; padding: 0; } strong { font-weight: 500; } /* Misc ---------------------- */ .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .hide { display: none !important; } .highlight { background: #ffff99; } .nomargin { margin: 0 !important; } .nopadding { padding: 0 !important; } .nopadding_bottom { padding-bottom: 0 !important; } .noborder { border: none !important; } .none_transition { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .clearfix { } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .gap { height: 15px; display: block; clear: both; } .aligncenter { text-align: center !important; } .clear { clear: both; display: block; } .nobackground { background: none !important; } .nomargin_bottom { margin-bottom: 0 !important; } .nomargin_right { margin-right: 0 !important; } input, select, textarea { outline: none; } input[type='submit'], input[type='button'] { -webkit-appearance: none; } input[type='text'], input[type='password'], textarea { -webkit-appearance: none; } ul { list-style: disc outside; font-size: 14px; color: #666; margin: 15px; } ul li ul { margin: 10px 0 10px 10px; width: 100%; display: inline-block; } ol { list-style: decimal outside; font-size: 14px; color: #666; margin: 10px; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #959595; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #959595; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #959595; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #959595; } /* Global Reset & Standards ---------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family: 'Roboto', sans-serif; } html { height: 100%; font-size: 14px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } fieldset, img { border: 0; } html, body { line-height: 20px; } body { color: #212121; padding: 40px 15px 100px; } /* Links ---------------------- */ a { color: #47c4e4; text-decoration: none; line-height: inherit; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } p a, p a:visited { line-height: inherit; } /* Reset for strange margins by default on <figure> elements */ figure { margin: 0; } /* Lists ---------------------- */ ul, ol, dl { margin: 0; padding: 0; /* list-style:none; */ } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } /* Headings & paragraphs ---------------------- */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; font-style: normal; text-transform: none; padding: 0 0 10px 0; color: inherit; font-family: inherit; line-height: 1.2; } h1 { font-size: 1.8em; } h2 { font-size: 1.6em; } h3 { font-size: 1.1em; } h4 { font-size: 1.2em; font-weight: normal; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } p { color: inherit; line-height: 1.6; font-weight: normal; font-size: 1.035em; margin: 0 0 0; } #body p { color: #777; } .checkbox input:focus + .input-helper:before, .radio input:focus + .input-helper:before { outline: 1px dotted; } input[type='submit']:focus, input[type='button']:focus, .button:focus { outline: none; } input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='text'][disabled], input[type='password'][disabled] { cursor: not-allowed; } input[type='text'][disabled], input[type='password'][disabled] { background: rgba(0, 0, 0, 0.015); -webkit-text-fill-color: #000; } /* Misc ---------------------- */ .-float-left { float: left !important; } .-float-right { float: right !important; } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center { text-align: center !important; } .-align-justify { text-align: justify !important; } .-gap, .gap { height: 15px; display: block; clear: both; } .-clearfix:after { clear: both; display: block; content: ''; } img { max-width: 100%; display: block; } /* placeholders ---------------------- */ ::-webkit-input-placeholder { color: #999999; } :-moz-placeholder { color: #999999; } ::-moz-placeholder { color: #999999; } :-ms-input-placeholder { color: #999999; } /****************************************************** CUSTOM BTN VALUES ******************************************************/ .themebtn { font-size: 14px; border-radius: 5px; display: inline-block; padding: 10px 25px; border: 0 none; text-transform: uppercase; position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; border: none; min-height: 40px; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } .themebtn:focus, .themebtn:active:focus, .themebtn.active:focus { outline: 0 none; } /****************************************************** STANDARD BUTTONS ******************************************************/ .btn-default { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0); /* IE6-9 */ border: 1px solid #ddd; color: #737373; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { border-color: #c6c6c6; color: #737373; } .btn-default:active, .btn-default.active { border-color: #c6c6c6; box-shadow: none; } .btn-primary, .btn-info { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32c9ef+43,57def9+100 */ background: rgb(50, 201, 239); /* Old browsers */ background: -moz-linear-gradient( -45deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( -45deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( 135deg, rgba(50, 201, 239, 1) 43%, rgba(87, 222, 249, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c9ef', endColorstr='#57def9', GradientType=1); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0 4px 4px rgba(84, 209, 241, 0.5); color: #ffffff; } .themebtn.btn-primary:hover, .btn-info:hover, .btn-info:focus, .btn-info:active { box-shadow: 0 0 8px rgba(84, 209, 241, 0.4), 0 8px 16px rgba(84, 209, 241, 0.66); } .btn-success { color: #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b6ad+43,00c6c0+100 */ background: rgb(0, 182, 173); /* Old browsers */ background: -moz-linear-gradient( -45deg, rgba(0, 182, 173, 1) 43%, rgba(0, 198, 192, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( -45deg, rgba(0, 182, 173, 1) 43%, rgba(0, 198, 192, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( 135deg, rgba(0, 182, 173, 1) 43%, rgba(0, 198, 192, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ box-shadow: 0 4px 4px rgba(0, 182, 173, 0.4); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { box-shadow: 0 0 8px rgba(0, 182, 173, 0.4), 0 8px 16px rgba(0, 182, 173, 0.66); } .btn-warning { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c532+43,efce69+100 */ background: rgb(243, 197, 50); /* Old browsers */ background: -moz-linear-gradient( -45deg, rgba(243, 197, 50, 1) 43%, rgba(239, 206, 105, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( -45deg, rgba(243, 197, 50, 1) 43%, rgba(239, 206, 105, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( 135deg, rgba(243, 197, 50, 1) 43%, rgba(239, 206, 105, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c532', endColorstr='#efce69', GradientType=1); /* IE6-9 fallback on horizontal gradient */ color: #ffffff; box-shadow: 0 4px 4px rgba(243, 197, 50, 0.5); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { box-shadow: 0 0 8px rgba(243, 197, 50, 0.4), 0 8px 16px rgba(243, 197, 50, 0.66); } .btn-danger { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f25454+43,f27474+100 */ background: rgb(242, 84, 84); /* Old browsers */ background: -moz-linear-gradient( -45deg, rgba(242, 84, 84, 1) 43%, rgba(242, 116, 116, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( -45deg, rgba(242, 84, 84, 1) 43%, rgba(242, 116, 116, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( 135deg, rgba(242, 84, 84, 1) 43%, rgba(242, 116, 116, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25454', endColorstr='#f27474', GradientType=1); /* IE6-9 fallback on horizontal gradient */ color: #ffffff; box-shadow: 0 4px 4px rgba(243, 95, 95, 0.5); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { box-shadow: 0 0 8px rgba(243, 95, 95, 0.4), 0 8px 16px rgba(243, 95, 95, 0.66); } /****************************************************** SHARP BUTTONS ******************************************************/ .themebtn.sharp { border-radius: 0; } /****************************************************** OUTLINE BUTTONS ******************************************************/ .themebtn.outline { line-height: 30px; background: none; /*	padding: 10px 22px;*/ } .btn-primary.outline { border: 2px solid #0099cc; color: #0099cc; } .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary { color: #33a6cc; border-color: #33a6cc; } .btn-primary.outline:active, .btn-primary.outline.active { border-color: #007299; color: #007299; box-shadow: none; } .btn-success.outline { border: 2px solid #00bf6f; color: #00bf6f; } .btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success { border-color: #39bf87; color: #39bf87; } .btn-success.outline:active, .btn-success.outline.active { border-color: #008c52; color: #008c52; box-shadow: none; } .btn-info.outline { border: 2px solid #31cde8; color: #31cde8; } .btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open > .dropdown-toggle.btn-info { border-color: #5fd4e8; color: #5fd4e8; } .btn-info.outline:active, .btn-info.outline.active { border-color: #35a2b5; color: #35a2b5; box-shadow: none; } .btn-warning.outline { border: 2px solid #eb8f34; color: #eb8f34; } .btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning { border-color: #eba259; color: #eba259; } .btn-warning.outline:active, .btn-warning.outline.active { border-color: #b87430; color: #b87430; box-shadow: none; } .btn-danger.outline { border: 2px solid #f25454; color: #f25454; } .btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger { border-color: #f26d6d; color: #f26d6d; } .btn-danger.outline:active, .btn-danger.outline.active { border-color: #bf4343; color: #bf4343; box-shadow: none; } /****************************************************** ROUNDED BUTTONS ******************************************************/ .themebtn.round { border-radius: 24px; } .btn-lg.round { border-radius: 32px; } .btn-sm.round { border-radius: 14px; } .btn-xs.round { border-radius: 10px; } /****************************************************** RAISED BUTTONS ******************************************************/ .btn-primary.raised { box-shadow: 0 3px 0 0 #007299; } .btn-primary.raised:active, .btn-primary.raised.active { background: #33a6cc; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } .btn-success.raised { box-shadow: 0 3px 0 0 #008c52; } .btn-success.raised:active, .btn-success.raised.active { background: #39bf87; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } .btn-info.raised { box-shadow: 0 3px 0 0 #35a2b5; } .btn-info.raised:active, .btn-info.raised.active { background: #5fd4e8; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } .btn-warning.raised { box-shadow: 0 3px 0 0 #b87430; } .btn-warning.raised:active, .btn-warning.raised.active { background: #eba259; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } .btn-danger.raised { box-shadow: 0 3px 0 0 #bf4343; } .btn-danger.raised:active, .btn-danger.raised.active { background: #f26d6d; box-shadow: none; margin-bottom: -3px; margin-top: 3px; } .btn-inverse { background-color: #454545; border-color: transparent; color: #ffffff; } .btn-grey { background-color: #999; border-color: transparent; color: #ffffff; } /****************************************************** BUTTON SIZING ******************************************************/ .btn-xs, .btn-group-xs > .themebtn { font-size: 10px; height: auto; line-height: normal; padding: 3px 6px 4px; min-height: 1%; } .btn-sm, .btn-group-sm > .themebtn { font-size: 11px; height: auto; line-height: normal; padding: 7px 10px 7px; min-height: 1%; } .btn-sm.themebtn.btn-default { height: auto; } .btn-lg { padding: 20px 40px; height: auto; border-radius: 4px; } .btn-xs.btn-default, .btn-xs.outline { padding: 3px 6px; } /*.btn-sm.btn-default, .btn-sm.outline { padding: 6px 10px; }*/ /* .btn-lg.btn-default, .btn-lg.outline { padding: 18px 38px; } */ .themebtn.block { display: block; width: 100%; text-align: center; } /* grids */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin: 0; padding: 0; position: relative; } .full_grid { width: 100%; } .half_grid { width: 50%; } .one_third_grid { width: 33.3%; } .one_fourth_grid { width: 25%; } .one_fifth_grid { width: 20%; } .one_sixth_grid { width: 16.6%; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-12 { width: 100%; } .col-11 { width: 91.6667%; } .col-10 { width: 83.3333%; } .col-9 { width: 75%; } .col-8 { width: 66.6667%; } .col-7 { width: 58.3333%; } .col-6 { width: 50%; } .col-5 { width: 41.6667%; } .col-4 { width: 33.3333%; } .col-3 { width: 25%; } .col-2 { width: 16.6667%; } .col-1 { width: 8.33333%; } .show-grid [class^='col-'] { background-color: rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.04); padding-bottom: 10px; padding-top: 10px; } .show-grid .row { margin: 0; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } /* container */ .fixed_container { width: 100%; margin: 0 auto; position: relative; padding: 0 15px; } .fixed_container:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .row { margin-left: -15px; margin-right: -15px; } /* nav panel */ .navPanel { text-align: right; } .navPanel:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } /* Header */ .headerwrap { display: table; width: 100%; table-layout: fixed; } .headerwrap .one_third_grid { display: table-cell; vertical-align: middle; } .headerwrap .one_third_grid.logo a { display: table; margin: 0 auto; } .headerwrap .one_third_grid.logo img { width: 100px; display: block; } /* Toggle ---------------------- */ .menutrigger { width: 40px; height: 40px; display: inline-block; padding: 5px 9px; border-radius: 50%; position: relative; top: 4px; } .menutrigger:active { background: rgba(0, 0, 0, 0.05); } .menutrigger span { width: 100%; border-radius: 5px; height: 2px; background: #333; display: block; margin: 14px 0 0; position: relative; } .menutrigger span:before, .menutrigger span:after { width: 100%; border-radius: 5px; height: 2px; background: #333; content: ''; position: absolute; left: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .menutrigger span:before { top: -7px; } .menutrigger span:after { bottom: -7px; } .menutrigger.active span:before { transform: translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(0.7); -webkit-transform: translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(0.7); -ms-transform: translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(0.7); } .menutrigger.active span:after { transform: translate3d(-7px, -2px, 0) rotate(45deg) scaleX(0.7); -webkit-transform: translate3d(-7px, -2px, 0) rotate(45deg) scaleX(0.7); -ms-transform: translate3d(-7px, -2px, 0) rotate(45deg) scaleX(0.7); } @-webkit-keyframes ring { 0% { -webkit-transform: rotate(35deg); } 12.5% { -webkit-transform: rotate(-30deg); } 25% { -webkit-transform: rotate(25deg); } 37.5% { -webkit-transform: rotate(-20deg); } 50% { -webkit-transform: rotate(15deg); } 62.5% { -webkit-transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes ring { 0% { -webkit-transform: rotate(35deg); transform: rotate(35deg); } 12.5% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 25% { -webkit-transform: rotate(25deg); transform: rotate(25deg); } 37.5% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 62.5% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .iconmenus { float: right; list-style: none; margin: 0; } .iconmenus > li { float: left; position: relative; margin: 0 5px; } .iconmenus > li.togglemsg > a > img { transform-origin: top center; } .iconmenus > li.togglemsg.is-active > a > img, .iconmenus > li.togglemsg:hover > a > img { -webkit-animation: ring 1.5s ease; animation: ring 1.5s ease; } .iconmenus > li > a { width: 40px; border-radius: 50%; height: 40px; display: block; text-align: center; line-height: 40px; position: relative; } .iconmenus > li > a img { margin: 0 auto; display: block; position: relative; top: 9px; } .iconmenus > li > a .counts { line-height: normal; padding: 0; font-size: 10px; color: #fff; border-radius: 50%; background: #f44336; position: absolute; right: 4px; top: 2px; z-index: 1; width: 18px; height: 18px; text-align: center; line-height: 16px; } .iconmenus > li > a .icon { color: #fff; font-size: 21px; line-height: 1; z-index: 1; position: relative; } .iconmenus > li > a:before { left: 0; top: 0; content: ''; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.05); z-index: 0; border-radius: 50%; } .iconmenus > li a:hover:before, .iconmenus > li a:focus:before, .iconmenus > li.active a:before, .menutrigger:hover:before, .menutrigger:focus:before, .menutrigger.active a:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .iconmenus > li.searchtoggle.active a:before { display: none; } .iconmenus > li .subnav { min-width: 200px; padding: 10px; right: 0; top: 100%; background: #fff; border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: bottom left; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .iconmenus > li.active .subnav { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .iconmenus > li.togglemsg .dropwrap { width: 280px; } .searchwrap { display: none; width: 100%; background: #2196f3; height: 55px; position: absolute; left: 0; top: 0; right: 0; padding: 11px; z-index: 10; } .searchwrap .searchform { max-width: 500px; margin: 0 auto; position: relative; } .searchwrap .searchform:before { content: '\f2f5'; font-size: 20px; color: #fff; font-family: 'Ionicons'; position: absolute; left: 10px; top: 0; } .searchwrap .searchform input[type='text'] { border: none; width: 100%; background-color: rgba(255, 255, 255, 0.26); height: 30px; line-height: 100%; border-radius: 3px; padding: 0 10px 0 40px; } .searchwrap .searchform input[type='text']:focus { background-color: rgba(255, 255, 255, 0.5); } .searchwrap .searchclose { position: absolute; right: 10px; top: 10px; } .searchwrap .searchclose { position: absolute; width: 25px; height: 25px; display: block; right: 6px; top: 6px; text-align: center; line-height: 25px; } .searchwrap .searchclose:before { content: '\f129'; font-family: 'Ionicons'; font-size: 16px; color: #fff; } .searchwrap .searchclose:hover { background-color: rgba(0, 0, 0, 0.2); } .cellgrid { width: 100%; display: table; table-layout: fixed; margin: 0; list-style: none; } .cellgrid li { display: table-cell; vertical-align: top; padding: 0 10px; } .iconbox { width: 100%; background: #fff; border-radius: 3px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); position: relative; padding: 15px; height: 145px; } .flipbox.green .value { color: #aec785; } .flipbox.green .progress-bar { background-color: #aec785; } .flipbox.green .back { background-color: #aec785; } .flipbox .themebtn { border: none; vertical-align: top; background: none; color: rgba(0, 0, 0, 0.5); letter-spacing: 0; font-weight: 700; } .flipbox .themebtn:hover { background-color: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .flipbox.orange .value { color: #fa8564; } .flipbox.orange .progress-bar { background-color: #fa8564; } .flipbox.orange .back { background-color: #fa8564; } .flipbox.purple .value { color: #a48ad4; } .flipbox.purple .progress-bar { background-color: #a48ad4; } .flipbox.purple .back { background-color: #a48ad4; } .flipbox.darkgreen .value { color: #1fb5ac; } .flipbox.darkgreen .progress-bar { background-color: #1fb5ac; } .flipbox.darkgreen .back { background-color: #1fb5ac; } .iconbox:before { position: absolute; right: 4px; top: 4px; border-top: 22px solid #e2e2e2; border-left: 22px solid transparent; content: ''; } .iconbox .icon { float: left; margin: 5px 20px 0 0; } .iconbox .value { font-size: 20px; line-height: 22px; } .iconbox .value span { font-size: 12px; color: #666666; text-transform: uppercase; display: block; } .areaprogress { width: 100%; display: inline-block; padding: 20px 0 0; } .areaprogress h6 { font-size: 11px; color: #8f8f8f; text-transform: uppercase; font-weight: normal; } .areaprogress h6 span { float: right; border-radius: 3px; padding: 1px 4px; background: #eeeeee; font-size: 11px; color: #8f8f8f; position: relative; top: -2px; } .areaprogress .progress { background-color: #f5f5f5; border-radius: 10px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) inset; height: 10px; overflow: hidden; margin: 5px 0 0; } /* progress bars */ .progress { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; height: 12px; margin: 5px 0 0; } .progress-bar { position: relative; background-color: #2196f3; border-radius: 0; float: left; height: 100%; line-height: 20px; width: 0; text-align: right; padding: 0 10px; } .progress-bar .countvalue { font-size: 10px; color: rgba(0, 0, 0, 0.5); position: absolute; background: rgba(0, 0, 0, 0.7); padding: 0 7px 2px; font-size: 10px; color: #fff; border-radius: 3px; position: absolute; right: 0; top: -30px; } .progress-bar .countvalue:before { position: absolute; left: 50%; bottom: -5px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.7); margin: 0 0 0 -5px; } .progress.info .progress-bar { background-color: #02b4d1; } .progress.success .progress-bar { background-color: #00b6ad; } .progress.warning .progress-bar { background-color: #f3c532; } .progress.danger .progress-bar { background-color: #f35f5f; } .animateprogess .progress-bar { background-size: 20px 20px; background-image: -webkit-gradient( linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.05)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.05)), color-stop(0.75, rgba(255, 255, 255, 0.05)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent ); background-image: -ms-linear-gradient( 135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent ); background-image: linear-gradient( 135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent ); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2); -webkit-animation: animate-bg 2s linear infinite; animation: animate-bg 2s linear infinite; } @-webkit-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @-moz-keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } @keyframes animate-bg { from { background-position: 0 0; } to { background-position: -80px 0; } } .flipbox { position: relative; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; } .flipper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.4s ease-in-out; -moz-transform: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .flipbox:hover .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .back { display: table; width: 100%; text-align: center; border-radius: 3px; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .back .cell { height: 145px; display: table-cell; vertical-align: middle; } .section { width: 100%; display: inline-block; margin: 30px 0 0; border-radius: 5px; position: relative; background: #fff; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); } .section .sectionhead { width: 100%; position: relative; display: inline-block; padding: 30px 20px 30px 40px; border-bottom: 1px solid #eee; } .section .sectionhead h4 { display: inline-block; font-size: 1.1em; font-weight: 600; text-transform: capitalize; padding: 0; } .section .sectionhead .themebtn { position: absolute; right: 20px; top: 24px; font-size: 11px; box-shadow: none; height: 24px; line-height: 24px; margin: 0 0 0 10px; padding: 0 10px; background: none; border: none; text-decoration: underline; text-transform: capitalize; font-size: 1em; color: #3bc4e7; font-weight: 600; } .section .sectionhead .btn { position: absolute; right: 20px; top: 24px; } /*.section a.themebtn {line-height: 35px !important;}*/ .section .sectionbody { width: 100%; position: relative; } .section .sectionbody:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .section .sectionhead:before { width: 12px; height: 12px; position: absolute; left: 15px; top: 33px; content: ''; border: 2px solid #ddd; border-radius: 50%; } .section .sectionbody.space { padding: 30px; } .section.searchform_filter { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); border-radius: 5px; background: #fff; } .section.searchform_filter .sectionhead { padding: 20px; cursor: text; position: relative; bottom: auto; } .section.searchform_filter .sectionhead:before { display: none; } .section.searchform_filter .sectionhead h4 { position: relative; font-weight: normal; color: #999; text-transform: capitalize; display: block; width: 100%; } .section.searchform_filter .sectionhead h4:before { font-style: normal; position: absolute; right: 5px; top: -1px; content: '\f2f5'; font-size: 20px; color: #999; font-family: 'Ionicons'; } .section.searchform_filter .sectionhead.active h4:before { content: '\f2d7'; } .section.searchform_filter .sectionhead:after { width: 55px; position: absolute; right: 0; top: 0; bottom: 0; content: ''; cursor: pointer; } .section.first { margin-top: 10px; } .section .sectionhead .close-form { float: right; color: #999; cursor: pointer; } .section.section--profile-box .sectionbody.space { padding: 15px; } .close-form { width: 32px; height: 32px; color: #999; cursor: pointer; text-align: center; line-height: 30px; position: relative; } .close-form:before { left: 0; top: 0; content: ''; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); z-index: 0; border-radius: 50%; } .close-form:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .whitewrap { width: 100%; position: relative; background: #fff; border-radius: 3px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); position: relative; } .chartwrap { width: 100%; padding: 20px; } .chartwrap canvas, .chartwrap img { width: 100%; } .wigetbox { background: #009688; border-radius: 3px; min-height: 370px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .wigetbox .top { padding: 20px 10px; text-align: center; } .wigetbox .top img { max-width: 100%; } .wigetbox .txtsmall { padding: 10px 15px; text-align: center; display: block; background: rgba(0, 0, 0, 0.2); font-size: 13px; color: #fff; text-align: left; } .wigetbox .vlist { margin: 0; list-style: none; } .wigetbox .vlist li { display: block; padding: 10px 15px; font-size: 22px; color: rgba(255, 255, 255, 0.9); line-height: 20px; } .wigetbox .vlist li small { display: block; font-size: 12px; } .statsbox { border-radius: 3px; min-height: 370px; overflow: hidden; } .statsbox small { color: #fff; } .statsbox .top { padding: 15px; text-align: center; background: #f44336; height: 200px; } .statsbox .body { padding: 0 10px 15px; text-align: center; width: 100%; display: inline-block; } .statsbox .body small { color: #333; } .statsbox .txtsmall { display: block; font-size: 13px; color: #fff; text-align: left; text-transform: uppercase; } .statsbox .vlist { margin: 0; list-style: none; } .statsbox .vlist li { display: block; padding: 10px 15px; font-size: 22px; color: rgba(255, 255, 255, 0.9); line-height: 20px; } .statsbox .vlist li small { display: block; font-size: 12px; } .pieprogress { margin: 15px auto 5px; display: table; width: 90px; } .circles-text { font-size: 24px !important; color: #fff; } .even .circles-text { font-size: 24px !important; color: #333; } .circles-integer { position: relative; } .circles-integer:after { content: '%'; } .countercircle { width: 220px; height: 220px; border-radius: 50%; position: relative; display: table; margin: 0 auto 30px; } .countercircle.yellow { background: #ffc107; } .countercircle.green { background: #5bc78b; } .countercircle .innercircle { border-radius: 50%; background: #fff; position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; box-shadow: inset 0 2px rgba(0, 0, 0, 0.3); } .fourcols { margin: 24px 0 0; width: 100%; display: inline-block; } .group { font-size: 18px; text-align: center; position: relative; width: 100%; display: inline-block; color: rgba(0, 0, 0, 0.6); padding: 0 0 10px 0; margin: 0 0 0 0; font-weight: 700; } .group:before { position: absolute; left: 50%; top: 0; bottom: 0; content: ''; width: 1px; background: rgba(0, 0, 0, 0.2); } .group span { font-size: 13px; display: block; font-weight: normal; } .coloredbox { width: 100%; min-height: 370px; overflow: hidden; } .coloredbox .top { width: 100%; background: #886cbb; height: 200px; padding: 15px; } .coloredbox .body { width: 100%; text-align: center; background: #fff; display: inline-block; padding: 15px; } .coloredbox .txtsmall { display: block; font-size: 13px; color: #fff; text-align: left; text-transform: uppercase; } .coloredbox .icon { display: table; line-height: 1; margin: 15px auto; font-size: 120px; color: #fff; } .coloredbox h3 { font-size: 50px; color: #886cbb; padding: 0 0 15px 0; } .coloredbox h3 span { display: block; text-transform: uppercase; color: #666; line-height: 1; font-size: 14px; font-weight: normal; } .coloredbox .themebtn { border: 1px solid #886cbb; font-weight: normal; color: #886cbb; } .coloredbox .themebtn:hover { background: #886cbb; color: #fff; } .coloredbox.blue .icon { font-size: 120px; margin-top: 5px; } .coloredbox.blue .top { background: #17b9f5; } .coloredbox.blue h3 { color: #17b9f5; } .coloredbox.blue .themebtn { border: 1px solid #17b9f5; color: #17b9f5; } .coloredbox.blue .themebtn:hover { background: #17b9f5; color: #fff; } /* label css ---------------------- */ .label { display: inline-block; position: relative; font-size: 1.1em; padding: 0 0 0 20px; line-height: 1; font-size: 1.1em; } .label:before { width: 12px; height: 12px; content: ''; border-radius: 50%; position: absolute; left: 0; top: 2px; background: #ddd; } .label--info, .label-info { color: #54d1f1; } .label--info:before, .label-info:before { background-color: #54d1f1; } .label--danger, .label-danger { color: #f16745; } .label--danger:before, .label-danger:before { background-color: #f16745; } .label--success, .label-success { color: #59c4c5; } .label--success:before, .label-success:before { background-color: #59c4c5; } .label--warning, .label-warning { color: #ffc65d; } .label--warning:before, .label-warning:before { background-color: #ffc65d; } .label--purple, .label-purple { color: #b07fcb; } .label--purple:before, .label-purple:before { background-color: #b07fcb; } #body { overflow: hidden; position: relative; } /* left panel */ .leftside { background: #fff; box-shadow: 0 0 30px 20px rgba(51, 51, 51, 0.15); opacity: 0; overflow: hidden; position: absolute; left: 0; top: 0; padding: 0 0 0; bottom: 0; -ms-transform: translate3d(-280px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(-280px, 0px, 0px); /* Chrome, Safari, Opera */ transform: translate3d(-280px, 0px, 0px); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 280px; z-index: 110; } body.toggled-left .leftside { opacity: 1; transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */ -webkit-transform: translate3d(0px, 0px, 0px); /* Chrome, Safari, Opera */ } .leftside .sidebar_inner { height: 100%; width: 100%; width: 400px; overflow-y: auto; } .rightside { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 30px 20px rgba(51, 51, 51, 0.15); opacity: 0; overflow: hidden; right: -280px; position: absolute; top: 0; padding: 0 0 0; bottom: 0; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 280px; z-index: 10; } body.toggled-right .rightside { opacity: 1; right: 0; } .rightside .sidebar_inner { height: 100%; width: 400px; overflow-y: auto; } .rightside .sidebar_wrap { width: 280px; } .leftoverlay, .rightoverlay { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } body.toggled-left .leftoverlay, body.toggled-right .rightoverlay { opacity: 1; visibility: visible; } .profilewrap { position: relative; z-index: 10; width: 280px; } .profilecover { background: url(/images/nav_cover_bg.png) no-repeat center center #b07fcb; width: 100%; height: 120px; display: block; position: relative; overflow: hidden; } .profilelinkswrap { width: 100%; background: #b07fcb; display: none; } .profilecover .profilepic { border-radius: 50%; height: 50px; width: 50px; position: relative; left: 15px; top: 15px; overflow: hidden; display: inline-block; border: 3px solid rgba(0, 0, 0, 0.14); } .profilecover .profilepic > img { height: 100%; width: 100%; border-radius: 50%; } .profilecover .profileinfo { cursor: pointer; background: rgba(0, 0, 0, 0.2); color: #fff; margin-top: 20px; padding: 8px 34px 8px 15px; position: absolute; bottom: 0; width: 100%; display: block; text-transform: uppercase; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .profilecover .profileinfo:before { position: absolute; right: 10px; top: 7px; content: '\f35f'; font-size: 20px; color: #fff; font-family: 'Ionicons'; } .profileinfo.active:before { content: '\f365'; } .leftlinks { list-style: none; margin: 0; } .leftlinks > li { border-bottom: 1px dotted #395461; } .leftlinks > li > a { display: block; padding: 8px 10px; font-size: 0.9em; color: rgba(255, 255, 255, 0.9); text-transform: capitalize; overflow: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; position: relative; transition: all 300ms ease 0s; border-left: 4px solid rgba(0, 0, 0, 0.2); } .leftlinks > li > a:hover { background: rgba(0, 0, 0, 0.1); } .leftmenu { width: 280px; margin: 0; list-style: none; } .leftmenu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .leftmenu > li > a { display: block; padding: 10px 15px; color: #333; text-transform: capitalize; position: relative; overflow: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .leftmenu > li > a:hover { color: #333; box-shadow: 5px -2px 15px 10px rgba(0, 0, 0, 0.06); } .leftmenu > li.haschild > a:before { content: '\f218'; font-size: 13px; color: #333; font-family: 'Ionicons'; position: absolute; right: 16px; top: 10px; } .leftmenu > li.haschild > a.active:before { content: '\f209'; } .leftmenu > li.active > a { background: #f8f8f8; color: #b07fcb; font-weight: 700; } .leftmenu > li ul { display: none; margin: 0; list-style: none; padding: 10px 10px 15px; border-left: 1px solid #dbdbdb; background: #f8f8f8; position: relative; border-top: 1px solid #e9e9e9; } .leftmenu > li ul:before { position: absolute; left: 10px; top: 0; bottom: 0; content: ''; background: #dbdbdb; width: 1px; } .leftmenu > li ul li { position: relative; } .leftmenu > li ul li a:before { position: absolute; left: 0; top: 12px; height: 1px; background: #dbdbdb; content: ''; width: 12px; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .leftmenu > li ul li a { position: relative; font-size: 13px; font-size: 13px; color: #666; padding: 4px 4px 4px 20px; display: block; } .leftmenu > li ul li a:hover { color: #000; } .leftmenu > li ul li.active a { font-weight: 600; color: #000; } .leftmenu > li.active ul { display: block; } .section .sectionhead .actions { position: absolute; right: 15px; top: 20px; } /* actions and dropdowns */ .actions, .actions > li { display: inline-block; vertical-align: top; position: relative; margin: 0; list-style: none; white-space: nowrap; } .actions > li { margin: 0 0 0 5px; } .actions > li:first-child { margin: 0; } .actions > li > a { /*background: #fff;*/ height: 40px; width: 40px; line-height: 40px; text-align: center; position: relative; display: block; overflow: hidden; border-radius: 50%; } .actions > li > a .icon { font-style: normal; color: rgba(0, 0, 0, 0.4); font-size: 1.8em; display: block; position: relative; top: auto; line-height: 38px; } .actions > li > a .icon img { display: block; margin: 9px auto 0; width: 15px; opacity: 0.4; } .actions > li > a:before { left: 0; top: -4px; content: ''; position: absolute; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.06); z-index: 0; border-radius: 50%; } .actions > li > a:hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .actions > li > a .icon.expand { display: block; font-size: 19px; top: 1px; } .actions > li > a.active .icon.expand { display: none; } .actions > li > a .icon.collapse { display: none; } .actions > li > a.active .icon.collapse { display: block; } .table .actions > li > a .icon { line-height: 34px; } .actions.center { display: table; margin: 10px auto 0; } /*#header .dropwrap:before{ position: absolute; right: 10px; top: -7px; content: ""; border-left:8px solid transparent;  border-right:8px solid transparent; border-bottom:8px solid #54d1f1;}*/ /*.dropwrap:before{ position: absolute; right: 10px; top: -7px; content: ""; border-left:8px solid transparent;  border-right:8px solid transparent; border-bottom:8px solid #fff;}*/ .dropwrap { min-width: 200px; z-index: 10; right: 0; top: 100%; background: #fff; border-radius: 5px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .droplink.active .dropwrap { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .dropwrap ul { margin: 0; list-style: none; } .dropwrap .head { width: 100%; padding: 20px; text-align: left; font-weight: 600; font-size: 15px; border-radius: 5px 5px 0 0; color: #fff; background: rgb(43, 192, 229); background: -moz-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: -webkit-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: linear-gradient( 135deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); } .dropwrap .body { width: 100%; max-height: 280px; overflow: hidden; overflow-y: auto; } .dropwrap .foot { width: 100%; border-top: 1px solid #ddd; padding: 6px 10px; text-align: center; } .actions.rights .dropwrap { right: auto; left: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .actions.rights .dropwrap:before { left: 10px; right: auto; } .linksvertical { margin: 0; padding: 0; list-style: none; display: block; } .linksvertical li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); white-space: nowrap; } .linksvertical li:last-child { border-bottom: none; } .linksvertical li a { text-align: left; font-size: 0.9em; color: #333; padding: 10px 20px; display: block; text-transform: capitalize; position: relative; overflow: hidden; position: relative; } .linksvertical li a:hover, .linksvertical li.is--active > a { background: rgba(0, 0, 0, 0.03); color: #000; } .table .actions.actions--centered { margin-top: -6px; } .actions.actions--centered .dropwrap .linksvertical li a { text-align: center; } .actions.actions--centered .dropwrap { min-width: 185px; right: calc(100% - 48px); margin: 0 0 0 -65px; transform-origin: center top; -webkit-transform-origin: center top; -ms-transform-origin: center top; text-align: center; } .link { font-size: 13px; color: #54d1f1; line-height: 1; } .link:hover { font-size: 13px; color: #333; } /* tabs */ .sidetabs { width: 100%; display: table; table-layout: fixed; border-bottom: 2px solid #ddd; margin: 0; list-style: none; } .sidetabs > li { display: table-cell; vertical-align: top; position: relative; } .sidetabs > li > a { display: block; padding: 10px; font-size: 13px; color: #999; text-transform: uppercase; position: relative; text-align: center; } .sidetabs > li > a:before { bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; transform: scale(0); width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; } .sidetabs > li.active > a:before { background: #54d1f1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sidetabs > li.active > a:after { position: absolute; left: 50%; bottom: -2px; margin: 0 0 0 -6px; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #54d1f1; } .sidetabs > li.active > a { color: #333; background: #f7f7f7; } /* listing */ .columlist { width: 100%; list-style: none; margin: 0; } .columlist li { display: table; width: 100%; } .columlist li a { display: block; position: relative; overflow: hidden; } .columlist li:hover { background: #f7f7f7; } .columlist li .grid { display: table-cell; vertical-align: top; padding: 10px 10px 10px 0; } .columlist li .grid.first { padding: 10px; } .columlist li .name { display: block; font-size: 13px; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 0 0; } .columlist li .desc { font-size: 12px; color: #999; font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .columlist li.read .name { font-weight: normal; color: #666; } /* avtar */ .avtar { text-transform: uppercase; text-align: center; line-height: 38px; color: #fff; border-radius: 50%; height: 40px; width: 40px; position: relative; overflow: hidden; display: inline-block; } .avtar img { height: 100%; width: 100%; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.14); } .avtar.avtar--large { width: 200px; height: 200px; } /* background colors and  text colors */ .bgm-white { background-color: #ffffff !important; } .c-white { color: #ffffff !important; } .bgm-black { background-color: #000000 !important; } .c-black { color: #000000 !important; } .bgm-brown { background-color: #795548 !important; } .c-brown { color: #795548 !important; } .bgm-pink { background-color: #e91e63 !important; } .c-pink { color: #e91e63 !important; } .bgm-red { background-color: #f44336 !important; } .c-red { color: #f44336 !important; } .bgm-blue { background-color: #2196f3 !important; } .c-blue { color: #2196f3 !important; } .bgm-purple { background-color: #9c27b0 !important; } .c-purple { color: #9c27b0 !important; } .bgm-deeppurple { background-color: #673ab7 !important; } .c-deeppurple { color: #673ab7 !important; } .bgm-lightblue { background-color: #03a9f4 !important; } .c-lightblue { color: #03a9f4 !important; } .bgm-cyan { background-color: #00bcd4 !important; } .c-cyan { color: #00bcd4 !important; } .bgm-teal { background-color: #009688 !important; } .c-teal { color: #009688 !important; } .bgm-green { background-color: #4caf50 !important; } .c-green { color: #4caf50 !important; } .bgm-lightgreen { background-color: #8bc34a !important; } .c-lightgreen { color: #8bc34a !important; } .bgm-lime { background-color: #cddc39 !important; } .c-lime { color: #cddc39 !important; } .bgm-yellow { background-color: #ffeb3b !important; } .c-yellow { color: #ffeb3b !important; } .bgm-amber { background-color: #ffc107 !important; } .c-amber { color: #ffc107 !important; } .bgm-orange { background-color: #ff9800 !important; } .c-orange { color: #ff9800 !important; } .bgm-deeporange { background-color: #ff5722 !important; } .c-deeporange { color: #ff5722 !important; } .bgm-gray { background-color: #9e9e9e !important; } .c-gray { color: #9e9e9e !important; } .bgm-bluegray { background-color: #607d8b !important; } .c-bluegray { color: #607d8b !important; } .bgm-indigo { background-color: #3f51b5 !important; } .c-indigo { color: #3f51b5 !important; } /* search bar */ .searchbar { position: relative; width: 100%; } .searchbar input[type='text'] { background: #f7f7f7; border: 1px solid #eee; border-radius: 3px; padding: 0 10px 0 35px; height: 35px; line-height: 100%; width: 100%; font-size: 13px; } .searchbar input[type='text']:focus { background: #fff; border: 1px solid #ddd; } .searchbar:before { content: '\f2f5'; font-size: 20px; color: #666; font-family: 'Ionicons'; position: absolute; left: 14px; top: 8px; } .rightside .sidebar_wrap .searchbar { margin: 15px; width: auto; } /* sort bar */ .sortbar { padding: 15px; width: 100%; border-bottom: 1px solid #ddd; } .sortbar:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .sortbar .grid_1 { width: 50%; } .sortbar .grid_2 { width: 50%; text-align: right; float: right; } .sortbar .searchbar { width: 70%; display: inline-block; } .sortbar .fieldselect { float: right; } .sortbar .fieldselect label { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; padding: 0 10px; } .sortbar select { max-width: 150px; color: #999; background: #f7f7f7; border: 1px solid #eee; border-radius: 3px; padding: 0 10px; height: 35px; line-height: 100%; font-size: 13px; } .sortbar select:focus { background: #fff; border: 1px solid #ddd; } .sorticon { width: 18px; display: block; position: relative; margin: 10px auto 0; height: 2px; background: #999; } .sorticon:before { width: 14px; height: 2px; background: #999; position: absolute; top: 5px; left: 0; content: ''; } .sorticon:after { width: 10px; height: 2px; background: #999; position: absolute; top: 10px; left: 0; content: ''; } .sortbar .actions > li > a { border: 1px solid #ddd; border-radius: 3px; width: 40px; background: #fff; height: 35px; } .sortbar .actions > li > a:before { border-radius: 1px; } .iconsort { position: relative; color: inherit; display: inline-block; /* width: 20px; height:18px;*/ text-align: center; line-height: 20px; } .iconsort:before { content: '\f123'; font-family: 'Ionicons'; font-size: 13px; color: #666; margin: 0 5px 0 0; } .iconsort.active:before { content: '\f126'; } /* foot section  */ .footinfo { width: 100%; padding: 20px; } .footinfo:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .footinfo .grid_1 { width: 50%; } .footinfo .grid_1 .pagination { float: left; } .footinfo .grid_2 { width: 50%; text-align: right; } .footinfo .info { font-size: 13px; color: #666; padding: 0 10px; height: 35px; line-height: 32px; display: inline-block; vertical-align: middle; } /* paginations */ .pagination { text-align: center; margin: 0; list-style: none; } .pagination li { display: inline-block; vertical-align: top; margin: 0 1px; } .pagination li a { width: 35px; line-height: 32px; text-align: center; background: #f7f7f7; height: 35px; display: block; font-size: 14px; color: #333; border: 1px solid #ececec; border-radius: 50%; font-weight: 600; position: relative; overflow: hidden; } .pagination li a:hover { background: #ddd; border-color: #ddd; } .pagination li.selected a { background: #3bc4e7; border-color: #3bc4e7; color: #fff; } .pagination li.more a:before { content: '\f46a'; font-family: 'Ionicons'; font-size: 26px; color: #666; } .pagination li.prev a:before { content: '\f3cf'; font-family: 'Ionicons'; font-size: 20px; color: #666; } .pagination li.next a:before { content: '\f3d1'; font-family: 'Ionicons'; font-size: 20px; color: #666; } .pagination li.disabled { opacity: 0.7; } .pagination li.disabled a { cursor: not-allowed; } /* radio and checkbox */ .checkbox, .radio { display: inline-block; position: relative; vertical-align: middle; padding: 0 0 0 25px; min-height: 20px; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='text'][disabled], input[type='password'][disabled] { cursor: not-allowed; } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ''; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc; background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:before { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox .input-helper:before { top: 0; width: 17px; height: 17px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 22px; height: 9px; border-bottom: 2px solid #f04b3d; border-left: 2px solid #f04b3d; border-bottom-left-radius: 2px; left: -1px; top: 1px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: -1px; width: 19px; height: 19px; border-radius: 50%; } .radio .input-helper:after { width: 11px; height: 11px; background: #f04b3d; border-radius: 50%; top: 3px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #icons { padding: 30px; margin: 0; list-style: none; } #icons li { border-radius: 4px; cursor: pointer; display: inline-block; font-size: 32px; font-weight: normal; list-style: outside none none; margin: 10px; position: relative; text-align: center; width: 42px; z-index: 0; } #icons li:hover { background: #ddd; } /* listings */ .list-inline { margin: 10px 0; } .list-inline li { display: inline-block; padding: 0 10px 10px 0; } .arrowlist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .arrowlist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; text-transform: capitalize; } .arrowlist li a { font-size: 14px; color: #666; } .arrowlist li:before { position: absolute; left: 0; top: 4px; content: ''; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #999; } .bulletlist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .bulletlist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; } .bulletlist li:before { position: absolute; left: 0; top: 5px; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #999; } .bulletlist li a { font-size: 14px; color: #666; } .squarelist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .squarelist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; text-transform: capitalize; } .squarelist li:before { position: absolute; left: 0; top: 5px; content: ''; width: 8px; height: 8px; background: #999; } .squarelist li a { font-size: 14px; color: #666; } .checklist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .checklist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; text-transform: capitalize; } .checklist li:before { position: absolute; left: 0; top: -1px; content: '\f374'; font-family: 'Ionicons'; font-size: 16px; color: #999; } .checklist li a { font-size: 14px; color: #666; } .roundchecklist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .roundchecklist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; text-transform: capitalize; } .roundchecklist li:before { position: absolute; left: 0; top: -1px; content: '\f3ff'; font-family: 'Ionicons'; font-size: 16px; color: #999; } .roundchecklist li a { font-size: 14px; color: #666; } .circlelist { margin: 15px 0; width: 100%; display: inline-block; list-style: none; } .circlelist li { position: relative; font-size: 14px; color: #666; padding: 0 0 10px 20px; text-transform: capitalize; } .circlelist li:before { position: absolute; left: 0; top: 4px; content: ''; width: 11px; height: 11px; border-radius: 50%; background: #fff; border: 2px solid #c1c1c1; } .circlelist li a { font-size: 14px; color: #666; } /* blockquote */ blockquote { border-left: 5px solid #eee; font-size: 17.5px; margin: 0 0 20px; padding: 10px 20px; } blockquote p { line-height: 1.6em; } blockquote .small, blockquote small { color: #777; display: block; font-size: 80%; line-height: 1.42857; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '— '; } /* breadcrumbs */ .breadcrumb { list-style: none; margin: 2px 0 0; width: 100%; display: inline-block; color: #aaa; padding: 0 0; } .breadcrumb li { float: left; position: relative; font-size: 13px; color: #999; padding: 0 0 0 15px; margin: 0 0 0 12px; } .breadcrumb li a:after { content: '/'; position: absolute; right: -15px; top: 0; } .breadcrumb.arrow li a:after { content: '\f3d1'; position: absolute; right: -15px; top: 1px; font-family: 'Ionicons'; } .breadcrumb li:first-child:before { display: none; } .breadcrumb li:first-child { margin: 0; padding: 0; } .breadcrumb li a { color: #000; display: block; } /* dialog boxes */ .dialog_box_wrap { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; opacity: 0; } .dialog_box_wrap.active { z-index: 99999; opacity: 1; } .dialog_overlay { background-color: black; /* IE8 */ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; /* IE8 */ background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .dialog_box { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ transform: translate(-50%, -50%); } .dialog_box_content { position: relative; border-radius: 5px; text-align: center; background-color: white; max-width: 500px; min-width: 500px; padding: 20px; } .dialog_box_content .close { width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; text-align: center; line-height: 18px; } .dialog_box_content .close:before { content: '\f2d7'; font-family: 'Ionicons'; font-size: 16px; color: rgba(0, 0, 0, 0.8); } .dialog_box_content .close:hover { background: #333; } .dialog_box_content .close:hover:before { color: #fff; } .dialog_box_wrap.active .dialog_box_content[data-animation='pop'] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .dialog_box_wrap.active .dialog_box_content[data-animation='none'] { -webkit-animation: none; animation: none; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .dialogicon { display: table; margin: 0 auto; } .dialogicon .icon.green { color: #00bf6f; border: 2px solid #00bf6f; } .dialogicon .icon.red { color: #f25454; border: 2px solid #f25454; } .dialogicon .icon.orange { color: #eb8f34; border: 2px solid #eb8f34; } .dialogicon .icon { border-radius: 50%; display: block; height: 40px; margin: 0 auto 10px; position: relative; text-align: center; width: 40px; } .dialogicon .icon.orange:before { background: #eb8f34 none repeat scroll 0 0; } .dialogicon .icon.green:before { background: #00bf6f none repeat scroll 0 0; } .dialogicon .icon.red:before { background: #f25454 none repeat scroll 0 0; } .dialogicon .icon.orange:after { background: #eb8f34 none repeat scroll 0 0; } .dialogicon .icon.green:after { background: #00bf6f none repeat scroll 0 0; } .dialogicon .icon.red:after { background: #f25454 none repeat scroll 0 0; } .dialogicon .icon:before { border-radius: 5px; content: ''; height: 18px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 3px; width: 3px; } .dialogicon .icon:after { background: #eb8f34 none repeat scroll 0 0; border-radius: 3px; content: ''; height: 3px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 23px; width: 3px; } .dialogicon .icon { font-size: 120px; line-height: 1; } /* form elements ---------------------- */ input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } input[type='submit'], input[type='button'] { -webkit-appearance: none; } input[type='text'], input[type='password'], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } input[type='text'], input[type='email'], input[type='phone'], input[type='search'], input[type='password'], textarea, select, input[type='number'], input[type='file'] { background-color: #fff; border: 1px solid #eaeaea; border-radius: 0; height: 40px; padding: 0 10px; width: 100%; color: #666; font-family: inherit; font-size: 1em; line-height: 110%; border-radius: 5px; } input[type='text']:focus, input[type='email']:focus, input[type='phone']:focus, input[type='search']:focus, input[type='password']:focus, textarea:focus, select:focus, input[type='number']:focus, input[type='file']:focus { box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.1); } textarea { height: 120px; padding: 15px; } select { padding-right: 30px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: calc(100% - 15px) center; font-size: 1em; padding-right: 10px; } .siteForm input[type='file'] { height: auto; padding: 11px; } .field_control { position: relative; margin: 20px 0; } .field_label { position: relative; font-weight: 400; pointer-events: none; -ms-transition: all 200ms ease 0s; /* IE 9 */ -webkit-transition: all 200ms ease 0s; /* Chrome, Safari, Opera */ transition: all 200ms ease 0s; } .field_control.active .field_label { top: -20px; font-size: 11px; } .field_cover { position: relative; } .field_cover:after { position: absolute; z-index: 3; bottom: 0; left: 0; height: 2px; width: 0; content: ''; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .field_control.active .field_cover:after { background: #2196f3; width: 100%; } /*.field_cover .icon{position:absolute; right: 0; top:5px;font-size:18px;}*/ .selectfield { position: relative; } .selectfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .selectfield select::-ms-expand { display: none; } .selectfield:before { width: 35px; height: 34px; background: #fff; content: ''; right: 0; top: 0; position: absolute; pointer-events: none; } .selectfield:after { width: 0; height: 0; border-bottom: 9px solid #bcbcbc; border-left: 9px solid transparent; content: ''; right: 0; top: 18px; position: absolute; pointer-events: none; } .field_control.horizontal { display: table; table-layout: fixed; margin: 15px 0; width: 100%; } .field_control.horizontal .field_label { position: relative; width: 25%; display: table-cell; vertical-align: top; line-height: 35px; top: 0; text-align: right; padding-right: 25px; } .field_control.horizontal .field_cover { position: relative; width: 75%; display: table-cell; vertical-align: top; } .field_control.horizontal.active .field_label { font-size: 13px; } .field_control.horizontal .field_cover.offset { margin-left: 25%; display: block; } .field_control.disabled { opacity: 0.6; cursor: not-allowed; } .field_control[disabled], fieldset[disabled] .field_control.disabled { cursor: not-allowed; } .selectfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .web_form { font-size: 13px; color: #333; } .web_form .list-inline { margin: 0; } .web_form small { font-size: 12px; font-style: italic; color: #b3b3b3; display: block; margin: 10px 0 0; font-weight: 300; } .web_form input[type='submit'], .web_form input[type='button'] { font-size: 14px; border-radius: 3px; display: inline-block; padding: 0 25px; border: 0 none; text-transform: uppercase; position: relative; height: 40px; line-height: 36px; cursor: pointer; vertical-align: middle; border: none; color: #fff; margin: 0 10px 0 0; line-height: normal; background: rgb(45, 200, 239); background: -moz-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: -webkit-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: linear-gradient( to bottom, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); box-shadow: 0 4px 4px rgba(84, 209, 241, 0.5); } .web_form input[type='submit']:hover { box-shadow: 0 0 8px rgba(84, 209, 241, 0.4), 0 8px 16px rgba(84, 209, 241, 0.66); } .web_form input[type='button']:hover { box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2); } .web_form input[type='button'] { border-radius: 3px; display: inline-block; padding: 10px 24px; border: 0 none; text-transform: uppercase; position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; border: none; color: #fff; line-height: normal; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); background: rgb(99, 99, 99); background: -moz-linear-gradient( top, rgba(99, 99, 99, 1) 0%, rgba(125, 126, 125, 1) 100% ); background: -webkit-linear-gradient( top, rgba(99, 99, 99, 1) 0%, rgba(125, 126, 125, 1) 100% ); background: linear-gradient( to bottom, rgba(99, 99, 99, 1) 0%, rgba(125, 126, 125, 1) 100% ); } .web_form input[type='reset'] { font-size: 14px; border-radius: 3px; display: inline-block; padding: 10px 24px; border: 0 none; text-transform: uppercase; position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; border: none; background: #999; color: #fff; line-height: normal; } .web_form input[type='file'] { height: auto; padding: 6px; min-height: 40px; } .filefield { position: relative; width: 100%; height: 35px; padding: 0; font-size: 13px; line-height: 1.42857143; color: #666; background-color: #ffffff; border-bottom: 1px solid #e0e0e0; } .filefield input[type='file'] { opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; } .filefield .filelabel { position: absolute; right: 0; top: 0; bottom: 0; padding: 8px 15px; font-size: 12px; color: #666; border-bottom: 2px solid #e0e0e0; } .filefield .filename { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; top: 0; bottom: 0; padding: 8px 0; font-size: 12px; color: #666; } .field_control.active .filefield .filelabel { border-bottom: none; } /* tabs */ .tabs_nav { padding: 0; border-bottom: none; position: relative; width: 100%; list-style: none; margin: 0; } .tabs_nav:after { display: block; content: ''; height: 0; clear: both; } .tabs_nav > li { padding: 0 0 0 0; float: left; color: #333; margin: 0 -1px 0 0; } .tabs_nav > li > a { padding: 15px 20px; background: rgba(0, 0, 0, 0.02); border-radius: 5px 5px 0 0; display: block; color: inherit; position: relative; border: 1px solid rgba(0, 0, 0, 0.06); border-bottom: none; } .tabs_nav > li > a:after { position: absolute; left: 0; right: 0; bottom: -8px; height: 8px; background: #fff; content: ''; display: none; } .tabs_nav > li > a.active { background: #fff; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.08); border-color: transparent; color: #54d1f1; z-index: 1; } .tabs_nav > li > a.active:after { display: block; } .tabs_nav > li > a .icon { font-size: 16px; margin: 0 6px 0 0; display: inline-block; } .tabs_nav_container { width: 100%; margin: 30px 0 0; } .tabs_panel_wrap { width: 100%; background: #fff; border-radius: 0 5px 5px 5px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); padding: 20px; } .togglehead { display: none; } .grid__left .box__body .tabs_nav_container { margin: 0; } .grid__left .box__body .tabs_panel_wrap { box-shadow: none; padding: 0; } .tabs_nav_container.vertical { overflow: hidden; display: table; table-layout: fixed; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); background: #fff; border-radius: 5px; overflow: hidden; } .tabs_nav_container.vertical > .tabs_nav { display: table-cell; vertical-align: top; width: 25%; border-right: 1px solid #eee; padding: 0; background: rgba(0, 0, 0, 0.03); } .tabs_nav_container.vertical > .tabs_panel_wrap { display: table-cell; vertical-align: top; width: 75%; box-shadow: none; } .tabs_nav_container.vertical > .tabs_nav li { display: block; float: none; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .tabs_nav_container.vertical > .tabs_nav li a { text-align: left; background: none; border-radius: 0; border: none; } .tabs_nav_container.vertical > .tabs_nav li a.active { background: #fff; box-shadow: none; margin: 0; } .tabs_nav_container.vertical > .tabs_nav li a.active:before { display: none; } .tabs_nav_container.vertical > .tabs_nav li a.active:after { background: #fff; display: block; left: auto; border: none; position: absolute; right: -1px; width: 2px; content: ''; top: 0; bottom: 0; height: auto; } .tabs_nav_container.flat { background: #fff; margin: 20px 0 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 3px; } .tabs_nav_container.flat > .tabs_nav { background: rgba(0, 0, 0, 0.03); padding: 15px 15px 0; display: block; } .tabs_nav_container.flat > .tabs_nav > li > a.active { color: #54d1f1; background: #fff; } .tabs_nav_container.flat .tabs_panel_wrap { background: #fff; padding: 20px; width: 100%; } .tabs_nav_container.flat .tabs_panel_wrap:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .tabs_panel_wrap .tabs_panel_wrap { padding: 30px; } .tabs_nav.tabs_nav--internal { border-bottom: 1px solid #ddd; } .tabs_nav.tabs_nav--internal > li > a { background: none; box-shadow: none; border: none; } .tabs_nav.tabs_nav--internal > li > a:after { background: #54d1f1; height: 3px; bottom: -1px; } #facebox .tabs_panel_wrap { box-shadow: none; /*border-top: 1px solid #ddd;*/ } /*#facebox .sectionbody.space .row{margin: 0;} #facebox .sectionbody.space .container{padding: 0;} #facebox .sectionbody.space .row [class*="col-"]{padding: 0;}*/ /* accordians */ .accordian_panel { width: 100%; position: relative; background: #fff; border-radius: 5px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); margin: 0 0 20px 0; overflow: hidden; } .accordian_title { position: relative; font-size: 14px; font-weight: 500; padding: 15px 45px 15px 20px; display: block; cursor: pointer; border-bottom: 1px solid transparent; } .accordian_body { width: 100%; padding: 20px; font-size: 14px; color: #999; } .accordian_title:before { content: '\f218'; width: 30px; height: 30px; border-radius: 5px; font-size: 16px; font-family: 'Ionicons'; position: absolute; right: 15px; top: 10px; text-align: center; line-height: 30px; } .accordian_title.active { background: rgba(0, 0, 0, 0.03); padding-bottom: 15px; border-color: rgba(0, 0, 0, 0.04); } .accordian_title.active:before { content: '\f209'; background: #fff; } .accordians_container.flat .accordian_panel { margin: 0; border-radius: 0; } .accordians_container.flat .accordian_panel:first-child { border-radius: 5px 5px 0 0; } .accordians_container.flat .accordian_panel:last-child { border-radius: 0 0 5px 5px; } .accordians_container.flat .accordian_title { color: #fff; padding: 15px 20px 15px 45px; background: rgb(43, 192, 229); background: -moz-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: -webkit-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: linear-gradient( 135deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); } .accordians_container.flat .accordian_title:before, .accordians_container.flat .accordian_title:after { color: #fff; } .accordians_container.flat .accordian_title:before { left: 10px; background: none; } .accordians_container.arrowstyle .accordian_title:before { left: 0; content: '\f35e'; font-size: 20px; top: 5px; } .accordians_container.arrowstyle .accordian_title.active:before { left: 0; content: '\f364'; font-size: 20px; top: 5px; } .accordians_container.arrowright .accordian_title { padding-left: 0; padding-right: 25px; } .accordians_container.arrowright .accordian_title:before { left: auto; content: '\f35e'; font-size: 20px; top: 5px; right: 0; } .accordians_container.arrowright .accordian_title.active:before { left: auto; content: '\f364'; font-size: 20px; top: 5px; right: 0; } .accordians_container.plusright .accordian_title { padding-left: 0; padding-right: 25px; } .accordians_container.plusright .accordian_title:before { left: auto; content: '\f218'; font-size: 16px; top: 9px; right: 0; } .accordians_container.plusright .accordian_title.active:before { left: auto; content: '\f209'; font-size: 16px; top: 9px; right: 0; } .accordians_container.boxed { background: #fff; border-radius: 5px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); padding: 20px; } .accordians_container.boxed .accordian_panel { background: #fff; border-radius: 0; box-shadow: none; margin: 0 0 2px 0; } .accordians_container.boxed .accordian_title { background: #edf0f5; } .accordians_container.boxed .accordian_title.active:before { color: #333; } /* accordians */ .popcontent { position: relative; } .demo .popover { display: inline-block; margin: 0 10px 30px; opacity: 1; position: relative; z-index: 0; } .demo .popover.left { margin-left: 12px; float: none !important; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 260px; padding: 1px; font-size: 13px; line-height: 1.42857143; text-align: left; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; float: none !important; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; float: none !important; } .pop_title { display: block; text-transform: uppercase; margin: 0; padding: 8px 14px; font-size: 13px; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; border-radius: 1px 1px 0 0; } .popover_content { padding: 9px 14px; } .popover.top:before { bottom: -12px; left: 50%; margin: 0 0 0 -12px; content: ''; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; position: absolute; } .popover.right:before { right: -12px; top: 50%; margin: -12px 0 0; content: ''; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; position: absolute; } .popover.bottom:before { top: -12px; left: 50%; margin: 0 0 0 -12px; content: ''; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; } .popover.left:before { left: -12px; top: 50%; margin: -12px 0 0; content: ''; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #fff; position: absolute; } /* tooltips */ .tooltip { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: #333; } .tooltip .icon { color: #333; font-size: 24px; } .tooltip .hovertxt:before { content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .tooltip .hovertxt { pointer-events: none; min-width: 160px; text-align: center; background: #000; font-size: 12px; color: #fff; border-radius: 3px; padding: 6px 6px 10px; position: absolute; left: 50%; bottom: 20px; opacity: 0; z-index: 1; line-height: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transform: translate(-50%); /* IE 9 */ -webkit-transform: translate(-50%); /* Chrome, Safari, Opera */ transform: translate(-50%); } .tooltip:hover .hovertxt { opacity: 1; bottom: 40px; } .tooltip.success .hovertxt { background: #00b6ad; } .tooltip.success .hovertxt:before { border-top: 5px solid #00b6ad; } .tooltip.info .hovertxt { background: #02b4d1; } .tooltip.info .hovertxt:before { border-top: 5px solid #02b4d1; } .tooltip.warning .hovertxt { background: #f3c532; } .tooltip.warning .hovertxt:before { border-top: 5px solid #f3c532; } .tooltip.danger .hovertxt { background: #f35f5f; } .tooltip.danger .hovertxt:before { border-top: 5px solid #f35f5f; } /* table based forms */ .table_form_vertical { width: 100%; border-spacing: 20px; table-layout: fixed; font-size: 13px; color: #959595; } .table_form_vertical td { position: relative; } .table_form_horizontal { width: 100%; border-spacing: 20px; table-layout: fixed; font-size: 13px; color: #959595; } .table_form_horizontal td:first-child { width: 25%; vertical-align: top; padding: 10px 0 0; text-align: right; } .table_form_horizontal td { position: relative; } .mandatory { color: red; } .iconcalender { position: absolute; right: 0; bottom: 8px; width: 14px; opacity: 0.6; } .selection { margin: 0; list-style: none; padding: 0; } .selection li { float: left; list-style: none; padding: 0; margin: 0 5px 0 0; } .selection li a { display: block; width: 35px; height: 30px; border: 1px solid #ddd; padding: 5px; text-align: center; line-height: 16px; font-size: 14px !important; color: #333; font-weight: 700; } .demo .div_msg, .demo .div_error { width: 100%; max-width: 100%; padding-right: 10px; } /* profile page */ .containerwhite { width: 100%; overflow: hidden; display: table; table-layout: fixed; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background: #fff; margin: 15px 0 0; } .containerwhite > .grid_1 { width: 25%; padding: 15px; display: table-cell; vertical-align: top; background: #fafafa; border-right: 1px solid #ddd; float: none; } .containerwhite > .grid_2 { width: 75%; display: table-cell; vertical-align: top; float: none; } .avtararea { width: 100%; position: relative; } .avtararea .pic { width: 100%; position: relative; } .avtararea .pic img { width: 100%; display: block; border: 1px solid #ddd; border-bottom: none; } .avtararea .picinfo { width: 100%; display: block; padding: 10px; text-align: center; font-size: 16px; color: #fff; background: #ffc107; } .avtararea .picinfo .name { font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .avtararea .picinfo .mailinfo { font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .avtararea .pic .uploadavtar { display: none; left: 0; right: 0; top: 0; padding: 8px 10px 10px; font-size: 12px; color: #fff; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.7); cursor: pointer; vertical-align: top; } .avtararea .pic:hover .uploadavtar { display: block; } .avtararea .pic .uploadavtar input[type='file'] { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; } .avtararea .pic .uploadavtar .icon { font-size: 18px; line-height: 1; position: relative; top: 2px; margin-right: 10px; } .contactlist { margin: 0; list-style: none; } .contactlist .icon { font-size: 20px; color: #666; position: absolute; left: 0; top: 6px; } .contactlist li { padding: 8px 0 8px 30px; font-size: 13px; color: #666; position: relative; } .contactarea { padding: 20px 0 0; } .centered_nav { width: 100%; border-bottom: 2px solid #ddd; margin: 0; list-style: none; display: table; table-layout: fixed; } .centered_nav > li { display: table-cell; vertical-align: top; position: relative; } .centered_nav > li > a { display: block; padding: 15px; font-size: 14px; color: #999; text-transform: uppercase; position: relative; text-align: center; } .centered_nav > li > a:before { bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; } .centered_nav > li > a.active:before, .centered_nav > li > a:hover:before { background: #2196f3; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .centered_nav > li > a.active:after { position: absolute; left: 50%; bottom: -2px; margin: 0 0 0 -8px; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #2196f3; } .centered_nav > li > a.active { color: #2196f3; } .areabody { padding: 20px; } .repeatedrow { width: 100%; padding: 10px 0; } .repeatedrow .rowbody { padding: 0 0 0 34px; } .repeatedrow h3 .icon { font-size: 24px; margin: 0 10px 0 0; } .listview dl { margin-bottom: 18px; margin-top: 0; font-size: 13px; color: #666; } .listview .list dt { text-align: left; clear: left; float: left; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; width: 160px; } .listview .list dd { margin-left: 180px; } /* inbox */ .medialist { width: 100%; list-style: none; margin: 0; } .medialist > li { display: table; width: 100%; table-layout: fixed; position: relative; padding: 6px 12px; border-bottom: 1px solid #ededed; cursor: pointer; } .medialist > li a { display: block; position: relative; overflow: hidden; } .medialist > li:hover { background: #fafafa; } .medialist > li.selected { background: #fffcbe; } .medialist > li.selected .avtar { display: none; } .medialist > li.selected .checkbox { display: block; } .medialist > li .grid { display: table-cell; vertical-align: middle; } .medialist > li .grid.first { width: 50px; padding-right: 0; height: 45px; } .medialist > li .grid.second { width: 80%; } .medialist > li .name { display: block; font-size: 13px; font-weight: 600; color: #333; padding: 0 0 0 0; width: 80%; } .medialist > li .desc { font-size: 12px; color: #999; font-weight: normal; } .medialist > li .date { font-size: 12px; color: #b3b3b3; font-weight: normal; float: right; } .medialist > li .date .icon { font-size: 16px; line-height: 1; position: relative; top: 1px; } .medialist > li.read .name { font-weight: normal; color: #666; } .medialist > li .avtar { margin-top: 5px; } .medialist > li .checkbox { display: none; position: relative; left: 10px; } .medialist > li:hover .checkbox { display: block; } .medialist > li:hover .avtar { display: none; } .containerwhite > .grid_2 .sortbar { background: #fafafa; } .containerwhite > .grid_2 .searchbar input[type='text'] { background: #fff; } .sortbar .txtnormal { font-size: 18px; color: #666; line-height: 34px; font-weight: 600; padding: 0 0 0 10px; } .topwrap { text-align: center; opacity: 0; display: table; table-layout: fixed; width: 100%; background: #607d8b; height: 55px; position: fixed; left: 0; top: 0; right: 0; z-index: 0; } .topwrap .txtwhite { display: inline-block; font-size: 16px; color: #fff; vertical-align: middle; min-height: 55px; line-height: 55px; } .topwrap .selectedt_txt { display: block; font-size: 16px; color: #fff; vertical-align: top; } body.selected .topwrap { opacity: 1; z-index: 130; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDowns; animation-name: fadeInDowns; } @-webkit-keyframes fadeInDowns { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDowns { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .topwrap .one_third_grid { display: table-cell; vertical-align: middle; } .topwrap .one_third_grid:first-child { text-align: left; } .topwrap .one_third_grid:last-child { text-align: right; padding: 0px; } .topwrap .actions > li > a { background: none; } .topwrap .actions > li > a .icon { color: #fff; } .backarrow { width: 65px; min-height: 55px; padding: 0 20px; position: relative; text-align: center; float: left; line-height: 55px; } .backarrow:before { content: '\f2ca'; font-size: 32px; color: #fff; font-family: 'Ionicons'; position: absolute; left: 20px; top: -1px; } .toptitle { width: 100%; border-bottom: 1px solid #ddd; margin: 0; padding: 15px; } .toptitle h4 { padding: 0; font-size: 18px; font-weight: 500; color: #333; width: 85%; font-weight: 300; } .toptitle .actions { position: absolute; right: 10px; top: 10px; } .bodyarea .medialist > li .avtar { display: inline-block; } .lightxt { color: #999; font-weight: 300; } .lightxt span { color: #999; font-weight: 300; } .medialist > li.bodycollapsed .lightxt, .medialist > li.lastbox .lightxt { display: inline-block; } .medialist > li .lightxt { display: none; } .bodyarea .medialist > li:last-child { border-bottom: none; } .bodyarea .medialist > li.bodycollapsed .grid.second, .bodyarea .medialist > li.lastbox .grid.second { width: 100%; } .bodyarea .medialist > li.bodycollapsed .grid.third, .bodyarea .medialist > li.lastbox .grid.third { position: absolute; right: 12px; top: 10px; } .bodyarea .medialist > li.bodycollapsed .descbody, .bodyarea .medialist > li.lastbox .descbody { padding: 20px 0; font-size: 13px; } .bodyarea .medialist > li .grid.first, .bodyarea .medialist > li .grid.third { vertical-align: top; } .bodyarea .medialist > li.bodycollapsed:hover, .bodyarea .medialist > li.lastbox:hover { background: #fff; cursor: default; } .bodyarea .medialist > li.bodycollapsed .desc, .bodyarea .medialist > li.lastbox .desc { overflow: visible; white-space: normal; text-overflow: inherit; padding: 12px 0 0; } .areareply { background: #fff; min-height: 110px; padding: 12px; border-top: 1px solid #ededed; } .areareply .grid_2 { margin: 0 0 0 50px; float: none; display: block; } .areareply .txtlink { margin: 6px 0 15px; font-size: 14px; } .areareply .txtlink a { text-decoration: underline; color: #666; } .areareply .txtlink a:hover { color: #000; } .boxcontainer { width: 100%; border: 1px solid #ededed; border-radius: 3px; background: #fff; font-size: 13px; color: #999; } .boxcontainer .top { width: 100%; border-bottom: 1px solid #ededed; padding: 10px 15px; position: relative; overflow: hidden; } .nametag { background: #eee; border: 1px solid #ddd; padding: 1px 20px 1px 4px; font-size: 11px; cursor: move; position: relative; margin: 5px; display: inline-block; } .nametag .closetag { position: absolute; right: 5px; top: 2px; } .nametag .closetag .icon { font-size: 10px; color: #999; } .nametag .closetag:hover .icon { font-size: 10px; color: #333; } .boxcontainer .middle { width: 100%; padding: 15px; position: relative; } .boxcontainer .bottom { width: 100%; border-top: 1px solid #ededed; padding: 15px; background: #f9f9f9; position: relative; } .txtarea { height: 22px; border: none; resize: none; margin: 5px 0; padding: 0; width: 100%; position: absolute; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #999; } .styleright { position: absolute; right: 10px; top: 15px; z-index: 1; } .styleright .to { margin: 0 3px; } .styleright a { color: #999; } .styleright a:hover { text-decoration: underline; color: #999; } .listrow { padding: 0 100px 0 0; width: 100%; display: table; table-layout: fixed; } .listrow .gridleft { width: 40px; } .listrow .gridleft, .listrow .gridright { display: table-cell; } .boxcontainer .bottom .actions { position: absolute; right: 15px; top: 15px; } .boxcontainer .bottom .actions a { background: none; } .bodytxtarea { background: #fff; border: none; resize: none; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #999; height: 120px; } .descbody { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bodycollapsed .descbody { display: block; overflow: visible; text-overflow: inherit; white-space: normal; } .lastbox .descbody { display: block; overflow: visible; text-overflow: inherit; white-space: normal; } .repeatedrow .rowbody.formprofile .field_control.horizontal .field_label { text-align: left; } .areabody .formhorizontal { width: 90%; } .areabody .formhorizontal .field_control.horizontal .field_label { text-align: left; } .web_form .themebtn { /* padding: 0 15px;*/ } .floatedchecks { width: 100%; display: inline-block; list-style: none; margin: 0; } .floatedchecks li { float: left; margin: 0 30px 10px 0; font-size: 12px; color: #999; } .floatedchecks li label { font-size: 12px; } .table_form_horizontal small { font-size: 12px; font-style: italic; color: #999; } .threeCol td { width: 33%; vertical-align: bottom; } .threeCol td input { margin-top: 5px !important; } .threeCol td select { margin-top: 5px !important; } .threeCol td:first-child { text-align: left; width: 33%; } .logoWrap { margin: 10px 0 5px 0; position: relative; } .logothumb { position: relative; width: 100%; height: auto; border: 1px solid rgba(0, 0, 0, 0.05); padding: 0 0 50%; display: block; text-align: center; vertical-align: middle; background: #f3f6f8; border-radius: 5px; margin: 0 0 10px 0; } .logothumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ max-width: 100%; max-height: 100%; } .logothumb .deleteLink { width: 20px; text-align: center; line-height: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 0.8em; border-radius: 50%; } .logothumb .deleteLink .icon { font-size: 20px; color: #fff; } .logothumb.blackclr { background: #252525; border: 1px solid transparent; } .logothumb.blackclr .deleteLink .icon { color: #fff; } .wrapcenter { max-width: 800px; margin: 0 auto; position: relative; } .wrapcenter .table_form_horizontal td:first-child { width: 35%; } .switch_layout .wrapcenter { max-width: 100%; } .switch_layout .wrapcenter .table_form_horizontal td:first-child { width: 25%; } .checklistTable { width: 100%; border-spacing: 0; } .checklistTable td { display: inline-block; margin: 0 2px 0 0; padding: 7px 10px 5px 8px !important; border: 1px solid #eee; border-radius: 3px; font-size: 12px; background: #f6f6f6; } .checklistTable td input[type='checkbox'], .checklistTable td input[type='radio'] { margin: 0; } .checklistTable td:first-child { width: auto !important; text-align: left; } .welcome_msg { position: fixed; left: 50%; bottom: 30px; z-index: 1001; display: none; background: rgba(0, 0, 0, 0.9); text-align: center; text-transform: capitalize; color: #fff; padding: 20px 30px 20px 30px; min-height: 60px; font-size: 14px; width: 300px; margin: 0 0 0 -150px; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2); } .companieslist th { text-align: center; } .companieslist th:first-child, .companieslist th:nth-child(3) { text-align: left; } .companieslist th:first-child { width: 25%; } /*  color pallete */ .color_pallete { background: #fff; box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.2); position: fixed; bottom: 0; left: 20px; padding: 15px 15px 0 15px; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 200px; z-index: 110; } body.switchtoggled .color_pallete { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .color_pallete .pallete_control { background: #fff; border-radius: 3px 3px 0 0; width: 50px; height: 40px; position: absolute; left: 0; bottom: 100%; display: inline-block; padding: 8px; text-align: center; line-height: 1; box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3); } .color_pallete .pallete_control .icon { line-height: 1; color: #666; font-size: 24px; position: relative; top: 0px; } body.switchtoggled .color_pallete .pallete_control { box-shadow: none; } .controlwrap { width: 100%; padding: 0 0 15px 0; display: inline-block; } .controlwrap h5 { text-transform: uppercase; color: #333; font-weight: 700; font-size: 14px; padding-bottom: 5px; } .controlwrap .btngroup .themebtn { width: 46%; padding: 0 5px; text-align: center; float: left; border-color: #2196f3; color: #2196f3; } .controlwrap .btngroup .themebtn.active { background: #2196f3; color: #fff; } .colorpallets { margin: 0 0 0 -10px; list-style: none; } .colorpallets:after { visibility: hidden; clear: both; content: ''; display: block; height: 0; } .colorpallets li { float: left; padding: 0 0 10px 10px; } .colorpallets li a { display: block; width: 22px; height: 22px; background: #ddd; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .colorpallets li:hover a { transform: scale(1.2); } .colorpallets li.active a { transform: scale(1.2); } .colorpallets li.red a { background: #ff9a9e; } .colorpallets li.green a { background: #77eda3; } .colorpallets li.yellow a { background: #f0d18a; } .colorpallets li.orange a { background: #ff719a; } .colorpallets li.darkgrey a { background: #29323c; } .colorpallets li.darkblue a { background: #4867aa; } .colorpallets li.blue a { background: #2196f3; } .colorpallets li.brown a { background: #c79081; } .selection { margin: 0; list-style: none; padding: 0; } .selection li { float: left; list-style: none; padding: 0; margin: 0 5px 0 0; } .selection li a { display: block; width: 35px; height: 30px; border: 1px solid #ddd; padding: 5px; text-align: center; line-height: 16px; font-size: 14px !important; color: #333; font-weight: 700; } /* Loaders & Preloaders */ .circularLoader { margin: 20px auto; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); width: 80px; height: 80px; position: relative; } .circular { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #db652d; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @-webkit-keyframes color { 0% { stroke: #db652d; } 20% { stroke: #db652d; } 25% { stroke: #db652d; } 45% { stroke: #db652d; } 50% { stroke: #db652d; } 70% { stroke: #db652d; } 75% { stroke: #db652d; } 95% { stroke: #db652d; } } @keyframes color { 0% { stroke: #3f88f8; } 20% { stroke: #3f88f8; } 25% { stroke: #dd413b; } 45% { stroke: #dd413b; } 50% { stroke: #f6ae2e; } 70% { stroke: #f6ae2e; } 75% { stroke: #259a5d; } 95% { stroke: #259a5d; } } /******************* PRELOADER 1 ********** *******************************************/ #preloader_1 { top: 20px; position: relative; } #preloader_1 span { display: block; bottom: 0px; width: 5px; height: 20px; background: #9b59b6; position: absolute; -webkit-animation: preloader_1 1.5s infinite ease-in-out; -moz-animation: preloader_1 1.5s infinite ease-in-out; -ms-animation: preloader_1 1.5s infinite ease-in-out; -o-animation: preloader_1 1.5s infinite ease-in-out; animation: preloader_1 1.5s infinite ease-in-out; } #preloader_1 span:nth-child(2) { left: 11px; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } #preloader_1 span:nth-child(3) { left: 22px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } #preloader_1 span:nth-child(4) { left: 33px; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #preloader_1 span:nth-child(5) { left: 44px; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } @-webkit-keyframes preloader_1 { 0% { height: 10px; -webkit-transform: translateY(0px); background: #9b59b6; } 25% { height: 50px; -webkit-transform: translateY(15px); background: #3498db; } 50% { height: 10px; -webkit-transform: translateY(0px); background: #9b59b6; } 100% { height: 10px; -webkit-transform: translateY(0px); background: #9b59b6; } } @-moz-keyframes preloader_1 { 0% { height: 10px; -moz-transform: translateY(0px); background: #9b59b6; } 25% { height: 50px; -moz-transform: translateY(15px); background: #3498db; } 50% { height: 10px; -moz-transform: translateY(0px); background: #9b59b6; } 100% { height: 10px; -moz-transform: translateY(0px); background: #9b59b6; } } @-ms-keyframes preloader_1 { 0% { height: 10px; -ms-transform: translateY(0px); background: #9b59b6; } 25% { height: 50px; -ms-transform: translateY(15px); background: #3498db; } 50% { height: 10px; -ms-transform: translateY(0px); background: #9b59b6; } 100% { height: 10px; -ms-transform: translateY(0px); background: #9b59b6; } } @keyframes preloader_1 { 0% { height: 10px; transform: translateY(0px); background: #9b59b6; } 25% { height: 50px; transform: translateY(15px); background: #3498db; } 50% { height: 10px; transform: translateY(0px); background: #9b59b6; } 100% { height: 10px; transform: translateY(0px); background: #9b59b6; } } /******************* PRELOADER 4 ********** *******************************************/ #preloader_4 { top: 20px; position: relative; } #preloader_4 span { position: absolute; width: 20px; height: 20px; background: #3498db; opacity: 0.5; border-radius: 20px; -webkit-animation: preloader_4 1s infinite ease-in-out; -moz-animation: preloader_4 1s infinite ease-in-out; -ms-animation: preloader_4 1s infinite ease-in-out; -animation: preloader_4 1s infinite ease-in-out; } #preloader_4 span:nth-child(2) { left: 20px; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; } #preloader_4 span:nth-child(3) { left: 40px; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; animation-delay: 0.4s; } #preloader_4 span:nth-child(4) { left: 60px; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; animation-delay: 0.6s; } #preloader_4 span:nth-child(5) { left: 80px; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; animation-delay: 0.8s; } @-webkit-keyframes preloader_4 { 0% { opacity: 0.3; -webkit-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } 50% { opacity: 1; -webkit-transform: translateY(-10px); background: #f1c40f; box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); } 100% { opacity: 0.3; -webkit-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } } @-moz-keyframes preloader_4 { 0% { opacity: 0.3; -moz-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } 50% { opacity: 1; -moz-transform: translateY(-10px); background: #f1c40f; box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); } 100% { opacity: 0.3; -moz-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } } @-ms-keyframes preloader_4 { 0% { opacity: 0.3; -ms-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } 50% { opacity: 1; -ms-transform: translateY(-10px); background: #f1c40f; box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); } 100% { opacity: 0.3; -ms-transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } } @keyframes preloader_4 { 0% { opacity: 0.3; transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } 50% { opacity: 1; transform: translateY(-10px); background: #f1c40f; box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); } 100% { opacity: 0.3; transform: translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } } /******************* PRELOADER 6 ********** *******************************************/ #preloader6 { position: relative; width: 42px; height: 42px; -webkit-animation: preloader_6 5s infinite linear; -moz-animation: preloader_6 5s infinite linear; -ms-animation: preloader_6 5s infinite linear; animation: preloader_6 5s infinite linear; } #preloader6 span { width: 20px; height: 20px; position: absolute; background: red; display: block; -webkit-animation: preloader_6_span 1s infinite linear; -moz-animation: preloader_6_span 1s infinite linear; -ms-animation: preloader_6_span 1s infinite linear; animation: preloader_6_span 1s infinite linear; } #preloader6 span:nth-child(1) { background: #2ecc71; } #preloader6 span:nth-child(2) { left: 22px; background: #9b59b6; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; } #preloader6 span:nth-child(3) { top: 22px; background: #3498db; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; animation-delay: 0.4s; } #preloader6 span:nth-child(4) { top: 22px; left: 22px; background: #f1c40f; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes preloader_6 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes preloader_6_span { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes preloader_6 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-moz-keyframes preloader_6_span { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(0.5); } 100% { -moz-transform: scale(1); } } @-ms-keyframes preloader_6 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-ms-keyframes preloader_6_span { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(0.5); } 100% { -ms-transform: scale(1); } } @-ms-keyframes preloader_6 { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @keyframes preloader_6_span { 0% { transform: scale(1); } 50% { transform: scale(0.5); } 100% { transform: scale(1); } } .wraplayer { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.7); } .wraplayer .layercontent { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ transform: translate(-50%, -50%); } /* .system_message {top:80px;} */ .photosrow { width: 100%; display: inline-block; } .photosquare { width: 100px; height: 100px; position: relative; margin: 10px 5px 0 0; background: #fff; padding: 3px; display: inline-block; vertical-align: middle; border: 1px solid #eaeaea; border-radius: 5px; } .photosquare img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding: 5px; } .photosquare .crossLink { position: absolute; right: 5px; top: 5px; z-index: 1; } .crossLink { width: 14px; height: 14px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: relative; display: inline-block; text-align: center; line-height: 12px; } .crossLink:before { content: '\f2d7'; font-size: 12px; color: #fff; font-family: 'Ionicons'; line-height: 1; } .fieldadd { width: 100%; display: inline-block; padding: 0 0 10px 0; } .fieldadd .grid_1 { width: 60%; float: left; } .form_horizontal .fieldadd .grid_1 input[type='file'] { width: 100% !important; } .fieldadd .grid_2 { width: 40%; float: right; padding: 0 0 0 10px; } .fieldadd .grid_2 .actions > li > a .icon { font-size: 1.2em; } .web_form .actions > li > a { background: #fff; border: 1px solid #eaeaea; border-radius: 5px; height: 40px; width: 40px; line-height: 38px; display: block; } .web_form .actions > li > a:before { border-radius: 5px; } .attachment { position: relative; } .attachment input[type='file'] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; } .attachment .icon { font-size: 18px; line-height: 1; position: relative; } .spn_must_field, .mandatory { color: #ff0000; } .borderedgrid { width: 100%; border: 1px solid #eee; padding: 20px; border-radius: 3px; } .borderedgrid .greywrap { width: 100%; border: 1px solid #eee; border-top: 5px solid #0099cc; min-height: 600px; } .buttongrp { width: 100%; display: inline-block; text-align: center; } .buttongrp .themebtn { min-width: 250px; } .tabs_panel_wrap .footinfo { padding: 15px 0 0; } .table_form_horizontal .checkbox.inline { margin: 10px 0 0; } .tableinner { width: 100%; table-layout: fixed; } .tableinner td { padding: 0 0 15px 15px; } .tableinner td:first-child { padding: 0; width: auto; } .bannerthumb { width: 120px; display: block; border: 1px solid #ddd; background: #fff; padding: 3px; } .table.table-move td { cursor: move; } .actions > li > a .icon.list { font-size: 20px; } .boxes_container { margin: 0 0 0 -20px; } .boxes_container .boxround { padding: 0 0 20px 20px; width: 33.3%; float: left; position: relative; } .boxwraplist { width: 100%; border: 1px solid #ddd; padding: 5px; background: #fff; border-radius: 5px; } .boxlabel { width: 100%; display: block; background: #ededed; padding: 6px; font-weight: 600; font-size: 13px; border-radius: 5px; } .boxlabel label { font-weight: 600; } .scrollerwrap { height: 140px; overflow: auto; padding: 0; margin: 5px 0 0 10px; } .verticalcheck_list { margin: 0; } .verticalcheck_list li { padding: 3px 0 3px 0; font-size: 12px; color: #999; line-height: 21px; list-style: none; } /*.verticalcheck_list li input[type="checkbox"]{margin:0;}*/ .verticalcheck_list li ul { margin: 7px 0 0 15px; padding: 0; width: auto; } .verticalcheck_list label { display: block; } /* yokart dashboard css (added on 3 dec 2015) */ .graphPanel { width: 100%; display: table; table-layout: fixed; } .graphPanel .grid_1 { width: 60%; display: table-cell; vertical-align: top; float: none; padding: 15px; } .graphPanel .grid_2 { width: 40%; display: table-cell; vertical-align: top; float: none; border-left: 1px solid #ddd; } .repeatedPanel .section { padding: 15px; } .paneltop { width: 100%; display: inline-block; margin: 0 0 15px 0; position: relative; } .paneltop h4 { padding: 0; font-size: 18px; color: #333; font-weight: 300; text-transform: uppercase; display: inline-block; position: relative; } .paneltop h4 strong { font-weight: 600; } .graphcontent td { font-size: 13px; padding: 18px 10px; } .graphcontent tr:last-child td { border-bottom: none; } .graphcontent tr.first td { font-size: 19px; font-weight: 700; color: #fa8564; } .graphcontent th { padding: 28px 10px; font-size: 15px; } .graphcontent td:first-child { text-transform: uppercase; padding-left: 20px; } .graphcontent td:last-child, .graphcontent th:last-child { text-align: center; } .repeatedPanel { width: 100%; } .repeatedPanel:after { clear: both; display: block; content: ''; visibility: hidden; height: 0; } .paneltop .actions { position: absolute; right: -10px; top: -5px; } .horizontal_grids { width: 100%; display: table; table-layout: fixed; margin: 20px 0 0; } .horizontal_grids li { display: table-cell; vertical-align: top; border-left: 1px solid #ddd; padding: 4px 15px 10px; text-align: center; font-size: 24px; font-weight: 600; } .horizontal_grids li:first-child { border-left: 0; color: #2196f3; padding-left: 0; } .horizontal_grids li:nth-child(2) { color: #fa8564; } .horizontal_grids li:nth-child(3) { color: #f5ba19; } .horizontal_grids li:nth-child(4) { color: #a48ad4; } .horizontal_grids li span { display: block; font-weight: 300; color: #666; text-transform: uppercase; font-size: 13px; } .horizontal_gridsthird { width: 100%; display: table; table-layout: fixed; margin: 0 0 0; } .horizontal_gridsthird li { display: table-cell; vertical-align: top; padding: 4px 15px 10px; text-align: left; font-size: 30px; font-weight: 600; color: #aec785; } .horizontal_gridsthird li:first-child { padding-left: 0; } .horizontal_gridsthird li span { display: block; font-weight: 300; color: #666; text-transform: uppercase; font-size: 13px; } .onehalf_cols .section { min-height: 450px; } .socialbox { background: #fff; overflow: hidden; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); position: relative; width: 100%; margin: 20px 0 0; } .socialbox .boxtop { height: 80px; position: relative; padding: 10px 15px; width: 100%; background: #ddd; text-align: center; } .socialbox .boxtop .icon { color: #fff; font-size: 44px; line-height: 1; } .socialbox .socialname { position: absolute; left: 50%; border: 1px solid #ddd; text-align: center; text-transform: uppercase; font-size: 13px; color: #666; padding: 0 15px; height: 28px; line-height: 24px; border-radius: 30px; bottom: -15px; background: #fff; width: 140px; margin: 0 0 0 -70px; } .socialbox .boxbody { height: 64px; position: relative; padding: 24px 15px 15px; width: 100%; } .socialbox .boxbody .left { font-size: 25px; font-weight: 600; line-height: 1; } .socialbox .boxbody .right { color: #666; font-size: 13px; line-height: 1; text-transform: uppercase; padding: 6px 0 0; } .socialbox.fb .boxtop { background: #3a5795; } .socialbox.fb .boxbody .left { color: #3a5795; } .socialbox.pt .boxtop { background: #cb2027; } .socialbox.pt .boxbody .left { color: #cb2027; } .socialbox.tw .boxtop { background: #55acee; } .socialbox.tw .boxbody .left { color: #55acee; } .socialbox.g .boxtop { background: #dc4b3e; } .socialbox.g .boxbody .left { color: #dc4b3e; } .socialbox.li .boxtop { background: #0077b5; } .socialbox.li .boxbody .left { color: #0077b5; } .threegrids .section { padding: 0; display: table; table-layout: fixed; } .threegrids .panelbottom { height: 265px; overflow: auto; } .threegrids .v_grid { border-left: 1px solid #e5e5e5; display: table-cell; vertical-align: top; padding: 20px 20px 10px; } .threegrids .v_grid:first-child { border-left: none; } .repeatedPanel .bulletlist { margin: 0; } .repeatedPanel .bulletlist li { font-size: 13px; color: #666; padding: 0 100px 10px 20px; position: relative; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .repeatedPanel .bulletlist li:before { width: 7px; height: 7px; top: 7px; } .repeatedPanel .bulletlist li:last-child { padding-bottom: 0; } .bulletlist li .count { position: absolute; right: 0; top: 0; font-size: 13px; font-weight: 600; } .bulletlist.countries li:before { display: none; } .bulletlist.countries li { padding: 0 100px 10px 0; } .bulletlist.countries li img { display: inline-block; vertical-align: middle; } .bulletlist.purple li:before { background: #a48ad4; } .bulletlist.purple li .count { color: #a48ad4; } .bulletlist.green li:before { background: #0c9d94; } .bulletlist.green li .count { color: #0c9d94; } .bulletlist.blue li:before { background: #2196f3; } .bulletlist.blue li .count { color: #2196f3; } .bulletlist.org li:before { background: #fa8564; } .bulletlist.org li .count { color: #fa8564; } .panelmidd .grid_1 { width: 60%; padding: 20px 0 0 10px; } .panelmidd .grid_2 { width: 38%; float: right; padding: 30px 20px 0 0; } .vertical_grids { width: 100%; margin: 0; } .vertical_grids li { display: block; border-top: 1px dashed #ddd; padding: 15px 0; font-size: 17px; font-weight: 600; } .vertical_grids li:first-child { border-top: 0; color: #2196f3; padding-left: 0; } .vertical_grids li:nth-child(2) { color: #fa8564; } .vertical_grids li:nth-child(3) { color: #88ac4e; } .vertical_grids li span { display: block; font-weight: 600; color: #666; text-transform: uppercase; font-size: 16px; } .vertical_grids li small { display: block; font-weight: 300; color: #666; text-transform: uppercase; font-size: 14px; } .onehalf_cols.new .section { min-height: 400px; } .grids--onefifth, .grids--onefourth, .grids--onethird, .grids--onehalf { margin: 20px 0 0 -30px; list-style: none; } .grids--onefifth li, .grids--onefourth li, .grids--onethird li, .grids--onehalf li { display: inline-block; vertical-align: top; padding: 0 0 10px 30px; position: relative; margin: 0 -4px 0 0; } .grids--onefifth li.last, .grids--onefourth li.last, .grids--onethird li.last, .grids--onehalf li.last { width: 100%; text-align: center; } .grids--onefifth li { width: 20%; } .grids--onefourth li { width: 25%; } .grids--onethird li { width: 33.3%; } .grids--onehalf li { width: 50%; } .field-set { display: table; width: 100%; margin: 0 0 20px 0; table-layout: fixed; } .field-set .caption-wraper { width: 100%; min-height: 20px; } .field-set .field-wraper { width: 100%; } .form_horizontal .field-set .caption-wraper { position: relative; width: 30%; display: table-cell; vertical-align: top; line-height: 35px; padding-right: 25px; text-align: right; } .form_horizontal .field-set .field-wraper { position: relative; width: 70%; display: table-cell; vertical-align: top; } .form_horizontal .field-set input[type='text'], .form_horizontal .field-set input[type='file'], .form_horizontal .field-set input[type='password'], .form_horizontal .field-set select, .table_form_horizontal input[type='text'], .table_form_horizontal input[type='password'], .table_form_horizontal select { width: 60% !important; } .form_horizontal .iti--allow-dropdown { width: 60% !important; } .form_horizontal .iti--allow-dropdown input[type='text'] { width: 100% !important; } .form_horizontal h3, .form_horizontal .form__heading, .form__heading { background: #f3f6f8; color: #333; font-size: 1.1em; margin: 0 0 20px; padding: 12px 15px; border-radius: 5px; } .table.table-responsive input { border: 1px solid #dddddd; padding: 5px; text-align: center; width: 80px; } .sub-categories { list-style: outside none none; } .inactive { opacity: 0.5; } .web_form .list-inline label { background: #fff; height: 40px; border: 1px solid #eaeaea; border-radius: 5px; display: inline-block; margin: 0 2px 0 0; padding: 8px 15px 8px 10px; } .web_form .list-inline label:active, .web_form .list-inline label:focus { background: rgba(0, 0, 0, 0.02); } .tabs_nav_container.tabs_vertical { display: table; table-layout: fixed; background: #fff; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin: 24px 0 0; position: relative; width: 100%; overflow: hidden; } .tabs_nav_container.tabs_vertical > .tabs_nav { display: table-cell; vertical-align: top; width: 20%; border-right: 1px solid #eee; background: rgba(0, 0, 0, 0.02); border-bottom: none; border-radius: 5px; } .tabs_nav_container.tabs_vertical > .tabs_panel_wrap { display: table-cell; vertical-align: top; width: 80%; padding: 10px 30px 30px; } .tabs_nav_container.tabs_vertical > .tabs_nav li { display: block; border: none; border-bottom: 1px solid #eee; } .tabs_nav_container.tabs_vertical > .tabs_nav li a { text-align: left; } .tabs_nav_container.tabs_vertical > .tabs_nav li a:hover { box-shadow: 0 16px 10px -5px rgba(0, 0, 0, 0.06); background: #fff; } .tabs_nav_container.tabs_vertical > .tabs_nav li a.active { background: #fff; } .tabs_nav_container.tabs_vertical > .tabs_nav li a.active:before { display: none; } .tabs_nav_container.tabs_vertical > .tabs_nav li a.active:after, .tabs_nav_container.tabs_vertical > .tabs_nav li a:hover:after { background: #fff; display: block; left: auto; border: none; position: absolute; right: -1px; width: 2px; content: ''; top: 0; bottom: 0; } .tabs_nav_container.tabs_vertical > .tabs_panel_wrap .tabs_nav li a.active:after { display: none; } /*.row [class*="col-"]{padding: 0 15px;} */ /* added on 2nov 2016 */ .group--elements { position: relative; width: 100%; } .group--elements .overlayer { opacity: 0; visibility: hidden; position: absolute; left: 10px; right: 10px; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .group--elements.group--elements-even .overlayer { left: 0; right: 0; } .group--elements.group--elements-even .overlayer .actions { top: 20px; left: 10px; right: 10px; width: auto; text-align: center; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .group--elements:hover .overlayer { opacity: 1; visibility: visible; } .group--elements .overlayer:before { left: 8px; right: 8px; top: 8px; bottom: 8px; content: ''; border: 1px dashed rgba(255, 255, 255, 0.5); position: absolute; } .group--elements .overlayer .actions { text-align: center; top: 50%; position: absolute; left: 10px; right: 10px; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .group--elements .overlayer .actions li { margin: 0 2px; } .group--elements .overlayer .actions a { background: #fff; width: 40px; height: 40px; position: relative; } .group--elements .overlayer .actions a i { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .preview--thumb { display: block; width: 100%; height: 150px; background: #f4f4f4; text-align: center; padding: 20px; position: relative; } .preview--thumb:before { content: '\f147'; font-size: 55px; color: #ddd; font-family: 'Ionicons'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .preview--thumb-border { width: 100%; border: 1px solid #eee; background: #fff; } .preview--thumb-border:before, .preview--thumb-content:before { display: none; } .preview--heading { width: 300px; height: 25px; background: #f4f4f4; display: inline-block; margin: 0 0 10px 0; } .preview--thumb-content .preview--heading { width: 60%; background: #ddd; margin: 0; } .preview--thumb-content .preview--txt { width: 80%; height: 6px; background: #ddd; display: inline-block; } .preview--thumb-content .preview--icon { width: 50px; height: 50px; background: #ddd; display: block; margin: 0 auto 10px; border-radius: 50%; } /* Custom */ .viewMssg { cursor: pointer; } .statustab.bigger { width: 100px; } .statustab.bigger.active .switch-handles { left: 75px; } .icon { cursor: pointer; } .hlprtxt { font-size: 10px; color: #7c7c7c; } .item--centered { text-align: center; padding: 20px; } .action_Btn { margin: 15px 0; } .action_Btn .themebtn { margin: 0 5px; } .cus-actions .icon { border: 1px solid #999; border-radius: 50%; padding: 0 5px; } .cus-actions { display: inline; text-align: center; vertical-align: middle; } .loadmoree { cursor: pointer; } #mainimg { padding: 5px; text-align: center; } .rempad { padding: 0; } .clicktoviewfull { cursor: zoom-in; } .smtxtbld { font-size: 10px; } .smtxtbld, .mdtxtbld { font-weight: 600; } .box--scroller { background: #f3f6f8; border-radius: 5px; padding: 20px; margin: 0 0 20px 0; } .box--scroller ul { list-style: none; margin: 0; padding: 0; max-height: 220px; overflow: auto; } .box--scroller ul li { padding: 5px 0; } .box--scroller ul li .icon { font-size: 0.9em; margin: 0 5px 0 0; color: #333; } .uploadimage--info { display: block; margin: 10px 0 5px; } .uploaded--image { border-radius: 5px; background: #f3f6f8; padding: 10px; width: 180px; padding: 0 0 30% 0; position: relative; margin: 10px 0 0; overflow: hidden; border: 3px solid transparent; } .uploaded--image.-is-selected { border-color: #54d1f1; } .uploaded--image .tag { position: absolute; left: 10px; top: 10px; z-index: 1; font-size: 0.7em; text-transform: uppercase; color: #fff; padding: 5px 8px; line-height: 1; background: rgb(45, 200, 239); background: -moz-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: -webkit-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: linear-gradient( to bottom, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); } .uploaded--image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto !important; } .uploaded--image .remove--img { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; line-height: 17px; border-radius: 50%; } .uploaded--image .remove--img i { font-size: 0.68em; text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /*#admin_logo +.uploadimage--info +.uploaded--image{background: #999;border-color: #999;} #admin_logo +.uploadimage--info +.uploaded--image a{color: #fff;}*/ .layout--rtl { direction: rtl !important; } .layout--rtl .field-set { text-align: right; } .field_cover-secure { padding: 0 0 0 20px; margin: 0 0 20px 0; } .f-left { float: left !important; margin: 0 0 0 20px; } .field--calender { background-color: #fff; padding-right: 35px !important; background-image: url(images/icon--calender.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 15px; } .field_cover h1, .field_cover h2, .field_cover h3, .field_cover h4, .field_cover h5, .field_cover h6, .field_cover p { color: inherit; } .multiple--select { height: 200px !important; overflow: auto; } #facebox .dropdown-menu { max-height: 200px; overflow: auto; } .break-me { word-break: break-word; display: block; white-space: normal; } .word-break { word-break: break-word; } .layout--rtl.form_horizontal .field-set .caption-wraper { padding-right: 0; padding-left: 25px; text-align: left; } .layout--rtl.web_form select { background-position: 15px 16px; padding: 0 12px 0 20px; } .address-group { margin: 30px 0 0; } .address-group h5 { margin: 0 0 6px; color: #555; } .address-group:first-child { margin: 0; } .row.row--cols-group { margin-top: 12px; } .row.row--cols-group .sectionbody { min-height: 350px; } /* normal text ---------------------- */ .-txt-uppercase { text-transform: uppercase; } .-txt-bold { font-weight: 700; } .-txt-small { font-size: 0.85em; } .-txt-italic { font-style: italic; } .-txt-light { opacity: 0.7; } .-color-primary { color: #4ca146; } .-color-white { color: #fff; } .-color-secondary { color: #cc585c; } /* links ---------------------- */ .-link-underline { text-decoration: underline; } /* container ---------------------- */ .container, .container--fluid { margin-right: auto; margin-left: auto; position: relative; padding: 0 15px; } .container--fixed, #wrapper { max-width: 1430px; position: relative; } .row:after, .container--fixed:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } #wrapper { min-width: 1000px; } .container--narrow { max-width: 650px; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Page ---------------------- */ .page { width: 100%; position: relative; min-height: 700px; } #wrapper { z-index: 1; background: #edf0f5; border-radius: 5px; width: 100%; box-shadow: 0 0 50px 15px rgba(0, 0, 0, 0.1); position: relative; margin: auto; } .page__head { padding: 30px 30px 10px; } .page__title { position: relative; padding: 0 0 0 60px; } .page__title h5 { font-size: 1.2em; padding: 0; } .page__icon { text-align: center; line-height: 40px; color: #fff; font-size: 1.8em; width: 42px; height: 40px; display: inline-block; position: absolute; left: 0; top: 0; border-radius: 3px; background: rgb(45, 200, 239); background: -moz-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: -webkit-linear-gradient( top, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); background: linear-gradient( to bottom, rgba(45, 200, 239, 1) 0%, rgba(84, 209, 241, 1) 100% ); box-shadow: 0 6px 8px rgba(84, 209, 241, 0.5); } .page__title .col--first { position: static; } /* Header ---------------------- */ #header { position: relative; left: 0; right: 0; top: 0; background: #fff; z-index: 11; padding: 10px 20px; border-radius: 5px 5px 0 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04); } /* box ---------------------- */ .box--white { width: 100%; display: inline-block; position: relative; background: #fff; border-radius: 5px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); position: relative; } .box--white .box__body.space { padding: 0 20px 20px; } .box__head { padding: 0 0 20px 25px; position: relative; } .box__head:before { width: 12px; height: 12px; position: absolute; left: 0; top: 4px; content: ''; border: 2px solid #ddd; border-radius: 50%; } .box--white .box__head { padding: 20px 20px 12px 40px; } .grid__right .box__head { padding: 0 20px 12px 25px; } .grid__right .box__head .actions.right { top: -8px; right: -5px; } .box--white .box__head:before { left: 15px; top: 24px; } .box__head .actions.right { position: absolute; right: 10px; top: 10px; } .field_cover input + small { display: block; } .box__head .btn { float: right; } .box__body { overflow: hidden; } .box__head h4 { text-transform: capitalize; font-size: 16px; font-weight: 600; color: #666; } .box--height .box__body { min-height: 480px; } .box--scroll .box__body { padding: 0; } .box--tabled .box__head { padding: 0; } .row__stats { padding: 30px 15px 25px; } .space { padding: 30px; } /* statistics ---------------------- */ .box--stats .box__body { padding: 15px 70px 15px 15px; position: relative; margin: 0; } .box--stats .box__body h6 { padding: 0; } .box--stats h3 { margin: 0 0 10px 0; font-size: 2em; padding: 0; } .box--stats p { margin: 0; } .stats__icon { position: absolute; right: 20px; top: 40px; } .stats__link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .grid--tabled { width: 100%; display: table; table-layout: fixed; background: #fff; } .grid__left { width: 66%; display: table-cell; vertical-align: top; padding: 30px 0 30px 30px; } .grid__right { width: 34%; display: table-cell; vertical-align: top; border-left: 1px solid #e3e7ed; padding: 30px; } .graph-container { position: relative; } .graph--sales.ct-perfect-fourth:before { padding-bottom: 50%; } .graph--sales .ct-series-a .ct-bar { stroke: #54d1f1; } .graph--sales .ct-series-b .ct-bar { stroke: #b07fcb; } .graph--sales .ct-series-c .ct-bar { stroke: #ffc65d; } .graph--sales .ct-series-a .ct-line { stroke: #ffc65d; } .graph--sales .ct-series-b .ct-line { stroke: #54d1f1; } .graph--sales .ct-series-c .ct-line { stroke: #b07fcb; } .graph--sales .ct-series-a .ct-area { fill: #ffc65d; } .graph--sales .ct-series-b .ct-area { fill: #54d1f1; } .graph--sales .ct-series-c .ct-area { fill: #b07fcb; } .graph--traffic .ct-series-a .ct-slice-donut { stroke: #54d1f1; } .graph--traffic .ct-series-b .ct-slice-donut { stroke: #ffc65d; } .graph--traffic .ct-series-c .ct-slice-donut { stroke: #f16745; } .graph--traffic .ct-series-d .ct-slice-donut { stroke: #b07fcb; } .graph--visitor.ct-perfect-fourth:before { padding-bottom: 55%; } .graph--visitor .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: #54d1f1; } .graph--visitor .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: #ffc65d; } .graph--visitor .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: #f16745; } .graph--visitor .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: #b07fcb; } .graph--visitor .ct-line { stroke-width: 1px; } .graph--conversion.ct-perfect-fourth:before { padding-bottom: 60%; } .graph--conversion .ct-series-a .ct-bar { stroke: #7bc8a4; } .graph--conversion .ct-series-b .ct-bar { stroke: #7bc8a4; } .graph--conversion .ct-series-c .ct-bar { stroke: #7bc8a4; } .graph--conversion .ct-series-a .ct-area { fill: #ffc65d; } .graph--conversion .ct-series-b .ct-area { fill: #54d1f1; } .graph--conversion .ct-series-c .ct-area { fill: #b07fcb; } .graph--conversion .ct-series-d .ct-area { fill: #7bc8a4; } .graph--conversion .ct-series-a .ct-line { stroke: none; } .graph--conversion .ct-series-b .ct-line { stroke: none; } .graph--conversion .ct-series-c .ct-line { stroke: none; } .graph--conversion .ct-series-d .ct-line { stroke: none; } .graph--conversion .ct-area { fill-opacity: 0.3; } /* nav ---------------------- */ .nav--floated { margin: 0 0 30px 0; list-style: none; } .nav--floated ul { list-style: none; margin: 0; padding: 0; } .nav--floated li { float: left; margin: 0 20px 0 0; } .nav--floated li a { height: 40px; font-size: 1em; line-height: 40px; padding: 0 20px; color: #666; border-radius: 5px; background: #edf0f5; display: block; border: none; } .nav--floated li a:after { display: none; } .nav--floated li a:active, .nav--floated li a:focus, .nav--floated li a.active { color: #fff; background: rgb(43, 192, 229); background: -moz-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: -webkit-linear-gradient( -45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); background: linear-gradient( 135deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70% ); box-shadow: 0 4px 8px rgba(84, 209, 241, 0.5); } .list--graphinfo li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 10px 0; width: 100%; display: inline-block; } .list--graphinfo li:last-child { border-bottom: none; } .list--graphinfo li .count { float: right; color: #333; font-size: 1.1em; } .horizontal_grids { width: 100%; display: table; table-layout: fixed; margin: 20px 0 0; } .horizontal_grids li { display: table-cell; vertical-align: top; border-left: 1px solid #ddd; padding: 4px 15px 10px; text-align: center; font-size: 24px; font-weight: 600; } .horizontal_grids li:first-child { border-left: 0; color: #54d1f1; padding-left: 0; } .horizontal_grids li:nth-child(2) { color: #f16745; } .horizontal_grids li:nth-child(3) { color: #ffc65d; } .horizontal_grids li:nth-child(4) { color: #a48ad4; } .horizontal_grids li span { display: block; font-weight: 300; color: #666; text-transform: uppercase; font-size: 13px; } .horizontal_gridsthird { width: 100%; display: table; table-layout: fixed; margin: 0 0 15px; } .horizontal_gridsthird li { display: table-cell; vertical-align: top; padding: 4px 10px 10px 0; text-align: center; font-size: 24px; font-weight: 600; color: #7bc8a4; width: 25%; } .horizontal_gridsthird li:first-child { padding-left: 0; } .horizontal_gridsthird li:nth-child(2) { width: 35%; padding-left: 15px; color: #ffc65d; } .horizontal_gridsthird li:last-child(2) { width: 20%; } .horizontal_gridsthird li span { display: block; white-space: nowrap; font-weight: 300; color: #666; text-transform: uppercase; font-size: 12px; } .horizontal_gridsthird li:nth-child(3) { color: #b07fcb; } .horizontal_gridsthird li:nth-child(4) { color: #54d1f1; } /* list css ---------------------- */ .list--vertical li { padding: 10px 20px; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.6s all ease; } .list--vertical li span { color: #37b5d5; } .list--vertical li:nth-child(odd) { background-color: #f7f8fa; } .scrollbar .list--vertical { margin-right: -10px; } /* social css ---------------------- */ .box--social { border-radius: 5px; width: 100%; position: relative; padding: 20px 20px 20px 80px; color: #fff; text-align: right; } .box--social p, #body .box--social p { color: #fff; } .box--social .box__icon { position: absolute; left: 20px; top: 26px; } .box--social-fb { background: rgb(69, 104, 179); /* Old browsers */ background: -moz-linear-gradient( left, rgba(69, 104, 179, 1) 0%, rgba(58, 87, 149, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(69, 104, 179, 1) 0%, rgba(58, 87, 149, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(69, 104, 179, 1) 0%, rgba(58, 87, 149, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .box--social-tw { background: rgb(85, 172, 238); /* Old browsers */ background: -moz-linear-gradient( left, rgba(85, 172, 238, 1) 0%, rgba(59, 153, 225, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(85, 172, 238, 1) 0%, rgba(59, 153, 225, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(85, 172, 238, 1) 0%, rgba(59, 153, 225, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .box--social-gp { background: rgb(243, 95, 82); /* Old browsers */ background: -moz-linear-gradient( left, rgba(243, 95, 82, 1) 0%, rgba(220, 75, 62, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(243, 95, 82, 1) 0%, rgba(220, 75, 62, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(243, 95, 82, 1) 0%, rgba(220, 75, 62, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .box--social-li { background: rgb(16, 142, 209); /* Old browsers */ background: -moz-linear-gradient( left, rgba(16, 142, 209, 1) 0%, rgba(1, 119, 181, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(16, 142, 209, 1) 0%, rgba(1, 119, 181, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(16, 142, 209, 1) 0%, rgba(1, 119, 181, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .box--social-pt { background: rgb(255, 48, 25); /* Old browsers */ background: -moz-linear-gradient( left, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .box--social-ig { background: rgb(205, 55, 163); /* Old browsers */ background: -moz-linear-gradient( left, rgba(205, 55, 163, 1) 0%, rgba(152, 48, 123, 1) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( left, rgba(205, 55, 163, 1) 0%, rgba(152, 48, 123, 1) 100% ); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient( to right, rgba(205, 55, 163, 1) 0%, rgba(152, 48, 123, 1) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* caraousel css ---------------------- */ .carousel--oneforth { padding: 0 15px; } .carousel--oneforth li { height: auto; } .carousel__item { padding: 0 15px; } /* scrollbar css ---------------------- */ .scrollbar { overflow: auto; width: 100% !important; max-height: 400px; } .scroll__track { width: 10px; position: relative; } .scroll__handle { width: 6px; height: 100px !important; background: rgba(0, 0, 0, 0.1); -webkit-transition: width 250ms; transition: width 250ms; border-radius: 10px; opacity: 0; visibility: hidden; } .box--scroll:hover .scroll__handle { opacity: 1; visibility: visible; } /* table css ---------------------- */ .table { width: 100%; border-collapse: collapse; color: #888; } .table th { border-bottom: 1px solid #eee; position: relative; z-index: 1; font-weight: 600; text-align: left; padding: 20px; text-transform: uppercase; font-size: 0.9em; vertical-align: top; } .table tr { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .table td { vertical-align: top; padding: 20px; border-bottom: 1px solid #eee; word-break: break-all; } .table tr:last-child td:first-child { border-radius: 0 0 0 5px; } .table tr:last-child td:last-child { border-radius: 0 0 5px 0; } .table tr:nth-child(odd) td { background-color: #f7f8fa; } .table tr:last-child .actions .dropwrap, .table tr:nth-last-child(2) .actions .dropwrap { top: auto; bottom: 0; transform-origin: bottom center; } .table.table--details { border-radius: 5px; } .table.table--details tr:nth-child(odd) td { background: none; } .table.table--details tr:first-child td:first-child { border-radius: 5px 0 0 0; } .table.table--details tr:first-child td:last-child { border-radius: 0 5px 0 0; } .table.table--details tr:last-child td:first-child { border-radius: 0 0 0 5px; } .table.table--details tr:last-child td:last-child { border-radius: 0 0 5px 0; } .table--listing { width: 100%; border-spacing: 0 20px; border-radius: 5px; margin: 0; color: #888; } .table--listing th { position: relative; z-index: 1; font-weight: 600; text-align: left; color: #333; padding: 50px 20px 20px 0; text-transform: uppercase; background: #fff; } .table--listing th:first-child, .table td:first-child { border-radius: 5px 0 0 5px; padding-left: 20px; } .table--listing th:last-child { border-radius: 0 5px 5px 0; } .table--listing td { color: inherit; padding: 20px 20px 20px 0; position: relative; z-index: 1; background: #fff; } .table--listing tr { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); border-radius: 5px; position: relative; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } /*.table--listing tr:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);}*/ .table--listing tr:nth-child(odd) td { background-color: #fff; } /*.table--listing td.td--check{width:80px;text-align: center;vertical-align: middle;} .table--listing td.td--avtar{padding-left:0; width:80px;text-align:left;}*/ .table--listing td:first-child { border-radius: 5px 0 0 5px; padding-left: 20px; } .table--listing td:last-child { border-radius: 0 5px 5px 0; } .table--listing td .avtar { display: inline-block; vertical-align: middle; } .table--listing tr.read td { color: #a7a7a7; } .table--listing tr.read td strong { font-weight: normal; } .table--listing tr:hover { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); margin: -5px; } .table--listing .listing__desc a { color: inherit; } .table--listing .avtar__name { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } .table.table--horizontal th { text-transform: none; border: none; padding: 5px; padding-left: 0; } .table.table--horizontal td { background: #fff; border: none; padding: 5px; } .table.table--horizontal tr:nth-child(odd) td { background: #fff; } table.table.fixed-layout { table-layout: fixed; } #footer { text-align: center; color: #fff; position: absolute; bottom: -40px; text-align: center; left: 0; right: 0; } #footer p a { color: inherit; text-decoration: underline; } .page-container { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgb(84, 209, 241); background: -moz-linear-gradient( -45deg, rgba(84, 209, 241, 1) 0%, rgba(246, 118, 192, 1) 100% ); background: -webkit-linear-gradient( -45deg, rgba(84, 209, 241, 1) 0%, rgba(246, 118, 192, 1) 100% ); background: linear-gradient( 135deg, rgba(84, 209, 241, 1) 0%, rgba(246, 118, 192, 1) 100% ); background-repeat: no-repeat; -webkit-animation: AnimationName 8s infinite linear; -moz-animation: AnimationName 8s infinite linear; animation: AnimationName 8s infinite linear; background-size: 300% 300%; } @-webkit-keyframes AnimationName { 0% { background-position: 0% 60%; } 50% { background-position: 100% 60%; } 100% { background-position: 0% 60%; } } @-moz-keyframes AnimationName { 0% { background-position: 0% 60%; } 50% { background-position: 100% 60%; } 100% { background-position: 0% 60%; } } @keyframes AnimationName { 0% { background-position: 0% 60%; } 50% { background-position: 100% 60%; } 100% { background-position: 0% 60%; } } .tabs--normal { width: 100%; } /* ============================================================ switch ============================================================ */ .switch-labels { position: absolute; margin-left: -9999px; visibility: hidden; } .switch-labels + .switch-handles { position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ============================================================ SWITCH 1 - ROUND ============================================================ */ .switch-labels + .switch-handles { display: inline-block; vertical-align: middle; margin: 0 8px 0 0; padding: 2px; width: 60px; height: 24px; background-color: #edf0f5; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .switch-labels + .switch-handles:before, .switch-labels + .switch-handles:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; content: ''; } .switch-labels + .switch-handles:before { right: 1px; background-color: #edf0f5; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } .switch-labels + .switch-handles:after { width: 24px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } .statustab.active .switch-labels + .switch-handles:before, .statustab .switch-labels:checked + .switch-handles:before { background-color: #8ce196; } .statustab.active .switch-labels + .switch-handles:after, .statustab .switch-labels:checked + .switch-handles:after { margin-left: 36px; } .switch-handles.disabled { opacity: 0.6; cursor: not-allowed; } .container--list { background: #f3f6f8; border-radius: 5px; margin: 10px 0 0; padding: 20px; } .container--list li { padding: 5px 0 0 20px; position: relative; } .container--list li .icon { cursor: pointer; position: absolute; left: 0; top: 4px; font-size: 0.8em; } .container--list li a { color: inherit; } .container--narrow .box--white { box-shadow: 0 0 50px 25px rgba(0, 0, 0, 0.1); padding: 30px; } .container--narrow .box--white .logo { margin: 0 auto 30px; display: table; } body.page--front { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 90vh; padding: 0; position: relative; } body.page--front:before { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 50%; content: ''; background: rgba(255, 255, 255, 0.05); z-index: 1; } body.page--front .page__cell { display: table-cell; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body.page--front .page__cell .container { z-index: 2; } .container--narrow .box--white .box__centered { max-width: 70%; margin: 40px auto 20px; } .box__centered--form .-link--underline { text-transform: uppercase; } .box__centered--form input[type='submit'] { display: block; width: 100%; height: 45px; font-size: 1.2em; font-weight: 500; } .box__centered--form input[type='text'], .box__centered--form input[type='password'] { height: 45px; background-color: #f3f6fb; border: 2px solid #f3f6fb; } .box__centered--form input[type='text']:focus, .box__centered--form input[type='password']:focus { background-color: #fff; box-shadow: none; border-color: #54d1f1; } .box__centered--form input::-webkit-input-placeholder { text-transform: uppercase; opacity: 0.7; } .box__centered--form input:-moz-placeholder { text-transform: uppercase; opacity: 0.7; } .box__centered--form input::-moz-placeholder { text-transform: uppercase; opacity: 0.7; } .box__centered--form input:-ms-input-placeholder { text-transform: uppercase; opacity: 0.7; } .box__centered--form .field_cover input[type='text'], .box__centered--form .field_cover input[type='password'] { padding-left: 45px; } .box__centered--form .statustab .switch-labels:checked + .switch-handles:before { background: #54d1f1; } .field_cover--user:before { position: absolute; content: '\f47e'; font-size: 24px; color: #c3c3c3; font-family: 'Ionicons'; left: 16px; top: 13px; z-index: 1; } .field_cover--lock:before { content: '\f4c9'; position: absolute; font-size: 20px; color: #c3c3c3; font-family: 'Ionicons'; left: 15px; top: 13px; z-index: 1; } .field_cover--mail:before { content: '\f2eb'; position: absolute; font-size: 20px; color: #c3c3c3; font-family: 'Ionicons'; left: 15px; top: 13px; z-index: 1; } body.page--front .page__cell #footer { position: relative; bottom: auto; padding: 20px 0; } .captcha-wrap { display: block; margin: auto; position: relative; } .controls { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); border-radius: 5px; position: relative; display: inline-block; background: #fff; vertical-align: top; margin: 0 20px 0 0; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .controls li { display: inline-block; vertical-align: top; border-right: 1px solid #eee; } .controls li:last-child { border-right: none; } .controls li .checkbox { margin: 0 5px 0 10px; } .controls li a, .controls li > span { padding: 15px 20px; display: block; } .controls li a img { width: 20px; display: block; margin: auto; } .section__controls .-txt-normal { padding: 15px 20px; display: inline-block; color: #999; } .section.footinfo { margin-top: 0; box-shadow: none; background: none; border-radius: 0; } .section__details.section { box-shadow: none; background: none; } .section__details.section .sectionhead { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); background: #fff; border-radius: 5px; } .reviewList { width: 100%; display: inline-block; padding: 15px 0 0; margin: 0 0 0; /* border-top:1px solid #d6d9db;*/ } .tabs_nav > li.fat-inactive { opacity: 0.5; cursor: default; } .tabs_nav > li.fat-inactive a { cursor: default; } .reviewList .grid_1 { width: 10%; text-align: center; padding: 25px 0 0; } .reviewList .grid_1 .postedname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .reviewList .grid_1 .postedname a { font-size: 15px; color: #0295fd; } .reviewList .grid_1 .postedname span { font-size: 13px; color: #999; display: block; } .reviewList .grid_2 { width: 90%; float: right; padding: 0 0 0 15px; } .reviewList .secionreviews { display: inline-block; padding: 20px; background: #e7f5ff; border-radius: 5px; position: relative; color: #333; } .reviewList .secionreviews p { color: #333 !important; } .reviewList .secionreviews:before { border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #e7f5ff; position: absolute; left: -10px; top: 14px; content: ''; } /*.reviewList .secionreviews:after{border-bottom:14px solid transparent;border-top:14px solid transparent;border-right:14px solid #fff; position:absolute; left:-12px; top:14px; content:"";}*/ .allreviews { overflow: auto; max-height: 500px; } .reviewList .datetext { text-transform: uppercase; font-size: 13px; color: #8a8a8a; padding: 0 0 5px 5px; display: block; } .reviewList:nth-child(even) .grid_1 { float: right; } .reviewList:nth-child(even) .grid_2 { float: left; padding: 0 15px 0 0; } .reviewList:nth-child(even) .datetext { float: right; } .reviewList:nth-child(even) .secionreviews { float: right; clear: right; background: rgba(0, 0, 0, 0.04); border: none; } .reviewList:nth-child(even) .secionreviews:before { left: auto; right: -20px; border-left: 10px solid rgba(0, 0, 0, 0.04); border-right: 10px solid transparent; } .reviewList:nth-child(even) .secionreviews:after { display: none; } .allreviews .scroll__handle { opacity: 1; visibility: visible; } .allreviews .scrollbar { max-height: 480px; } .sectionfooter { background: rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 20px 20px 10px; } .row--cols { margin-top: 30px; } .row--cols .avtar--large { margin: auto; display: block; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.06); } .repeated-row { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .repeated-row:last-child { margin-bottom: 0; border-bottom: none; } .repeated-row h5 { margin-bottom: 10px; } .card { background: #fff; border-radius: 5px; padding: 15px; width: 100%; border: 1px solid #eee; margin: 0 0 30px 0; } .card__description { height: 120px; overflow: auto; margin: 0 0 15px 0; } .card__body { padding: 15px 0 0; } .card__media { padding: 0 0 100% 0; position: relative; width: 100%; background: #edf0f5; } .card__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .card__title { font-weight: 500; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 10px 0; font-size: 1.1em; } .card.card--horizontal { display: table; table-layout: fixed; } .card.card--horizontal .card__head { display: table-cell; vertical-align: top; width: 40%; background: #edf0f5; } .card.card--horizontal .card__body { display: table-cell; vertical-align: top; width: 60%; padding: 0 0 0 20px; } #facebox .section { margin: 0; box-shadow: none; border-radius: 0; } #facebox .section .sectionhead { padding-left: 0; padding-right: 0; border-bottom: none; margin: 0 0 0; margin-bottom: 0; } #facebox .section .sectionbody.space { padding: 0; } #facebox .section .sectionhead:before { left: 0; top: 4px; display: none; } .shop-template { border: 2px solid #ddd; border-radius: 2px; display: inline-block; margin-bottom: 20px; padding: 10px; vertical-align: top; width: 100%; text-align: center; } .shop-template .thumb--square { /*position: relative;padding: 0 0 100% 0;width: 100%;*/ } .shop-template .thumb--square img { /*position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;*/ } .shop-template.is--active { border-color: #54d1f1; position: relative; } .shop-template.is--active:before { background-color: #54d1f1; background-image: url('images/retina/checked.svg'); background-position: center center; background-repeat: no-repeat; background-size: 10px auto; border-radius: 50%; content: ''; display: block; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; z-index: 2; } .loading { display: table; margin: auto; } .section.searchform_filter .sectionbody.space { padding: 20px; } .border-box { background: #fff; display: inline-block; width: 100%; border-radius: 5px; border: 1px solid #eee; } .border-box--space.border-box { padding: 20px; } .link--underlined { display: inline-block; margin: 0 0 0 10px; text-decoration: underline; font-weight: 600; color: #47c4e4; } #facebox .tabs_nav_container.flat { margin-top: 0; } .section .sectionhead .actions.actions--centered .dropwrap { left: auto; margin: 0; right: 0; transform-origin: right top; -webkit-transform-origin: right top; -ms-transform-origin: right top; min-width: 200px; } .padd15 { padding: 15px; } .fixed-height-div { min-height: 500px; } /*************************************************************** media queries ************************************/ @media (max-width: 1200px) { .tablewrap { overflow: auto; } .actions.actions--centered .dropwrap { left: auto; right: 0; margin: 0; transform-origin: right 0; -webkit-transform-origin: right 0; -ms-transform-origin: right 0; top: 100%; } } @media (min-width: 1200px) { .table.table--hovered tbody tr:hover { box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.06); } .header__actions > li a:focus:before, .header__actions > li a:active:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .divider { height: 1px; background: #dcdcdc; margin: 15px 0; } .web_form .list-inline label > .radio, .web_form .list-inline label > .checkbox { margin-right: 8px; } /* Demo header  */ .sticky-demo-header .demo-header { background: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2rem; line-height: 4rem; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .sticky-demo-header .demo-header .restore-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .restore-wrapper > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } .sticky-demo-header .demo-header .restore-wrapper .restore__counter { padding: 0px 8px; font-size: 1rem; color: var(--color-secondary); margin: 0.1rem 0; font-weight: 800; line-height: 1; letter-spacing: 4px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4px; width: 100%; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 2rem; margin: 0.25rem 0; max-width: 96px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #47c4e4; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .sticky-demo-header .demo-header .restore-wrapper .restore__content { font-size: 0.675rem; color: #525252; font-weight: 600; margin-bottom: 0.25rem; line-height: 1.5; } .sticky-demo-header .demo-header .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .sticky-demo-header .demo-header .btn.btn-outline-primary { background: none; border-color: var(--color-secondary); color: var(--color-secondary); border: 1px solid; } .demo-cta { display: flex; align-items: center; } .sticky-demo-header .header { padding: 0; } .sticky-demo-header .main-bar { padding: 20px 0; } .sticky-demo-header .header { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; z-index: 10; top: 0; width: 100%; font-weight: 300; background: #fff; border-bottom: none; border-bottom: solid 1px #dee2e6; } .sticky-demo-header .body { padding: 0; } .close-layer { z-index: 2; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; -webkit-transition: all 300ms; transition: all 300ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .close-layer:hover { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .close-layer:before, .close-layer:after { position: absolute; left: 15px; content: ' '; height: 18px; width: 2px; background-color: #000; } .close-layer:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-layer:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-layer.close-layer--white:before, .close-layer.close-layer--white:after { background-color: #fff; } .demo-cta .close-layer { position: relative; right: auto; top: auto; -webkit-margin-start: 1rem; -moz-margin-start: 1rem; margin-left: 1rem; } .sticky-demo-header body { padding: 0px 0px 0 !important; } .meta-tag-tbl .searchform_filter { margin-top: 0px; } .lesson-status-dropdown select option:disabled { color: #ccc; font-weight: bold; } @media (max-width: 1199px) { .sticky-demo-header .demo-header { display: none; } } /*------------------16/2-2021-------------------*/ .table-responsive { overflow-y: auto; } .tabs_panel_wrap .table th { white-space: nowrap; } .export-btn { cursor: pointer; box-shadow: unset; padding: 8px 15px; font-size: 13px; border-radius: 3px; } .export-btn:hover { box-shadow: 0 4px 4px rgba(84, 209, 241, 0.5); } .label--note { padding: 2px 12px; background: rgba(204, 88, 92, 0.08); border-radius: 2px; } .label--note strong { font-size: 12px; font-weight: normal; } .section .sectionhead:before { top: 50%; transform: translateY(-50%); } .section .sectionhead { display: flex; align-items: center; } .sectionhead h4 { margin-right: auto; } .export-btn { margin-left: 20px; } .lesson-status-dropdown { padding-right: 35px; } /*  custom loader css start */ .loading-wrapper { background: rgba(0, 0, 0, 0.65); width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 1000; bottom: 0; left: 0; right: 0; } .loading-wrapper .loading { width: 100px; height: 80px; position: fixed; top: 50%; left: 50%; margin-top: -40px; margin-left: -50px; } .loading-wrapper .loading .inner { -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; margin-top: 20px; border-radius: 50%; width: 50px; height: 50px; position: absolute; } .loading-wrapper .loading .rotate-one { left: 50%; margin-left: -25px; border-top: 2px solid #fff; } .loading-wrapper .loading .rotate-two { top: -10px; left: 30px; border-left: 2px solid #fff; } .loading-wrapper .loading .rotate-three { top: -10px; right: 30px; border-right: 2px solid #fff; } .sectionhead .label--note { margin-right: 45px; } span.sr-no { white-space: nowrap; } /*  custom loader css end */ strong{ font-weight:500; } .left{ float:left !important; } .right{ float:right !important; } .text-left{ text-align:left !important; } .text-right{ text-align:right !important; } .text-center{ text-align:center !important; } .hide{ display:none !important; } .highlight{ background:#ff9; } .nomargin{ margin:0 !important; } .nopadding{ padding:0 !important; } .nopadding_bottom{ padding-bottom:0 !important; } .noborder{ border:none !important; } .none_transition{ -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } .clearfix:after,.clearfix:before{ content:""; display:table; } .clearfix:after,.gap{ clear:both; } .gap{ display:block; height:15px; } .aligncenter{ text-align:center !important; } .clear{ clear:both; display:block; } .nobackground{ background:none !important; } .nomargin_bottom{ margin-bottom:0 !important; } .nomargin_right{ margin-right:0 !important; } input[type=password],input[type=text],textarea{ -webkit-appearance:none; } ul{ color:#666; font-size:14px; list-style:disc outside; margin:15px; } ul li ul{ display:inline-block; margin:10px 0 10px 10px; width:100%; } ol{ color:#666; font-size:14px; list-style:decimal outside; margin:10px; } ::-webkit-input-placeholder{ color:#959595; } :-moz-placeholder,::-moz-placeholder{ color:#959595; opacity:1; } :-ms-input-placeholder{ color:#959595; } *,:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; } a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{ border:0; font-family:Roboto,sans-serif; margin:0; padding:0; } html{ font-size:14px; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:subpixel-antialiased; } article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{ display:block; } fieldset,img{ border:0; } body,html{ line-height:20px; } body{ color:#212121; padding:40px 15px 100px; } a{ color:#47c4e4; text-decoration:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } a,p a,p a:visited{ line-height:inherit; } dl,figure,ol,ul{ margin:0; } dl,ol,ul{ padding:0; } ol li ol,ol li ul,ul li ol,ul li ul{ margin-bottom:0; margin-left:20px; } h1,h2,h3,h4,h5,h6{ color:inherit; font-family:inherit; font-size:100%; font-style:normal; font-weight:500; line-height:1.2; padding:0 0 10px 0; text-transform:none; } h1{ font-size:1.8em; } h2{ font-size:1.6em; } h3{ font-size:1.1em; } h4{ font-size:1.2em; font-weight:400; } h5{ font-size:1.1em; } h6{ font-size:1em; } p{ color:inherit; font-size:1.035em; font-weight:400; line-height:1.6; margin:0 0 0; } #body p{ color:#777; } .checkbox input:focus+.input-helper:before,.radio input:focus+.input-helper:before{ outline:1px dotted; } .button:focus,input[type=button]:focus,input[type=submit]:focus{ outline:none; } input[type=password][disabled],input[type=text][disabled]{ background:rgba(0,0,0,.015); -webkit-text-fill-color:#000; } .-float-left{ float:left !important; } .-float-right{ float:right !important; } .-align-left{ text-align:left !important; } .-align-right{ text-align:right !important; } .-align-center{ text-align:center !important; } .-align-justify{ text-align:justify !important; } .-gap,.gap{ height:15px; } .-clearfix:after,.-gap,.gap{ clear:both; display:block; } .-clearfix:after{ content:""; } img{ display:block; max-width:100%; } ::-webkit-input-placeholder{ color:#999; } :-moz-placeholder,::-moz-placeholder{ color:#999; } :-ms-input-placeholder{ color:#999; } .themebtn{ border:0 none; border:none; border-radius:5px; cursor:pointer; display:inline-block; font-size:14px; min-height:40px; overflow:hidden; padding:10px 25px; position:relative; text-transform:uppercase; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; vertical-align:middle; } .themebtn.active:focus,.themebtn:active:focus,.themebtn:focus{ outline:0 none; } .btn-default{ background:#fff; background:-moz-linear-gradient(top, #fff 0, #f3f3f3 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f3f3f3) ); background:-webkit-linear-gradient(top, #fff 0, #f3f3f3 100%); background:-o-linear-gradient(top, #fff 0, #f3f3f3 100%); background:-ms-linear-gradient(top, #fff 0, #f3f3f3 100%); background:linear-gradient(to bottom, #fff 0, #f3f3f3 100%); border:1px solid #ddd; box-shadow:0 4px 4px #0000001a; color:#737373; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f3f3f3", GradientType=0); } .btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{ border-color:#c6c6c6; color:#737373; } .btn-default.active,.btn-default:active{ border-color:#c6c6c6; box-shadow:none; } .btn-info,.btn-primary{ background:#32c9ef; background:-moz-linear-gradient( -45deg, #32c9ef 43%, #57def9 100% ); background:-webkit-linear-gradient( -45deg, #32c9ef 43%, #57def9 100% ); background:linear-gradient( 135deg, #32c9ef 43%, #57def9 100% ); box-shadow:0 4px 4px #54d1f180; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#32c9ef", endColorstr="#57def9", GradientType=1); } .btn-info:active,.btn-info:focus,.btn-info:hover,.themebtn.btn-primary:hover{ box-shadow:0 0 8px #54d1f166,0 8px 16px #54d1f1a8; } .btn-success{ background:#00b6ad; background:-moz-linear-gradient( -45deg, #00b6ad 43%, #00c6c0 100% ); background:-webkit-linear-gradient( -45deg, #00b6ad 43%, #00c6c0 100% ); background:linear-gradient( 135deg, #00b6ad 43%, #00c6c0 100% ); box-shadow:0 4px 4px #00b6ad66; color:#fff; } .btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{ box-shadow:0 0 8px #00b6ad66,0 8px 16px #00b6ada8; } .btn-warning{ background:#f3c532; background:-moz-linear-gradient( -45deg, #f3c532 43%, #efce69 100% ); background:-webkit-linear-gradient( -45deg, #f3c532 43%, #efce69 100% ); background:linear-gradient( 135deg, #f3c532 43%, #efce69 100% ); box-shadow:0 4px 4px #f3c53280; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3c532", endColorstr="#efce69", GradientType=1); } .btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{ box-shadow:0 0 8px #f3c53266,0 8px 16px #f3c532a8; } .btn-danger{ background:#f25454; background:-moz-linear-gradient( -45deg, #f25454 43%, #f27474 100% ); background:-webkit-linear-gradient( -45deg, #f25454 43%, #f27474 100% ); background:linear-gradient( 135deg, #f25454 43%, #f27474 100% ); box-shadow:0 4px 4px #f35f5f80; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f25454", endColorstr="#f27474", GradientType=1); } .btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{ box-shadow:0 0 8px #f35f5f66,0 8px 16px #f35f5fa8; } .themebtn.sharp{ border-radius:0; } .themebtn.outline{ background:none; line-height:30px; } .btn-primary.outline{ border:2px solid #09c; color:#09c; } .btn-primary.outline.active,.btn-primary.outline:active,.btn-primary.outline:focus,.btn-primary.outline:hover,.open>.dropdown-toggle.btn-primary{ border-color:#33a6cc; color:#33a6cc; } .btn-primary.outline.active,.btn-primary.outline:active{ border-color:#007299; box-shadow:none; color:#007299; } .btn-success.outline{ border:2px solid #00bf6f; color:#00bf6f; } .btn-success.outline.active,.btn-success.outline:active,.btn-success.outline:focus,.btn-success.outline:hover,.open>.dropdown-toggle.btn-success{ border-color:#39bf87; color:#39bf87; } .btn-success.outline.active,.btn-success.outline:active{ border-color:#008c52; box-shadow:none; color:#008c52; } .btn-info.outline{ border:2px solid #31cde8; color:#31cde8; } .btn-info.outline.active,.btn-info.outline:active,.btn-info.outline:focus,.btn-info.outline:hover,.open>.dropdown-toggle.btn-info{ border-color:#5fd4e8; color:#5fd4e8; } .btn-info.outline.active,.btn-info.outline:active{ border-color:#35a2b5; box-shadow:none; color:#35a2b5; } .btn-warning.outline{ border:2px solid #eb8f34; color:#eb8f34; } .btn-warning.outline.active,.btn-warning.outline:active,.btn-warning.outline:focus,.btn-warning.outline:hover,.open>.dropdown-toggle.btn-warning{ border-color:#eba259; color:#eba259; } .btn-warning.outline.active,.btn-warning.outline:active{ border-color:#b87430; box-shadow:none; color:#b87430; } .btn-danger.outline{ border:2px solid #f25454; color:#f25454; } .btn-danger.outline.active,.btn-danger.outline:active,.btn-danger.outline:focus,.btn-danger.outline:hover,.open>.dropdown-toggle.btn-danger{ border-color:#f26d6d; color:#f26d6d; } .btn-danger.outline.active,.btn-danger.outline:active{ border-color:#bf4343; box-shadow:none; color:#bf4343; } .themebtn.round{ border-radius:24px; } .btn-lg.round{ border-radius:32px; } .btn-sm.round{ border-radius:14px; } .btn-xs.round{ border-radius:10px; } .btn-primary.raised{ box-shadow:0 3px 0 0 #007299; } .btn-primary.raised.active,.btn-primary.raised:active{ background:#33a6cc; box-shadow:none; margin-bottom:-3px; margin-top:3px; } .btn-success.raised{ box-shadow:0 3px 0 0 #008c52; } .btn-success.raised.active,.btn-success.raised:active{ background:#39bf87; box-shadow:none; margin-bottom:-3px; margin-top:3px; } .btn-info.raised{ box-shadow:0 3px 0 0 #35a2b5; } .btn-info.raised.active,.btn-info.raised:active{ background:#5fd4e8; box-shadow:none; margin-bottom:-3px; margin-top:3px; } .btn-warning.raised{ box-shadow:0 3px 0 0 #b87430; } .btn-warning.raised.active,.btn-warning.raised:active{ background:#eba259; box-shadow:none; margin-bottom:-3px; margin-top:3px; } .btn-danger.raised{ box-shadow:0 3px 0 0 #bf4343; } .btn-danger.raised.active,.btn-danger.raised:active{ background:#f26d6d; box-shadow:none; margin-bottom:-3px; margin-top:3px; } .btn-inverse{ background-color:#454545; } .btn-grey,.btn-inverse{ border-color:#0000; color:#fff; } .btn-grey{ background-color:#999; } .btn-group-xs>.themebtn,.btn-xs{ font-size:10px; height:auto; line-height:normal; min-height:1%; padding:3px 6px 4px; } .btn-group-sm>.themebtn,.btn-sm{ font-size:11px; height:auto; line-height:normal; min-height:1%; padding:7px 10px 7px; } .btn-lg,.btn-sm.themebtn.btn-default{ height:auto; } .btn-lg{ border-radius:4px; padding:20px 40px; } .btn-xs.btn-default,.btn-xs.outline{ padding:3px 6px; } .themebtn.block{ display:block; text-align:center; width:100%; } .grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{ display:inline; float:left; margin:0; padding:0; position:relative; } .full_grid{ width:100%; } .half_grid{ width:50%; } .one_third_grid{ width:33.3%; } .one_fourth_grid{ width:25%; } .one_fifth_grid{ width:20%; } .one_sixth_grid{ width:16.6%; } .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{ min-height:1px; padding-left:15px; padding-right:15px; position:relative; } .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{ float:left; } .col-xs-12{ width:100%; } .col-xs-11{ width:91.66666667%; } .col-xs-10{ width:83.33333333%; } .col-xs-9{ width:75%; } .col-xs-8{ width:66.66666667%; } .col-xs-7{ width:58.33333333%; } .col-xs-6{ width:50%; } .col-xs-5{ width:41.66666667%; } .col-xs-4{ width:33.33333333%; } .col-xs-3{ width:25%; } .col-xs-2{ width:16.66666667%; } .col-xs-1{ width:8.33333333%; } .col-xs-pull-12{ right:100%; } .col-xs-pull-11{ right:91.66666667%; } .col-xs-pull-10{ right:83.33333333%; } .col-xs-pull-9{ right:75%; } .col-xs-pull-8{ right:66.66666667%; } .col-xs-pull-7{ right:58.33333333%; } .col-xs-pull-6{ right:50%; } .col-xs-pull-5{ right:41.66666667%; } .col-xs-pull-4{ right:33.33333333%; } .col-xs-pull-3{ right:25%; } .col-xs-pull-2{ right:16.66666667%; } .col-xs-pull-1{ right:8.33333333%; } .col-xs-pull-0{ right:auto; } .col-xs-push-12{ left:100%; } .col-xs-push-11{ left:91.66666667%; } .col-xs-push-10{ left:83.33333333%; } .col-xs-push-9{ left:75%; } .col-xs-push-8{ left:66.66666667%; } .col-xs-push-7{ left:58.33333333%; } .col-xs-push-6{ left:50%; } .col-xs-push-5{ left:41.66666667%; } .col-xs-push-4{ left:33.33333333%; } .col-xs-push-3{ left:25%; } .col-xs-push-2{ left:16.66666667%; } .col-xs-push-1{ left:8.33333333%; } .col-xs-push-0{ left:auto; } .col-xs-offset-12{ margin-left:100%; } .col-xs-offset-11{ margin-left:91.66666667%; } .col-xs-offset-10{ margin-left:83.33333333%; } .col-xs-offset-9{ margin-left:75%; } .col-xs-offset-8{ margin-left:66.66666667%; } .col-xs-offset-7{ margin-left:58.33333333%; } .col-xs-offset-6{ margin-left:50%; } .col-xs-offset-5{ margin-left:41.66666667%; } .col-xs-offset-4{ margin-left:33.33333333%; } .col-xs-offset-3{ margin-left:25%; } .col-xs-offset-2{ margin-left:16.66666667%; } .col-xs-offset-1{ margin-left:8.33333333%; } .col-xs-offset-0{ margin-left:0; } @media (min-width:768px){ .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{ float:left; } .col-sm-12{ width:100%; } .col-sm-11{ width:91.66666667%; } .col-sm-10{ width:83.33333333%; } .col-sm-9{ width:75%; } .col-sm-8{ width:66.66666667%; } .col-sm-7{ width:58.33333333%; } .col-sm-6{ width:50%; } .col-sm-5{ width:41.66666667%; } .col-sm-4{ width:33.33333333%; } .col-sm-3{ width:25%; } .col-sm-2{ width:16.66666667%; } .col-sm-1{ width:8.33333333%; } .col-sm-pull-12{ right:100%; } .col-sm-pull-11{ right:91.66666667%; } .col-sm-pull-10{ right:83.33333333%; } .col-sm-pull-9{ right:75%; } .col-sm-pull-8{ right:66.66666667%; } .col-sm-pull-7{ right:58.33333333%; } .col-sm-pull-6{ right:50%; } .col-sm-pull-5{ right:41.66666667%; } .col-sm-pull-4{ right:33.33333333%; } .col-sm-pull-3{ right:25%; } .col-sm-pull-2{ right:16.66666667%; } .col-sm-pull-1{ right:8.33333333%; } .col-sm-pull-0{ right:auto; } .col-sm-push-12{ left:100%; } .col-sm-push-11{ left:91.66666667%; } .col-sm-push-10{ left:83.33333333%; } .col-sm-push-9{ left:75%; } .col-sm-push-8{ left:66.66666667%; } .col-sm-push-7{ left:58.33333333%; } .col-sm-push-6{ left:50%; } .col-sm-push-5{ left:41.66666667%; } .col-sm-push-4{ left:33.33333333%; } .col-sm-push-3{ left:25%; } .col-sm-push-2{ left:16.66666667%; } .col-sm-push-1{ left:8.33333333%; } .col-sm-push-0{ left:auto; } .col-sm-offset-12{ margin-left:100%; } .col-sm-offset-11{ margin-left:91.66666667%; } .col-sm-offset-10{ margin-left:83.33333333%; } .col-sm-offset-9{ margin-left:75%; } .col-sm-offset-8{ margin-left:66.66666667%; } .col-sm-offset-7{ margin-left:58.33333333%; } .col-sm-offset-6{ margin-left:50%; } .col-sm-offset-5{ margin-left:41.66666667%; } .col-sm-offset-4{ margin-left:33.33333333%; } .col-sm-offset-3{ margin-left:25%; } .col-sm-offset-2{ margin-left:16.66666667%; } .col-sm-offset-1{ margin-left:8.33333333%; } .col-sm-offset-0{ margin-left:0; } } @media (min-width:992px){ .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{ float:left; } .col-md-12{ width:100%; } .col-md-11{ width:91.66666667%; } .col-md-10{ width:83.33333333%; } .col-md-9{ width:75%; } .col-md-8{ width:66.66666667%; } .col-md-7{ width:58.33333333%; } .col-md-6{ width:50%; } .col-md-5{ width:41.66666667%; } .col-md-4{ width:33.33333333%; } .col-md-3{ width:25%; } .col-md-2{ width:16.66666667%; } .col-md-1{ width:8.33333333%; } .col-md-pull-12{ right:100%; } .col-md-pull-11{ right:91.66666667%; } .col-md-pull-10{ right:83.33333333%; } .col-md-pull-9{ right:75%; } .col-md-pull-8{ right:66.66666667%; } .col-md-pull-7{ right:58.33333333%; } .col-md-pull-6{ right:50%; } .col-md-pull-5{ right:41.66666667%; } .col-md-pull-4{ right:33.33333333%; } .col-md-pull-3{ right:25%; } .col-md-pull-2{ right:16.66666667%; } .col-md-pull-1{ right:8.33333333%; } .col-md-pull-0{ right:auto; } .col-md-push-12{ left:100%; } .col-md-push-11{ left:91.66666667%; } .col-md-push-10{ left:83.33333333%; } .col-md-push-9{ left:75%; } .col-md-push-8{ left:66.66666667%; } .col-md-push-7{ left:58.33333333%; } .col-md-push-6{ left:50%; } .col-md-push-5{ left:41.66666667%; } .col-md-push-4{ left:33.33333333%; } .col-md-push-3{ left:25%; } .col-md-push-2{ left:16.66666667%; } .col-md-push-1{ left:8.33333333%; } .col-md-push-0{ left:auto; } .col-md-offset-12{ margin-left:100%; } .col-md-offset-11{ margin-left:91.66666667%; } .col-md-offset-10{ margin-left:83.33333333%; } .col-md-offset-9{ margin-left:75%; } .col-md-offset-8{ margin-left:66.66666667%; } .col-md-offset-7{ margin-left:58.33333333%; } .col-md-offset-6{ margin-left:50%; } .col-md-offset-5{ margin-left:41.66666667%; } .col-md-offset-4{ margin-left:33.33333333%; } .col-md-offset-3{ margin-left:25%; } .col-md-offset-2{ margin-left:16.66666667%; } .col-md-offset-1{ margin-left:8.33333333%; } .col-md-offset-0{ margin-left:0; } } @media (min-width:1200px){ .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{ float:left; } .col-lg-12{ width:100%; } .col-lg-11{ width:91.66666667%; } .col-lg-10{ width:83.33333333%; } .col-lg-9{ width:75%; } .col-lg-8{ width:66.66666667%; } .col-lg-7{ width:58.33333333%; } .col-lg-6{ width:50%; } .col-lg-5{ width:41.66666667%; } .col-lg-4{ width:33.33333333%; } .col-lg-3{ width:25%; } .col-lg-2{ width:16.66666667%; } .col-lg-1{ width:8.33333333%; } .col-lg-pull-12{ right:100%; } .col-lg-pull-11{ right:91.66666667%; } .col-lg-pull-10{ right:83.33333333%; } .col-lg-pull-9{ right:75%; } .col-lg-pull-8{ right:66.66666667%; } .col-lg-pull-7{ right:58.33333333%; } .col-lg-pull-6{ right:50%; } .col-lg-pull-5{ right:41.66666667%; } .col-lg-pull-4{ right:33.33333333%; } .col-lg-pull-3{ right:25%; } .col-lg-pull-2{ right:16.66666667%; } .col-lg-pull-1{ right:8.33333333%; } .col-lg-pull-0{ right:auto; } .col-lg-push-12{ left:100%; } .col-lg-push-11{ left:91.66666667%; } .col-lg-push-10{ left:83.33333333%; } .col-lg-push-9{ left:75%; } .col-lg-push-8{ left:66.66666667%; } .col-lg-push-7{ left:58.33333333%; } .col-lg-push-6{ left:50%; } .col-lg-push-5{ left:41.66666667%; } .col-lg-push-4{ left:33.33333333%; } .col-lg-push-3{ left:25%; } .col-lg-push-2{ left:16.66666667%; } .col-lg-push-1{ left:8.33333333%; } .col-lg-push-0{ left:auto; } .col-lg-offset-12{ margin-left:100%; } .col-lg-offset-11{ margin-left:91.66666667%; } .col-lg-offset-10{ margin-left:83.33333333%; } .col-lg-offset-9{ margin-left:75%; } .col-lg-offset-8{ margin-left:66.66666667%; } .col-lg-offset-7{ margin-left:58.33333333%; } .col-lg-offset-6{ margin-left:50%; } .col-lg-offset-5{ margin-left:41.66666667%; } .col-lg-offset-4{ margin-left:33.33333333%; } .col-lg-offset-3{ margin-left:25%; } .col-lg-offset-2{ margin-left:16.66666667%; } .col-lg-offset-1{ margin-left:8.33333333%; } .col-lg-offset-0{ margin-left:0; } } .col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{ float:left; min-height:1px; padding-left:15px; padding-right:15px; position:relative; } .col-12{ width:100%; } .col-11{ width:91.6667%; } .col-10{ width:83.3333%; } .col-9{ width:75%; } .col-8{ width:66.6667%; } .col-7{ width:58.3333%; } .col-6{ width:50%; } .col-5{ width:41.6667%; } .col-4{ width:33.3333%; } .col-3{ width:25%; } .col-2{ width:16.6667%; } .col-1{ width:8.33333%; } .show-grid [class^=col-]{ background-color:#00000008; border:1px solid #0000000a; padding-bottom:10px; padding-top:10px; } .show-grid .row{ margin:0; } .visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{ display:none !important; } .fixed_container{ margin:0 auto; padding:0 15px; position:relative; width:100%; } .fixed_container:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .row{ margin-left:-15px; margin-right:-15px; } .navPanel{ text-align:right; } .navPanel:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .headerwrap{ display:table; table-layout:fixed; width:100%; } .headerwrap .one_third_grid{ display:table-cell; vertical-align:middle; } .headerwrap .one_third_grid.logo a{ display:table; margin:0 auto; } .headerwrap .one_third_grid.logo img{ display:block; width:100px; } .menutrigger{ border-radius:50%; display:inline-block; height:40px; padding:5px 9px; position:relative; top:4px; width:40px; } .menutrigger:active{ background:#0000000d; } .menutrigger span{ background:#333; border-radius:5px; display:block; height:2px; margin:14px 0 0; position:relative; width:100%; } .menutrigger span:after,.menutrigger span:before{ background:#333; border-radius:5px; content:""; height:2px; left:0; position:absolute; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:100%; } .menutrigger span:before{ top:-7px; } .menutrigger span:after{ bottom:-7px; } .menutrigger.active span:before{ transform:translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(.7); -webkit-transform:translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(.7); -ms-transform:translate3d(-7px, 2px, 0) rotate(-45deg) scaleX(.7); } .menutrigger.active span:after{ transform:translate3d(-7px, -2px, 0) rotate(45deg) scaleX(.7); -webkit-transform:translate3d(-7px, -2px, 0) rotate(45deg) scaleX(.7); -ms-transform:translate3d(-7px, -2px, 0) rotate(45deg) scaleX(.7); } @-webkit-keyframes ring{ 0%{ -webkit-transform:rotate(35deg); } 12.5%{ -webkit-transform:rotate(-30deg); } 25%{ -webkit-transform:rotate(25deg); } 37.5%{ -webkit-transform:rotate(-20deg); } 50%{ -webkit-transform:rotate(15deg); } 62.5%{ -webkit-transform:rotate(-10deg); } 75%{ -webkit-transform:rotate(5deg); } to{ -webkit-transform:rotate(0deg); } } @keyframes ring{ 0%{ -webkit-transform:rotate(35deg); transform:rotate(35deg); } 12.5%{ -webkit-transform:rotate(-30deg); transform:rotate(-30deg); } 25%{ -webkit-transform:rotate(25deg); transform:rotate(25deg); } 37.5%{ -webkit-transform:rotate(-20deg); transform:rotate(-20deg); } 50%{ -webkit-transform:rotate(15deg); transform:rotate(15deg); } 62.5%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } 75%{ -webkit-transform:rotate(5deg); transform:rotate(5deg); } to{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } } .iconmenus{ float:right; list-style:none; margin:0; } .iconmenus>li{ float:left; margin:0 5px; position:relative; } .iconmenus>li.togglemsg>a>img{ transform-origin:top center; } .iconmenus>li.togglemsg.is-active>a>img,.iconmenus>li.togglemsg:hover>a>img{ -webkit-animation:ring 1.5s ease; animation:ring 1.5s ease; } .iconmenus>li>a{ border-radius:50%; display:block; height:40px; line-height:40px; position:relative; text-align:center; width:40px; } .iconmenus>li>a img{ display:block; margin:0 auto; position:relative; top:9px; } .iconmenus>li>a .counts{ background:#f44336; border-radius:50%; color:#fff; font-size:10px; height:18px; line-height:normal; line-height:16px; padding:0; position:absolute; right:4px; text-align:center; top:2px; width:18px; z-index:1; } .iconmenus>li>a .icon{ color:#fff; font-size:21px; line-height:1; position:relative; z-index:1; } .iconmenus>li>a:before{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; background-color:#0000000d; border-radius:50%; content:""; height:100%; left:0; position:absolute; top:0; -webkit-transform:scale3d(0, 0, 0); -moz-transform:scale3d(0, 0, 0); -ms-transform:scale3d(0, 0, 0); -o-transform:scale3d(0, 0, 0); transform:scale3d(0, 0, 0); -webkit-transition:all .25s; -o-transition:all .25s; transition:all .25s; width:100%; z-index:0; } .iconmenus>li a:focus:before,.iconmenus>li a:hover:before,.iconmenus>li.active a:before,.menutrigger.active a:before,.menutrigger:focus:before,.menutrigger:hover:before{ -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } .iconmenus>li.searchtoggle.active a:before{ display:none; } .iconmenus>li .subnav{ background:#fff; border-radius:3px; box-shadow:0 2px 10px #0003; filter:alpha(opacity=0); min-width:200px; opacity:0; padding:10px; position:absolute; right:0; top:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:bottom left; -moz-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .iconmenus>li.active .subnav{ filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .iconmenus>li.togglemsg .dropwrap{ width:280px; } .searchwrap{ background:#2196f3; display:none; height:55px; left:0; padding:11px; position:absolute; right:0; top:0; width:100%; z-index:10; } .searchwrap .searchform{ margin:0 auto; max-width:500px; position:relative; } .searchwrap .searchform:before{ color:#fff; content:"\f2f5"; font-family:Ionicons; font-size:20px; left:10px; position:absolute; top:0; } .searchwrap .searchform input[type=text]{ background-color:#ffffff42; border:none; border-radius:3px; height:30px; line-height:100%; padding:0 10px 0 40px; width:100%; } .searchwrap .searchform input[type=text]:focus{ background-color:#ffffff80; } .searchwrap .searchclose{ display:block; height:25px; line-height:25px; position:absolute; right:10px; right:6px; text-align:center; top:10px; top:6px; width:25px; } .searchwrap .searchclose:before{ color:#fff; content:"\f129"; font-family:Ionicons; font-size:16px; } .searchwrap .searchclose:hover{ background-color:#0003; } .cellgrid{ display:table; list-style:none; margin:0; table-layout:fixed; width:100%; } .cellgrid li{ display:table-cell; padding:0 10px; vertical-align:top; } .iconbox{ background:#fff; border-radius:3px; box-shadow:0 0 3px #0003; height:145px; padding:15px; position:relative; width:100%; } .flipbox.green .value{ color:#aec785; } .flipbox.green .back,.flipbox.green .progress-bar{ background-color:#aec785; } .flipbox .themebtn{ background:none; border:none; color:#00000080; font-weight:700; letter-spacing:0; vertical-align:top; } .flipbox .themebtn:hover{ background-color:#0006; color:#ffffffe6; } .flipbox.orange .value{ color:#fa8564; } .flipbox.orange .back,.flipbox.orange .progress-bar{ background-color:#fa8564; } .flipbox.purple .value{ color:#a48ad4; } .flipbox.purple .back,.flipbox.purple .progress-bar{ background-color:#a48ad4; } .flipbox.darkgreen .value{ color:#1fb5ac; } .flipbox.darkgreen .back,.flipbox.darkgreen .progress-bar{ background-color:#1fb5ac; } .iconbox:before{ border-left:22px solid #0000; border-top:22px solid #e2e2e2; content:""; position:absolute; right:4px; top:4px; } .iconbox .icon{ float:left; margin:5px 20px 0 0; } .iconbox .value{ font-size:20px; line-height:22px; } .iconbox .value span{ color:#666; display:block; font-size:12px; text-transform:uppercase; } .areaprogress{ display:inline-block; padding:20px 0 0; width:100%; } .areaprogress h6{ color:#8f8f8f; font-size:11px; font-weight:400; text-transform:uppercase; } .areaprogress h6 span{ background:#eee; border-radius:3px; color:#8f8f8f; float:right; font-size:11px; padding:1px 4px; position:relative; top:-2px; } .areaprogress .progress{ background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0 0 2px 1px #0000001a; height:10px; margin:5px 0 0; overflow:hidden; } .progress{ background-color:#0000000f; border-radius:0; height:12px; margin:5px 0 0; } .progress-bar{ background-color:#2196f3; border-radius:0; float:left; height:100%; line-height:20px; padding:0 10px; position:relative; text-align:right; width:0; } .progress-bar .countvalue{ background:#000000b3; border-radius:3px; color:#00000080; color:#fff; font-size:10px; padding:0 7px 2px; position:absolute; right:0; top:-30px; } .progress-bar .countvalue:before{ border-left:5px solid #0000; border-right:5px solid #0000; border-top:5px solid #000000b3; bottom:-5px; content:""; left:50%; margin:0 0 0 -5px; position:absolute; } .progress.info .progress-bar{ background-color:#02b4d1; } .progress.success .progress-bar{ background-color:#00b6ad; } .progress.warning .progress-bar{ background-color:#f3c532; } .progress.danger .progress-bar{ background-color:#f35f5f; } .animateprogess .progress-bar{ -webkit-animation:animate-bg 2s linear infinite; animation:animate-bg 2s linear infinite; background-image:-webkit-gradient( linear, left top, right bottom, color-stop(.25, #ffffff0d), color-stop(.25, #0000), color-stop(.5, #0000), color-stop(.5, #ffffff0d), color-stop(.75, #ffffff0d), color-stop(.75, #0000), to(#0000) ); background-image:-webkit-linear-gradient( 135deg, #ffffff0d 25%, #0000 25%, #0000 50%, #ffffff0d 50%, #ffffff0d 75%, #0000 75%, #0000 ); background-image:-moz-linear-gradient( 135deg, #ffffff0d 25%, #0000 25%, #0000 50%, #ffffff0d 50%, #ffffff0d 75%, #0000 75%, #0000 ); background-image:-ms-linear-gradient( 135deg, #ffffff0d 25%, #0000 25%, #0000 50%, #ffffff0d 50%, #ffffff0d 75%, #0000 75%, #0000 ); background-image:-o-linear-gradient( 135deg, #ffffff0d 25%, #0000 25%, #0000 50%, #ffffff0d 50%, #ffffff0d 75%, #0000 75%, #0000 ); background-image:linear-gradient( 135deg, #ffffff0d 25%, #0000 25%, #0000 50%, #ffffff0d 50%, #ffffff0d 75%, #0000 75%, #0000 ); background-size:20px 20px; box-shadow:inset 0 -1px 0 #fff3; } @-webkit-keyframes animate-bg{ 0%{ background-position:0 0; } to{ background-position:-80px 0; } } @-moz-keyframes animate-bg{ 0%{ background-position:0 0; } to{ background-position:-80px 0; } } @keyframes animate-bg{ 0%{ background-position:0 0; } to{ background-position:-80px 0; } } .flipbox{ perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; position:relative; } .flipper{ -moz-transform:all .4s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .flipbox:hover .flipper{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); } .back,.front{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; } .back{ border-radius:3px; display:table; left:0; position:absolute; right:0; text-align:center; top:0; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); width:100%; } .back .cell{ display:table-cell; height:145px; vertical-align:middle; } .section{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; margin:30px 0 0; } .section,.section .sectionhead{ display:inline-block; position:relative; width:100%; } .section .sectionhead{ border-bottom:1px solid #eee; padding:30px 20px 30px 40px; } .section .sectionhead h4{ display:inline-block; font-size:1.1em; font-weight:600; padding:0; text-transform:capitalize; } .section .sectionhead .themebtn{ background:none; border:none; box-shadow:none; color:#3bc4e7; font-size:11px; font-size:1em; font-weight:600; height:24px; line-height:24px; margin:0 0 0 10px; padding:0 10px; text-decoration:underline; text-transform:capitalize; } .section .sectionhead .btn,.section .sectionhead .themebtn{ position:absolute; right:20px; top:24px; } .section .sectionbody{ position:relative; width:100%; } .section .sectionbody:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .section .sectionhead:before{ border:2px solid #ddd; border-radius:50%; content:""; height:12px; left:15px; position:absolute; top:33px; width:12px; } .section .sectionbody.space{ padding:30px; } .section.searchform_filter{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; } .section.searchform_filter .sectionhead{ bottom:auto; cursor:text; padding:20px; position:relative; } .section.searchform_filter .sectionhead:before{ display:none; } .section.searchform_filter .sectionhead h4{ color:#999; display:block; font-weight:400; position:relative; text-transform:capitalize; width:100%; } .section.searchform_filter .sectionhead h4:before{ color:#999; content:"\f2f5"; font-family:Ionicons; font-size:20px; font-style:normal; position:absolute; right:5px; top:-1px; } .section.searchform_filter .sectionhead.active h4:before{ content:"\f2d7"; } .section.searchform_filter .sectionhead:after{ bottom:0; content:""; cursor:pointer; position:absolute; right:0; top:0; width:55px; } .section.first{ margin-top:10px; } .section .sectionhead .close-form{ color:#999; cursor:pointer; float:right; } .section.section--profile-box .sectionbody.space{ padding:15px; } .close-form{ color:#999; cursor:pointer; height:32px; line-height:30px; position:relative; text-align:center; width:32px; } .close-form:before{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; background-color:#0000001a; border-radius:50%; content:""; height:100%; left:0; position:absolute; top:0; -webkit-transform:scale3d(0, 0, 0); -moz-transform:scale3d(0, 0, 0); -ms-transform:scale3d(0, 0, 0); -o-transform:scale3d(0, 0, 0); transform:scale3d(0, 0, 0); -webkit-transition:all .25s; -o-transition:all .25s; transition:all .25s; width:100%; z-index:0; } .close-form:hover:before{ -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } .whitewrap{ background:#fff; border-radius:3px; box-shadow:0 0 3px #0003; position:relative; width:100%; } .chartwrap{ padding:20px; } .chartwrap,.chartwrap canvas,.chartwrap img{ width:100%; } .wigetbox{ background:#009688; border-radius:3px; box-shadow:0 0 3px #0003; min-height:370px; } .wigetbox .top{ padding:20px 10px; text-align:center; } .wigetbox .top img{ max-width:100%; } .wigetbox .txtsmall{ background:#0003; color:#fff; display:block; font-size:13px; padding:10px 15px; text-align:center; text-align:left; } .wigetbox .vlist{ list-style:none; margin:0; } .wigetbox .vlist li{ color:#ffffffe6; display:block; font-size:22px; line-height:20px; padding:10px 15px; } .wigetbox .vlist li small{ display:block; font-size:12px; } .statsbox{ border-radius:3px; min-height:370px; overflow:hidden; } .statsbox small{ color:#fff; } .statsbox .top{ background:#f44336; height:200px; padding:15px; text-align:center; } .statsbox .body{ display:inline-block; padding:0 10px 15px; text-align:center; width:100%; } .statsbox .body small{ color:#333; } .statsbox .txtsmall{ color:#fff; display:block; font-size:13px; text-align:left; text-transform:uppercase; } .statsbox .vlist{ list-style:none; margin:0; } .statsbox .vlist li{ color:#ffffffe6; display:block; font-size:22px; line-height:20px; padding:10px 15px; } .statsbox .vlist li small{ display:block; font-size:12px; } .pieprogress{ display:table; margin:15px auto 5px; width:90px; } .circles-text{ color:#fff; font-size:24px !important; } .even .circles-text{ color:#333; font-size:24px !important; } .circles-integer{ position:relative; } .circles-integer:after{ content:"%"; } .countercircle{ border-radius:50%; display:table; height:220px; margin:0 auto 30px; position:relative; width:220px; } .countercircle.yellow{ background:#ffc107; } .countercircle.green{ background:#5bc78b; } .countercircle .innercircle{ background:#fff; border-radius:50%; bottom:20px; box-shadow:inset 0 2px #0000004d; left:20px; position:absolute; right:20px; top:20px; } .fourcols{ margin:24px 0 0; } .fourcols,.group{ display:inline-block; width:100%; } .group{ color:#0009; font-size:18px; font-weight:700; margin:0 0 0 0; padding:0 0 10px 0; position:relative; text-align:center; } .group:before{ background:#0003; bottom:0; content:""; left:50%; position:absolute; top:0; width:1px; } .group span{ display:block; font-size:13px; font-weight:400; } .coloredbox{ min-height:370px; overflow:hidden; width:100%; } .coloredbox .top{ background:#886cbb; height:200px; padding:15px; width:100%; } .coloredbox .body{ background:#fff; display:inline-block; padding:15px; text-align:center; width:100%; } .coloredbox .txtsmall{ color:#fff; display:block; font-size:13px; text-align:left; text-transform:uppercase; } .coloredbox .icon{ color:#fff; display:table; font-size:120px; line-height:1; margin:15px auto; } .coloredbox h3{ color:#886cbb; font-size:50px; padding:0 0 15px 0; } .coloredbox h3 span{ color:#666; display:block; font-size:14px; font-weight:400; line-height:1; text-transform:uppercase; } .coloredbox .themebtn{ border:1px solid #886cbb; color:#886cbb; font-weight:400; } .coloredbox .themebtn:hover{ background:#886cbb; color:#fff; } .coloredbox.blue .icon{ font-size:120px; margin-top:5px; } .coloredbox.blue .top{ background:#17b9f5; } .coloredbox.blue h3{ color:#17b9f5; } .coloredbox.blue .themebtn{ border:1px solid #17b9f5; color:#17b9f5; } .coloredbox.blue .themebtn:hover{ background:#17b9f5; color:#fff; } .label{ display:inline-block; font-size:1.1em; line-height:1; padding:0 0 0 20px; position:relative; } .label:before{ background:#ddd; border-radius:50%; content:""; height:12px; left:0; position:absolute; top:2px; width:12px; } .label--info,.label-info{ color:#54d1f1; } .label--info:before,.label-info:before{ background-color:#54d1f1; } .label--danger,.label-danger{ color:#f16745; } .label--danger:before,.label-danger:before{ background-color:#f16745; } .label--success,.label-success{ color:#59c4c5; } .label--success:before,.label-success:before{ background-color:#59c4c5; } .label--warning,.label-warning{ color:#ffc65d; } .label--warning:before,.label-warning:before{ background-color:#ffc65d; } .label--purple,.label-purple{ color:#b07fcb; } .label--purple:before,.label-purple:before{ background-color:#b07fcb; } #body{ position:relative; } #body,.leftside{ overflow:hidden; } .leftside{ background:#fff; bottom:0; box-shadow:0 0 30px 20px #33333326; left:0; opacity:0; padding:0 0 0; position:absolute; top:0; -ms-transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); transform:translate3d(-280px, 0, 0); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; width:280px; z-index:110; } body.toggled-left .leftside{ opacity:1; transform:translateZ(0); -ms-transform:translateZ(0); -webkit-transform:translateZ(0); } .leftside .sidebar_inner{ height:100%; overflow-y:auto; width:100%; width:400px; } .rightside{ background:none repeat scroll 0 0 #fff; bottom:0; box-shadow:0 0 30px 20px #33333326; opacity:0; overflow:hidden; padding:0 0 0; position:absolute; right:-280px; top:0; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; width:280px; z-index:10; } body.toggled-right .rightside{ opacity:1; right:0; } .rightside .sidebar_inner{ height:100%; overflow-y:auto; width:400px; } .rightside .sidebar_wrap{ width:280px; } .leftoverlay,.rightoverlay{ background-color:#fffc; bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; -webkit-transition:all .6s ease 0s; -o-transition:all .6s ease 0s; transition:all .6s ease 0s; visibility:hidden; z-index:4; } body.toggled-left .leftoverlay,body.toggled-right .rightoverlay{ opacity:1; visibility:visible; } .profilewrap{ position:relative; width:280px; z-index:10; } .profilecover{ background:url(/images/nav_cover_bg.png) no-repeat 50% #b07fcb; display:block; height:120px; overflow:hidden; position:relative; width:100%; } .profilelinkswrap{ background:#b07fcb; display:none; width:100%; } .profilecover .profilepic{ border:3px solid #00000024; border-radius:50%; display:inline-block; height:50px; left:15px; overflow:hidden; position:relative; top:15px; width:50px; } .profilecover .profilepic>img{ border-radius:50%; height:100%; width:100%; } .profilecover .profileinfo{ background:#0003; bottom:0; color:#fff; cursor:pointer; display:block; font-size:13px; margin-top:20px; overflow:hidden; padding:8px 34px 8px 15px; position:absolute; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; width:100%; } .profilecover .profileinfo:before{ color:#fff; content:"\f35f"; font-family:Ionicons; font-size:20px; position:absolute; right:10px; top:7px; } .profileinfo.active:before{ content:"\f365"; } .leftlinks{ list-style:none; margin:0; } .leftlinks>li{ border-bottom:1px dotted #395461; } .leftlinks>li>a{ border-left:4px solid #0003; color:#ffffffe6; display:block; font-size:.9em; overflow:hidden; padding:8px 10px; position:relative; text-transform:capitalize; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .leftlinks>li>a:hover{ background:#0000001a; } .leftmenu{ list-style:none; margin:0; width:280px; } .leftmenu>li{ border-bottom:1px solid #0000000d; } .leftmenu>li>a{ color:#333; display:block; overflow:hidden; padding:10px 15px; position:relative; text-transform:capitalize; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .leftmenu>li>a:hover{ box-shadow:5px -2px 15px 10px #0000000f; color:#333; } .leftmenu>li.haschild>a:before{ color:#333; content:"\f218"; font-family:Ionicons; font-size:13px; position:absolute; right:16px; top:10px; } .leftmenu>li.haschild>a.active:before{ content:"\f209"; } .leftmenu>li.active>a{ background:#f8f8f8; color:#b07fcb; font-weight:700; } .leftmenu>li ul{ background:#f8f8f8; border-left:1px solid #dbdbdb; border-top:1px solid #e9e9e9; display:none; list-style:none; margin:0; padding:10px 10px 15px; position:relative; } .leftmenu>li ul:before{ background:#dbdbdb; bottom:0; content:""; left:10px; position:absolute; top:0; width:1px; } .leftmenu>li ul li{ position:relative; } .leftmenu>li ul li a:before{ background:#dbdbdb; content:""; height:1px; left:0; position:absolute; top:12px; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; width:12px; } .leftmenu>li ul li a{ color:#666; display:block; font-size:13px; padding:4px 4px 4px 20px; position:relative; } .leftmenu>li ul li a:hover{ color:#000; } .leftmenu>li ul li.active a{ color:#000; font-weight:600; } .leftmenu>li.active ul{ display:block; } .section .sectionhead .actions{ position:absolute; right:15px; top:20px; } .actions,.actions>li{ display:inline-block; list-style:none; margin:0; position:relative; vertical-align:top; white-space:nowrap; } .actions>li{ margin:0 0 0 5px; } .actions>li:first-child{ margin:0; } .actions>li>a{ border-radius:50%; height:40px; line-height:40px; overflow:hidden; text-align:center; width:40px; } .actions>li>a,.actions>li>a .icon{ display:block; position:relative; } .actions>li>a .icon{ color:#0006; font-size:1.8em; font-style:normal; line-height:38px; top:auto; } .actions>li>a .icon img{ display:block; margin:9px auto 0; opacity:.4; width:15px; } .actions>li>a:before{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; background-color:#0000000f; border-radius:50%; content:""; height:100%; left:0; position:absolute; top:-4px; -webkit-transform:scale3d(0, 0, 0); -moz-transform:scale3d(0, 0, 0); -ms-transform:scale3d(0, 0, 0); -o-transform:scale3d(0, 0, 0); transform:scale3d(0, 0, 0); -webkit-transition:all .25s; -o-transition:all .25s; transition:all .25s; width:100%; z-index:0; } .actions>li>a:hover:before{ -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } .actions>li>a .icon.expand{ display:block; font-size:19px; top:1px; } .actions>li>a .icon.collapse,.actions>li>a.active .icon.expand{ display:none; } .actions>li>a.active .icon.collapse{ display:block; } .table .actions>li>a .icon{ line-height:34px; } .actions.center{ display:table; margin:10px auto 0; } .dropwrap{ background:#fff; border-radius:5px; box-shadow:0 0 40px #0003; filter:alpha(opacity=0); min-width:200px; opacity:0; position:absolute; right:0; top:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:10; } .droplink.active .dropwrap{ filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .dropwrap ul{ list-style:none; margin:0; } .dropwrap .head{ background:#2bc0e5; background:-moz-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:-webkit-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:linear-gradient( 135deg, #2bc0e5 0, #54d1f1 70% ); border-radius:5px 5px 0 0; color:#fff; font-size:15px; font-weight:600; padding:20px; text-align:left; width:100%; } .dropwrap .body{ max-height:280px; overflow:hidden; overflow-y:auto; width:100%; } .dropwrap .foot{ border-top:1px solid #ddd; padding:6px 10px; text-align:center; width:100%; } .actions.rights .dropwrap{ left:0; right:auto; -webkit-transform-origin:top left; -moz-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; } .actions.rights .dropwrap:before{ left:10px; right:auto; } .linksvertical{ display:block; list-style:none; margin:0; padding:0; } .linksvertical li{ border-bottom:1px dashed #0000001a; white-space:nowrap; } .linksvertical li:last-child{ border-bottom:none; } .linksvertical li a{ color:#333; display:block; font-size:.9em; overflow:hidden; padding:10px 20px; position:relative; text-align:left; text-transform:capitalize; } .linksvertical li a:hover,.linksvertical li.is--active>a{ background:#00000008; color:#000; } .table .actions.actions--centered{ margin-top:-6px; } .actions.actions--centered .dropwrap .linksvertical li a{ text-align:center; } .actions.actions--centered .dropwrap{ margin:0 0 0 -65px; min-width:185px; right:calc(100% - 48px); text-align:center; transform-origin:center top; -webkit-transform-origin:center top; -ms-transform-origin:center top; } .link{ color:#54d1f1; font-size:13px; line-height:1; } .link:hover{ color:#333; font-size:13px; } .sidetabs{ border-bottom:2px solid #ddd; display:table; list-style:none; margin:0; table-layout:fixed; width:100%; } .sidetabs>li{ display:table-cell; position:relative; vertical-align:top; } .sidetabs>li>a{ color:#999; display:block; font-size:13px; padding:10px; position:relative; text-align:center; text-transform:uppercase; } .sidetabs>li>a:before{ bottom:-2px; content:""; height:2px; left:0; position:absolute; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; width:100%; } .sidetabs>li.active>a:before{ background:#54d1f1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .sidetabs>li.active>a:after{ border-bottom:8px solid #54d1f1; border-left:8px solid #0000; border-right:8px solid #0000; bottom:-2px; content:""; left:50%; margin:0 0 0 -6px; position:absolute; } .sidetabs>li.active>a{ background:#f7f7f7; color:#333; } .columlist{ list-style:none; margin:0; width:100%; } .columlist li{ display:table; width:100%; } .columlist li a{ display:block; overflow:hidden; position:relative; } .columlist li:hover{ background:#f7f7f7; } .columlist li .grid{ display:table-cell; padding:10px 10px 10px 0; vertical-align:top; } .columlist li .grid.first{ padding:10px; } .columlist li .name{ color:#333; font-size:13px; font-weight:600; padding:0 0 0 0; } .columlist li .desc,.columlist li .name{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .columlist li .desc{ color:#999; font-size:12px; font-weight:400; } .columlist li.read .name{ color:#666; font-weight:400; } .avtar{ color:#fff; display:inline-block; height:40px; line-height:38px; overflow:hidden; position:relative; text-align:center; text-transform:uppercase; width:40px; } .avtar,.avtar img{ border-radius:50%; } .avtar img{ border:1px solid #00000024; height:100%; width:100%; } .avtar.avtar--large{ height:200px; width:200px; } .bgm-white{ background-color:#fff !important; } .c-white{ color:#fff !important; } .bgm-black{ background-color:#000 !important; } .c-black{ color:#000 !important; } .bgm-brown{ background-color:#795548 !important; } .c-brown{ color:#795548 !important; } .bgm-pink{ background-color:#e91e63 !important; } .c-pink{ color:#e91e63 !important; } .bgm-red{ background-color:#f44336 !important; } .c-red{ color:#f44336 !important; } .bgm-blue{ background-color:#2196f3 !important; } .c-blue{ color:#2196f3 !important; } .bgm-purple{ background-color:#9c27b0 !important; } .c-purple{ color:#9c27b0 !important; } .bgm-deeppurple{ background-color:#673ab7 !important; } .c-deeppurple{ color:#673ab7 !important; } .bgm-lightblue{ background-color:#03a9f4 !important; } .c-lightblue{ color:#03a9f4 !important; } .bgm-cyan{ background-color:#00bcd4 !important; } .c-cyan{ color:#00bcd4 !important; } .bgm-teal{ background-color:#009688 !important; } .c-teal{ color:#009688 !important; } .bgm-green{ background-color:#4caf50 !important; } .c-green{ color:#4caf50 !important; } .bgm-lightgreen{ background-color:#8bc34a !important; } .c-lightgreen{ color:#8bc34a !important; } .bgm-lime{ background-color:#cddc39 !important; } .c-lime{ color:#cddc39 !important; } .bgm-yellow{ background-color:#ffeb3b !important; } .c-yellow{ color:#ffeb3b !important; } .bgm-amber{ background-color:#ffc107 !important; } .c-amber{ color:#ffc107 !important; } .bgm-orange{ background-color:#ff9800 !important; } .c-orange{ color:#ff9800 !important; } .bgm-deeporange{ background-color:#ff5722 !important; } .c-deeporange{ color:#ff5722 !important; } .bgm-gray{ background-color:#9e9e9e !important; } .c-gray{ color:#9e9e9e !important; } .bgm-bluegray{ background-color:#607d8b !important; } .c-bluegray{ color:#607d8b !important; } .bgm-indigo{ background-color:#3f51b5 !important; } .c-indigo{ color:#3f51b5 !important; } .searchbar{ position:relative; width:100%; } .searchbar input[type=text]{ background:#f7f7f7; border:1px solid #eee; border-radius:3px; font-size:13px; height:35px; line-height:100%; padding:0 10px 0 35px; width:100%; } .searchbar input[type=text]:focus{ background:#fff; border:1px solid #ddd; } .searchbar:before{ color:#666; content:"\f2f5"; font-family:Ionicons; font-size:20px; left:14px; position:absolute; top:8px; } .rightside .sidebar_wrap .searchbar{ margin:15px; width:auto; } .sortbar{ border-bottom:1px solid #ddd; padding:15px; width:100%; } .sortbar:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .sortbar .grid_1{ width:50%; } .sortbar .grid_2{ float:right; text-align:right; width:50%; } .sortbar .searchbar{ display:inline-block; width:70%; } .sortbar .fieldselect{ float:right; } .sortbar .fieldselect label{ color:#666; display:inline-block; font-size:14px; padding:0 10px; vertical-align:middle; } .sortbar select{ background:#f7f7f7; border:1px solid #eee; border-radius:3px; color:#999; font-size:13px; height:35px; line-height:100%; max-width:150px; padding:0 10px; } .sortbar select:focus{ background:#fff; border:1px solid #ddd; } .sorticon{ background:#999; display:block; height:2px; margin:10px auto 0; position:relative; width:18px; } .sorticon:before{ top:5px; width:14px; } .sorticon:after,.sorticon:before{ background:#999; content:""; height:2px; left:0; position:absolute; } .sorticon:after{ top:10px; width:10px; } .sortbar .actions>li>a{ background:#fff; border:1px solid #ddd; border-radius:3px; height:35px; width:40px; } .sortbar .actions>li>a:before{ border-radius:1px; } .iconsort{ color:inherit; display:inline-block; line-height:20px; position:relative; text-align:center; } .iconsort:before{ color:#666; content:"\f123"; font-family:Ionicons; font-size:13px; margin:0 5px 0 0; } .iconsort.active:before{ content:"\f126"; } .footinfo{ padding:20px; width:100%; } .footinfo:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .footinfo .grid_1{ width:50%; } .footinfo .grid_1 .pagination{ float:left; } .footinfo .grid_2{ text-align:right; width:50%; } .footinfo .info{ color:#666; display:inline-block; font-size:13px; height:35px; line-height:32px; padding:0 10px; vertical-align:middle; } .pagination{ list-style:none; margin:0; text-align:center; } .pagination li{ display:inline-block; margin:0 1px; vertical-align:top; } .pagination li a{ background:#f7f7f7; border:1px solid #ececec; border-radius:50%; color:#333; display:block; font-size:14px; font-weight:600; height:35px; line-height:32px; overflow:hidden; position:relative; text-align:center; width:35px; } .pagination li a:hover{ background:#ddd; border-color:#ddd; } .pagination li.selected a{ background:#3bc4e7; border-color:#3bc4e7; color:#fff; } .pagination li.more a:before{ color:#666; content:"\f46a"; font-family:Ionicons; font-size:26px; } .pagination li.prev a:before{ color:#666; content:"\f3cf"; font-family:Ionicons; font-size:20px; } .pagination li.next a:before{ color:#666; content:"\f3d1"; font-family:Ionicons; font-size:20px; } .pagination li.disabled{ opacity:.7; } .pagination li.disabled a{ cursor:not-allowed; } .checkbox,.radio{ display:inline-block; min-height:20px; padding:0 0 0 25px; position:relative; vertical-align:middle; } .checkbox input,.radio input{ cursor:pointer; filter:alpha(opacity=0); left:0; margin:0 !important; opacity:0; top:0; z-index:1; } .checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{ margin-left:-20px; margin-top:4px \9; position:absolute; } .checkbox.disabled,.radio.disabled,input[type=checkbox][disabled],input[type=password][disabled],input[type=radio][disabled],input[type=text][disabled]{ cursor:not-allowed; } .inline.checkbox,.inline.radio{ padding-right:20px; } .checkbox .input-helper:after,.checkbox .input-helper:before,.radio .input-helper:after,.radio .input-helper:before{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; content:""; position:absolute; -webkit-transition:all; -o-transition:all; transition:all; -webkit-transition-duration:.25s; transition-duration:.25s; } .checkbox .input-helper:before,.radio .input-helper:before{ background:#fff; border:1px solid #ccc; left:0; } .checkbox.disabled,.radio.disabled{ filter:alpha(opacity=60); opacity:.6; } .checkbox input{ height:17px; width:17px; } .checkbox input:checked+.input-helper:before{ -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .checkbox input:checked+.input-helper:after{ filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1) rotate(-50deg); -ms-transform:scale(1) rotate(-50deg); -o-transform:scale(1) rotate(-50deg); transform:scale(1) rotate(-50deg); } .checkbox .input-helper:before{ height:17px; top:0; width:17px; } .checkbox .input-helper:after{ border-bottom:2px solid #f04b3d; border-bottom-left-radius:2px; border-left:2px solid #f04b3d; filter:alpha(opacity=0); height:9px; left:-1px; opacity:0; top:1px; -webkit-transform:scale(0) rotate(80deg); -ms-transform:scale(0) rotate(80deg); -o-transform:scale(0) rotate(80deg); transform:scale(0) rotate(80deg); width:22px; } .radio input{ height:19px; width:19px; } .radio input:checked+.input-helper:after{ -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .radio .input-helper:before{ border-radius:50%; height:19px; top:-1px; width:19px; } .radio .input-helper:after{ background:#f04b3d; border-radius:50%; height:11px; left:4px; top:3px; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); width:11px; } #icons{ list-style:none; margin:0; padding:30px; } #icons li{ border-radius:4px; cursor:pointer; display:inline-block; font-size:32px; font-weight:400; list-style:none outside none; margin:10px; position:relative; text-align:center; width:42px; z-index:0; } #icons li:hover{ background:#ddd; } .list-inline{ margin:10px 0; } .list-inline li{ display:inline-block; padding:0 10px 10px 0; } .arrowlist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .arrowlist li{ padding:0 0 10px 20px; position:relative; text-transform:capitalize; } .arrowlist li,.arrowlist li a{ color:#666; font-size:14px; } .arrowlist li:before{ border-bottom:5px solid #0000; border-left:5px solid #999; border-top:5px solid #0000; content:""; left:0; position:absolute; top:4px; } .bulletlist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .bulletlist li{ color:#666; font-size:14px; padding:0 0 10px 20px; position:relative; } .bulletlist li:before{ background:#999; border-radius:50%; content:""; height:8px; left:0; position:absolute; top:5px; width:8px; } .bulletlist li a{ color:#666; font-size:14px; } .squarelist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .squarelist li{ color:#666; font-size:14px; padding:0 0 10px 20px; position:relative; text-transform:capitalize; } .squarelist li:before{ background:#999; content:""; height:8px; left:0; position:absolute; top:5px; width:8px; } .squarelist li a{ color:#666; font-size:14px; } .checklist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .checklist li{ color:#666; font-size:14px; padding:0 0 10px 20px; position:relative; text-transform:capitalize; } .checklist li:before{ color:#999; content:"\f374"; font-family:Ionicons; font-size:16px; left:0; position:absolute; top:-1px; } .checklist li a{ color:#666; font-size:14px; } .roundchecklist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .roundchecklist li{ color:#666; font-size:14px; padding:0 0 10px 20px; position:relative; text-transform:capitalize; } .roundchecklist li:before{ color:#999; content:"\f3ff"; font-family:Ionicons; font-size:16px; left:0; position:absolute; top:-1px; } .roundchecklist li a{ color:#666; font-size:14px; } .circlelist{ display:inline-block; list-style:none; margin:15px 0; width:100%; } .circlelist li{ color:#666; font-size:14px; padding:0 0 10px 20px; position:relative; text-transform:capitalize; } .circlelist li:before{ background:#fff; border:2px solid #c1c1c1; border-radius:50%; content:""; height:11px; left:0; position:absolute; top:4px; width:11px; } .circlelist li a{ color:#666; font-size:14px; } blockquote{ border-left:5px solid #eee; font-size:17.5px; margin:0 0 20px; padding:10px 20px; } blockquote p{ line-height:1.6em; } blockquote .small,blockquote small{ color:#777; display:block; font-size:80%; line-height:1.42857; } blockquote .small:before,blockquote footer:before,blockquote small:before{ content:"— "; } .breadcrumb{ color:#aaa; display:inline-block; list-style:none; margin:2px 0 0; padding:0 0; width:100%; } .breadcrumb li{ color:#999; float:left; font-size:13px; margin:0 0 0 12px; padding:0 0 0 15px; position:relative; } .breadcrumb li a:after{ content:"/"; position:absolute; right:-15px; top:0; } .breadcrumb.arrow li a:after{ content:"\f3d1"; font-family:Ionicons; position:absolute; right:-15px; top:1px; } .breadcrumb li:first-child:before{ display:none; } .breadcrumb li:first-child{ margin:0; padding:0; } .breadcrumb li a{ color:#000; display:block; } .dialog_box_wrap{ bottom:0; left:0; opacity:0; position:fixed; right:0; top:0; z-index:-1; } .dialog_box_wrap.active{ opacity:1; z-index:99999; } .dialog_overlay{ background-color:#000; background-color:#000000b3; bottom:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; left:0; position:fixed; right:0; top:0; } .dialog_box{ left:50%; position:absolute; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .dialog_box_content{ background-color:#fff; border-radius:5px; max-width:500px; min-width:500px; padding:20px; position:relative; text-align:center; } .dialog_box_content .close{ height:20px; line-height:18px; position:absolute; right:5px; text-align:center; top:5px; width:20px; } .dialog_box_content .close:before{ color:#000c; content:"\f2d7"; font-family:Ionicons; font-size:16px; } .dialog_box_content .close:hover{ background:#333; } .dialog_box_content .close:hover:before{ color:#fff; } .dialog_box_wrap.active .dialog_box_content[data-animation=pop]{ -webkit-animation:showSweetAlert .3s; animation:showSweetAlert .3s; } .dialog_box_wrap.active .dialog_box_content[data-animation=none]{ -webkit-animation:none; animation:none; } @-webkit-keyframes showSweetAlert{ 0%{ transform:scale(.7); -webkit-transform:scale(.7); } 45%{ transform:scale(1.05); -webkit-transform:scale(1.05); } 80%{ transform:scale(.95); -webkit-transform:scale(.95); } to{ transform:scale(1); -webkit-transform:scale(1); } } @keyframes showSweetAlert{ 0%{ transform:scale(.7); -webkit-transform:scale(.7); } 45%{ transform:scale(1.05); -webkit-transform:scale(1.05); } 80%{ transform:scale(.95); -webkit-transform:scale(.95); } to{ transform:scale(1); -webkit-transform:scale(1); } } .dialogicon{ display:table; margin:0 auto; } .dialogicon .icon.green{ border:2px solid #00bf6f; color:#00bf6f; } .dialogicon .icon.red{ border:2px solid #f25454; color:#f25454; } .dialogicon .icon.orange{ border:2px solid #eb8f34; color:#eb8f34; } .dialogicon .icon{ border-radius:50%; display:block; height:40px; margin:0 auto 10px; position:relative; text-align:center; width:40px; } .dialogicon .icon.orange:before{ background:#eb8f34 none repeat scroll 0 0; } .dialogicon .icon.green:before{ background:#00bf6f none repeat scroll 0 0; } .dialogicon .icon.red:before{ background:#f25454 none repeat scroll 0 0; } .dialogicon .icon.orange:after{ background:#eb8f34 none repeat scroll 0 0; } .dialogicon .icon.green:after{ background:#00bf6f none repeat scroll 0 0; } .dialogicon .icon.red:after{ background:#f25454 none repeat scroll 0 0; } .dialogicon .icon:before{ border-radius:5px; height:18px; top:3px; } .dialogicon .icon:after,.dialogicon .icon:before{ content:""; left:50%; margin:0 0 0 -2px; position:absolute; width:3px; } .dialogicon .icon:after{ background:#eb8f34 none repeat scroll 0 0; border-radius:3px; height:3px; top:23px; } .dialogicon .icon{ font-size:120px; line-height:1; } input::-moz-focus-inner{ border:0; padding:0; } input,select,textarea{ font-family:inherit; outline:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } input[type=button],input[type=submit]{ -webkit-appearance:none; } input[type=password],input[type=text],select,textarea{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{ background:#0000 !important; } select::-ms-expand{ display:none; } input[type=email],input[type=file],input[type=number],input[type=password],input[type=phone],input[type=search],input[type=text],select,textarea{ background-color:#fff; border:1px solid #eaeaea; border-radius:0; border-radius:5px; color:#666; font-family:inherit; font-size:1em; height:40px; line-height:110%; padding:0 10px; width:100%; } input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=phone]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{ box-shadow:0 3px 0 1px #0000001a; } textarea{ height:120px; padding:15px; } select{ background-color:#fff; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=); background-position:calc(100% - 15px); background-repeat:no-repeat; font-size:1em; padding-right:30px; padding-right:10px; } .siteForm input[type=file]{ height:auto; padding:11px; } .field_control{ margin:20px 0; position:relative; } .field_label{ font-weight:400; pointer-events:none; position:relative; -ms-transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; transition:all .2s ease 0s; } .field_control.active .field_label{ font-size:11px; top:-20px; } .field_cover{ position:relative; } .field_cover:after{ bottom:0; content:""; height:2px; left:0; position:absolute; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; width:0; z-index:3; } .field_control.active .field_cover:after{ background:#2196f3; width:100%; } .selectfield{ position:relative; } .selectfield select::-ms-expand{ display:none; } .selectfield:before{ background:#fff; height:34px; top:0; width:35px; } .selectfield:after,.selectfield:before{ content:""; pointer-events:none; position:absolute; right:0; } .selectfield:after{ border-bottom:9px solid #bcbcbc; border-left:9px solid #0000; height:0; top:18px; width:0; } .field_control.horizontal{ display:table; margin:15px 0; table-layout:fixed; width:100%; } .field_control.horizontal .field_label{ display:table-cell; line-height:35px; padding-right:25px; position:relative; text-align:right; top:0; vertical-align:top; width:25%; } .field_control.horizontal .field_cover{ display:table-cell; position:relative; vertical-align:top; width:75%; } .field_control.horizontal.active .field_label{ font-size:13px; } .field_control.horizontal .field_cover.offset{ display:block; margin-left:25%; } .field_control.disabled{ cursor:not-allowed; opacity:.6; } .field_control[disabled],fieldset[disabled] .field_control.disabled{ cursor:not-allowed; } .selectfield select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } .web_form{ color:#333; font-size:13px; } .web_form .list-inline{ margin:0; } .web_form small{ color:#b3b3b3; display:block; font-size:12px; font-style:italic; font-weight:300; margin:10px 0 0; } .web_form input[type=button],.web_form input[type=submit]{ background:#2dc8ef; background:-moz-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:-webkit-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:linear-gradient( to bottom, #2dc8ef 0, #54d1f1 100% ); border:0 none; border:none; border-radius:3px; box-shadow:0 4px 4px #54d1f180; color:#fff; cursor:pointer; display:inline-block; font-size:14px; height:40px; line-height:36px; line-height:normal; margin:0 10px 0 0; padding:0 25px; position:relative; text-transform:uppercase; vertical-align:middle; } .web_form input[type=submit]:hover{ box-shadow:0 0 8px #54d1f166,0 8px 16px #54d1f1a8; } .web_form input[type=button]:hover{ box-shadow:0 8px 14px #0003; } .web_form input[type=button]{ background:#636363; background:-moz-linear-gradient( top, #636363 0, #7d7e7d 100% ); background:-webkit-linear-gradient( top, #636363 0, #7d7e7d 100% ); background:linear-gradient( to bottom, #636363 0, #7d7e7d 100% ); box-shadow:0 4px 4px #00000026; } .web_form input[type=button],.web_form input[type=reset]{ border:0 none; border:none; border-radius:3px; color:#fff; cursor:pointer; display:inline-block; line-height:normal; overflow:hidden; padding:10px 24px; position:relative; text-transform:uppercase; vertical-align:middle; } .web_form input[type=reset]{ background:#999; font-size:14px; } .web_form input[type=file]{ height:auto; min-height:40px; padding:6px; } .filefield{ background-color:#fff; border-bottom:1px solid #e0e0e0; color:#666; font-size:13px; height:35px; line-height:1.42857143; padding:0; position:relative; width:100%; } .filefield input[type=file]{ left:0; opacity:0; position:absolute; top:0; width:100%; z-index:1; } .filefield .filelabel{ border-bottom:2px solid #e0e0e0; padding:8px 15px; right:0; } .filefield .filelabel,.filefield .filename{ bottom:0; color:#666; font-size:12px; position:absolute; top:0; } .filefield .filename{ display:block; left:0; overflow:hidden; padding:8px 0; text-overflow:ellipsis; white-space:nowrap; } .field_control.active .filefield .filelabel,.tabs_nav{ border-bottom:none; } .tabs_nav{ list-style:none; margin:0; padding:0; position:relative; width:100%; } .tabs_nav:after{ clear:both; content:""; display:block; height:0; } .tabs_nav>li{ color:#333; float:left; margin:0 -1px 0 0; padding:0 0 0 0; } .tabs_nav>li>a{ background:#00000005; border:1px solid #0000000f; border-bottom:none; border-radius:5px 5px 0 0; color:inherit; display:block; padding:15px 20px; position:relative; } .tabs_nav>li>a:after{ background:#fff; bottom:-8px; content:""; display:none; height:8px; left:0; position:absolute; right:0; } .tabs_nav>li>a.active{ background:#fff; border-color:#0000; box-shadow:0 0 4px 2px #00000014; color:#54d1f1; z-index:1; } .tabs_nav>li>a.active:after{ display:block; } .tabs_nav>li>a .icon{ display:inline-block; font-size:16px; margin:0 6px 0 0; } .tabs_nav_container{ margin:30px 0 0; width:100%; } .tabs_panel_wrap{ background:#fff; border-radius:0 5px 5px 5px; box-shadow:0 0 4px 2px #0000000f; padding:20px; width:100%; } .togglehead{ display:none; } .grid__left .box__body .tabs_nav_container{ margin:0; } .grid__left .box__body .tabs_panel_wrap{ box-shadow:none; padding:0; } .tabs_nav_container.vertical{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; display:table; overflow:hidden; table-layout:fixed; } .tabs_nav_container.vertical>.tabs_nav{ background:#00000008; border-right:1px solid #eee; display:table-cell; padding:0; vertical-align:top; width:25%; } .tabs_nav_container.vertical>.tabs_panel_wrap{ box-shadow:none; display:table-cell; vertical-align:top; width:75%; } .tabs_nav_container.vertical>.tabs_nav li{ border-bottom:1px solid #0000000d; display:block; float:none; padding:0; } .tabs_nav_container.vertical>.tabs_nav li a{ background:none; border:none; border-radius:0; text-align:left; } .tabs_nav_container.vertical>.tabs_nav li a.active{ background:#fff; box-shadow:none; margin:0; } .tabs_nav_container.vertical>.tabs_nav li a.active:before{ display:none; } .tabs_nav_container.vertical>.tabs_nav li a.active:after{ background:#fff; border:none; bottom:0; content:""; display:block; height:auto; left:auto; position:absolute; right:-1px; top:0; width:2px; } .tabs_nav_container.flat{ background:#fff; border-radius:3px; box-shadow:0 0 3px #0003; margin:20px 0 0; } .tabs_nav_container.flat>.tabs_nav{ background:#00000008; display:block; padding:15px 15px 0; } .tabs_nav_container.flat>.tabs_nav>li>a.active{ background:#fff; color:#54d1f1; } .tabs_nav_container.flat .tabs_panel_wrap{ background:#fff; padding:20px; width:100%; } .tabs_nav_container.flat .tabs_panel_wrap:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .tabs_panel_wrap .tabs_panel_wrap{ padding:30px; } .tabs_nav.tabs_nav--internal{ border-bottom:1px solid #ddd; } .tabs_nav.tabs_nav--internal>li>a{ background:none; border:none; box-shadow:none; } .tabs_nav.tabs_nav--internal>li>a:after{ background:#54d1f1; bottom:-1px; height:3px; } #facebox .tabs_panel_wrap{ box-shadow:none; } .accordian_panel{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; margin:0 0 20px 0; overflow:hidden; position:relative; width:100%; } .accordian_title{ border-bottom:1px solid #0000; cursor:pointer; display:block; font-size:14px; font-weight:500; padding:15px 45px 15px 20px; position:relative; } .accordian_body{ color:#999; font-size:14px; padding:20px; width:100%; } .accordian_title:before{ border-radius:5px; content:"\f218"; font-family:Ionicons; font-size:16px; height:30px; line-height:30px; position:absolute; right:15px; text-align:center; top:10px; width:30px; } .accordian_title.active{ background:#00000008; border-color:#0000000a; padding-bottom:15px; } .accordian_title.active:before{ background:#fff; content:"\f209"; } .accordians_container.flat .accordian_panel{ border-radius:0; margin:0; } .accordians_container.flat .accordian_panel:first-child{ border-radius:5px 5px 0 0; } .accordians_container.flat .accordian_panel:last-child{ border-radius:0 0 5px 5px; } .accordians_container.flat .accordian_title{ background:#2bc0e5; background:-moz-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:-webkit-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:linear-gradient( 135deg, #2bc0e5 0, #54d1f1 70% ); color:#fff; padding:15px 20px 15px 45px; } .accordians_container.flat .accordian_title:after,.accordians_container.flat .accordian_title:before{ color:#fff; } .accordians_container.flat .accordian_title:before{ background:none; left:10px; } .accordians_container.arrowstyle .accordian_title:before{ content:"\f35e"; font-size:20px; left:0; top:5px; } .accordians_container.arrowstyle .accordian_title.active:before{ content:"\f364"; font-size:20px; left:0; top:5px; } .accordians_container.arrowright .accordian_title{ padding-left:0; padding-right:25px; } .accordians_container.arrowright .accordian_title:before{ content:"\f35e"; font-size:20px; left:auto; right:0; top:5px; } .accordians_container.arrowright .accordian_title.active:before{ content:"\f364"; font-size:20px; left:auto; right:0; top:5px; } .accordians_container.plusright .accordian_title{ padding-left:0; padding-right:25px; } .accordians_container.plusright .accordian_title:before{ content:"\f218"; font-size:16px; left:auto; right:0; top:9px; } .accordians_container.plusright .accordian_title.active:before{ content:"\f209"; font-size:16px; left:auto; right:0; top:9px; } .accordians_container.boxed{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; padding:20px; } .accordians_container.boxed .accordian_panel{ background:#fff; border-radius:0; box-shadow:none; margin:0 0 2px 0; } .accordians_container.boxed .accordian_title{ background:#edf0f5; } .accordians_container.boxed .accordian_title.active:before{ color:#333; } .demo .popover,.popcontent{ position:relative; } .demo .popover{ display:inline-block; margin:0 10px 30px; opacity:1; z-index:0; } .demo .popover.left{ float:none !important; margin-left:12px; } .popover{ background-color:#fff; border:1px solid #fff; border-radius:3px; -webkit-box-shadow:0 2px 30px #0003; box-shadow:0 2px 30px #0003; display:none; font-size:13px; left:0; line-height:1.42857143; max-width:260px; padding:1px; position:absolute; text-align:left; top:0; white-space:normal; z-index:1060; } .popover.top{ margin-top:-10px; } .popover.right{ float:none !important; margin-left:10px; } .popover.bottom{ margin-top:10px; } .popover.left{ float:none !important; margin-left:-10px; } .pop_title{ background-color:#fff; border-bottom:1px solid #f2f2f2; border-radius:1px 1px 0 0; display:block; font-size:13px; margin:0; padding:8px 14px; text-transform:uppercase; } .popover_content{ padding:9px 14px; } .popover.top:before{ border-left:12px solid #0000; border-right:12px solid #0000; border-top:12px solid #fff; bottom:-12px; content:""; left:50%; margin:0 0 0 -12px; position:absolute; } .popover.right:before{ border-bottom:12px solid #0000; border-left:12px solid #fff; border-top:12px solid #0000; content:""; margin:-12px 0 0; position:absolute; right:-12px; top:50%; } .popover.bottom:before{ border-bottom:12px solid #fff; border-left:12px solid #0000; border-right:12px solid #0000; content:""; left:50%; margin:0 0 0 -12px; position:absolute; top:-12px; } .popover.left:before{ border-bottom:12px solid #0000; border-right:12px solid #fff; border-top:12px solid #0000; content:""; left:-12px; margin:-12px 0 0; position:absolute; top:50%; } .tooltip{ color:#333; display:inline-block; font-size:14px; position:relative; vertical-align:middle; } .tooltip .icon{ color:#333; font-size:24px; } .tooltip .hovertxt:before{ border-left:5px solid #0000; border-right:5px solid #0000; border-top:5px solid #000; bottom:-5px; content:""; left:50%; margin-left:-7px; position:absolute; } .tooltip .hovertxt{ background:#000; border-radius:3px; bottom:20px; color:#fff; font-size:12px; left:50%; line-height:16px; min-width:160px; opacity:0; padding:6px 6px 10px; pointer-events:none; position:absolute; text-align:center; -ms-transform:translate(-50%); -webkit-transform:translate(-50%); transform:translate(-50%); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:1; } .tooltip:hover .hovertxt{ bottom:40px; opacity:1; } .tooltip.success .hovertxt{ background:#00b6ad; } .tooltip.success .hovertxt:before{ border-top:5px solid #00b6ad; } .tooltip.info .hovertxt{ background:#02b4d1; } .tooltip.info .hovertxt:before{ border-top:5px solid #02b4d1; } .tooltip.warning .hovertxt{ background:#f3c532; } .tooltip.warning .hovertxt:before{ border-top:5px solid #f3c532; } .tooltip.danger .hovertxt{ background:#f35f5f; } .tooltip.danger .hovertxt:before{ border-top:5px solid #f35f5f; } .table_form_vertical{ border-spacing:20px; color:#959595; font-size:13px; table-layout:fixed; width:100%; } .table_form_vertical td{ position:relative; } .table_form_horizontal{ border-spacing:20px; color:#959595; font-size:13px; table-layout:fixed; width:100%; } .table_form_horizontal td:first-child{ padding:10px 0 0; text-align:right; vertical-align:top; width:25%; } .table_form_horizontal td{ position:relative; } .mandatory{ color:red; } .iconcalender{ bottom:8px; opacity:.6; position:absolute; right:0; width:14px; } .demo .div_error,.demo .div_msg{ max-width:100%; padding-right:10px; width:100%; } .containerwhite{ background:#fff; border-radius:3px; box-shadow:0 0 3px #0003; display:table; margin:15px 0 0; overflow:hidden; table-layout:fixed; width:100%; } .containerwhite>.grid_1{ background:#fafafa; border-right:1px solid #ddd; padding:15px; width:25%; } .containerwhite>.grid_1,.containerwhite>.grid_2{ display:table-cell; float:none; vertical-align:top; } .containerwhite>.grid_2{ width:75%; } .avtararea,.avtararea .pic{ position:relative; width:100%; } .avtararea .pic img{ border:1px solid #ddd; border-bottom:none; display:block; width:100%; } .avtararea .picinfo{ background:#ffc107; color:#fff; display:block; font-size:16px; padding:10px; text-align:center; width:100%; } .avtararea .picinfo .name{ font-weight:700; } .avtararea .picinfo .mailinfo,.avtararea .picinfo .name{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .avtararea .picinfo .mailinfo{ font-size:13px; } .avtararea .pic .uploadavtar{ background:#000000b3; color:#fff; cursor:pointer; display:none; font-size:12px; left:0; padding:8px 10px 10px; position:absolute; right:0; text-align:center; top:0; vertical-align:top; } .avtararea .pic:hover .uploadavtar{ display:block; } .avtararea .pic .uploadavtar input[type=file]{ bottom:0; cursor:pointer; left:0; opacity:0; position:absolute; right:0; top:0; z-index:1; } .avtararea .pic .uploadavtar .icon{ font-size:18px; line-height:1; margin-right:10px; position:relative; top:2px; } .contactlist{ list-style:none; margin:0; } .contactlist .icon{ color:#666; font-size:20px; left:0; position:absolute; top:6px; } .contactlist li{ color:#666; font-size:13px; padding:8px 0 8px 30px; position:relative; } .contactarea{ padding:20px 0 0; } .centered_nav{ border-bottom:2px solid #ddd; display:table; list-style:none; margin:0; table-layout:fixed; width:100%; } .centered_nav>li{ display:table-cell; position:relative; vertical-align:top; } .centered_nav>li>a{ color:#999; display:block; font-size:14px; padding:15px; position:relative; text-align:center; text-transform:uppercase; } .centered_nav>li>a:before{ bottom:-2px; content:""; height:2px; left:0; position:absolute; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; width:100%; } .centered_nav>li>a.active:before,.centered_nav>li>a:hover:before{ background:#2196f3; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .centered_nav>li>a.active:after{ border-bottom:8px solid #2196f3; border-left:8px solid #0000; border-right:8px solid #0000; bottom:-2px; content:""; left:50%; margin:0 0 0 -8px; position:absolute; } .centered_nav>li>a.active{ color:#2196f3; } .areabody{ padding:20px; } .repeatedrow{ padding:10px 0; width:100%; } .repeatedrow .rowbody{ padding:0 0 0 34px; } .repeatedrow h3 .icon{ font-size:24px; margin:0 10px 0 0; } .listview dl{ color:#666; font-size:13px; margin-bottom:18px; margin-top:0; } .listview .list dt{ clear:left; float:left; font-weight:600; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:160px; } .listview .list dd{ margin-left:180px; } .medialist{ list-style:none; margin:0; width:100%; } .medialist>li{ border-bottom:1px solid #ededed; cursor:pointer; display:table; padding:6px 12px; position:relative; table-layout:fixed; width:100%; } .medialist>li a{ display:block; overflow:hidden; position:relative; } .medialist>li:hover{ background:#fafafa; } .medialist>li.selected{ background:#fffcbe; } .medialist>li.selected .avtar{ display:none; } .medialist>li.selected .checkbox{ display:block; } .medialist>li .grid{ display:table-cell; vertical-align:middle; } .medialist>li .grid.first{ height:45px; padding-right:0; width:50px; } .medialist>li .grid.second{ width:80%; } .medialist>li .name{ color:#333; display:block; font-size:13px; font-weight:600; padding:0 0 0 0; width:80%; } .medialist>li .desc{ color:#999; font-size:12px; font-weight:400; } .medialist>li .date{ color:#b3b3b3; float:right; font-size:12px; font-weight:400; } .medialist>li .date .icon{ font-size:16px; line-height:1; position:relative; top:1px; } .medialist>li.read .name{ color:#666; font-weight:400; } .medialist>li .avtar{ margin-top:5px; } .medialist>li .checkbox{ display:none; left:10px; position:relative; } .medialist>li:hover .checkbox{ display:block; } .medialist>li:hover .avtar{ display:none; } .containerwhite>.grid_2 .sortbar{ background:#fafafa; } .containerwhite>.grid_2 .searchbar input[type=text]{ background:#fff; } .sortbar .txtnormal{ color:#666; font-size:18px; font-weight:600; line-height:34px; padding:0 0 0 10px; } .topwrap{ background:#607d8b; display:table; height:55px; left:0; opacity:0; position:fixed; right:0; table-layout:fixed; text-align:center; top:0; width:100%; z-index:0; } .topwrap .txtwhite{ color:#fff; display:inline-block; font-size:16px; line-height:55px; min-height:55px; vertical-align:middle; } .topwrap .selectedt_txt{ color:#fff; display:block; font-size:16px; vertical-align:top; } body.selected .topwrap{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInDowns; animation-name:fadeInDowns; opacity:1; z-index:130; } @-webkit-keyframes fadeInDowns{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } @keyframes fadeInDowns{ 0%{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } to{ opacity:1; -webkit-transform:none; transform:none; } } .topwrap .one_third_grid{ display:table-cell; vertical-align:middle; } .topwrap .one_third_grid:first-child{ text-align:left; } .topwrap .one_third_grid:last-child{ padding:0; text-align:right; } .topwrap .actions>li>a{ background:none; } .topwrap .actions>li>a .icon{ color:#fff; } .backarrow{ float:left; line-height:55px; min-height:55px; padding:0 20px; position:relative; text-align:center; width:65px; } .backarrow:before{ color:#fff; content:"\f2ca"; font-family:Ionicons; font-size:32px; left:20px; position:absolute; top:-1px; } .toptitle{ border-bottom:1px solid #ddd; margin:0; padding:15px; width:100%; } .toptitle h4{ color:#333; font-size:18px; font-weight:500; font-weight:300; padding:0; width:85%; } .toptitle .actions{ position:absolute; right:10px; top:10px; } .bodyarea .medialist>li .avtar{ display:inline-block; } .lightxt,.lightxt span{ color:#999; font-weight:300; } .medialist>li.bodycollapsed .lightxt,.medialist>li.lastbox .lightxt{ display:inline-block; } .medialist>li .lightxt{ display:none; } .bodyarea .medialist>li:last-child{ border-bottom:none; } .bodyarea .medialist>li.bodycollapsed .grid.second,.bodyarea .medialist>li.lastbox .grid.second{ width:100%; } .bodyarea .medialist>li.bodycollapsed .grid.third,.bodyarea .medialist>li.lastbox .grid.third{ position:absolute; right:12px; top:10px; } .bodyarea .medialist>li.bodycollapsed .descbody,.bodyarea .medialist>li.lastbox .descbody{ font-size:13px; padding:20px 0; } .bodyarea .medialist>li .grid.first,.bodyarea .medialist>li .grid.third{ vertical-align:top; } .bodyarea .medialist>li.bodycollapsed:hover,.bodyarea .medialist>li.lastbox:hover{ background:#fff; cursor:default; } .bodyarea .medialist>li.bodycollapsed .desc,.bodyarea .medialist>li.lastbox .desc{ overflow:visible; padding:12px 0 0; text-overflow:inherit; white-space:normal; } .areareply{ background:#fff; border-top:1px solid #ededed; min-height:110px; padding:12px; } .areareply .grid_2{ display:block; float:none; margin:0 0 0 50px; } .areareply .txtlink{ font-size:14px; margin:6px 0 15px; } .areareply .txtlink a{ color:#666; text-decoration:underline; } .areareply .txtlink a:hover{ color:#000; } .boxcontainer{ background:#fff; border:1px solid #ededed; border-radius:3px; color:#999; font-size:13px; width:100%; } .boxcontainer .top{ border-bottom:1px solid #ededed; overflow:hidden; padding:10px 15px; position:relative; width:100%; } .nametag{ background:#eee; border:1px solid #ddd; cursor:move; display:inline-block; font-size:11px; margin:5px; padding:1px 20px 1px 4px; position:relative; } .nametag .closetag{ position:absolute; right:5px; top:2px; } .nametag .closetag .icon{ color:#999; font-size:10px; } .nametag .closetag:hover .icon{ color:#333; font-size:10px; } .boxcontainer .bottom,.boxcontainer .middle{ padding:15px; position:relative; width:100%; } .boxcontainer .bottom{ background:#f9f9f9; border-top:1px solid #ededed; } .txtarea{ border:none; color:#999; font-family:Open Sans,sans-serif; font-size:13px; height:22px; margin:5px 0; padding:0; position:absolute; resize:none; width:100%; } .styleright{ position:absolute; right:10px; top:15px; z-index:1; } .styleright .to{ margin:0 3px; } .styleright a{ color:#999; } .styleright a:hover{ color:#999; text-decoration:underline; } .listrow{ display:table; padding:0 100px 0 0; table-layout:fixed; width:100%; } .listrow .gridleft{ width:40px; } .listrow .gridleft,.listrow .gridright{ display:table-cell; } .boxcontainer .bottom .actions{ position:absolute; right:15px; top:15px; } .boxcontainer .bottom .actions a{ background:none; } .bodytxtarea{ background:#fff; border:none; color:#999; font-family:Open Sans,sans-serif; font-size:13px; height:120px; resize:none; } .descbody{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .bodycollapsed .descbody,.lastbox .descbody{ display:block; overflow:visible; text-overflow:inherit; white-space:normal; } .repeatedrow .rowbody.formprofile .field_control.horizontal .field_label{ text-align:left; } .areabody .formhorizontal{ width:90%; } .areabody .formhorizontal .field_control.horizontal .field_label{ text-align:left; } .floatedchecks{ display:inline-block; list-style:none; margin:0; width:100%; } .floatedchecks li{ color:#999; float:left; font-size:12px; margin:0 30px 10px 0; } .floatedchecks li label{ font-size:12px; } .table_form_horizontal small{ color:#999; font-size:12px; font-style:italic; } .threeCol td{ vertical-align:bottom; width:33%; } .threeCol td input,.threeCol td select{ margin-top:5px !important; } .threeCol td:first-child{ text-align:left; width:33%; } .logoWrap{ margin:10px 0 5px 0; position:relative; } .logothumb{ background:#f3f6f8; border:1px solid #0000000d; border-radius:5px; display:block; height:auto; margin:0 0 10px 0; padding:0 0 50%; position:relative; text-align:center; vertical-align:middle; width:100%; } .logothumb img{ left:50%; max-height:100%; max-width:100%; position:absolute; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } .logothumb .deleteLink{ background:#000c; border-radius:50%; color:#fff; font-size:.8em; height:20px; line-height:20px; position:absolute; right:10px; text-align:center; top:10px; width:20px; } .logothumb .deleteLink .icon{ color:#fff; font-size:20px; } .logothumb.blackclr{ background:#252525; border:1px solid #0000; } .logothumb.blackclr .deleteLink .icon{ color:#fff; } .wrapcenter{ margin:0 auto; max-width:800px; position:relative; } .wrapcenter .table_form_horizontal td:first-child{ width:35%; } .switch_layout .wrapcenter{ max-width:100%; } .switch_layout .wrapcenter .table_form_horizontal td:first-child{ width:25%; } .checklistTable{ border-spacing:0; width:100%; } .checklistTable td{ background:#f6f6f6; border:1px solid #eee; border-radius:3px; display:inline-block; font-size:12px; margin:0 2px 0 0; padding:7px 10px 5px 8px !important; } .checklistTable td input[type=checkbox],.checklistTable td input[type=radio]{ margin:0; } .checklistTable td:first-child{ text-align:left; width:auto !important; } .welcome_msg{ background:#000000e6; bottom:30px; box-shadow:0 0 15px 5px #0003; color:#fff; display:none; font-size:14px; left:50%; margin:0 0 0 -150px; min-height:60px; padding:20px 30px 20px 30px; position:fixed; text-transform:capitalize; width:300px; z-index:1001; } .companieslist th,.welcome_msg{ text-align:center; } .companieslist th:first-child,.companieslist th:nth-child(3){ text-align:left; } .companieslist th:first-child{ width:25%; } .color_pallete{ background:#fff; bottom:0; box-shadow:0 0 30px 3px #0003; left:20px; padding:15px 15px 0 15px; position:fixed; transform:translateY(100%); -webkit-transform:translateY(100%); -ms-transform:translateY(100%); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; width:200px; z-index:110; } body.switchtoggled .color_pallete{ opacity:1; transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); } .color_pallete .pallete_control{ background:#fff; border-radius:3px 3px 0 0; bottom:100%; box-shadow:0 0 30px 5px #0000004d; display:inline-block; height:40px; left:0; line-height:1; padding:8px; position:absolute; text-align:center; width:50px; } .color_pallete .pallete_control .icon{ color:#666; font-size:24px; line-height:1; position:relative; top:0; } body.switchtoggled .color_pallete .pallete_control{ box-shadow:none; } .controlwrap{ display:inline-block; padding:0 0 15px 0; width:100%; } .controlwrap h5{ color:#333; font-size:14px; font-weight:700; padding-bottom:5px; text-transform:uppercase; } .controlwrap .btngroup .themebtn{ border-color:#2196f3; color:#2196f3; float:left; padding:0 5px; text-align:center; width:46%; } .controlwrap .btngroup .themebtn.active{ background:#2196f3; color:#fff; } .colorpallets{ list-style:none; margin:0 0 0 -10px; } .colorpallets:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .colorpallets li{ float:left; padding:0 0 10px 10px; } .colorpallets li a{ background:#ddd; display:block; height:22px; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s; width:22px; } .colorpallets li.active a,.colorpallets li:hover a{ transform:scale(1.2); } .colorpallets li.red a{ background:#ff9a9e; } .colorpallets li.green a{ background:#77eda3; } .colorpallets li.yellow a{ background:#f0d18a; } .colorpallets li.orange a{ background:#ff719a; } .colorpallets li.darkgrey a{ background:#29323c; } .colorpallets li.darkblue a{ background:#4867aa; } .colorpallets li.blue a{ background:#2196f3; } .colorpallets li.brown a{ background:#c79081; } .selection{ margin:0; } .selection,.selection li{ list-style:none; padding:0; } .selection li{ float:left; margin:0 5px 0 0; } .selection li a{ border:1px solid #ddd; color:#333; display:block; font-size:14px !important; font-weight:700; height:30px; line-height:16px; padding:5px; text-align:center; width:35px; } .circularLoader{ background:#fff; border-radius:50%; box-shadow:0 0 10px #0006; height:80px; margin:20px auto; position:relative; width:80px; } .circular{ -webkit-animation:rotate 2s linear infinite; animation:rotate 2s linear infinite; height:50px; left:50%; margin:-25px 0 0 -25px; position:absolute; top:50%; width:50px; } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotate(0deg); } to{ -webkit-transform:rotate(1turn); } } @keyframes rotate{ 0%{ transform:rotate(0deg); } to{ transform:rotate(1turn); } } .path{ stroke-dasharray:1, 200; stroke-dashoffset:0; -webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite; animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite; stroke-linecap:round; stroke:#db652d; } @-webkit-keyframes dash{ 0%{ stroke-dasharray:1, 200; stroke-dashoffset:0; } 50%{ stroke-dasharray:89, 200; stroke-dashoffset:-35; } to{ stroke-dasharray:89, 200; stroke-dashoffset:-124; } } @keyframes dash{ 0%{ stroke-dasharray:1, 200; stroke-dashoffset:0; } 50%{ stroke-dasharray:89, 200; stroke-dashoffset:-35; } to{ stroke-dasharray:89, 200; stroke-dashoffset:-124; } } @-webkit-keyframes color{ 0%{ stroke:#db652d; } 20%{ stroke:#db652d; } 25%{ stroke:#db652d; } 45%{ stroke:#db652d; } 50%{ stroke:#db652d; } 70%{ stroke:#db652d; } 75%{ stroke:#db652d; } 95%{ stroke:#db652d; } } @keyframes color{ 0%{ stroke:#3f88f8; } 20%{ stroke:#3f88f8; } 25%{ stroke:#dd413b; } 45%{ stroke:#dd413b; } 50%{ stroke:#f6ae2e; } 70%{ stroke:#f6ae2e; } 75%{ stroke:#259a5d; } 95%{ stroke:#259a5d; } } #preloader_1{ position:relative; top:20px; } #preloader_1 span{ -webkit-animation:preloader_1 1.5s ease-in-out infinite; -moz-animation:preloader_1 1.5s ease-in-out infinite; -ms-animation:preloader_1 1.5s ease-in-out infinite; -o-animation:preloader_1 1.5s ease-in-out infinite; animation:preloader_1 1.5s ease-in-out infinite; background:#9b59b6; bottom:0; display:block; height:20px; position:absolute; width:5px; } #preloader_1 span:nth-child(2){ -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s; left:11px; } #preloader_1 span:nth-child(3){ -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s; left:22px; } #preloader_1 span:nth-child(4){ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s; left:33px; } #preloader_1 span:nth-child(5){ -webkit-animation-delay:.8s; -moz-animation-delay:.8s; -ms-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s; left:44px; } @-webkit-keyframes preloader_1{ 0%{ background:#9b59b6; height:10px; -webkit-transform:translateY(0); } 25%{ background:#3498db; height:50px; -webkit-transform:translateY(15px); } 50%{ background:#9b59b6; height:10px; -webkit-transform:translateY(0); } to{ background:#9b59b6; height:10px; -webkit-transform:translateY(0); } } @-moz-keyframes preloader_1{ 0%{ background:#9b59b6; height:10px; -moz-transform:translateY(0); } 25%{ background:#3498db; height:50px; -moz-transform:translateY(15px); } 50%{ background:#9b59b6; height:10px; -moz-transform:translateY(0); } to{ background:#9b59b6; height:10px; -moz-transform:translateY(0); } } @-ms-keyframes preloader_1{ 0%{ background:#9b59b6; height:10px; -ms-transform:translateY(0); } 25%{ background:#3498db; height:50px; -ms-transform:translateY(15px); } 50%{ background:#9b59b6; height:10px; -ms-transform:translateY(0); } to{ background:#9b59b6; height:10px; -ms-transform:translateY(0); } } @keyframes preloader_1{ 0%{ background:#9b59b6; height:10px; transform:translateY(0); } 25%{ background:#3498db; height:50px; transform:translateY(15px); } 50%{ background:#9b59b6; height:10px; transform:translateY(0); } to{ background:#9b59b6; height:10px; transform:translateY(0); } } #preloader_4{ position:relative; top:20px; } #preloader_4 span{ -webkit-animation:preloader_4 1s ease-in-out infinite; -moz-animation:preloader_4 1s ease-in-out infinite; -ms-animation:preloader_4 1s ease-in-out infinite; background:#3498db; border-radius:20px; height:20px; opacity:.5; position:absolute; width:20px; -animation:preloader_4 1s infinite ease-in-out; } #preloader_4 span:nth-child(2){ -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; animation-delay:.2s; left:20px; } #preloader_4 span:nth-child(3){ -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; animation-delay:.4s; left:40px; } #preloader_4 span:nth-child(4){ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; animation-delay:.6s; left:60px; } #preloader_4 span:nth-child(5){ -webkit-animation-delay:.8s; -moz-animation-delay:.8s; -ms-animation-delay:.8s; animation-delay:.8s; left:80px; } @-webkit-keyframes preloader_4{ 0%{ box-shadow:0 0 3px #0000001a; opacity:.3; -webkit-transform:translateY(0); } 50%{ background:#f1c40f; box-shadow:0 20px 3px #0000000d; opacity:1; -webkit-transform:translateY(-10px); } to{ box-shadow:0 0 3px #0000001a; opacity:.3; -webkit-transform:translateY(0); } } @-moz-keyframes preloader_4{ 0%{ box-shadow:0 0 3px #0000001a; opacity:.3; -moz-transform:translateY(0); } 50%{ background:#f1c40f; box-shadow:0 20px 3px #0000000d; opacity:1; -moz-transform:translateY(-10px); } to{ box-shadow:0 0 3px #0000001a; opacity:.3; -moz-transform:translateY(0); } } @-ms-keyframes preloader_4{ 0%{ box-shadow:0 0 3px #0000001a; opacity:.3; -ms-transform:translateY(0); } 50%{ background:#f1c40f; box-shadow:0 20px 3px #0000000d; opacity:1; -ms-transform:translateY(-10px); } to{ box-shadow:0 0 3px #0000001a; opacity:.3; -ms-transform:translateY(0); } } @keyframes preloader_4{ 0%{ box-shadow:0 0 3px #0000001a; opacity:.3; transform:translateY(0); } 50%{ background:#f1c40f; box-shadow:0 20px 3px #0000000d; opacity:1; transform:translateY(-10px); } to{ box-shadow:0 0 3px #0000001a; opacity:.3; transform:translateY(0); } } #preloader6{ -webkit-animation:preloader_6 5s linear infinite; -moz-animation:preloader_6 5s linear infinite; -ms-animation:preloader_6 5s linear infinite; animation:preloader_6 5s linear infinite; height:42px; position:relative; width:42px; } #preloader6 span{ -webkit-animation:preloader_6_span 1s linear infinite; -moz-animation:preloader_6_span 1s linear infinite; -ms-animation:preloader_6_span 1s linear infinite; animation:preloader_6_span 1s linear infinite; background:red; display:block; height:20px; position:absolute; width:20px; } #preloader6 span:first-child{ background:#2ecc71; } #preloader6 span:nth-child(2){ -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; animation-delay:.2s; background:#9b59b6; left:22px; } #preloader6 span:nth-child(3){ -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; animation-delay:.4s; background:#3498db; top:22px; } #preloader6 span:nth-child(4){ -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; animation-delay:.6s; background:#f1c40f; left:22px; top:22px; } @-webkit-keyframes preloader_6{ 0%{ -webkit-transform:rotate(0deg); } to{ -webkit-transform:rotate(1turn); } } @-webkit-keyframes preloader_6_span{ 0%{ -webkit-transform:scale(1); } 50%{ -webkit-transform:scale(.5); } to{ -webkit-transform:scale(1); } } @-moz-keyframes preloader_6{ 0%{ -moz-transform:rotate(0deg); } to{ -moz-transform:rotate(1turn); } } @-moz-keyframes preloader_6_span{ 0%{ -moz-transform:scale(1); } 50%{ -moz-transform:scale(.5); } to{ -moz-transform:scale(1); } } @-ms-keyframes preloader_6_span{ 0%{ -ms-transform:scale(1); } 50%{ -ms-transform:scale(.5); } to{ -ms-transform:scale(1); } } @-ms-keyframes preloader_6{ 0%{ -ms-transform:rotate(0deg); } to{ -ms-transform:rotate(1turn); } } @keyframes preloader_6_span{ 0%{ transform:scale(1); } 50%{ transform:scale(.5); } to{ transform:scale(1); } } .wraplayer{ background:#000000b3; bottom:0; left:0; position:absolute; right:0; top:0; z-index:100; } .wraplayer .layercontent{ left:50%; position:absolute; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .photosrow{ display:inline-block; width:100%; } .photosquare{ background:#fff; border:1px solid #eaeaea; border-radius:5px; display:inline-block; height:100px; margin:10px 5px 0 0; padding:3px; position:relative; vertical-align:middle; width:100px; } .photosquare img{ left:50%; max-height:100%; max-width:100%; padding:5px; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } .photosquare .crossLink{ position:absolute; right:5px; top:5px; z-index:1; } .crossLink{ background:#00000080; box-shadow:0 0 5px #0000001a; display:inline-block; height:14px; line-height:12px; position:relative; text-align:center; width:14px; } .crossLink:before{ color:#fff; content:"\f2d7"; font-family:Ionicons; font-size:12px; line-height:1; } .fieldadd{ display:inline-block; padding:0 0 10px 0; width:100%; } .fieldadd .grid_1{ float:left; width:60%; } .form_horizontal .fieldadd .grid_1 input[type=file]{ width:100% !important; } .fieldadd .grid_2{ float:right; padding:0 0 0 10px; width:40%; } .fieldadd .grid_2 .actions>li>a .icon{ font-size:1.2em; } .web_form .actions>li>a{ background:#fff; border:1px solid #eaeaea; border-radius:5px; display:block; height:40px; line-height:38px; width:40px; } .web_form .actions>li>a:before{ border-radius:5px; } .attachment{ position:relative; } .attachment input[type=file]{ bottom:0; cursor:pointer; opacity:0; position:absolute; right:0; top:0; z-index:1; } .attachment .icon{ font-size:18px; line-height:1; position:relative; } .mandatory,.spn_must_field{ color:red; } .borderedgrid{ border:1px solid #eee; border-radius:3px; padding:20px; width:100%; } .borderedgrid .greywrap{ border:1px solid #eee; border-top:5px solid #09c; min-height:600px; width:100%; } .buttongrp{ display:inline-block; text-align:center; width:100%; } .buttongrp .themebtn{ min-width:250px; } .tabs_panel_wrap .footinfo{ padding:15px 0 0; } .table_form_horizontal .checkbox.inline{ margin:10px 0 0; } .tableinner{ table-layout:fixed; width:100%; } .tableinner td{ padding:0 0 15px 15px; } .tableinner td:first-child{ padding:0; width:auto; } .bannerthumb{ background:#fff; border:1px solid #ddd; display:block; padding:3px; width:120px; } .table.table-move td{ cursor:move; } .actions>li>a .icon.list{ font-size:20px; } .boxes_container{ margin:0 0 0 -20px; } .boxes_container .boxround{ float:left; padding:0 0 20px 20px; position:relative; width:33.3%; } .boxwraplist{ background:#fff; border:1px solid #ddd; padding:5px; } .boxlabel,.boxwraplist{ border-radius:5px; width:100%; } .boxlabel{ background:#ededed; display:block; font-size:13px; padding:6px; } .boxlabel,.boxlabel label{ font-weight:600; } .scrollerwrap{ height:140px; margin:5px 0 0 10px; overflow:auto; padding:0; } .verticalcheck_list{ margin:0; } .verticalcheck_list li{ color:#999; font-size:12px; line-height:21px; list-style:none; padding:3px 0 3px 0; } .verticalcheck_list li ul{ margin:7px 0 0 15px; padding:0; width:auto; } .verticalcheck_list label{ display:block; } .graphPanel{ display:table; table-layout:fixed; width:100%; } .graphPanel .grid_1{ padding:15px; width:60%; } .graphPanel .grid_1,.graphPanel .grid_2{ display:table-cell; float:none; vertical-align:top; } .graphPanel .grid_2{ border-left:1px solid #ddd; width:40%; } .repeatedPanel .section{ padding:15px; } .paneltop{ margin:0 0 15px 0; width:100%; } .paneltop,.paneltop h4{ display:inline-block; position:relative; } .paneltop h4{ color:#333; font-size:18px; font-weight:300; padding:0; text-transform:uppercase; } .paneltop h4 strong{ font-weight:600; } .graphcontent td{ font-size:13px; padding:18px 10px; } .graphcontent tr:last-child td{ border-bottom:none; } .graphcontent tr.first td{ color:#fa8564; font-size:19px; font-weight:700; } .graphcontent th{ font-size:15px; padding:28px 10px; } .graphcontent td:first-child{ padding-left:20px; text-transform:uppercase; } .graphcontent td:last-child,.graphcontent th:last-child{ text-align:center; } .repeatedPanel{ width:100%; } .repeatedPanel:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } .paneltop .actions{ position:absolute; right:-10px; top:-5px; } .horizontal_grids li:first-child{ color:#2196f3; } .horizontal_grids li:nth-child(2){ color:#fa8564; } .horizontal_grids li:nth-child(3){ color:#f5ba19; } .horizontal_gridsthird{ margin:0 0 0; } .horizontal_gridsthird li{ color:#aec785; font-size:30px; padding:4px 15px 10px; text-align:left; } .horizontal_gridsthird li span{ font-size:13px; } .onehalf_cols .section{ min-height:450px; } .socialbox{ background:#fff; border-radius:3px; box-shadow:0 0 3px #0003; margin:20px 0 0; overflow:hidden; } .socialbox,.socialbox .boxtop{ position:relative; width:100%; } .socialbox .boxtop{ background:#ddd; height:80px; padding:10px 15px; text-align:center; } .socialbox .boxtop .icon{ color:#fff; font-size:44px; line-height:1; } .socialbox .socialname{ background:#fff; border:1px solid #ddd; border-radius:30px; bottom:-15px; color:#666; font-size:13px; height:28px; left:50%; line-height:24px; margin:0 0 0 -70px; padding:0 15px; position:absolute; text-align:center; text-transform:uppercase; width:140px; } .socialbox .boxbody{ height:64px; padding:24px 15px 15px; position:relative; width:100%; } .socialbox .boxbody .left{ font-size:25px; font-weight:600; line-height:1; } .socialbox .boxbody .right{ color:#666; font-size:13px; line-height:1; padding:6px 0 0; text-transform:uppercase; } .socialbox.fb .boxtop{ background:#3a5795; } .socialbox.fb .boxbody .left{ color:#3a5795; } .socialbox.pt .boxtop{ background:#cb2027; } .socialbox.pt .boxbody .left{ color:#cb2027; } .socialbox.tw .boxtop{ background:#55acee; } .socialbox.tw .boxbody .left{ color:#55acee; } .socialbox.g .boxtop{ background:#dc4b3e; } .socialbox.g .boxbody .left{ color:#dc4b3e; } .socialbox.li .boxtop{ background:#0077b5; } .socialbox.li .boxbody .left{ color:#0077b5; } .threegrids .section{ display:table; padding:0; table-layout:fixed; } .threegrids .panelbottom{ height:265px; overflow:auto; } .threegrids .v_grid{ border-left:1px solid #e5e5e5; display:table-cell; padding:20px 20px 10px; vertical-align:top; } .threegrids .v_grid:first-child{ border-left:none; } .repeatedPanel .bulletlist{ margin:0; } .repeatedPanel .bulletlist li{ color:#666; display:block; font-size:13px; overflow:hidden; padding:0 100px 10px 20px; position:relative; text-overflow:ellipsis; white-space:nowrap; } .repeatedPanel .bulletlist li:before{ height:7px; top:7px; width:7px; } .repeatedPanel .bulletlist li:last-child{ padding-bottom:0; } .bulletlist li .count{ font-size:13px; font-weight:600; position:absolute; right:0; top:0; } .bulletlist.countries li:before{ display:none; } .bulletlist.countries li{ padding:0 100px 10px 0; } .bulletlist.countries li img{ display:inline-block; vertical-align:middle; } .bulletlist.purple li:before{ background:#a48ad4; } .bulletlist.purple li .count{ color:#a48ad4; } .bulletlist.green li:before{ background:#0c9d94; } .bulletlist.green li .count{ color:#0c9d94; } .bulletlist.blue li:before{ background:#2196f3; } .bulletlist.blue li .count{ color:#2196f3; } .bulletlist.org li:before{ background:#fa8564; } .bulletlist.org li .count{ color:#fa8564; } .panelmidd .grid_1{ padding:20px 0 0 10px; width:60%; } .panelmidd .grid_2{ float:right; padding:30px 20px 0 0; width:38%; } .vertical_grids{ margin:0; width:100%; } .vertical_grids li{ border-top:1px dashed #ddd; display:block; font-size:17px; font-weight:600; padding:15px 0; } .vertical_grids li:first-child{ border-top:0; color:#2196f3; padding-left:0; } .vertical_grids li:nth-child(2){ color:#fa8564; } .vertical_grids li:nth-child(3){ color:#88ac4e; } .vertical_grids li span{ font-size:16px; font-weight:600; } .vertical_grids li small,.vertical_grids li span{ color:#666; display:block; text-transform:uppercase; } .vertical_grids li small{ font-size:14px; font-weight:300; } .onehalf_cols.new .section{ min-height:400px; } .grids--onefifth,.grids--onefourth,.grids--onehalf,.grids--onethird{ list-style:none; margin:20px 0 0 -30px; } .grids--onefifth li,.grids--onefourth li,.grids--onehalf li,.grids--onethird li{ display:inline-block; margin:0 -4px 0 0; padding:0 0 10px 30px; position:relative; vertical-align:top; } .grids--onefifth li.last,.grids--onefourth li.last,.grids--onehalf li.last,.grids--onethird li.last{ text-align:center; width:100%; } .grids--onefifth li{ width:20%; } .grids--onefourth li{ width:25%; } .grids--onethird li{ width:33.3%; } .grids--onehalf li{ width:50%; } .field-set{ display:table; margin:0 0 20px 0; table-layout:fixed; width:100%; } .field-set .caption-wraper{ min-height:20px; width:100%; } .field-set .field-wraper{ width:100%; } .form_horizontal .field-set .caption-wraper{ display:table-cell; line-height:35px; padding-right:25px; position:relative; text-align:right; vertical-align:top; width:30%; } .form_horizontal .field-set .field-wraper{ display:table-cell; position:relative; vertical-align:top; width:70%; } .form_horizontal .field-set input[type=file],.form_horizontal .field-set input[type=password],.form_horizontal .field-set input[type=text],.form_horizontal .field-set select,.form_horizontal .iti--allow-dropdown,.table_form_horizontal input[type=password],.table_form_horizontal input[type=text],.table_form_horizontal select{ width:60% !important; } .form_horizontal .iti--allow-dropdown input[type=text]{ width:100% !important; } .form__heading,.form_horizontal .form__heading,.form_horizontal h3{ background:#f3f6f8; border-radius:5px; color:#333; font-size:1.1em; margin:0 0 20px; padding:12px 15px; } .table.table-responsive input{ border:1px solid #ddd; padding:5px; text-align:center; width:80px; } .sub-categories{ list-style:none outside none; } .inactive{ opacity:.5; } .web_form .list-inline label{ background:#fff; border:1px solid #eaeaea; border-radius:5px; display:inline-block; height:40px; margin:0 2px 0 0; padding:8px 15px 8px 10px; } .web_form .list-inline label:active,.web_form .list-inline label:focus{ background:#00000005; } .tabs_nav_container.tabs_vertical{ background:#fff; border-radius:5px; box-shadow:0 0 3px #0003; display:table; margin:24px 0 0; overflow:hidden; position:relative; table-layout:fixed; width:100%; } .tabs_nav_container.tabs_vertical>.tabs_nav{ background:#00000005; border-bottom:none; border-radius:5px; border-right:1px solid #eee; display:table-cell; vertical-align:top; width:20%; } .tabs_nav_container.tabs_vertical>.tabs_panel_wrap{ display:table-cell; padding:10px 30px 30px; vertical-align:top; width:80%; } .tabs_nav_container.tabs_vertical>.tabs_nav li{ border:none; border-bottom:1px solid #eee; display:block; } .tabs_nav_container.tabs_vertical>.tabs_nav li a{ text-align:left; } .tabs_nav_container.tabs_vertical>.tabs_nav li a:hover{ background:#fff; box-shadow:0 16px 10px -5px #0000000f; } .tabs_nav_container.tabs_vertical>.tabs_nav li a.active{ background:#fff; } .tabs_nav_container.tabs_vertical>.tabs_nav li a.active:before{ display:none; } .tabs_nav_container.tabs_vertical>.tabs_nav li a.active:after,.tabs_nav_container.tabs_vertical>.tabs_nav li a:hover:after{ background:#fff; border:none; bottom:0; content:""; display:block; left:auto; position:absolute; right:-1px; top:0; width:2px; } .tabs_nav_container.tabs_vertical>.tabs_panel_wrap .tabs_nav li a.active:after{ display:none; } .group--elements{ position:relative; width:100%; } .group--elements .overlayer{ background:#00000080; bottom:0; left:10px; opacity:0; position:absolute; right:10px; top:0; -webkit-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; transition:all .5s ease 0s; visibility:hidden; } .group--elements.group--elements-even .overlayer{ left:0; right:0; } .group--elements.group--elements-even .overlayer .actions{ left:10px; right:10px; text-align:center; top:20px; transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); width:auto; } .group--elements:hover .overlayer{ opacity:1; visibility:visible; } .group--elements .overlayer:before{ border:1px dashed #ffffff80; bottom:8px; content:""; left:8px; position:absolute; right:8px; top:8px; } .group--elements .overlayer .actions{ left:10px; position:absolute; right:10px; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:1; } .group--elements .overlayer .actions li{ margin:0 2px; } .group--elements .overlayer .actions a{ background:#fff; height:40px; position:relative; width:40px; } .group--elements .overlayer .actions a i{ left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } .preview--thumb{ background:#f4f4f4; display:block; height:150px; padding:20px; position:relative; text-align:center; width:100%; } .preview--thumb:before{ color:#ddd; content:"\f147"; font-family:Ionicons; font-size:55px; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } .preview--thumb-border{ background:#fff; border:1px solid #eee; width:100%; } .preview--thumb-border:before,.preview--thumb-content:before{ display:none; } .preview--heading{ background:#f4f4f4; display:inline-block; height:25px; margin:0 0 10px 0; width:300px; } .preview--thumb-content .preview--heading{ background:#ddd; margin:0; width:60%; } .preview--thumb-content .preview--txt{ background:#ddd; display:inline-block; height:6px; width:80%; } .preview--thumb-content .preview--icon{ background:#ddd; border-radius:50%; display:block; height:50px; margin:0 auto 10px; width:50px; } .viewMssg{ cursor:pointer; } .statustab.bigger{ width:100px; } .statustab.bigger.active .switch-handles{ left:75px; } .icon{ cursor:pointer; } .hlprtxt{ color:#7c7c7c; font-size:10px; } .item--centered{ padding:20px; text-align:center; } .action_Btn{ margin:15px 0; } .action_Btn .themebtn{ margin:0 5px; } .cus-actions .icon{ border:1px solid #999; border-radius:50%; padding:0 5px; } .cus-actions{ display:inline; text-align:center; vertical-align:middle; } .loadmoree{ cursor:pointer; } #mainimg{ padding:5px; text-align:center; } .rempad{ padding:0; } .clicktoviewfull{ cursor:zoom-in; } .smtxtbld{ font-size:10px; } .mdtxtbld,.smtxtbld{ font-weight:600; } .box--scroller{ background:#f3f6f8; border-radius:5px; margin:0 0 20px 0; padding:20px; } .box--scroller ul{ list-style:none; margin:0; max-height:220px; overflow:auto; padding:0; } .box--scroller ul li{ padding:5px 0; } .box--scroller ul li .icon{ color:#333; font-size:.9em; margin:0 5px 0 0; } .uploadimage--info{ display:block; margin:10px 0 5px; } .uploaded--image{ background:#f3f6f8; border:3px solid #0000; border-radius:5px; margin:10px 0 0; overflow:hidden; padding:10px; padding:0 0 30% 0; position:relative; width:180px; } .uploaded--image.-is-selected{ border-color:#54d1f1; } .uploaded--image .tag{ background:#2dc8ef; background:-moz-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:-webkit-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:linear-gradient( to bottom, #2dc8ef 0, #54d1f1 100% ); color:#fff; font-size:.7em; left:10px; line-height:1; padding:5px 8px; position:absolute; text-transform:uppercase; top:10px; z-index:1; } .uploaded--image img{ bottom:0; left:0; margin:auto !important; position:absolute; right:0; top:0; } .uploaded--image .remove--img{ background:#00000080; border-radius:50%; color:#fff; height:20px; line-height:17px; position:absolute; right:8px; text-align:center; top:8px; width:20px; } .uploaded--image .remove--img i{ font-size:.68em; text-shadow:0 1px #0000004d; } .layout--rtl{ direction:rtl !important; } .layout--rtl .field-set{ text-align:right; } .field_cover-secure{ margin:0 0 20px 0; padding:0 0 0 20px; } .f-left{ float:left !important; margin:0 0 0 20px; } .field--calender{ background-color:#fff; background-image:url(images/icon--calender.svg); background-position:calc(100% - 10px); background-repeat:no-repeat; background-size:15px; padding-right:35px !important; } .field_cover h1,.field_cover h2,.field_cover h3,.field_cover h4,.field_cover h5,.field_cover h6,.field_cover p{ color:inherit; } .multiple--select{ height:200px !important; overflow:auto; } #facebox .dropdown-menu{ max-height:200px; overflow:auto; } .break-me{ display:block; white-space:normal; } .break-me,.word-break{ word-break:break-word; } .layout--rtl.form_horizontal .field-set .caption-wraper{ padding-left:25px; padding-right:0; text-align:left; } .layout--rtl.web_form select{ background-position:15px 16px; padding:0 12px 0 20px; } .address-group{ margin:30px 0 0; } .address-group h5{ color:#555; margin:0 0 6px; } .address-group:first-child{ margin:0; } .row.row--cols-group{ margin-top:12px; } .row.row--cols-group .sectionbody{ min-height:350px; } .-txt-uppercase{ text-transform:uppercase; } .-txt-bold{ font-weight:700; } .-txt-small{ font-size:.85em; } .-txt-italic{ font-style:italic; } .-txt-light{ opacity:.7; } .-color-primary{ color:#4ca146; } .-color-white{ color:#fff; } .-color-secondary{ color:#cc585c; } .-link-underline{ text-decoration:underline; } .container,.container--fluid{ margin-left:auto; margin-right:auto; padding:0 15px; position:relative; } #wrapper,.container--fixed{ max-width:1430px; position:relative; } .container--fixed:after,.row:after{ clear:both; content:""; display:block; height:0; visibility:hidden; } #wrapper{ min-width:1000px; } .container--narrow{ max-width:650px; } .slick-slider{ -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -ms-touch-action:pan-y; touch-action:pan-y; -khtml-user-select:none; -webkit-tap-highlight-color:transparent; } .slick-list,.slick-slider{ display:block; position:relative; } .slick-list{ margin:0; overflow:hidden; padding:0; } .slick-list:focus{ outline:none; } .slick-list.dragging{ cursor:hand; } .slick-slider .slick-list,.slick-slider .slick-track{ -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); } .slick-track{ display:block; left:0; position:relative; top:0; } .slick-track:after,.slick-track:before{ content:""; display:table; } .slick-track:after{ clear:both; } .slick-loading .slick-track{ visibility:hidden; } .slick-slide{ display:none; float:left; height:100%; min-height:1px; } [dir=rtl] .slick-slide{ float:right; } .slick-slide img{ display:block; } .slick-slide.slick-loading img{ display:none; } .slick-slide.dragging img{ pointer-events:none; } .slick-initialized .slick-slide{ display:block; } .slick-loading .slick-slide{ visibility:hidden; } .slick-vertical .slick-slide{ border:1px solid #0000; display:block; height:auto; } .slick-arrow.slick-hidden{ display:none; } .page{ min-height:700px; } #wrapper,.page{ position:relative; width:100%; } #wrapper{ background:#edf0f5; border-radius:5px; box-shadow:0 0 50px 15px #0000001a; margin:auto; z-index:1; } .page__head{ padding:30px 30px 10px; } .page__title{ padding:0 0 0 60px; position:relative; } .page__title h5{ font-size:1.2em; padding:0; } .page__icon{ background:#2dc8ef; background:-moz-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:-webkit-linear-gradient( top, #2dc8ef 0, #54d1f1 100% ); background:linear-gradient( to bottom, #2dc8ef 0, #54d1f1 100% ); border-radius:3px; box-shadow:0 6px 8px #54d1f180; color:#fff; display:inline-block; font-size:1.8em; height:40px; left:0; line-height:40px; position:absolute; text-align:center; top:0; width:42px; } .page__title .col--first{ position:static; } #header{ border-radius:5px 5px 0 0; box-shadow:0 5px 10px 0 #0000000a; left:0; padding:10px 20px; right:0; top:0; z-index:11; } #header,.box--white{ background:#fff; position:relative; } .box--white{ border-radius:5px; box-shadow:0 0 4px 2px #0000000f; display:inline-block; width:100%; } .box--white .box__body.space{ padding:0 20px 20px; } .box__head{ padding:0 0 20px 25px; position:relative; } .box__head:before{ border:2px solid #ddd; border-radius:50%; content:""; height:12px; left:0; position:absolute; top:4px; width:12px; } .box--white .box__head{ padding:20px 20px 12px 40px; } .grid__right .box__head{ padding:0 20px 12px 25px; } .grid__right .box__head .actions.right{ right:-5px; top:-8px; } .box--white .box__head:before{ left:15px; top:24px; } .box__head .actions.right{ position:absolute; right:10px; top:10px; } .field_cover input+small{ display:block; } .box__head .btn{ float:right; } .box__body{ overflow:hidden; } .box__head h4{ color:#666; font-size:16px; font-weight:600; text-transform:capitalize; } .box--height .box__body{ min-height:480px; } .box--scroll .box__body,.box--tabled .box__head{ padding:0; } .row__stats{ padding:30px 15px 25px; } .space{ padding:30px; } .box--stats .box__body{ margin:0; padding:15px 70px 15px 15px; position:relative; } .box--stats .box__body h6{ padding:0; } .box--stats h3{ font-size:2em; margin:0 0 10px 0; padding:0; } .box--stats p{ margin:0; } .stats__icon{ position:absolute; right:20px; top:40px; } .stats__link{ bottom:0; display:block; left:0; position:absolute; right:0; top:0; } .grid--tabled{ background:#fff; display:table; table-layout:fixed; width:100%; } .grid__left{ padding:30px 0 30px 30px; width:66%; } .grid__left,.grid__right{ display:table-cell; vertical-align:top; } .grid__right{ border-left:1px solid #e3e7ed; padding:30px; width:34%; } .graph-container{ position:relative; } .graph--sales.ct-perfect-fourth:before{ padding-bottom:50%; } .graph--sales .ct-series-a .ct-bar{ stroke:#54d1f1; } .graph--sales .ct-series-b .ct-bar{ stroke:#b07fcb; } .graph--sales .ct-series-a .ct-line,.graph--sales .ct-series-c .ct-bar{ stroke:#ffc65d; } .graph--sales .ct-series-b .ct-line{ stroke:#54d1f1; } .graph--sales .ct-series-c .ct-line{ stroke:#b07fcb; } .graph--sales .ct-series-a .ct-area{ fill:#ffc65d; } .graph--sales .ct-series-b .ct-area{ fill:#54d1f1; } .graph--sales .ct-series-c .ct-area{ fill:#b07fcb; } .graph--traffic .ct-series-a .ct-slice-donut{ stroke:#54d1f1; } .graph--traffic .ct-series-b .ct-slice-donut{ stroke:#ffc65d; } .graph--traffic .ct-series-c .ct-slice-donut{ stroke:#f16745; } .graph--traffic .ct-series-d .ct-slice-donut{ stroke:#b07fcb; } .graph--visitor.ct-perfect-fourth:before{ padding-bottom:55%; } .graph--visitor .ct-series-b .ct-line,.graph--visitor .ct-series-b .ct-point{ stroke:#54d1f1; } .graph--visitor .ct-series-a .ct-line,.graph--visitor .ct-series-a .ct-point{ stroke:#ffc65d; } .graph--visitor .ct-series-c .ct-line,.graph--visitor .ct-series-c .ct-point{ stroke:#f16745; } .graph--visitor .ct-series-d .ct-line,.graph--visitor .ct-series-d .ct-point{ stroke:#b07fcb; } .graph--visitor .ct-line{ stroke-width:1px; } .graph--conversion.ct-perfect-fourth:before{ padding-bottom:60%; } .graph--conversion .ct-series-a .ct-bar,.graph--conversion .ct-series-b .ct-bar,.graph--conversion .ct-series-c .ct-bar{ stroke:#7bc8a4; } .graph--conversion .ct-series-a .ct-area{ fill:#ffc65d; } .graph--conversion .ct-series-b .ct-area{ fill:#54d1f1; } .graph--conversion .ct-series-c .ct-area{ fill:#b07fcb; } .graph--conversion .ct-series-d .ct-area{ fill:#7bc8a4; } .graph--conversion .ct-series-a .ct-line,.graph--conversion .ct-series-b .ct-line,.graph--conversion .ct-series-c .ct-line,.graph--conversion .ct-series-d .ct-line{ stroke:none; } .graph--conversion .ct-area{ fill-opacity:.3; } .nav--floated{ list-style:none; margin:0 0 30px 0; } .nav--floated ul{ list-style:none; margin:0; padding:0; } .nav--floated li{ float:left; margin:0 20px 0 0; } .nav--floated li a{ background:#edf0f5; border:none; border-radius:5px; color:#666; display:block; font-size:1em; height:40px; line-height:40px; padding:0 20px; } .nav--floated li a:after{ display:none; } .nav--floated li a.active,.nav--floated li a:active,.nav--floated li a:focus{ background:#2bc0e5; background:-moz-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:-webkit-linear-gradient( -45deg, #2bc0e5 0, #54d1f1 70% ); background:linear-gradient( 135deg, #2bc0e5 0, #54d1f1 70% ); box-shadow:0 4px 8px #54d1f180; color:#fff; } .list--graphinfo li{ border-bottom:1px dashed #0000001a; display:inline-block; padding:10px 0; width:100%; } .list--graphinfo li:last-child{ border-bottom:none; } .list--graphinfo li .count{ color:#333; float:right; font-size:1.1em; } .horizontal_grids{ display:table; margin:20px 0 0; table-layout:fixed; width:100%; } .horizontal_grids li{ border-left:1px solid #ddd; display:table-cell; font-size:24px; font-weight:600; padding:4px 15px 10px; text-align:center; vertical-align:top; } .horizontal_grids li:first-child{ border-left:0; color:#54d1f1; padding-left:0; } .horizontal_grids li:nth-child(2){ color:#f16745; } .horizontal_grids li:nth-child(3){ color:#ffc65d; } .horizontal_grids li:nth-child(4){ color:#a48ad4; } .horizontal_grids li span{ color:#666; display:block; font-size:13px; font-weight:300; text-transform:uppercase; } .horizontal_gridsthird{ display:table; margin:0 0 15px; table-layout:fixed; width:100%; } .horizontal_gridsthird li{ color:#7bc8a4; display:table-cell; font-size:24px; font-weight:600; padding:4px 10px 10px 0; text-align:center; vertical-align:top; width:25%; } .horizontal_gridsthird li:first-child{ padding-left:0; } .horizontal_gridsthird li:nth-child(2){ color:#ffc65d; padding-left:15px; width:35%; } .horizontal_gridsthird li:last-child(2){ width:20%; } .horizontal_gridsthird li span{ color:#666; display:block; font-size:12px; font-weight:300; text-transform:uppercase; white-space:nowrap; } .horizontal_gridsthird li:nth-child(3){ color:#b07fcb; } .horizontal_gridsthird li:nth-child(4){ color:#54d1f1; } .list--vertical li{ padding:10px 20px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .6s ease; } .list--vertical li span{ color:#37b5d5; } .list--vertical li:nth-child(odd){ background-color:#f7f8fa; } .scrollbar .list--vertical{ margin-right:-10px; } .box--social{ border-radius:5px; padding:20px 20px 20px 80px; position:relative; text-align:right; width:100%; } #body .box--social p,.box--social,.box--social p{ color:#fff; } .box--social .box__icon{ left:20px; position:absolute; top:26px; } .box--social-fb{ background:#4568b3; background:-moz-linear-gradient( left, #4568b3 0, #3a5795 100% ); background:-webkit-linear-gradient( left, #4568b3 0, #3a5795 100% ); background:linear-gradient( to right, #4568b3 0, #3a5795 100% ); } .box--social-tw{ background:#55acee; background:-moz-linear-gradient( left, #55acee 0, #3b99e1 100% ); background:-webkit-linear-gradient( left, #55acee 0, #3b99e1 100% ); background:linear-gradient( to right, #55acee 0, #3b99e1 100% ); } .box--social-gp{ background:#f35f52; background:-moz-linear-gradient( left, #f35f52 0, #dc4b3e 100% ); background:-webkit-linear-gradient( left, #f35f52 0, #dc4b3e 100% ); background:linear-gradient( to right, #f35f52 0, #dc4b3e 100% ); } .box--social-li{ background:#108ed1; background:-moz-linear-gradient( left, #108ed1 0, #0177b5 100% ); background:-webkit-linear-gradient( left, #108ed1 0, #0177b5 100% ); background:linear-gradient( to right, #108ed1 0, #0177b5 100% ); } .box--social-pt{ background:#ff3019; background:-moz-linear-gradient( left, #ff3019 0, #cf0404 100% ); background:-webkit-linear-gradient( left, #ff3019 0, #cf0404 100% ); background:linear-gradient( to right, #ff3019 0, #cf0404 100% ); } .box--social-ig{ background:#cd37a3; background:-moz-linear-gradient( left, #cd37a3 0, #98307b 100% ); background:-webkit-linear-gradient( left, #cd37a3 0, #98307b 100% ); background:linear-gradient( to right, #cd37a3 0, #98307b 100% ); } .carousel--oneforth{ padding:0 15px; } .carousel--oneforth li{ height:auto; } .carousel__item{ padding:0 15px; } .scrollbar{ max-height:400px; overflow:auto; width:100% !important; } .scroll__track{ position:relative; width:10px; } .scroll__handle{ background:#0000001a; border-radius:10px; height:100px !important; opacity:0; -webkit-transition:width .25s; transition:width .25s; visibility:hidden; width:6px; } .box--scroll:hover .scroll__handle{ opacity:1; visibility:visible; } .table{ border-collapse:collapse; color:#888; width:100%; } .table th{ border-bottom:1px solid #eee; font-size:.9em; font-weight:600; padding:20px; position:relative; text-align:left; text-transform:uppercase; vertical-align:top; z-index:1; } .table tr{ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .table td{ border-bottom:1px solid #eee; padding:20px; vertical-align:top; word-break:break-all; } .table tr:last-child td:first-child{ border-radius:0 0 0 5px; } .table tr:last-child td:last-child{ border-radius:0 0 5px 0; } .table tr:nth-child(odd) td{ background-color:#f7f8fa; } .table tr:last-child .actions .dropwrap,.table tr:nth-last-child(2) .actions .dropwrap{ bottom:0; top:auto; transform-origin:bottom center; } .table.table--details{ border-radius:5px; } .table.table--details tr:nth-child(odd) td{ background:none; } .table.table--details tr:first-child td:first-child{ border-radius:5px 0 0 0; } .table.table--details tr:first-child td:last-child{ border-radius:0 5px 0 0; } .table.table--details tr:last-child td:first-child{ border-radius:0 0 0 5px; } .table.table--details tr:last-child td:last-child{ border-radius:0 0 5px 0; } .table--listing{ border-radius:5px; border-spacing:0 20px; color:#888; margin:0; width:100%; } .table--listing th{ background:#fff; color:#333; font-weight:600; padding:50px 20px 20px 0; position:relative; text-align:left; text-transform:uppercase; z-index:1; } .table td:first-child,.table--listing th:first-child{ border-radius:5px 0 0 5px; padding-left:20px; } .table--listing th:last-child{ border-radius:0 5px 5px 0; } .table--listing td{ background:#fff; color:inherit; padding:20px 20px 20px 0; position:relative; z-index:1; } .table--listing tr{ border-radius:5px; box-shadow:0 0 4px 2px #0000000f; position:relative; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .table--listing tr:nth-child(odd) td{ background-color:#fff; } .table--listing td:first-child{ border-radius:5px 0 0 5px; padding-left:20px; } .table--listing td:last-child{ border-radius:0 5px 5px 0; } .table--listing td .avtar{ display:inline-block; vertical-align:middle; } .table--listing tr.read td{ color:#a7a7a7; } .table--listing tr.read td strong{ font-weight:400; } .table--listing tr:hover{ box-shadow:0 10px 15px 0 #0000001a; margin:-5px; } .table--listing .listing__desc a{ color:inherit; } .table--listing .avtar__name{ display:inline-block; margin:0 0 0 5px; vertical-align:middle; } .table.table--horizontal th{ border:none; padding:5px; padding-left:0; text-transform:none; } .table.table--horizontal td{ background:#fff; border:none; padding:5px; } .table.table--horizontal tr:nth-child(odd) td{ background:#fff; } table.table.fixed-layout{ table-layout:fixed; } #footer{ bottom:-40px; color:#fff; left:0; position:absolute; right:0; text-align:center; } #footer p a{ color:inherit; text-decoration:underline; } .page-container{ -webkit-animation:AnimationName 8s linear infinite; -moz-animation:AnimationName 8s linear infinite; animation:AnimationName 8s linear infinite; background-color:#54d1f1; background:-moz-linear-gradient( -45deg, #54d1f1 0, #f676c0 100% ); background:-webkit-linear-gradient( -45deg, #54d1f1 0, #f676c0 100% ); background:linear-gradient( 135deg, #54d1f1 0, #f676c0 100% ); background-repeat:no-repeat; background-size:300% 300%; bottom:0; left:0; position:fixed; right:0; top:0; } @-webkit-keyframes AnimationName{ 0%{ background-position:0 60%; } 50%{ background-position:100% 60%; } to{ background-position:0 60%; } } @-moz-keyframes AnimationName{ 0%{ background-position:0 60%; } 50%{ background-position:100% 60%; } to{ background-position:0 60%; } } @keyframes AnimationName{ 0%{ background-position:0 60%; } 50%{ background-position:100% 60%; } to{ background-position:0 60%; } } .tabs--normal{ width:100%; } .switch-labels{ margin-left:-9999px; position:absolute; visibility:hidden; } .switch-labels+.switch-handles{ background-color:#edf0f5; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; border-radius:60px; cursor:pointer; display:inline-block; height:24px; margin:0 8px 0 0; outline:none; padding:2px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; width:60px; } .switch-labels+.switch-handles:after,.switch-labels+.switch-handles:before{ bottom:0; content:""; display:block; left:0; position:absolute; top:0; } .switch-labels+.switch-handles:before{ background-color:#edf0f5; -webkit-border-radius:60px; -moz-border-radius:60px; -ms-border-radius:60px; -o-border-radius:60px; border-radius:60px; right:1px; -webkit-transition:background .4s; -moz-transition:background .4s; -o-transition:background .4s; transition:background .4s; } .switch-labels+.switch-handles:after{ background-color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-box-shadow:0 0 10px #0000001a; -moz-box-shadow:0 0 10px #0000001a; box-shadow:0 0 10px #0000001a; -webkit-transition:margin .4s; -moz-transition:margin .4s; -o-transition:margin .4s; transition:margin .4s; width:24px; } .statustab .switch-labels:checked+.switch-handles:before,.statustab.active .switch-labels+.switch-handles:before{ background-color:#8ce196; } .statustab .switch-labels:checked+.switch-handles:after,.statustab.active .switch-labels+.switch-handles:after{ margin-left:36px; } .switch-handles.disabled{ cursor:not-allowed; opacity:.6; } .container--list{ background:#f3f6f8; border-radius:5px; margin:10px 0 0; padding:20px; } .container--list li{ padding:5px 0 0 20px; position:relative; } .container--list li .icon{ cursor:pointer; font-size:.8em; left:0; position:absolute; top:4px; } .container--list li a{ color:inherit; } .container--narrow .box--white{ box-shadow:0 0 50px 25px #0000001a; padding:30px; } .container--narrow .box--white .logo{ display:table; margin:0 auto 30px; } body.page--front{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; height:90vh; justify-content:space-between; padding:0; position:relative; width:100%; } body.page--front:before{ background:#ffffff0d; border-radius:50%; bottom:0; content:""; left:0; position:absolute; top:0; z-index:1; } body.page--front .page__cell{ display:table-cell; display:-webkit-box; display:-ms-flexbox; display:flex; vertical-align:middle; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:1; -ms-flex:1; flex:1; } body.page--front .page__cell .container{ z-index:2; } .container--narrow .box--white .box__centered{ margin:40px auto 20px; max-width:70%; } .box__centered--form .-link--underline{ text-transform:uppercase; } .box__centered--form input[type=submit]{ display:block; font-size:1.2em; font-weight:500; height:45px; width:100%; } .box__centered--form input[type=password],.box__centered--form input[type=text]{ background-color:#f3f6fb; border:2px solid #f3f6fb; height:45px; } .box__centered--form input[type=password]:focus,.box__centered--form input[type=text]:focus{ background-color:#fff; border-color:#54d1f1; box-shadow:none; } .box__centered--form input::-webkit-input-placeholder{ opacity:.7; text-transform:uppercase; } .box__centered--form input:-moz-placeholder,.box__centered--form input::-moz-placeholder{ opacity:.7; text-transform:uppercase; } .box__centered--form input:-ms-input-placeholder{ opacity:.7; text-transform:uppercase; } .box__centered--form .field_cover input[type=password],.box__centered--form .field_cover input[type=text]{ padding-left:45px; } .box__centered--form .statustab .switch-labels:checked+.switch-handles:before{ background:#54d1f1; } .field_cover--user:before{ color:#c3c3c3; content:"\f47e"; font-family:Ionicons; font-size:24px; left:16px; position:absolute; top:13px; z-index:1; } .field_cover--lock:before{ content:"\f4c9"; } .field_cover--lock:before,.field_cover--mail:before{ color:#c3c3c3; font-family:Ionicons; font-size:20px; left:15px; position:absolute; top:13px; z-index:1; } .field_cover--mail:before{ content:"\f2eb"; } body.page--front .page__cell #footer{ bottom:auto; padding:20px 0; position:relative; } .captcha-wrap{ display:block; margin:auto; position:relative; } .controls{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; margin:0 20px 0 0; position:relative; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .controls,.controls li{ display:inline-block; vertical-align:top; } .controls li{ border-right:1px solid #eee; } .controls li:last-child{ border-right:none; } .controls li .checkbox{ margin:0 5px 0 10px; } .controls li a,.controls li>span{ display:block; padding:15px 20px; } .controls li a img{ display:block; margin:auto; width:20px; } .section__controls .-txt-normal{ color:#999; display:inline-block; padding:15px 20px; } .section.footinfo{ border-radius:0; margin-top:0; } .section.footinfo,.section__details.section{ background:none; box-shadow:none; } .section__details.section .sectionhead{ background:#fff; border-radius:5px; box-shadow:0 0 4px 2px #0000000f; } .reviewList{ display:inline-block; margin:0 0 0; padding:15px 0 0; width:100%; } .tabs_nav>li.fat-inactive{ cursor:default; opacity:.5; } .tabs_nav>li.fat-inactive a{ cursor:default; } .reviewList .grid_1{ padding:25px 0 0; text-align:center; width:10%; } .reviewList .grid_1 .postedname{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .reviewList .grid_1 .postedname a{ color:#0295fd; font-size:15px; } .reviewList .grid_1 .postedname span{ color:#999; display:block; font-size:13px; } .reviewList .grid_2{ float:right; padding:0 0 0 15px; width:90%; } .reviewList .secionreviews{ background:#e7f5ff; border-radius:5px; color:#333; display:inline-block; padding:20px; position:relative; } .reviewList .secionreviews p{ color:#333 !important; } .reviewList .secionreviews:before{ border-bottom:10px solid #0000; border-right:10px solid #e7f5ff; border-top:10px solid #0000; content:""; left:-10px; position:absolute; top:14px; } .allreviews{ max-height:500px; overflow:auto; } .reviewList .datetext{ color:#8a8a8a; display:block; font-size:13px; padding:0 0 5px 5px; text-transform:uppercase; } .reviewList:nth-child(2n) .grid_1{ float:right; } .reviewList:nth-child(2n) .grid_2{ float:left; padding:0 15px 0 0; } .reviewList:nth-child(2n) .datetext{ float:right; } .reviewList:nth-child(2n) .secionreviews{ background:#0000000a; border:none; clear:right; float:right; } .reviewList:nth-child(2n) .secionreviews:before{ border-left:10px solid #0000000a; border-right:10px solid #0000; left:auto; right:-20px; } .reviewList:nth-child(2n) .secionreviews:after{ display:none; } .allreviews .scroll__handle{ opacity:1; visibility:visible; } .allreviews .scrollbar{ max-height:480px; } .sectionfooter{ background:#00000005; border-top:1px solid #0000000d; padding:20px 20px 10px; } .row--cols{ margin-top:30px; } .row--cols .avtar--large{ box-shadow:0 0 4px 2px #0000000f; display:block; margin:auto; } .repeated-row{ border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px; } .repeated-row:last-child{ border-bottom:none; margin-bottom:0; } .repeated-row h5{ margin-bottom:10px; } .card{ background:#fff; border:1px solid #eee; border-radius:5px; margin:0 0 30px 0; padding:15px; width:100%; } .card__description{ height:120px; margin:0 0 15px 0; overflow:auto; } .card__body{ padding:15px 0 0; } .card__media{ background:#edf0f5; padding:0 0 100% 0; position:relative; width:100%; } .card__media img{ bottom:0; left:0; margin:auto; position:absolute; right:0; top:0; } .card__title{ display:block; font-size:1.1em; font-weight:500; margin:0 0 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .card.card--horizontal{ display:table; table-layout:fixed; } .card.card--horizontal .card__head{ background:#edf0f5; display:table-cell; vertical-align:top; width:40%; } .card.card--horizontal .card__body{ display:table-cell; padding:0 0 0 20px; vertical-align:top; width:60%; } #facebox .section{ border-radius:0; box-shadow:none; margin:0; } #facebox .section .sectionhead{ border-bottom:none; margin:0 0 0; margin-bottom:0; padding-left:0; padding-right:0; } #facebox .section .sectionbody.space{ padding:0; } #facebox .section .sectionhead:before{ display:none; left:0; top:4px; } .shop-template{ border:2px solid #ddd; border-radius:2px; display:inline-block; margin-bottom:20px; padding:10px; text-align:center; vertical-align:top; width:100%; } .shop-template.is--active{ border-color:#54d1f1; position:relative; } .shop-template.is--active:before{ background-color:#54d1f1; background-image:url(images/retina/checked.svg); background-position:50%; background-repeat:no-repeat; background-size:10px auto; border-radius:50%; content:""; display:block; height:20px; position:absolute; right:10px; top:10px; width:20px; z-index:2; } .loading{ display:table; margin:auto; } .section.searchform_filter .sectionbody.space{ padding:20px; } .border-box{ background:#fff; border:1px solid #eee; border-radius:5px; display:inline-block; width:100%; } .border-box--space.border-box{ padding:20px; } .link--underlined{ color:#47c4e4; display:inline-block; font-weight:600; margin:0 0 0 10px; text-decoration:underline; } #facebox .tabs_nav_container.flat{ margin-top:0; } .section .sectionhead .actions.actions--centered .dropwrap{ left:auto; margin:0; min-width:200px; right:0; transform-origin:right top; -webkit-transform-origin:right top; -ms-transform-origin:right top; } .padd15{ padding:15px; } .fixed-height-div{ min-height:500px; } @media (max-width:1200px){ .tablewrap{ overflow:auto; } .actions.actions--centered .dropwrap{ left:auto; margin:0; right:0; top:100%; transform-origin:right 0; -webkit-transform-origin:right 0; -ms-transform-origin:right 0; } } @media (min-width:1200px){ .table.table--hovered tbody tr:hover{ box-shadow:0 15px 20px 0 #0000000f; -webkit-box-shadow:0 15px 20px 0 #0000000f; -ms-box-shadow:0 15px 20px 0 #0000000f; } .header__actions>li a:active:before,.header__actions>li a:focus:before{ -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } } .divider{ background:#dcdcdc; height:1px; margin:15px 0; } .web_form .list-inline label>.checkbox,.web_form .list-inline label>.radio{ margin-right:8px; } .sticky-demo-header .demo-header{ background:#fff; position:-webkit-sticky; position:sticky; top:0; z-index:99; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-box-shadow:0 0 5px 0 #0000001a; box-shadow:0 0 5px 0 #0000001a; justify-content:space-between; line-height:4rem; padding:0 2rem; } .sticky-demo-header .demo-header,.sticky-demo-header .demo-header .restore-wrapper,.sticky-demo-header .demo-header .restore-wrapper>a{ display:-webkit-box; display:-ms-flexbox; display:flex; } .sticky-demo-header .demo-header .restore-wrapper>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:10px 0; } .sticky-demo-header .demo-header .restore-wrapper .restore__counter{ color:var(--color-secondary); font-size:1rem; font-weight:800; letter-spacing:4px; line-height:1; margin:.1rem 0; padding:0 8px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress{ background-color:#e9ecef; border-radius:2rem; display:-webkit-box; display:-ms-flexbox; display:flex; font-size:.75rem; height:4px; margin:.25rem 0; max-width:96px; overflow:hidden; width:100%; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress-bar{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; background-color:#47c4e4; color:#fff; justify-content:center; text-align:center; -webkit-transition:width .6s ease; transition:width .6s ease; white-space:nowrap; } .sticky-demo-header .demo-header .restore-wrapper .restore__content{ color:#525252; font-size:.675rem; font-weight:600; line-height:1.5; margin-bottom:.25rem; } .sticky-demo-header .demo-header .btn-primary{ background-color:#007bff; border-color:#007bff; color:#fff; } .sticky-demo-header .demo-header .btn.btn-outline-primary{ background:none; border-color:var(--color-secondary); border:1px solid; color:var(--color-secondary); } .demo-cta{ align-items:center; display:flex; } .sticky-demo-header .header{ padding:0; } .sticky-demo-header .main-bar{ padding:20px 0; } .sticky-demo-header .header{ background:#fff; border-bottom:none; border-bottom:1px solid #dee2e6; font-weight:300; position:sticky; position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; top:0; width:100%; z-index:10; } .sticky-demo-header .body{ padding:0; } .close-layer{ display:-webkit-box; display:-ms-flexbox; display:flex; height:32px; opacity:.3; position:absolute; right:10px; top:10px; -webkit-transition:all .3s; transition:all .3s; width:32px; z-index:2; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .close-layer:hover{ opacity:1; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); } .close-layer:after,.close-layer:before{ background-color:#000; content:" "; height:18px; left:15px; position:absolute; width:2px; } .close-layer:before{ -webkit-transform:rotate(45deg); transform:rotate(45deg); } .close-layer:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .close-layer.close-layer--white:after,.close-layer.close-layer--white:before{ background-color:#fff; } .demo-cta .close-layer{ position:relative; right:auto; top:auto; -webkit-margin-start:1rem; -moz-margin-start:1rem; margin-left:1rem; } .sticky-demo-header body{ padding:0 0 0 !important; } .meta-tag-tbl .searchform_filter{ margin-top:0; } .lesson-status-dropdown select option:disabled{ color:#ccc; font-weight:700; } @media (max-width:1199px){ .sticky-demo-header .demo-header{ display:none; } } .table-responsive{ overflow-y:auto; } .tabs_panel_wrap .table th{ white-space:nowrap; } .export-btn{ border-radius:3px; box-shadow:unset; cursor:pointer; font-size:13px; padding:8px 15px; } .export-btn:hover{ box-shadow:0 4px 4px #54d1f180; } .label--note{ background:#cc585c14; border-radius:2px; padding:2px 12px; } .label--note strong{ font-size:12px; font-weight:400; } .section .sectionhead:before{ top:50%; transform:translateY(-50%); } .section .sectionhead{ align-items:center; display:flex; } .sectionhead h4{ margin-right:auto; } .export-btn{ margin-left:20px; } .lesson-status-dropdown{ padding-right:35px; } .loading-wrapper{ background:#000000a6; bottom:0; height:100vh; left:0; position:fixed; right:0; top:0; width:100vw; z-index:1000; } .loading-wrapper .loading{ height:80px; left:50%; margin-left:-50px; margin-top:-40px; position:fixed; top:50%; width:100px; } .loading-wrapper .loading .inner{ -webkit-animation:rotate .8s linear infinite; animation:rotate .8s linear infinite; border-radius:50%; height:50px; margin-top:20px; position:absolute; width:50px; } .loading-wrapper .loading .rotate-one{ border-top:2px solid #fff; left:50%; margin-left:-25px; } .loading-wrapper .loading .rotate-two{ border-left:2px solid #fff; left:30px; top:-10px; } .loading-wrapper .loading .rotate-three{ border-right:2px solid #fff; right:30px; top:-10px; } .sectionhead .label--note{ margin-right:45px; } span.sr-no{ white-space:nowrap; } /** system message **/ #mbsmessage, .system_message, .alert.alert--positioned { position: fixed; left: 50%; bottom: 50px; width: auto; margin: 0; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 1000; transform: translate(-50%, 0); } #mbsmessage .content { min-width: 300px; max-width: 300px; } .system_message .content, .alert.alert--positioned .content { min-width: 400px; max-width: 400px; } .alert.alert--positioned { display: none; padding: 0; box-shadow: 0; } .div_error li { font-weight: 300; font-size: 14px; color: inherit; position: relative; padding: 0 0 5px 0; list-style: none; } .div_info { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px; } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; list-style: none; } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default; } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px; } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; list-style: none; } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default; } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0; } .div_error ul, .div_msg ul, .div_info ul { color: #fff; } /* validation error messages */ .error { border-color: rgba(242, 84, 84, 0.1) !important; background: rgba(242, 84, 84, 0.1) !important; } .errorlist { margin: 0; list-style: none; padding: 0 5px; position: relative; } .errorlist li a { color: #f44336; font-size: 11px; text-transform: uppercase; text-decoration: none; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } /* alerts */ .alert { font-size: 1em; color: #fff; width: 100%; position: relative; padding: 20px 40px 20px 60px; margin-bottom: 18px; border: 1px solid transparent; /*min-width:300px;max-width:300px;*/ } .alert.alert--positioned-bottom { left: 20px; bottom: 25px; } .alert.alert--positioned-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert.alert--positioned-center { left: 50% !important; bottom: 20px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .alert p { color: inherit !important; } .alert h5 { font-size: 18px; font-weight: 500; padding: 0; color: inherit; } .alert .close, .system_message .close { opacity: 0.3; } .alert .close:hover, .system_message .close:hover { opacity: 1; } .alert .close, .system_message .close { z-index: 1; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; cursor: pointer; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .alert .close:before, .system_message .close:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ''; background: #fff; } .alert .close:after, .system_message .close:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ''; background: #fff; } .alert h4, .alert p { margin: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert--success, .alert_success { background: url(images/icon--success.svg) no-repeat 15px 14px #00b6ad; background-size: 30px; padding: 20px 40px 20px 60px !important; } .alert--info, .alert_info { background: url(images/icon--info.svg) no-repeat 15px 14px #02b4d1; background-size: 30px; padding: 20px 40px 20px 60px !important; } .alert--warning, .alert_warning { background: url(images/icon--warning.svg) no-repeat 15px 14px #f3c532; background-size: 30px; padding: 20px 40px 20px 60px !important; } .alert--danger, .alert_danger { background: url(images/icon--attention.svg) no-repeat 15px 14px #f35f5f; background-size: 30px; padding: 15px 40px 15px 60px !important; } .alert--process, .alert_process { background: rgba(0, 0, 0, 0.9); padding: 20px 40px 20px 60px !important; } .alert_inverse { background: url(images/icon--info.svg) no-repeat 15px 20px rgba(51, 51, 51, 0.9); background-size: 30px; color: #fff; padding: 20px 40px 20px 60px !important; } .alert--process:before { content: ''; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: absolute; left: 15px; top: 14px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .alert--small.alert--info { background: url(images/icon--info-colored.svg) no-repeat 0 2px; background-size: 14px; color: #02b4d1; padding: 0 0 0 20px; display: block; font-size: 85%; margin: 0 0 5px 0; } .alert--small.alert--danger { background: url(images/icon--attention-colored.svg) no-repeat 0 2px; background-size: 14px; color: #f35f5f; padding: 0 0 0 20px; display: block; font-size: 85%; margin: 0 0 5px 0; } .alert--small.alert--warning { background: url(images/icon--warning-colored.svg) no-repeat 0 2px; background-size: 14px; color: #f3c532; padding: 0 0 0 20px; display: block; font-size: 85%; margin: 0 0 5px 0; } .alert--small.alert--success { background: url(images/icon--success-colored.svg) no-repeat 0 2px; background-size: 14px; color: #00b6ad; padding: 0 0 0 20px; display: block; font-size: 85%; margin: 0 0 5px 0; } .alert_position { position: fixed; opacity: 0; max-width: 500px; z-index: -1; } .alert_position.animated { opacity: 1; z-index: 9999; } .top_left { top: 75px; left: 20px; } .top_right { top: 75px; right: 20px; } .top_center { top: 75px; left: 50%; margin: 0 0 0 -250px; } .bottom_left { bottom: 10px; left: 20px; } .bottom_right { bottom: 10px; right: 20px; } .bottom_center { bottom: 10px; left: 50%; margin: 0 0 0 -250px; } @media (max-width: 767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto; } } #mbsmessage,.alert.alert--positioned,.system_message{ bottom:50px; box-shadow:0 0 10px 5px #00000012; left:50%; margin:0; position:fixed; transform:translate(-50%); width:auto; z-index:1000; } #mbsmessage .content{ max-width:300px; min-width:300px; } .alert.alert--positioned .content,.system_message .content{ max-width:400px; min-width:400px; } .alert.alert--positioned{ box-shadow:0; display:none; padding:0; } .div_error li{ color:inherit; font-size:14px; font-weight:300; list-style:none; padding:0 0 5px 0; position:relative; } .div_info{ background:url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size:30px; color:#fff; font-weight:400; padding:20px 40px 20px 60px; position:relative; } .div_info li{ color:inherit; font-size:1em; font-weight:300; list-style:none; padding:0 0 5px 0; position:relative; } .div_info li a{ cursor:default; text-decoration:none; } .div_info li a,.div_msg{ color:#fff; font-weight:400; } .div_msg{ background:url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size:30px; padding:20px 40px 20px 60px; position:relative; } .div_msg li{ color:inherit; font-size:1em; font-weight:300; list-style:none; padding:0 0 5px 0; position:relative; } .div_msg li a{ color:#fff; cursor:default; font-size:13px; font-weight:400; text-decoration:none; } .div_error li:last-child,.div_info li:last-child,.div_msg li:last-child{ padding-bottom:0; } .div_error ul,.div_info ul,.div_msg ul{ color:#fff; } .error{ background:#f254541a !important; border-color:#f254541a !important; } .errorlist{ list-style:none; margin:0; padding:0 5px; position:relative; } .errorlist li a{ color:#f44336; font-size:11px; text-decoration:none; text-transform:uppercase; } .errorlist li:last-child{ padding-bottom:0; } .errorlist li{ font-size:12px; position:relative; } .alert{ border:1px solid #0000; color:#fff; font-size:1em; margin-bottom:18px; padding:20px 40px 20px 60px; position:relative; width:100%; } .alert.alert--positioned-bottom{ bottom:25px; left:20px; } .alert.alert--positioned-top{ bottom:auto !important; left:auto !important; right:20px; top:25px; } .alert.alert--positioned-center{ bottom:20px; left:50% !important; transform:translate(-50%); -webkit-transform:translate(-50%); -ms-transform:translate(-50%); } .alert p{ color:inherit !important; } .alert h5{ color:inherit; font-size:18px; font-weight:500; padding:0; } .alert .close,.system_message .close{ opacity:.3; } .alert .close:hover,.system_message .close:hover{ opacity:1; } .alert .close,.system_message .close{ cursor:pointer; height:20px; line-height:18px; position:absolute; right:10px; text-align:center; top:10px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); width:20px; z-index:1; } .alert .close:before,.system_message .close:before{ background:#fff; content:""; height:15px; left:50%; margin:0 0 0 -2px; position:absolute; top:2px; width:3px; } .alert .close:after,.system_message .close:after{ background:#fff; content:""; height:3px; left:2px; margin:-2px 0 0 0; position:absolute; top:50%; width:15px; } .alert h4,.alert p{ color:inherit; margin:0; } .alert>p,.alert>ul{ margin-bottom:0; } .alert>p+p{ margin-top:5px; } .alert--success,.alert_success{ background:url(images/icon--success.svg) no-repeat 15px 14px #00b6ad; background-size:30px; padding:20px 40px 20px 60px !important; } .alert--info,.alert_info{ background:url(images/icon--info.svg) no-repeat 15px 14px #02b4d1; background-size:30px; padding:20px 40px 20px 60px !important; } .alert--warning,.alert_warning{ background:url(images/icon--warning.svg) no-repeat 15px 14px #f3c532; background-size:30px; padding:20px 40px 20px 60px !important; } .alert--danger,.alert_danger{ background:url(images/icon--attention.svg) no-repeat 15px 14px #f35f5f; background-size:30px; padding:15px 40px 15px 60px !important; } .alert--process,.alert_process{ background:#000000e6; padding:20px 40px 20px 60px !important; } .alert_inverse{ background:url(images/icon--info.svg) no-repeat 15px 20px #333333e6; background-size:30px; color:#fff; padding:20px 40px 20px 60px !important; } .alert--process:before{ -webkit-animation:load8 1.1s linear infinite; animation:load8 1.1s linear infinite; border-bottom:3px solid #fff3; border-left:3px solid #fff; border-radius:50%; border-right:3px solid #fff3; border-top:3px solid #fff3; content:""; display:inline-block; height:32px; left:15px; position:absolute; top:14px; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); width:32px; } @-webkit-keyframes load8{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn); } } @keyframes load8{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn); } } .alert--small.alert--info{ background:url(images/icon--info-colored.svg) no-repeat 0 2px; background-size:14px; color:#02b4d1; } .alert--small.alert--danger,.alert--small.alert--info{ display:block; font-size:85%; margin:0 0 5px 0; padding:0 0 0 20px; } .alert--small.alert--danger{ background:url(images/icon--attention-colored.svg) no-repeat 0 2px; background-size:14px; color:#f35f5f; } .alert--small.alert--warning{ background:url(images/icon--warning-colored.svg) no-repeat 0 2px; background-size:14px; color:#f3c532; } .alert--small.alert--success,.alert--small.alert--warning{ display:block; font-size:85%; margin:0 0 5px 0; padding:0 0 0 20px; } .alert--small.alert--success{ background:url(images/icon--success-colored.svg) no-repeat 0 2px; background-size:14px; color:#00b6ad; } .alert_position{ max-width:500px; opacity:0; position:fixed; z-index:-1; } .alert_position.animated{ opacity:1; z-index:9999; } .top_left{ left:20px; top:75px; } .top_right{ right:20px; top:75px; } .top_center{ left:50%; margin:0 0 0 -250px; top:75px; } .bottom_left{ bottom:10px; left:20px; } .bottom_right{ bottom:10px; right:20px; } .bottom_center{ bottom:10px; left:50%; margin:0 0 0 -250px; } @media (max-width:767px){ #mbsmessage,.system_message{ left:10px; right:10px; width:auto; } }