/*! * SmartAdmin - Responsive WebApp * * Copyright 2014 bootstraphunter.com * Designed and built with all the love in the world by @bootstraphunt. */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .animated.fast { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @-moz-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @-o-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px) } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px) } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -o-transform: translateX(10px) } } @keyframes shake { 0%, 100% { transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px) } 20%, 40%, 60%, 80% { transform: translateX(10px) } } .animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0) } 40% { -webkit-transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px) } } @-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -moz-transform: translateY(0) } 40% { -moz-transform: translateY(-30px) } 60% { -moz-transform: translateY(-15px) } } @-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -o-transform: translateY(0) } 40% { -o-transform: translateY(-30px) } 60% { -o-transform: translateY(-15px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } .animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1) } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0) } } @-moz-keyframes tada { 0% { -moz-transform: scale(1) } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg) } 100% { -moz-transform: scale(1) rotate(0) } } @-o-keyframes tada { 0% { -o-transform: scale(1) } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg) } 100% { -o-transform: scale(1) rotate(0) } } @keyframes tada { 0% { transform: scale(1) } 10%, 20% { transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg) } 100% { transform: scale(1) rotate(0) } } .animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada } @-webkit-keyframes swing { 100%, 20%, 40%, 60%, 80% { -webkit-transform-origin: top center } 20% { -webkit-transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg) } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg) } 40% { -moz-transform: rotate(-10deg) } 60% { -moz-transform: rotate(5deg) } 80% { -moz-transform: rotate(-5deg) } 100% { -moz-transform: rotate(0deg) } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg) } 40% { -o-transform: rotate(-10deg) } 60% { -o-transform: rotate(5deg) } 80% { -o-transform: rotate(-5deg) } 100% { -o-transform: rotate(0deg) } } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } 100% { transform: rotate(0deg) } } .animated.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%) } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%) } 15% { -moz-transform: translateX(-25%) rotate(-5deg) } 30% { -moz-transform: translateX(20%) rotate(3deg) } 45% { -moz-transform: translateX(-15%) rotate(-3deg) } 60% { -moz-transform: translateX(10%) rotate(2deg) } 75% { -moz-transform: translateX(-5%) rotate(-1deg) } 100% { -moz-transform: translateX(0%) } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%) } 15% { -o-transform: translateX(-25%) rotate(-5deg) } 30% { -o-transform: translateX(20%) rotate(3deg) } 45% { -o-transform: translateX(-15%) rotate(-3deg) } 60% { -o-transform: translateX(10%) rotate(2deg) } 75% { -o-transform: translateX(-5%) rotate(-1deg) } 100% { -o-transform: translateX(0%) } } @keyframes wobble { 0% { transform: translateX(0%) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } 100% { transform: translateX(0%) } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.1) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.1) } 100% { -moz-transform: scale(1) } } @-o-keyframes pulse { 0% { -o-transform: scale(1) } 50% { -o-transform: scale(1.1) } 100% { -o-transform: scale(1) } } @keyframes pulse { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1) } } .animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); animation-timing-function: ease-in } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -moz-transform: perspective(400px) rotateX(-10deg) } 70% { -moz-transform: perspective(400px) rotateX(10deg) } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -o-transform: perspective(400px) rotateX(-10deg) } 70% { -o-transform: perspective(400px) rotateX(10deg) } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1 } } .animated.flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1 } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -moz-transform: perspective(400px) rotateY(-10deg) } 70% { -moz-transform: perspective(400px) rotateY(10deg) } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1 } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -o-transform: perspective(400px) rotateY(-10deg) } 70% { -o-transform: perspective(400px) rotateY(10deg) } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1 } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateY(-10deg) } 70% { transform: perspective(400px) rotateY(10deg) } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1 } } .animated.flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animated.flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px) } 100% { opacity: 1; transform: translateX(0) } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px) } 100% { opacity: 1; transform: translateX(0) } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px) } 100% { opacity: 1; transform: translateY(0) } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px) } 100% { opacity: 1; transform: translateY(0) } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px) } 100% { opacity: 1; transform: translateX(0) } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px) } 100% { opacity: 1; transform: translateX(0) } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(-20px) } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-20px) } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px) } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(20px) } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(20px) } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px) } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(-20px) } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-20px) } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px) } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(20px) } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(20px) } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px) } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(-2000px) } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px) } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(2000px) } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(2000px) } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px) } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(-2000px) } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-2000px) } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px) } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(2000px) } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(2000px) } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) } 50% { opacity: 1; -webkit-transform: scale(1.05) } 70% { -webkit-transform: scale(0.9) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3) } 50% { opacity: 1; -moz-transform: scale(1.05) } 70% { -moz-transform: scale(0.9) } 100% { -moz-transform: scale(1) } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3) } 50% { opacity: 1; -o-transform: scale(1.05) } 70% { -o-transform: scale(0.9) } 100% { -o-transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(0.9) } 100% { transform: scale(1) } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px) } 100% { -o-transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } 100% { transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px) } 100% { -o-transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px) } 100% { transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px) } 100% { -o-transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px) } 100% { transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px) } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(-2000px) } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { transform: translateX(0) } 100% { opacity: 0; transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px) } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(2000px) } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(2000px) } } @keyframes slideOutRight { 0% { transform: translateX(0) } 100% { opacity: 0; transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px) } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(-2000px) } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px) } 60% { opacity: 1; -moz-transform: translateY(-30px) } 80% { -moz-transform: translateY(10px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px) } 60% { opacity: 1; -o-transform: translateY(-30px) } 80% { -o-transform: translateY(10px) } 100% { -o-transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } 100% { transform: translateY(0) } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px) } 60% { opacity: 1; -moz-transform: translateY(30px) } 80% { -moz-transform: translateY(-10px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px) } 60% { opacity: 1; -o-transform: translateY(30px) } 80% { -o-transform: translateY(-10px) } 100% { -o-transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0) } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px) } 60% { opacity: 1; -moz-transform: translateX(30px) } 80% { -moz-transform: translateX(-10px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px) } 60% { opacity: 1; -o-transform: translateX(30px) } 80% { -o-transform: translateX(-10px) } 100% { -o-transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px) } 60% { opacity: 1; transform: translateX(30px) } 80% { transform: translateX(-10px) } 100% { transform: translateX(0) } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px) } 60% { opacity: 1; -moz-transform: translateX(-30px) } 80% { -moz-transform: translateX(10px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px) } 60% { opacity: 1; -o-transform: translateX(-30px) } 80% { -o-transform: translateX(10px) } 100% { -o-transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px) } 60% { opacity: 1; transform: translateX(-30px) } 80% { transform: translateX(10px) } 100% { transform: translateX(0) } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1) } 25% { -webkit-transform: scale(0.95) } 50% { opacity: 1; -webkit-transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(0.3) } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1) } 25% { -moz-transform: scale(0.95) } 50% { opacity: 1; -moz-transform: scale(1.1) } 100% { opacity: 0; -moz-transform: scale(0.3) } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1) } 25% { -o-transform: scale(0.95) } 50% { opacity: 1; -o-transform: scale(1.1) } 100% { opacity: 0; -o-transform: scale(0.3) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(0.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(0.3) } } .animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px) } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0) } 20% { opacity: 1; -moz-transform: translateY(20px) } 100% { opacity: 0; -moz-transform: translateY(-2000px) } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0) } 20% { opacity: 1; -o-transform: translateY(20px) } 100% { opacity: 0; -o-transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(20px) } 100% { opacity: 0; transform: translateY(-2000px) } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px) } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0) } 20% { opacity: 1; -moz-transform: translateY(-20px) } 100% { opacity: 0; -moz-transform: translateY(2000px) } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0) } 20% { opacity: 1; -o-transform: translateY(-20px) } 100% { opacity: 0; -o-transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(-20px) } 100% { opacity: 0; transform: translateY(2000px) } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px) } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0) } 20% { opacity: 1; -moz-transform: translateX(20px) } 100% { opacity: 0; -moz-transform: translateX(-2000px) } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0) } 20% { opacity: 1; -o-transform: translateX(20px) } 100% { opacity: 0; -o-transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(20px) } 100% { opacity: 0; transform: translateX(-2000px) } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px) } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0) } 20% { opacity: 1; -moz-transform: translateX(-20px) } 100% { opacity: 0; -moz-transform: translateX(2000px) } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0) } 20% { opacity: 1; -o-transform: translateX(-20px) } 100% { opacity: 0; -o-transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(-20px) } 100% { opacity: 0; transform: translateX(2000px) } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0 } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0 } 100% { transform-origin: center center; transform: rotate(0); opacity: 1 } } .animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0 } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0 } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1 } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0 } } .animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); opacity: 0 } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 100% { -moz-transform: translateY(700px); opacity: 0 } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 100% { -o-transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out } 100% { transform: translateY(700px); opacity: 0 } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg) } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg) } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg) } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; transform: translateX(0px) rotate(0deg) } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg) } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg) } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; transform: translateX(100%) rotate(120deg) } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1 } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1 } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1 } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { transform: translateX(0%) skewX(0deg); opacity: 1 } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0 } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(359deg) } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg) } 100% { -ms-transform: rotate(359deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } } /*! * jQuery UI Bootstrap (1.0 alpha) * http://addyosmani.github.io/jquery-ui-bootstrap/ * * Copyright 2012 - 2013, Addy Osmani * Dual licensed under the MIT or GPL Version 2 licenses. * * Portions copyright jQuery UI & Twitter Bootstrap */ .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:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .ui-helper-clearfix { display: block; min-height: 0 } * html .ui-helper-clearfix { height: 1% } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: .1px; z-index: 99999; display: block } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .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-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000 } .ui-widget { font-family: "Open Sans"; font-size: 13px } .ui-widget .ui-widget { font-size: 13px } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: "Open Sans"; font-size: inherit } .ui-widget-content { border: 1px solid #aaa; background: #fff; color: #404040 } .ui-widget-header { font-weight: 700; background-color: #F5F5F5; border-color: #DDD; color: #333 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #333; background-color: #fff; font-weight: 400; border: 1px solid #ccc } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #333; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #adadad; font-weight: 400; color: #333 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none } .ui-widget:active { outline: 0 } .ui-state-default, .ui-state-error, .ui-state-highlight { position: relative; border-width: 1px; border-style: solid } .ui-state-default p, .ui-state-error p, .ui-state-highlight p { font-size: 13px; font-weight: 400; line-height: 18px; margin: 7px 15px } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #2d6987 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 } .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: #953b39 } .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 { opacity: .7; filter: alpha(opacity=70); font-weight: 400 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: alpha(opacity=35) } .ui-icon { width: 16px; height: 16px; background-image: url(../img/jqueryui/ui-icons_222222_256x240.png) } .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image: url(../img/jqueryui/ui-icons_222222_256x240.png) } .ui-state-default .ui-icon { background-image: url(../img/jqueryui/ui-icons_888888_256x240.png) } .ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(../img/jqueryui/ui-icons_454545_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(../img/jqueryui/ui-icons_2e83ff_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../img/jqueryui/ui-icons_f6cf3b_256x240.png) } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-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: -64px -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: -64px -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: 0 -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 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-corner-left, .ui-corner-tl, .ui-corner-top { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px } .ui-corner-right, .ui-corner-top, .ui-corner-tr { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px } .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px } .ui-corner-bottom, .ui-corner-br, .ui-corner-right { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px } .ui-widget-overlay { opacity: .3; filter: alpha(opacity=30); width: 100% } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; filter: alpha(opacity=30); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .ui-accordion { width: 100% } .ui-accordion .ui-accordion-li-fix { display: inline } .ui-accordion .ui-accordion-header-active { border-bottom: 0!important } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; min-height: 0 } .ui-accordion .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-noicons { padding-left: .7em } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px } .ui-accordion .ui-accordion-content { border-top: 0 none; margin-top: -3px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none } .ui-accordion .ui-accordion-content-active { display: block } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .ui-button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .ui-button:focus, .ui-button:hover { color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none } fieldset[disabled] ui-button, fieldset[disabled] ui-button.ui-state-active, fieldset[disabled] ui-button:active, fieldset[disabled] ui-button:focus, fieldset[disabled] ui-button:hover, ui-button.disabled, ui-button.disabled.active, ui-button.disabled:active, ui-button.disabled:focus, ui-button.disabled:hover, ui-button[disabled], ui-button[disabled].active, ui-button[disabled]:active, ui-button[disabled]:focus, ui-button[disabled]:hover { background-color: #fff; border-color: #ccc } .ui-btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px } .ui-btn-sm, .ui-btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .ui-btn-xs { padding: 1px 5px } .ui-btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0 } .ui-btn-block+.ui-btn-block { margin-top: 5px } input[type=button].ui-btn-block, input[type=reset].ui-btn-block, input[type=submit].ui-btn-block { width: 100% } .ui-button-text-icon-primary .ui-button-icon-primary { float: left } .ui-button-text-icon-primary { padding: 2px 7px 3px } .ui-button-primary { color: #fff; background-color: #428bca; border-color: #357ebd } .ui-button-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .ui-button-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .ui-button-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .ui-button-inverse { color: #fff; background-color: #222; border-color: #080808 } .ui-button-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .ui-button-error { color: #fff; background-color: #c43c35; border-color: #882a25 } .ui-button-danger:hover, .ui-button-info:hover, .ui-button-inverse:hover, .ui-button-primary:hover, .ui-button-success:hover, .ui-button-warning:hover { text-decoration: none } .ui-button-primary:focus, .ui-button-primary:hover { color: #fff; background-color: #1a78bf; border-color: #285e8e } .ui-button-success:hover { color: #fff; background-color: #47a447; border-color: #398439 } .ui-button-info:hover { color: #fff; background-color: #39b3d7; border-color: #269abc } .ui-button-danger:hover { color: #fff; background-color: #d2322d; border-color: #ac2925 } .ui-button-warning:hover { color: #fff; background-color: #ed9c28; border-color: #d58512 } .ui-button-inverse:hover { color: #fff; background-color: #363636; border-color: #000 } .ui-button-icon-only { width: 2.2em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { margin-top: 5px } .ui-button .ui-button-text { display: block; line-height: normal } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999px; display: none } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: .4em 1em } .ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon { margin-bottom: 0; margin-top: 0; top: 50% } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; margin-right: -6px } .ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary { left: .5em } .ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-state-active { color: #fff; background-color: #428bca; border-color: #357ebd } .ui-buttonset .ui-state-active.ui-state-hover { color: #fff; background-color: #1a78bf; border-color: #285e8e } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em } button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-menu { list-style: none; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { margin-top: -3px; position: absolute; list-style: none } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: 400 } .ui-menu .ui-menu-item a.ui-corner-all { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-widget-content { font-weight: 700; margin: 0; background-color: #428BCA; border-color: #357EBD; color: #FFF; display: block; white-space: nowrap } .ui-menu .ui-menu-item a.ui-state-active { padding: 1px .4em } .ui-menu .ui-state-disabled { line-height: 1.5 } .ui-menu .ui-state-disabled a { cursor: default } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em } .ui-menu .ui-menu-icon { position: static; float: right } .ui-menu { margin-bottom: 2em } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: 0 0; vertical-align: middle } .ui-spinner-button { height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0; width: 300px; overflow: hidden; background-clip: padding-box; background-color: #fff; border-radius: 6px; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3); outline: medium none; z-index: 1050 } .ui-dialog .ui-dialog-titlebar { position: relative; border: 0 0 0 1px solid; border-color: #fff; font-size: 18px; text-decoration: none; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; border-bottom: 1px solid #ccc } .ui-dialog .ui-dialog-title { float: left; color: #404040; font-weight: 700; padding: 5px; text-overflow: ellipsis; overflow: hidden } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -20px 0 0 0; padding: 1px; height: 18px; font-size: 20px; font-weight: 700; line-height: 13.5px; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=25); -khtml-opacity: .25; -moz-opacity: .25; opacity: .25; background: 0 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: 9999px } .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover { padding: 1px; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9 } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto } .ui-dialog .ui-dialog-buttonpane { border-width: 1px 0 0; background-image: none; margin: .5em 0 0; background-color: #fff; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; margin-bottom: 0 } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { color: #fff; background-color: #428bca; border-color: #357ebd } .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover { color: #fff; background-color: #1a78bf; border-color: #285e8e } .ui-dialog-buttonset .ui-button:not(:first-child) { cursor: pointer; display: inline-block; color: #333; background-color: #fff; border: 1px solid #ccc; -webkit-transition: .1s linear all; -moz-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; overflow: visible } .ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover { color: #333; background-color: #ebebeb; border-color: #adadad; text-decoration: none } .ui-dialog-buttonset .ui-button.ui-button-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover { color: #fff; background-color: #39b3d7; border-color: #269abc } .ui-dialog-buttonset .ui-button.ui-button-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover { color: #fff; background-color: #47a447; border-color: #398439 } .ui-dialog-buttonset .ui-button.ui-button-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover { color: #fff; background-color: #ed9c28; border-color: #d58512 } .ui-dialog-buttonset .ui-button.ui-button-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover { color: #fff; background-color: #d2322d; border-color: #ac2925 } .ui-dialog-buttonset .ui-button.ui-button-inverse { color: #fff; background-color: #222; border-color: #080808 } .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover { color: #fff; background-color: #363636; border-color: #000 } .ui-slider { position: relative; text-align: left } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 18px; cursor: default } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; color: #fff; background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .ui-slider-horizontal { height: 10px; background: #D5D5D5; border: none } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background-color: #fff; border-color: #CCC } .ui-slider-horizontal .ui-slider-handle:focus { background-color: #fff; border-color: #357EBD } .ui-slider-horizontal .ui-slider-handle:hover { background-color: #fff; border-color: #285E8E; outline: 0 } .ui-slider-horizontal .ui-slider-handle:active { background-color: #428BCA; border-color: #1a78bf } .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: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.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-tabs { position: relative; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-tabs .ui-tabs-nav { border: solid #ddd; border-width: 0 0 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; background:#f5f5f5; } .ui-tabs .ui-tabs-nav li { position: relative; top: 0; float: left; margin-bottom: 0px; border: 0; list-style: none; white-space: nowrap } .ui-tabs-nav .ui-state-default { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .ui-tabs .ui-tabs-nav li a { float: left; -webkit-border-radius: 4px 4px 0 0; padding: 8px 12px; font-weight: 400; text-decoration: none; outline: 0; background: 0 0 } .ui-tabs .ui-tabs-nav li a:hover { border: 0; border-bottom: 0; background-color: #e7eaeb; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { border: 0; border-bottom: 0; background-color: #e7eaeb; color: #4c4f53; } .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { background: #1a78bf; cursor: text } .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text } .ui-tabs .ui-tabs-panel { display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0 } .ui-tabs .ui-tabs-hide { display: none!important } .ui-tabs .ui-tabs-nav li { filter: none } .ui-tooltip { display: block; font-size: 11px; opacity: .8; position: absolute; visibility: visible; z-index: 1024; max-width: 200px; background: #000; border: 1px solid #000; color: #FFF; padding: 3px 8px; text-align: center; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 #000; -moz-box-shadow: inset 0 1px 0 #000; box-shadow: inset 0 1px 0 #000; border-radius: 4px } body .ui-tooltip { border-width: 1px } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; border: 0; font-weight: 700; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: gray } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 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; 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-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .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; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .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 { width: 95%; margin: 0 auto .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 } .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 } .ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px } .ui-datepicker th { font-weight: 700; color: gray } .ui-datepicker-today a:hover { background-color: gray; color: #fff } .ui-datepicker-today a { background-color: #BFBFBF; cursor: pointer; padding: 0 4px; margin-bottom: 0 } .ui-datepicker td a { margin-bottom: 0; border: 0 } .ui-datepicker td:hover { color: #fff } .ui-datepicker td .ui-state-default { border: 0; background: 0 0; margin-bottom: 0; padding: 5px; color: gray; text-align: center; filter: none } .ui-datepicker td .ui-state-highlight { color: #fff; background-color: #A90329; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-datepicker td .ui-state-active { color: #333; background-color: #ebebeb; margin-bottom: 0; font-size: normal; text-shadow: 0; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-datepicker td .ui-state-hover { color: #fff; background: #428bca; background-color: #428bca; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: #357ebd; border-color: rgba(0, 0, 0, .1)rgba(0, 0, 0, .1)rgba(0, 0, 0, .25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-progressbar { height: 2em; margin-bottom: 20px; border: 0; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .ui-progressbar .ui-progressbar-value { margin: 0; height: 100%; color: #fff; background-color: #428BCA; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; transition: width .6s ease } .ui-progressbar .ui-progressbar-overlay { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-toolbar { padding: 7px 14px; margin: 0 0 18px; background-color: #f5f5f5; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #fff, #f5f5f5); background-image: -moz-linear-gradient(top, #fff, #f5f5f5); background-image: -o-linear-gradient(top, #fff, #f5f5f5); background-image: linear-gradient(top, #fff, #f5f5f5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff } .customfile-button { padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } div.wijmo-wijmenu { padding: 0 20px; background-color: #222; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #333, #222); background-image: -moz-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1) } .wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text { color: #bfbfbf } .wijmo-wijmenu .ui-state-hover { background: #444; background: rgba(255, 255, 255, .05) } .wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text { color: #fff } div.wijmo-wijmenu .ui-widget-header h3 { position: relative; margin-top: 1px; padding: 0 } .wijmo-wijmenu h3 a { color: #fff; display: block; float: left; font-size: 20px; font-weight: 200; line-height: 1; margin-left: -20px; margin-top: 1px; padding: 8px 20px 12px } .wijmo-wijmenu h3 a:hover { background-color: rgba(255, 255, 255, .05); color: #fff; text-decoration: none } .wijmo-wijmenu .ui-widget-header { border: 0 } .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child { padding: .3em 0 } div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child { background: #333; border: 0; margin: 0; padding: 6px 0; width: 160px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2); box-shadow: 0 2px 4px rgba(0, 0, 0, .2) } div.wijmo-wijmenu .wijmo-wijmenu-item { margin: 0; border: 0 } .wijmo-wijmenu a.wijmo-wijmenu-link { margin: 0; line-height: 19px; padding: 10px 10px 11px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link { display: block; float: none; padding: 4px 15px; width: auto } div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text { float: none } .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover { background: #191919 } .wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator { padding: 5px 0; background-image: none; background-color: #222; border-top: 1px solid #444; border-bottom: 0; border-left: 0; border-right: 0 } .wijmo-wijmenu .wijmo-wijmenu-item input { -moz-transition: none 0s ease 0s; background-color: rgba(255, 255, 255, .3); border: 1px solid #111; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1)inset, 0 1px 0 rgba(255, 255, 255, .25); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1)inset, 0 1px 0 rgba(255, 255, 255, .25); box-shadow: 0 1px 2px rgba(0, 0, 0, .1)inset, 0 1px 0 rgba(255, 255, 255, .25); color: rgba(255, 255, 255, .75); font-family: "Open Sans"; line-height: 1; margin: 5px 10px 0; padding: 4px 9px; width: 100px } .wijmo-wijmenu .wijmo-wijmenu-item input:hover { background-color: rgba(255, 255, 255, .5); color: #fff } .wijmo-wijmenu .wijmo-wijmenu-item input:focus { background-color: #fff; border: 0 none; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); color: #404040; outline: 0 none; padding: 5px 10px; text-shadow: 0 1px 0 #fff } .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .wijmo-wijmenu .ui-state-default { text-shadow: none } .wijmo-wijmenu .ui-state-default { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #bfbfbf; filter: none } .ui-button-icon-primary.ui-icon[class*=" icon-"]:before, .ui-button-icon-primary.ui-icon[class^=icon-]:before, .ui-button-icon-secondary.ui-icon[class*=" icon-"]:before, .ui-button-icon-secondary.ui-icon[class^=icon-]:before { font-size: inherit; margin-left: 7px!important; margin-left: 5px; display: inline; text-decoration: inherit; color: inherit } .ui-state-default .ui-icon[class*=" icon-"] { background: 0 0; margin-left: -12px } .flag { width: 16px; height: 11px; background: url(../img/flags/flags.png) no-repeat; margin-top: -.18em; display: inline-block } .flag.flag-ad { background-position: -16px 0 } .flag.flag-ae { background-position: -32px 0 } .flag.flag-af { background-position: -48px 0 } .flag.flag-ag { background-position: -64px 0 } .flag.flag-ai { background-position: -80px 0 } .flag.flag-al { background-position: -96px 0 } .flag.flag-am { background-position: -112px 0 } .flag.flag-an { background-position: -128px 0 } .flag.flag-ao { background-position: -144px 0 } .flag.flag-ar { background-position: -160px 0 } .flag.flag-as { background-position: -176px 0 } .flag.flag-at { background-position: -192px 0 } .flag.flag-au { background-position: -208px 0 } .flag.flag-aw { background-position: -224px 0 } .flag.flag-az { background-position: -240px 0 } .flag.flag-ba { background-position: 0 -11px } .flag.flag-bb { background-position: -16px -11px } .flag.flag-bd { background-position: -32px -11px } .flag.flag-be { background-position: -48px -11px } .flag.flag-bf { background-position: -64px -11px } .flag.flag-bg { background-position: -80px -11px } .flag.flag-bh { background-position: -96px -11px } .flag.flag-bi { background-position: -112px -11px } .flag.flag-bj { background-position: -128px -11px } .flag.flag-bm { background-position: -144px -11px } .flag.flag-bn { background-position: -160px -11px } .flag.flag-bo { background-position: -176px -11px } .flag.flag-br { background-position: -192px -11px } .flag.flag-bs { background-position: -208px -11px } .flag.flag-bt { background-position: -224px -11px } .flag.flag-bv { background-position: -240px -11px } .flag.flag-bw { background-position: 0 -22px } .flag.flag-by { background-position: -16px -22px } .flag.flag-bz { background-position: -32px -22px } .flag.flag-ca { background-position: -48px -22px } .flag.flag-catalonia { background-position: -64px -22px } .flag.flag-cd { background-position: -80px -22px } .flag.flag-cf { background-position: -96px -22px } .flag.flag-cg { background-position: -112px -22px } .flag.flag-ch { background-position: -128px -22px } .flag.flag-ci { background-position: -144px -22px } .flag.flag-ck { background-position: -160px -22px } .flag.flag-cl { background-position: -176px -22px } .flag.flag-cm { background-position: -192px -22px } .flag.flag-cn { background-position: -208px -22px } .flag.flag-co { background-position: -224px -22px } .flag.flag-cr { background-position: -240px -22px } .flag.flag-cu { background-position: 0 -33px } .flag.flag-cv { background-position: -16px -33px } .flag.flag-cw { background-position: -32px -33px } .flag.flag-cy { background-position: -48px -33px } .flag.flag-cz { background-position: -64px -33px } .flag.flag-de { background-position: -80px -33px } .flag.flag-dj { background-position: -96px -33px } .flag.flag-dk { background-position: -112px -33px } .flag.flag-dm { background-position: -128px -33px } .flag.flag-do { background-position: -144px -33px } .flag.flag-dz { background-position: -160px -33px } .flag.flag-ec { background-position: -176px -33px } .flag.flag-ee { background-position: -192px -33px } .flag.flag-eg { background-position: -208px -33px } .flag.flag-eh { background-position: -224px -33px } .flag.flag-england { background-position: -240px -33px } .flag.flag-er { background-position: 0 -44px } .flag.flag-es { background-position: -16px -44px } .flag.flag-et { background-position: -32px -44px } .flag.flag-eu { background-position: -48px -44px } .flag.flag-fi { background-position: -64px -44px } .flag.flag-fj { background-position: -80px -44px } .flag.flag-fk { background-position: -96px -44px } .flag.flag-fm { background-position: -112px -44px } .flag.flag-fo { background-position: -128px -44px } .flag.flag-fr { background-position: -144px -44px } .flag.flag-ga { background-position: -160px -44px } .flag.flag-gb { background-position: -176px -44px } .flag.flag-gd { background-position: -192px -44px } .flag.flag-ge { background-position: -208px -44px } .flag.flag-gf { background-position: -224px -44px } .flag.flag-gg { background-position: -240px -44px } .flag.flag-gh { background-position: 0 -55px } .flag.flag-gi { background-position: -16px -55px } .flag.flag-gl { background-position: -32px -55px } .flag.flag-gm { background-position: -48px -55px } .flag.flag-gn { background-position: -64px -55px } .flag.flag-gp { background-position: -80px -55px } .flag.flag-gq { background-position: -96px -55px } .flag.flag-gr { background-position: -112px -55px } .flag.flag-gs { background-position: -128px -55px } .flag.flag-gt { background-position: -144px -55px } .flag.flag-gu { background-position: -160px -55px } .flag.flag-gw { background-position: -176px -55px } .flag.flag-gy { background-position: -192px -55px } .flag.flag-hk { background-position: -208px -55px } .flag.flag-hm { background-position: -224px -55px } .flag.flag-hn { background-position: -240px -55px } .flag.flag-hr { background-position: 0 -66px } .flag.flag-ht { background-position: -16px -66px } .flag.flag-hu { background-position: -32px -66px } .flag.flag-ic { background-position: -48px -66px } .flag.flag-id { background-position: -64px -66px } .flag.flag-ie { background-position: -80px -66px } .flag.flag-il { background-position: -96px -66px } .flag.flag-im { background-position: -112px -66px } .flag.flag-in { background-position: -128px -66px } .flag.flag-io { background-position: -144px -66px } .flag.flag-iq { background-position: -160px -66px } .flag.flag-ir { background-position: -176px -66px } .flag.flag-is { background-position: -192px -66px } .flag.flag-it { background-position: -208px -66px } .flag.flag-je { background-position: -224px -66px } .flag.flag-jm { background-position: -240px -66px } .flag.flag-jo { background-position: 0 -77px } .flag.flag-jp { background-position: -16px -77px } .flag.flag-ke { background-position: -32px -77px } .flag.flag-kg { background-position: -48px -77px } .flag.flag-kh { background-position: -64px -77px } .flag.flag-ki { background-position: -80px -77px } .flag.flag-km { background-position: -96px -77px } .flag.flag-kn { background-position: -112px -77px } .flag.flag-kp { background-position: -128px -77px } .flag.flag-kr { background-position: -144px -77px } .flag.flag-kurdistan { background-position: -160px -77px } .flag.flag-kw { background-position: -176px -77px } .flag.flag-ky { background-position: -192px -77px } .flag.flag-kz { background-position: -208px -77px } .flag.flag-la { background-position: -224px -77px } .flag.flag-lb { background-position: -240px -77px } .flag.flag-lc { background-position: 0 -88px } .flag.flag-li { background-position: -16px -88px } .flag.flag-lk { background-position: -32px -88px } .flag.flag-lr { background-position: -48px -88px } .flag.flag-ls { background-position: -64px -88px } .flag.flag-lt { background-position: -80px -88px } .flag.flag-lu { background-position: -96px -88px } .flag.flag-lv { background-position: -112px -88px } .flag.flag-ly { background-position: -128px -88px } .flag.flag-ma { background-position: -144px -88px } .flag.flag-mc { background-position: -160px -88px } .flag.flag-md { background-position: -176px -88px } .flag.flag-me { background-position: -192px -88px } .flag.flag-mg { background-position: -208px -88px } .flag.flag-mh { background-position: -224px -88px } .flag.flag-mk { background-position: -240px -88px } .flag.flag-ml { background-position: 0 -99px } .flag.flag-mm { background-position: -16px -99px } .flag.flag-mn { background-position: -32px -99px } .flag.flag-mo { background-position: -48px -99px } .flag.flag-mp { background-position: -64px -99px } .flag.flag-mq { background-position: -80px -99px } .flag.flag-mr { background-position: -96px -99px } .flag.flag-ms { background-position: -112px -99px } .flag.flag-mt { background-position: -128px -99px } .flag.flag-mu { background-position: -144px -99px } .flag.flag-mv { background-position: -160px -99px } .flag.flag-mw { background-position: -176px -99px } .flag.flag-mx { background-position: -192px -99px } .flag.flag-my { background-position: -208px -99px } .flag.flag-mz { background-position: -224px -99px } .flag.flag-na { background-position: -240px -99px } .flag.flag-nc { background-position: 0 -110px } .flag.flag-ne { background-position: -16px -110px } .flag.flag-nf { background-position: -32px -110px } .flag.flag-ng { background-position: -48px -110px } .flag.flag-ni { background-position: -64px -110px } .flag.flag-nl { background-position: -80px -110px } .flag.flag-no { background-position: -96px -110px } .flag.flag-np { background-position: -112px -110px } .flag.flag-nr { background-position: -128px -110px } .flag.flag-nu { background-position: -144px -110px } .flag.flag-nz { background-position: -160px -110px } .flag.flag-om { background-position: -176px -110px } .flag.flag-pa { background-position: -192px -110px } .flag.flag-pe { background-position: -208px -110px } .flag.flag-pf { background-position: -224px -110px } .flag.flag-pg { background-position: -240px -110px } .flag.flag-ph { background-position: 0 -121px } .flag.flag-pk { background-position: -16px -121px } .flag.flag-pl { background-position: -32px -121px } .flag.flag-pm { background-position: -48px -121px } .flag.flag-pn { background-position: -64px -121px } .flag.flag-pr { background-position: -80px -121px } .flag.flag-ps { background-position: -96px -121px } .flag.flag-pt { background-position: -112px -121px } .flag.flag-pw { background-position: -128px -121px } .flag.flag-py { background-position: -144px -121px } .flag.flag-qa { background-position: -160px -121px } .flag.flag-re { background-position: -176px -121px } .flag.flag-ro { background-position: -192px -121px } .flag.flag-rs { background-position: -208px -121px } .flag.flag-ru { background-position: -224px -121px } .flag.flag-rw { background-position: -240px -121px } .flag.flag-sa { background-position: 0 -132px } .flag.flag-sb { background-position: -16px -132px } .flag.flag-sc { background-position: -32px -132px } .flag.flag-scotland { background-position: -48px -132px } .flag.flag-sd { background-position: -64px -132px } .flag.flag-se { background-position: -80px -132px } .flag.flag-sg { background-position: -96px -132px } .flag.flag-sh { background-position: -112px -132px } .flag.flag-si { background-position: -128px -132px } .flag.flag-sk { background-position: -144px -132px } .flag.flag-sl { background-position: -160px -132px } .flag.flag-sm { background-position: -176px -132px } .flag.flag-sn { background-position: -192px -132px } .flag.flag-so { background-position: -208px -132px } .flag.flag-somaliland { background-position: -224px -132px } .flag.flag-sr { background-position: -240px -132px } .flag.flag-ss { background-position: 0 -143px } .flag.flag-st { background-position: -16px -143px } .flag.flag-sv { background-position: -32px -143px } .flag.flag-sx { background-position: -48px -143px } .flag.flag-sy { background-position: -64px -143px } .flag.flag-sz { background-position: -80px -143px } .flag.flag-tc { background-position: -96px -143px } .flag.flag-td { background-position: -112px -143px } .flag.flag-tf { background-position: -128px -143px } .flag.flag-tg { background-position: -144px -143px } .flag.flag-th { background-position: -160px -143px } .flag.flag-tj { background-position: -176px -143px } .flag.flag-tk { background-position: -192px -143px } .flag.flag-tl { background-position: -208px -143px } .flag.flag-tm { background-position: -224px -143px } .flag.flag-tn { background-position: -240px -143px } .flag.flag-to { background-position: 0 -154px } .flag.flag-tr { background-position: -16px -154px } .flag.flag-tt { background-position: -32px -154px } .flag.flag-tv { background-position: -48px -154px } .flag.flag-tw { background-position: -64px -154px } .flag.flag-tz { background-position: -80px -154px } .flag.flag-ua { background-position: -96px -154px } .flag.flag-ug { background-position: -112px -154px } .flag.flag-um { background-position: -128px -154px } .flag.flag-us { background-position: -144px -154px } .flag.flag-uy { background-position: -160px -154px } .flag.flag-uz { background-position: -176px -154px } .flag.flag-va { background-position: -192px -154px } .flag.flag-vc { background-position: -208px -154px } .flag.flag-ve { background-position: -224px -154px } .flag.flag-vg { background-position: -240px -154px } .flag.flag-vi { background-position: 0 -165px } .flag.flag-vn { background-position: -16px -165px } .flag.flag-vu { background-position: -32px -165px } .flag.flag-wales { background-position: -48px -165px } .flag.flag-wf { background-position: -64px -165px } .flag.flag-ws { background-position: -80px -165px } .flag.flag-ye { background-position: -96px -165px } .flag.flag-yt { background-position: -112px -165px } .flag.flag-za { background-position: -128px -165px } .flag.flag-zanzibar { background-position: -144px -165px } .flag.flag-zm { background-position: -160px -165px } .flag.flag-zw { background-position: -176px -165px } .flag+span { text-transform: capitalize; display: inline-block; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin-top: -3px } @media (min-width:768px) and (max-width:979px) { .flag+span { max-width: 30px!important } } .cursor-auto { cursor: auto } .cursor-default { cursor: default } .cursor-none { cursor: none } .cursor-context-menu { cursor: context-menu } .cursor-help { cursor: help } .cursor-progress { cursor: progress } .cursor-wait { cursor: wait } .cursor-cell { cursor: cell } .cursor-crosshair { cursor: crosshair } .cursor-text { cursor: text } .cursor-vertical-text { cursor: vertical-text } .cursor-alias { cursor: alias } .cursor-copy { cursor: copy } .cursor-move { cursor: move } .cursor-no-drop { cursor: no-drop } .cursor-not-allowed { cursor: not-allowed } .cursor-all-scroll { cursor: all-scroll } .cursor-col-resize { cursor: col-resize } .cursor-row-resize { cursor: row-resize } .cursor-n-resize { cursor: n-resize } .cursor-e-resize { cursor: e-resize } .cursor-s-resize { cursor: s-resize } .cursor-w-resize { cursor: w-resize } .cursor-ns-resize { cursor: ns-resize } .cursor-ew-resize { cursor: ew-resize } .cursor-ne-resize { cursor: ne-resize } .cursor-nw-resize { cursor: nw-resize } .cursor-se-resize { cursor: se-resize } .cursor-sw-resize { cursor: sw-resize } .cursor-nesw-resize { cursor: nesw-resize } .cursor-nwse-resize { cursor: nwse-resize } :-webkit-full-screen #fullscreen>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } :-moz-full-screen #fullscreen>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } :-ms-fullscreen #fullscreen>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } :full-screen #fullscreen>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } :fullscreen #fullscreen>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } :-webkit-full-screen video { width: 100%; height: 100% } .ui-widget-overlay { background: #AAA; height: 100%; z-index: 949!important; position: fixed; top: 0; left: 0 } .slider { margin-top: 0; margin-bottom: 30px } .slider.slider-vertical { margin-bottom: 0; margin-right: 5px } .ui-menu { width: 155px; padding: 2px; -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, .25); -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, .25); box-shadow: 0 2px 4px rgba(30, 30, 100, .25); background: #fff; border: 1px solid rgba(0, 0, 0, .2); z-index: 1 } .ui-menu .ui-state-disabled { margin: .4em 0 .2em!important; background: none!important; color: #999!important; font-weight: 400!important; cursor: default } .ui-icon-carat-1-e:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; display: inline } .ui-menu .ui-menu-item a .ui-menu-icon { width: auto; height: auto; top: 0; left: auto; right: auto; bottom: auto; text-indent: 0 } .ui-tabs .ui-tabs-nav li a { border-radius: 0; -moz-border-radius: 0; background-color: #F5F5F5; border: 0px solid #F5F5F5; border-bottom: 0px solid #ddd; color: #838383; /*height:18px;*/ } .ui-tabs .ui-tabs-nav li { margin-right: 0px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { /* font-weight: 700;*/ border-top-width: 0!important; /*margin-top: 1px!important;*/ /*-webkit-box-shadow: 0 -2px 0 #57889c; -moz-box-shadow: 0 -2px 0 #57889c; box-shadow: 0 -2px 0 #57889c*/ background:#1a78bf; font-size:14px; color:#fff; } .ui-tabs .ui-tabs-panel { border: 0px solid #ddd; margin: 0; padding: 10px 0px; border-top: none } .ui-tabs .ui-tabs-nav { margin-bottom: 0 } .ui-accordion .ui-accordion-header { background-color: #fbfbfb; font-size: 15px; padding: 10px 15px 10px 36px!important } .ui-accordion .ui-accordion-content, .ui-accordion .ui-accordion-header { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .ui-accordion .ui-accordion-content { padding: 15px } .ui-accordion-header-active+.ui-accordion-content { border-top: 1px solid #ddd } .ui-accordion .ui-accordion-header { margin-top: -2px } .ui-accordion .ui-accordion-header, .ui-accordion-content { border-color: #ddd!important } .ui-accordion-header-icon { text-indent: 0!important; background-image: none!important; text-align: center; line-height: normal; left: 12px!important; margin-top: -6px!important; font-size: 14px!important } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { text-align: center; margin-top: 2px } .ui-datepicker-next>:first-child, .ui-datepicker-prev>:first-child { text-indent: 0!important } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { background: none!important } .noUi-target * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default } .noUi-base { width: 100%; height: 14px; position: relative; max-width: 100%; max-height: 100%; border: 1px solid #bfbfbf; z-index: 1 } .noUi-origin-lower { background: #72a8d7 } .noUi-handle { background: #858585; height: 30px; width: 16px; border: 1px solid #fff; margin: -8px 0 0 -8px; cursor: default } .noUi-handle:hover { background: #6c6c6c } .noUi-active { cursor: default; box-shadow: rgba(0, 0, 0, .1)1px 1px 1px 0; background: #686868; height: 32px; width: 18px; margin: -9px 0 0 -8px; border: none } .noUi-active:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; height: 100%; border: 1px solid #ddd } .noUi-connect { background: #1a78bf } .noUi-background { background: #eee; border: none } .noUi-origin { position: absolute; right: 0; top: 0; bottom: 0; z-index: 0 } .noUi-origin-upper { background: inherit!important } .noUi-z-index { z-index: 10 } .noUi-vertical { width: 10px; height: 100% } .noUi-vertical .noUi-origin { bottom: 0; left: 0 } .noUi-vertical .noUi-handle { margin: -8px 0 0 -3px } .noUi-target[disabled] .noUi-base { background: #999 } .noUi-target[disabled] .noUi-connect { background: #BBB } .noUi-state-tap .noUi-origin { -webkit-transition: left .3s, top .3s; transition: left .3s, top .3s } .ui-spinner-input { margin: 0!important; height: 30px; padding: 6px 24px 6px 12px } .ui-spinner-input.spinner-left { padding: 6px 12px 6px 24px } .ui-spinner { width: 100% } .ui-spinner-input.spinner-left+.ui-spinner-button, .ui-spinner-input.spinner-left+.ui-spinner-button+.ui-spinner-button { right: auto; left: 0 } .ui-spinner-down, .ui-spinner-up { background: #739e73; border-radius: 0 } .ui-spinner-up:active, .ui-spinner-up:focus, .ui-spinner-up:hover { background: #5b835b } .ui-spinner-down:active, .ui-spinner-down:focus, .ui-spinner-down:hover { background: #77021d } .ui-spinner-down { background: #c2032f } .ui-spinner-down:before, .ui-spinner-up:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; color: #fff; font-size: 14px; margin-top: 1px } .ui-spinner-down:before { content: "\f068" } .ui-spinner-down>:first-child, .ui-spinner-up>:first-child { display: none } .ui-spinner-button { width: 19px } .ui-spinner-input.spinner-both { padding: 6px 30px } .ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button { left: 0; right: auto } .ui-spinner-input.spinner-both+.ui-spinner-button, .ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button { height: 30px; width: 25px } .ui-spinner-input.spinner-both+.ui-spinner-up+.ui-spinner-down:before, .ui-spinner-input.spinner-both+.ui-spinner-up:before { margin-top: 8px } .ui-dialog { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2) } .widget-header>:first-child { margin: 13px 0 } .ui-dialog .ui-dialog-titlebar { padding: 0 10px; background: #fff; border-bottom-color: #eee } .ui-dialog .ui-dialog-title { margin: 0 } .ui-dialog .ui-dialog-titlebar-close { margin-top: -16px; margin-right: 4px } .ui-dialog-titlebar-close:before { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px } .ui-dialog .ui-dialog-buttonpane button { margin: 0 .4em 0 0 } .ui-dialog .ui-dialog-buttonpane { margin-top: 13px; padding: 19px 15px 20px; text-align: right; border-top: 1px solid #eee } .ui-autocomplete { z-index: 905!important } .the-price { background-color: rgba(220, 220, 220, .17); box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff; padding: 20px; margin: 0 } .the-price h1 { line-height: 1em; padding: 0; margin: 0 } .subscript { font-size: 21px; color: #999 } .ribbon { position: absolute; right: 9px; top: -4px } .pricing-big { border: none!important } .pricing-big .panel-heading { border-radius: 5px 5px 0 0 } .pricing-big .panel-title { text-transform: capitalize; font-size: 18px; padding: 20px 0; text-align: center; border-radius: 5px 5px 0 0; margin: 0; font-weight: 700 } .pricing-big .the-price { padding: 20px 0; background: #333; text-align: center; font-size: 24px; font-weight: 700; color: #FFF; box-shadow: none!important; -moz-box-shadow: none!important } .pricing-big .subscript { font-size: 18px; color: #999; margin-left: 5px } .price-features { background: #FAFAFA; padding: 20px 15px; min-height: 230px; font-size: 13.5px } .price-features li+li { margin-top: 10px } .pricing-big .panel-footer { border-radius: 0 0 5px 5px } .pricing-big .panel-footer .btn { padding: 15px 0; border-radius: 3px; font-weight: 700; font-size: 14px } .pricing-big .panel-footer .btn span { font-weight: 400; font-style: italic } .pricing-big .panel-footer { background-color: #F2F2F2!important } .pricing-big .panel-footer>div { padding: 15px 0 10px; display: block; font-size: 13px } .pricing-big table { background: #FAFAFA; padding: 20px 15px; height: 230px; text-align: left } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .pace-inactive { display: none } .pace .pace-progress { background: #1a78bf; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s } .pace .pace-progress-inner { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px) } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 63px; right: 40px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg) } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes pace-spinner { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } #chat-container *, #chat-container:after, #chat-container:before { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box } #chat-container input[type=text] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } #chat-container { position: absolute; width: 250px; height: 270px; z-index: 2; border-left: 1px solid #CDCECF; right: -251px; top: 0; background: #fff; transition-duration: .25s; -webkit-transition-duration: .25s; -moz-transition-duration: .25s; -o-transition-duration: .25s; -ms-transition-duration: .25s } #chat-container:hover, #chat-container:hover .chat-list-open-close { border-color: #A7A7A7 } #chat-container.open { right: 0; top: 0 } #chat-container .chat-list-open-close { display: block; width: 25px; height: 25px; border: 1px solid #CDCECF; border-right: 1px solid #f2f4f8!important; position: absolute; left: -32px; top: 7%; border-radius: 50% 0 0 50%; padding: 3px 1px 3px 5px; font-size: 21px; line-height: 22px; cursor: pointer; color: #868686; box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05); background: #f2f4f8; text-align: center } #chat-container .chat-list-open-close b { position: absolute; right: 0; background: #ed1c24; line-height: 9px; height: 10px; width: 10px; top: 3px; border: 1px solid #FFF; border-radius: 3px; font-size: 9px; text-align: center; vertical-align: middle; color: #fff; font-weight: 400 } #chat-container.open .chat-list-open-close i:before { content: "\f00d"!important } #chat-container.open .chat-list-open-close b { display: none } #chat-container .chat-list-body { height: 217px; overflow-y: scroll; overflow-x: hidden; display: block; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f2f4f8 } #chat-container #chat-users { list-style: none; margin: 10px 0; padding: 0 } #chat-container #chat-users li { margin-bottom: 3px; margin-left: 5px } #chat-container #chat-users li a { display: block; font-size: 13px; color: #3d3d3d; text-decoration: none!important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 8px 3px 3px; line-height: 33px; vertical-align: middle } #chat-container #chat-users li a:hover { background: #e0e4ee } #chat-container #chat-users li a img { width: 33px; height: auto; margin-right: 10px } #chat-container #chat-users li a i { color: #ACACAC; font-size: 8px; line-height: 34px; font-style: normal } #chat-container #chat-users li a i.last-online { font-size: 12px; letter-spacing: -1px } #chat-container .chat-list-footer { overflow: hidden; border-top: 1px solid #CCC; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #chat-container .chat-list-footer input[type=text] { border: 1px solid #bababa!important } #chat-container .control-group { padding: 0 } .chat-body { background: #FAFAFA; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 0, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%); background: -o-linear-gradient(top, #fafafa 0, #fff 100%); background: -ms-linear-gradient(top, #fafafa 0, #fff 100%); background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04); -moz-box-shadow: inset -2px -2px 5px rgba(0, 0, 0, .04); display: block; height: 270px; overflow-y: scroll; overflow-x: hidden; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #fff; border-top: none } .chat-body ul { margin: 0; padding: 0 } .chat-body li.message { display: block; position: relative; margin: 20px 20px 0 } .chat-body li:first-child { margin-top: 10px } .chat-body li.message img { display: inline-block; border-left: 4px solid #fff; position: absolute } .chat-body li.message img.online { border-left-color: #00a300 } .chat-body li.message img.offline { border-left-color: #ddd } .chat-body li.message img.busy { border-left-color: #A90329 } .chat-body li.message img.away { border-left-color: #ffc40d } .chat-body li.message .message-text { display: inline-block; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin-left: 65px; line-height: normal } .chat-body li.message .message-text time { position: absolute; top: 1px; right: 0; font-size: 10px; line-height: 10px; color: #AFAFAF } .chat-body li.message .message-text .chat-file:nth-child(3) { margin-top: 15px } .chat-body li.message .message-text .chat-file { display: block; margin: 3px 0; padding: 4px; border: 1px dotted #ddd; background: rgba(0, 0, 0, .05); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .chat-body li.message .message-text .chat-file.row-fluid [class*=span] { min-height: 10px!important } .chat-body li.message .message-text .chat-file b { font-style: italic; white-space: nowrap; width: 250px; overflow: hidden; text-overflow: ellipsis; text-align: left } .chat-body li.message .message-text a.username { display: block; font-weight: 700; margin-bottom: 4px; vertical-align: top; line-height: 14px; font-size: 14px; letter-spacing: -1px; text-decoration: none!important } .profile-message { background: none!important; height: auto!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; overflow: hidden } .profile-message li.message.message-reply { margin-left: 85px!important; background: #F7F7F7; padding: 10px; margin: 3px 0 0 20px } .profile-message li.message.message-reply img { width: 35px!important } .profile-message li.message.message-reply .message-text { margin-left: 45px!important } .profile-message .wall-comment-reply { margin-left: 85px; margin-bottom: 20px } .chat-footer { border-top: 1px solid rgba(0, 0, 0, .1); background: rgba(248, 248, 248, .9); padding: 0 10px 15px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .textarea-div { background-color: #FFF; border: 1px solid #CCC; border-bottom: none; margin: 10px 0 0 } .typearea { cursor: text; overflow-x: hidden; overflow-y: auto; max-height: 90px; padding: 5px 25px 5px 5px; position: relative; border-bottom: 1px solid #EEE } .typearea textarea { width: 100%; border-color: transparent!important; box-sizing: border-box; box-shadow: none; -moz-box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: none; overflow: hidden; padding: 0; margin: 0; -webkit-transition: height .2s; -moz-transition: height .2s; transition: height .2s; outline: 0; resize: none; min-height: 61px } textarea.clone { position: absolute; visibility: hidden } .textarea-controls { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; display: block; background-color: #FFF; border: 1px solid #CCC; border-top: none; height: 43px; line-height: 33px; overflow: hidden } .textarea-controls>label { margin: 3px 10px 0 } .textarea-controls .smart-form .checkbox { padding-left: 22px!important } @media (min-width:768px) and (max-width:880px) { .chat-body li.message .message-text .chat-file b { width: 150px } } @media only screen and (min-width:320px) and (max-width:479px) { .chat-body li.message .message-text .chat-file b { width: 150px } } @media (max-width:480px) { .chat-body li.message .message-text .chat-file b { width: 150px } } .smart-form *, .smart-form:after, .smart-form:before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box } .smart-form .btn { box-sizing: border-box; -moz-box-sizing: border-box } .smart-form .checkbox+.checkbox, .smart-form .radio+.radio { margin-top: 0 } .smart-form footer .btn { float: right; height: 31px; margin: 10px 0 0 5px; padding: 0 22px; font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif; cursor: pointer } .smart-form legend { padding-top: 15px } .smart-form { margin: 0; outline: 0; color: #666; position: relative } .smart-form header { display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0, 0, 0, .2); background: #fff; font-size: 16px; font-weight: 300; color: #232323; margin: 10px 14px 0 } .smart-form fieldset { display: block; padding: 25px 14px 5px; border: none; background: rgba(255, 255, 255, .9); position: relative } .smart-form fieldset+fieldset { border-top: 1px solid rgba(0, 0, 0, .1) } .smart-form section { margin-bottom: 15px; position: relative } .smart-form footer { display: block; padding: 7px 14px 15px; /* border-top: 1px solid rgba(0, 0, 0, .1); background: rgba(248, 248, 248, .9)*/ } .smart-form footer:after { content: ''; display: table; clear: both } .smart-form .label { display: block; margin-bottom: 6px; line-height: 19px; font-weight: 400; font-size: 13px; color: #333; text-align: left; white-space: normal } .smart-form .label.col { margin: 0; padding-top: 7px } .note, .smart-form .note { margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999 } .smart-form .note a { font-size: 13px } .smart-form .button, .smart-form .checkbox, .smart-form .input, .smart-form .radio, .smart-form .select, .smart-form .textarea, .smart-form .toggle { position: relative; display: block; font-weight: 400 } .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 32px; line-height: 32px; padding: 5px 10px; outline: 0; border-width: 1px; border-style: solid; border-radius: 0; background: #fff; font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none } .smart-form .input-file .button { position: absolute; top: 4px; right: 4px; float: none; height: 22px; margin: 0; padding: 0 14px; font-size: 13px; line-height: 22px } .smart-form .input-file .button:hover { box-shadow: none } .smart-form .input-file .button input { position: absolute; top: 0; right: 0; padding: 0; font-size: 30px; cursor: pointer; opacity: 0 } .smart-form .select i { position: absolute; top: 10px; right: 11px; width: 5px; height: 11px; background: #fff; box-shadow: 0 0 0 9px #fff } .smart-form .select i:after, .smart-form .select i:before { content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent } .smart-form .select i:after { bottom: 0; border-top: 4px solid #404040 } .smart-form .select i:before { top: 0; border-bottom: 4px solid #404040 } .smart-form .select-multiple select { height: auto } .smart-form .textarea textarea { height: auto; resize: none } .smart-form .textarea-resizable textarea { resize: vertical } .smart-form .textarea-expandable textarea { height: 31px } .smart-form .textarea-expandable textarea:focus { height: auto } .smart-form .checkbox, .smart-form .radio { margin-bottom: 4px; padding-left: 25px; line-height: 25px; color: #404040; cursor: pointer; font-size: 13px } .smart-form .checkbox:last-child, .smart-form .radio:last-child { margin-bottom: 0 } .smart-form .checkbox input, .smart-form .radio input { position: absolute; left: -9999px } .smart-form .checkbox i, .smart-form .radio i { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; outline: 0; border-width: 1px; border-style: solid; background: #FFF } .smart-form .radio i { border-radius: 50% } .smart-form .checkbox input+i:after, .smart-form .radio input+i:after { position: absolute; opacity: 0; transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; -moz-transition: opacity .1s; -webkit-transition: opacity .1s } .smart-form .radio input+i:after { content: ''; top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50% } .smart-form .checkbox input+i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome; text-align: center } .smart-form .checkbox input:checked:hover+i:after { content: '\f00d' } .smart-form .checkbox input:checked:disabled:hover+i:after { content: '\f00c' } .smart-form .checkbox input:checked+i:after, .smart-form .radio input:checked+i:after { opacity: 1 } .smart-form .inline-group { margin: 0 -15px -4px 0 } .smart-form .inline-group:after { content: ''; display: table; clear: both } .smart-form .inline-group .checkbox, .smart-form .inline-group .radio { float: left; margin-right: 30px } .smart-form .inline-group .checkbox:last-child, .smart-form .inline-group .radio:last-child { margin-bottom: 4px } .smart-form .toggle { margin-bottom: 4px; padding-right: 61px; font-size: 15px; line-height: 25px; color: #404040; cursor: pointer } .smart-form .toggle:last-child { margin-bottom: 0 } .smart-form .toggle input { position: absolute; left: -9999px } .smart-form .toggle i { content: ''; position: absolute; top: 4px; right: 0; display: block; width: 49px; height: 17px; border-width: 1px; border-style: solid; border-radius: 12px; background: #fff } .smart-form .toggle i:after { content: attr(data-swchoff-text); position: absolute; top: 2px; right: 8px; left: 8px; font-style: normal; font-size: 9px; line-height: 13px; font-weight: 700; text-align: left; color: #5f5f5f } .smart-form .toggle i:before { content: ''; position: absolute; z-index: 1; top: 4px; right: 4px; display: block; width: 9px; height: 9px; border-radius: 50%; opacity: 1; transition: right .2s; -o-transition: right .2s; -ms-transition: right .2s; -moz-transition: right .2s; -webkit-transition: right .2s } .smart-form .toggle input:checked+i:after { content: attr(data-swchon-text); text-align: right } .smart-form .toggle input:checked+i:before { right: 36px } .smart-form .rating { margin-bottom: 4px; font-size: 13px; line-height: 25px; color: #404040 } .smart-form .rating:last-child { margin-bottom: 0 } .smart-form .rating input { position: absolute; left: -9999px } .smart-form .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer } .smart-form .button { float: right; height: 31px; overflow: hidden; margin: 10px 0 0 5px; padding: 0 25px; outline: 0; border: 0; font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; cursor: pointer } .smart-form .icon-append, .smart-form .icon-prepend { position: absolute; top: 5px; width: 22px; height: 22px; font-size: 14px; line-height: 22px; text-align: center } .smart-form .icon-append { right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid } .smart-form .icon-prepend { left: 5px; padding-right: 3px; border-right-width: 1px; border-right-style: solid } .smart-form .input .icon-prepend+input, .smart-form .textarea .icon-prepend+textarea { padding-left: 37px } .smart-form .input .icon-append+input, .smart-form .textarea .icon-append+textarea { padding-right: 37px } .smart-form .input .icon-prepend+.icon-append+input, .smart-form .textarea .icon-prepend+.icon-append+textarea { padding-left: 37px } .smart-form .row { margin: 0 -15px } .smart-form .row:after { content: ''; display: table; clear: both } .smart-form .col { float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box } .smart-form .col-1 { width: 8.33% } .smart-form .col-2 { width: 16.66% } .smart-form .col-3 { width: 25% } .smart-form .col-4 { width: 33.33% } .smart-form .col-5 { width: 41.66% } .smart-form .col-6 { width: 50% } .smart-form .col-8 { width: 66.67% } .smart-form .col-9 { width: 75% } .smart-form .col-10 { width: 83.33% } @media screen and (max-width:600px) { .smart-form .col { float: none; width: 100% } } .smart-form .select select { padding: 5px } .smart-form .tooltip { position: absolute; z-index: 99999; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0, 0, 0, .9); color: #fff; opacity: 0; transition: margin .3s, opacity .3s; -o-transition: margin .3s, opacity .3s; -ms-transition: margin .3s, opacity .3s; -moz-transition: margin .3s, opacity .3s; -webkit-transition: margin .3s, opacity .3s } .smart-form .tooltip:after { content: ''; position: absolute } .smart-form .input input:focus+.tooltip, .smart-form .textarea textarea:focus+.tooltip { opacity: 1 } .smart-form .tooltip-top-right { bottom: 100%; margin-bottom: 15px } .smart-form .tooltip-top-right:after { top: 100%; right: 11px; border-top: 4px solid rgba(0, 0, 0, .9); border-right: 4px solid transparent; border-left: 4px solid transparent } .smart-form .input input:focus+.tooltip-top-right, .smart-form .textarea textarea:focus+.tooltip-top-right { right: 0; left: auto; margin-bottom: 5px } .smart-form .tooltip-top-left { bottom: 100%; margin-bottom: 15px } .smart-form .tooltip-top-left:after { top: 100%; left: 11px; border-top: 4px solid rgba(0, 0, 0, .9); border-right: 4px solid transparent; border-left: 4px solid transparent } .smart-form .input input:focus+.tooltip-top-left, .smart-form .textarea textarea:focus+.tooltip-top-left { right: auto; left: 0; margin-bottom: 5px } .smart-form .tooltip-right { top: 4px; white-space: nowrap; margin-left: 15px } .smart-form .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0, 0, 0, .9); border-bottom: 4px solid transparent } .smart-form .input input:focus+.tooltip-right, .smart-form .textarea textarea:focus+.tooltip-right { left: 100%; margin-left: 5px } .smart-form .tooltip-left { top: 4px; white-space: nowrap; margin-right: 15px } .smart-form .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0, 0, 0, .9) } .smart-form .input input:focus+.tooltip-left, .smart-form .textarea textarea:focus+.tooltip-left { right: 100%; left: auto; margin-right: 5px } .smart-form .tooltip-bottom-right { top: 100%; margin-top: 15px } .smart-form .tooltip-bottom-right:after { bottom: 100%; right: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, .9); border-left: 4px solid transparent } .smart-form .input input:focus+.tooltip-bottom-right, .smart-form .textarea textarea:focus+.tooltip-bottom-right { right: 0; left: auto; margin-top: 5px } .smart-form .tooltip-bottom-left { top: 100%; margin-top: 15px } .smart-form .tooltip-bottom-left:after { bottom: 100%; left: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, .9); border-left: 4px solid transparent } .smart-form .input input:focus+.tooltip-bottom-left, .smart-form .textarea textarea:focus+.tooltip-bottom-left { right: auto; left: 0; margin-top: 5px } .smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i { border-color: #e4e4e4; transition: border-color .3s; -o-transition: border-color .3s; -ms-transition: border-color .3s; -moz-transition: border-color .3s; -webkit-transition: border-color .3s } .smart-form .toggle i:before { background-color: #1a78bf } .smart-form .rating label { color: #ccc; transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s } .smart-form .button { background-color: #1a78bf; opacity: .8; transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; -moz-transition: opacity .2s; -webkit-transition: opacity .2s } .smart-form .button.button-secondary { background-color: #b3b3b3 } .smart-form .icon-append, .smart-form .icon-prepend { color: #A2A2A2 } .smart-form .checkbox:hover i, .smart-form .input:hover input, .smart-form .radio:hover i, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .toggle:hover i { border-color: #5D98CC } .smart-form .rating input+label:hover, .smart-form .rating input+label:hover~label { color: #1a78bf } .smart-form .button:hover { opacity: 1 } .smart-form .checkbox:hover i, .smart-form .radio:hover i, .smart-form .toggle:hover i { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .smart-form .checkbox:active i, .smart-form .radio:active i, .smart-form .toggle:active i { background: #F0F0F0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .smart-form .checkbox input:focus+i, .smart-form .input input:focus, .smart-form .radio input:focus+i, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .toggle input:focus+i { border-color: #1a78bf } .smart-form .radio input+i:after { background-color: #1a78bf } .smart-form .checkbox input+i:after { color: #1a78bf } .smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i { border-color: #1a78bf } .smart-form .rating input:checked~label { color: #1a78bf } .smart-form .checkbox.state-error i, .smart-form .radio.state-error i, .smart-form .state-error input, .smart-form .state-error select, .smart-form .state-error textarea, .smart-form .toggle.state-error i { background: #fff0f0; border-color: #A90329 } .smart-form .toggle.state-error input:checked+i { background: #fff0f0 } .smart-form .state-error+em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #D56161 } .smart-form .rating.state-error+em { margin-top: -4px; margin-bottom: 4px } .smart-form .state-error select+i { background: #FFF0F0; box-shadow: 0 0 0 9px #FFF0F0 } .state-error .icon-append, .state-error .icon-prepend { color: #ed1c24 } .smart-form .checkbox.state-success i, .smart-form .radio.state-success i, .smart-form .state-success input, .smart-form .state-success select, .smart-form .state-success textarea, .smart-form .toggle.state-success i { background: #f0fff0; border-color: #7DC27D } .smart-form .toggle.state-success input:checked+i { background: #f0fff0 } .smart-form .note-success { color: #6fb679 } .smart-form .state-success select+i { background: #f0fff0; box-shadow: 0 0 0 9px #f0fff0 } .smart-form .button.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .input.state-disabled input, .smart-form .radio.state-disabled, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .toggle.state-disabled { cursor: default!important; opacity: .6!important } .smart-form .checkbox.state-disabled:hover i, .smart-form .input.state-disabled:hover input, .smart-form .radio.state-disabled:hover i, .smart-form .select.state-disabled:hover select, .smart-form .textarea.state-disabled:hover textarea, .smart-form .toggle.state-disabled:hover i { border-color: #e5e5e5!important } .smart-form .state-disabled.checkbox input+i:after, .smart-form .state-disabled.checkbox input:checked+i, .smart-form .state-disabled.radio input+i:after, .smart-form .state-disabled.radio input:checked+i, .smart-form .state-disabled.toggle input:checked+i { border-color: #e5e5e5!important; color: #333!important } .smart-form .state-disabled.radio input+i:after { background-color: #333 } .smart-form .message { display: none; color: #6fb679 } .smart-form .message i { display: block; margin: 0 auto 20px; width: 81px; height: 81px; border: 1px solid #6fb679; border-radius: 50%; font-size: 30px; line-height: 81px } .smart-form.submited fieldset, .smart-form.submited footer { display: none } .smart-form.submited .message { display: block; padding: 25px 30px; background: rgba(255, 255, 255, .9); font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif; text-align: center } .smart-form .ui-widget-content .ui-spinner-input { margin: 0; border: 0; box-shadow: none!important; height: 29px } .smart-form-modal { position: fixed; z-index: 1; display: none; width: 400px } .smart-form-modal-overlay { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .7) } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px } .ui-timepicker-div dl { text-align: left } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px } .ui-timepicker-div dl dd { margin: 17px 10px 12px 40% } .ui-timepicker-div td { font-size: 90% } .ui-tpicker-grid-label { background: 0 0; border: none; margin: 0; padding: 0 } .ui-timepicker-rtl { direction: rtl } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0 } .ui-timepicker-rtl dl dt { float: right; clear: right } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px } .smart-form input.input-lg { height: 44px; padding: 10px 16px; font-size: 17px; line-height: 1.33 } .smart-form input.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .smart-form input.input-xs { height: 24px; padding: 2px 10px; font-size: 11px; line-height: 1.5 } .smart-form select.input-sm { height: 30px; line-height: 15px; font-size: 12px } .smart-form select.input-sm+i { height: 10px } .smart-form select.input-lg { height: 44px; line-height: 22px; font-size: 17px } .smart-form select.input-lg+i { height: 11px; top: 17px } .smart-form .checkbox input+input[type=hidden]+i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome; text-align: center } .smart-form .checkbox input:checked:hover+input[type=hidden]+i:after { content: '\f00d' } .smart-form .checkbox input:checked:disabled:hover+input[type=hidden]+i:after { content: '\f00c' } .smart-form .checkbox input:checked+input[type=hidden]+i:after { opacity: 1 } .smart-form .toggle input:checked+input[type=hidden]+i:after { content: attr(data-swchon-text); text-align: right } .smart-form .toggle input:checked+input[type=hidden]+i:before { right: 36px } .error-box { max-width: 900px; margin: 0 auto } .error-text { font-weight: 400; color: #fff; letter-spacing: -4px; font-size: 700%; margin-bottom: 30px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15) } .error-search { width: 300px; margin: 0 auto 20px } .error-icon-shadow { text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, .1), 0 0 5px rgba(102, 30, 30, .1), 0 1px 3px rgba(95, 15, 15, .3), 0 3px 5px rgba(100, 23, 23, .2), 0 5px 10px rgba(114, 30, 30, .25), 0 10px 10px rgba(94, 15, 15, .2), 0 20px 20px rgba(121, 38, 38, .15) } .display-image { margin-top: -60px; margin-right: 20px } .terms-body { max-height: 400px; overflow: auto } #extr-page { background: #fff; overflow: visible } #extr-page .container { border: none } #extr-page #header { margin: 0; height: 71px; border-bottom: 1px solid #eee!important; overflow: hidden; padding: 0 30px; border-width: 0; min-height: 28px; background: #f4f4f4!important } #extr-page #main { padding-top: 20px } #extr-page #header #logo { margin-top: 22px; margin-left: 0 } #extr-page #header #logo img { width: 137px } #extr-page-header-space { float: right; text-align: right; display: block; vertical-align: middle; line-height: 71px } #extr-page-header-space>:first-child { font-size: 13px; margin-right: 14px; vertical-align: -3px; font-weight: 400 } #extr-page-header-space .btn { font-weight: 700; text-transform: uppercase } #extr-page-header-space>* { display: inline-block } #extr-page #main { background: #fff; margin: 0 } #extr-page .hero { background-image: url(../img/gradient/login.png); background-repeat: no-repeat; background-position: 0 137px; height: 360px; width: 100%; float: left } #extr-page h4.paragraph-header { color: #565656; font-size: 15px; font-weight: 400; line-height: 22px; margin-top: 15px; width: 270px } #extr-page h5.about-heading { color: #565656; font-size: 15px; font-weight: 700; line-height: 24px; margin: 0 0 5px } #extr-page .login-header-big { font-weight: 400 } #extr-page .login-desc-box-l { min-height: 350px; width: 50% } #extr-page .login-app-icons { vertical-align: top; margin-top: 90px; width: 300px } @media (min-width:768px) and (max-width:880px) { #extr-page #header { padding: 0 5px!important } } @media only screen and (min-width:0) and (max-width:679px) { #extr-page #header { padding: 0 5px!important } #extr-page #header #logo img { width: 135px } #extr-page #header #logo { margin-top: 22px } } .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none } .dd-list .dd-list { padding-left: 30px } .dd-collapsed .dd-list { display: none } .dd-empty, .dd-item, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px } .dd-handle { display: block; font-size: 15px; margin: 5px 0; padding: 7px 15px; color: #333; text-decoration: none; border: 1px solid #cfcfcf; background: #fbfbfb } .dd-item>button { position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 10px; line-height: 22px!important; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: rgba(0, 0, 0, 0); text-align: center; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px } .dd-item>button:before { content: '\f055'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; color: #0091d9 } .dd-item>button[data-action=collapse]:before { content: '\f056'; color: #a90329 } .dd-empty, .dd-placeholder { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #eee; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999 } .dd-dragel>.dd-item .dd-handle { margin-top: 0 } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1) } .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #bfbfbf; border-bottom: 2px solid #bfbfbf } #nestable-menu { padding: 0; margin: 10px 0 20px } #nestable-output, #nestable2-output { width: 100%; padding: 5px } @media only screen and (min-width:700px) { .dd { float: left; width: 100% } .dd+.dd { margin-left: 2% } } .dd-hover>.dd-handle { background: #2ea8e5!important } .dd3-content { display: block; margin: 5px 0; padding: 6px 10px 8px 40px; font-size: 15px; color: #333; text-decoration: none; border: 1px solid #cfcfcf; background: #fbfbfb } .dd3-content:hover { color: #2ea8e5; background: #fff } .dd-dragel>.dd3-item>.dd3-content { margin: 0 } .dd3-item>button { margin-left: 38px } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #bfbfbf; background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%); background: -moz-linear-gradient(top, #ddd 0, #bbb 100%); background: linear-gradient(top, #ddd 0, #bbb 100%); display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; padding: 8px 15px } .dd3-handle:before { content: '\f0c9'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #818181; font-weight: 400; line-height: 28px } .dd3-handle:hover:before { color: #C27616 } .dd-handle:hover, .dd-handle:hover+.dd-list .dd-handle { background: #FDDFB3!important; border: 1px solid #FAA937; color: #333!important } .dd-handle>span { font-size: 13px; color: #777 } .dd-dragel>.dd-item>.dd-handle { border-left-width: 4px } .dd-dragel>li.dd-item.dd3-item { position: relative; top: 10px; left: 10px; z-index: 999 } #calendar-container { position: relative } .fc table, html .fc { font-size: 12px } .dt-header.calender-spacer { height: 46px; display: block } .jarviswidget #calendar { margin-top: -18px } .fc-widget-content, .fc-widget-header { border-right: none } tr td.fc-first, tr.fc-first th.fc-first { border-left: none } tr.fc-last td { border-bottom: none } .jarviswidget .fc-header-title h2 { text-shadow: 0 1px 0 #fff; margin-top: -12px; margin-left: 10px; font-size: 14px; font-weight: 700; margin-bottom: 0 } .fc-event-time, .fc-event-title { padding: 3px 0 2px 3px; display: inline-block; line-height: 16px; font-weight: 700; font-size: 11px; box-sizing: border-box } #calendar-buttons { position: absolute; right: 14px; top: 5px } .dropzone, td.fc-other-month { background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, .03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, .03)), color-stop(0.75, rgba(0, 0, 0, .03)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(0, 0, 0, .03)25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03)50%, rgba(0, 0, 0, .03)75%, transparent 75%, transparent); background-color: #FAFCFD; background-size: 16px 16px } .fc-corner-right .fc-event-inner { padding-right: 15px } .btn-select-tick i { display: none } .btn-select-tick .btn:hover i { opacity: .3; display: block } .btn-select-tick .active i { display: block; opacity: 1!important } #external-events>li { margin: 6px 4px 6px 0; display: inline-block } #external-events>li>:first-child { padding: 5px 10px 10px; cursor: move; display: block } #external-events>li>:first-child:after { color: #fff; color: rgba(255, 255, 255, .7); content: attr(data-description); font-size: 11px; font-weight: 400; display: block; line-height: 0; margin: 7px 0; text-transform: lowercase } .table-wrap { overflow: auto } .inbox-body { position: relative } .inbox-body .table-wrap { background: #fff; padding: 10px 14px 7px; position: relative; margin-left: 200px; overflow-x: hidden } .inbox-body.no-content-padding { margin-top: 0; background: #fff; overflow: hidden } .inbox-nav-bar { height: 70px; margin-bottom: 0; padding: 20px 14px; background: #fff } .inbox-nav-bar .page-title { display: inline-block; margin: 0; width: 196px; line-height: 33px; vertical-align: middle } .inbox-footer { position: absolute; bottom: -53px } .inbox-footer .btn-group, .inbox-paging { margin-left: 10px } #inbox-table { font-size: 13px; border-top: none; border-left-color: transparent!important; border-right-color: transparent!important } #inbox-table tbody tr:hover { cursor: pointer; background: #E4E4E4 } #inbox-table tr td { border-right: none; border-left: none; line-height: 26px; padding: 6px 4px 7px!important } #inbox-table .inbox-table-icon { padding-left: 15px!important } #inbox-table tbody tr th { overflow: hidden } #inbox-table.table tbody>tr>td { border-color: #fff!important } #inbox-table .checkbox, #inbox-table .radio { margin-top: -1px; margin-bottom: 0 } .inbox-data-attachment, .inbox-table-icon { width: 28px; text-align: left; padding-left: 12px!important; padding-right: 0!important } .inbox-data-from { width: 200px } .inbox-data-from>:first-child { width: 200px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .inbox-data-date { width: 80px; padding-left: 7px!important; padding-right: 0!important } .inbox-data-message>:first-child { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 27px; color: #8A8A8A } .inbox-data-message>:first-child span { color: #111 } .inbox-data-message>:first-child span.label { color: #fff } .inbox-data-message>:first-child>:first-child:after { content: " - " } .unread td { background: #fff } .unread .inbox-data-date>:first-child, .unread .inbox-data-from>:first-child, .unread .inbox-data-message>:first-child>:first-child { font-weight: 700 } tr.highlight td, tr.unread.highlight td { background: #ffc!important; color: #333 } .inbox-checkbox-triggered { display: inline-block } .inbox-checkbox-triggered>.btn-group { margin-right: 10px } .inbox-checkbox-triggered>.btn-group .btn { padding-left: 14px; padding-right: 14px } .inbox-side-bar { height: 100%; position: absolute; background: #fff; display: block; width: 200px; padding: 10px 0 10px 14px; -webkit-overflow-scrolling: touch; z-index: 1 } .inbox-side-bar::-webkit-scrollbar { width: 0!important } .inbox-side-bar h6 { font-weight: 400; font-size: 11px; display: block; padding: 0 15px; text-transform: uppercase; color: #838383 } .inbox-side-bar h6 a { font-size: 14px; margin-top: -2px } .inbox-side-bar h6 .tooltip { text-transform: none!important } .inbox-side-bar>.btn { margin-bottom: 35px } .inbox-side-bar .input-group { margin-bottom: 25px } #compose-mail-mini { margin-left: 4px } .inbox-space { display: block; width: 185px } .inbox-space>.progress { margin-top: 5px } .inbox-menu-lg { list-style: none; padding: 0; margin: 0 0 20px } .inbox-menu-lg li a { display: block; padding: 6px 15px 7px; font-size: 13px; color: #333 } .inbox-menu-lg li { display: block; width: 100% } .inbox-menu-lg li a:hover { text-decoration: none; background: #f4f4f4 } .inbox-menu-lg li.active a { font-weight: 700; background: #F0F0F0; border-bottom: 1px solid #E7E7E7; color: #1a78bf } .inbox-menu-sm { list-style: none; padding: 0; margin: 0 0 20px } .inbox-menu-sm li a { display: block; padding: 8px 15px 10px; font-size: 13px; color: #333 } .inbox-menu-sm li { display: block; width: 100% } .inbox-menu-sm li a:hover { text-decoration: none; background: #f4f4f4 } .inbox-menu-sm li.active a { font-weight: 700; background: #F0F0F0; border-bottom: 1px solid #E7E7E7; color: #1a78bf } .email-open-header { margin: -10px 0 0 0; font-size: 20px; border-bottom: 1px solid #bfbfbf; border-top: 1px solid #eee; padding: 15px 3px } .email-open-header>span { font-size: 10px; font-weight: 400; padding: 3px 5px; letter-spacing: normal; text-transform: uppercase; vertical-align: middle; line-height: 33px; background: #ACACAC } .inbox-info-bar { padding: 10px 0; border-bottom: 1px solid #bfbfbf } .inbox-info-bar img { width: 35px; height: auto; display: inline-block; vertical-align: middle; margin-right: 7px; margin-left: 2px; border-left: 3px solid #fff } .inbox-download, .inbox-message { padding: 15px 4px; border-bottom: 1px solid #bfbfbf } .inbox-download-list { list-style: none; margin: 5px 0 0; padding: 0 } .inbox-download-list li { display: inline-block; margin: 0 5px 0 0; vertical-align: top } .inbox-download-list li>:first-child { margin-bottom: 0; width: 150px; overflow: hidden } .inbox-download-list li>:first-child:hover { background: #fff; border-color: silver } .inbox-download-list li>:first-child>:first-child { text-align: center; display: block; color: #D6D6D6 } .inbox-download-list li>:first-child>:first-child>.fa { font-size: 150px } .inbox-download-list li>:first-child>:first-child>img { max-width: 120px } .inbox-compose-footer { padding: 10px; background: #F5F5F5; border-bottom: 1px solid #A9A9A9 } .inbox-compose-footer, .inbox-download, .inbox-info-bar, .inbox-message { margin-right: 240px; position: relative } .email-infobox { display: block; width: 180px; border-bottom: 1px solid #bfbfbf; padding-bottom: 0; padding-top: 15px; position: absolute; top: 65px; right: 15px } .inbox-info-bar .form-group { margin: 0 } .inbox-info-bar .form-group input, .inbox-info-bar .select2-container-multi .select2-choices { border-color: #fff!important } .inbox-info-bar .select2-choices>div { display: none } .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 { padding-left: 0; padding-right: 0 } .fileinput { padding-top: 3px } .hidden { display: none } .inbox-info-bar em { position: absolute; top: 6px; right: 20px; text-align: right; font-style: normal } .email-reply-text>div { border-left: 1px solid #D6D6D6; padding-left: 10px; margin-left: 50px; color: #A9A9A9 } .inbox-body .note-editor .note-editable { height: 100% important } .email-reply-text>:first-child { padding-left: 45px } @media (max-width:1280px) { .inbox-compose-footer, .inbox-info-bar, .inbox-message { margin-right: 0 } .email-infobox { display: none } } @media (max-width:1024px) { .inbox-side-bar { display: none!important } .inbox-body .table-wrap { margin-left: 0!important } .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 { padding-left: 26px; padding-right: 26px } } #inbox-content .note-insert, #inbox-content [data-event=codeview], #inbox-content [data-event=showHelpDialog] { display: none!important } #inbox-content [data-event=fullscreen] { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px } #inbox-content .note-toolbar .btn-sm { padding: 2px 6px 3px; font-size: 14px } #inbox-content .note-toolbar .note-para .dropdown-menu { min-width: 180px } .profile-pic { text-align: right } .profile-pic>img { border-radius: 0; position: relative; border: 5px solid #fff; top: -30px; left: 10px; display: inline-block; text-align: right; z-index: 4; max-width: 100px; margin-bottom: -30px } .profile-carousel .carousel-inner { max-height: 150px } .friends-list li { margin-bottom: 10px; margin-right: 3px; padding: 0 } .friends-list img { width: 35px; border: 1px solid #fff; outline: 1px solid #bfbfbf } .profile-link-btn { color: #999; font-size: 14px } time.icon { font-size: 14px; display: block; position: relative; width: 35px; height: 43px; background-color: #fff; margin: 3px auto; border-radius: 7px; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #EEE9E9, 0 4px 0 #fff, 0 5px 0 #FFF, 0 0 0 1px #D3D3D3; overflow: hidden } time.icon * { display: block; width: 100%; font-size: 10px; font-weight: 700; font-style: normal; text-align: center } time.icon strong { position: absolute; top: 0; padding: 2px 0; color: #fff; background-color: #3a3633; -webkit-box-shadow: 0 2px 0 #3a3633; box-shadow: 0 2px 0 #3a3633; border-radius: 6px 6px 0 0 } time.icon em { position: absolute; bottom: 3px; color: #1a78bf } time.icon span { width: 100%; font-size: 15px; letter-spacing: -.05em; padding-top: 21px; color: #2f2f2f } .user { display: block; float: left; width: 170px; margin: 0 15px 15px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .user img { float: left; width: 35px; margin-right: 5px } .user .email { color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .search-results { padding: 18px 5px } .search-results+.search-results { border-top: 1px dashed #E3E3E3 } .search-results>:first-child { margin-bottom: 4px; font-weight: 400 } .search-results>:first-child a { text-decoration: underline } .search-results .url { font-style: normal; font-size: 14px } .search-results img { display: inline-block; margin-top: 4px; margin-right: 4px; width: 80px } .search-results>div { display: inline-block; vertical-align: top } .search-results .note { margin: 0; line-height: normal } .search-results .note a { text-decoration: none!important; color: #333 } .search-results .note a:hover { color: #ed1c24 } .todo-group-title { margin: 0; line-height: 31px; padding: 0 0 0 10px; background: #fafafa; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #f4f4f4; color: #999 } .todo { margin: 0; padding: 0; min-height: 5px; list-style: none } .todo>li { display: block; position: relative; overflow: hidden; border-bottom: 1px solid #e7e7e7; margin: 0 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat } .todo>li:last-child, .todo>li:only-child { border-bottom: none } .todo>li>:first-child { display: block; border-right: 1px solid #FFE1EB; height: 100%; padding: 6px 11px 6px 18px; width: 20px; vertical-align: top; position: absolute } .todo>li>:first-child:hover { cursor: move } .todo>li.complete>:first-child:hover { cursor: default } .todo>li.complete { background: 0 0 } .todo>li>p { height: 100%; margin-left: 52px; border-left: 1px solid #FFE1EB; display: inline-block; padding: 8px 0 6px 7px; margin-bottom: 0; min-height: 37px; line-height: normal; font-size: 14px; font-weight: 500; color: #333 } .todo>li>p>span { display: block; line-height: 12px; font-size: 10px; font-weight: 400 } .todo>li>p>:first-child { margin-top: -5px; color: #999; margin-bottom: 4px } .todo>li>p>.date { color: #bfbfbf } .todo>li.complete>* { text-decoration: line-through; font-style: italic } .todo>li.ui-sortable-helper { border-top: 1px solid #eee; background: rgba(113, 132, 63, .1) } .smart-timeline { position: relative } .smart-timeline-list { list-style: none; margin: 0; padding: 0 } .smart-timeline-list:after { content: " "; background-color: #eee; position: absolute; display: block; width: 2px; top: 0; left: 95px; bottom: 0; z-index: 1 } .smart-timeline-list li { position: relative; margin: 0; padding: 15px 0 } .smart-timeline-list>li:hover { background-color: #f4f4f4 } .smart-timeline-hover li:hover { background-color: #f9f9f9 } .smart-timeline-icon { background: #1a78bf; color: #fff; border-radius: 50%; position: absolute; width: 32px; height: 32px; line-height: 28px; font-size: 14px; text-align: center; left: 80px; top: 10px; z-index: 100; padding: 2px } .smart-timeline-icon>img { height: 32px; width: 32px; border-radius: 50%; margin-top: -2px; margin-left: -2px; border: 2px solid #1a78bf } .smart-timeline-time { float: left; width: 70px; text-align: right } .smart-timeline-time>small { font-style: italic } .smart-timeline-content { margin-left: 123px } .table-forum thead tr { background: none!important } .table-forum thead tr th { font-size: 17px; font-weight: 400; border-bottom-color: #F1F1F1 } .table-forum tr td { border-top-style: dashed!important; padding-top: 12px!important; padding-bottom: 12px!important } .table-forum tr td h4 { font-size: 15px; font-weight: 700 } .table-forum tr td h4 small { font-size: 13px; display: block; margin-top: 2px } .table-forum tr td>i { margin-top: 4px; padding-left: 10px } .table-forum tr.locked h4>a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f023" } .table-forum tr.closed h4>a { text-decoration: line-through; color: #848484; cursor: not-allowed } .forum-attachment { margin-top: 20px; display: block } .ajax-loading-error { margin-top: 70px; display: block; text-align: center; font-size: 23px; font-weight: 700 } .ajax-notifications .ajax-loading-error { text-align: center; margin-top: 20px; font-size: 15px } .ajax-notifications .ajax-loading-animation { font-size: 15px; text-align: center; margin-top: 70px } .project-members a { display: inline-block; overflow: hidden; margin: 0 3px 0 0; border-radius: 0 } .smart-rtl.project-members a { margin: 0 0 0 3px } .project-members img { width: 25px; border-radius: 0 } .projects-table>tbody>tr>td { padding: 7px 10px 3px!important } html { margin: 0; padding: 0; min-height: 100%; /* background: url(../img/mybg.png) #fff;*/ background:#e8ecf2; position: relative } body { margin: 0; padding: 0; min-height: 100%; background:#e8ecf2; direction: ltr } body.mobile-view-activated.hidden-menu { overflow-x: hidden } body.modal-open { overflow: hidden!important } a:active, a:focus, a:hover, button, button:active, button:focus, embed, input::-moz-focus-inner, object { outline: 0 } h1, h2, h3, h4 { margin: 0; font-family: "Open Sans"; font-weight: 300 } .page-title { margin: 12px 0 28px; float:left; } .page-title span { font-size: 16px; color: #333; display: inline-block; vertical-align: 1px } label { font-weight: 400 } :focus { outline: 0!important } a, button, input { -ms-touch-action: none!important } .uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { outline: 0; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important } .form-control, .input-lg, .input-sm, .input-xs { border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important } .input-xs { height: 24px; padding: 2px 10px; font-size: 11px; line-height: 1.5 } .btn-xs { padding: 1px 5px } .btn-sm { padding: 3px 10px 4px; font-size:13px; } .btn-lg { padding: 10px 16px } .no-space { margin: 0 } .no-space>[class*=col-] { margin: 0!important; padding-right: 0; padding-left: 0 } #content { padding: 18px 14px 30px; position: relative } body.container { position: absolute; left: 0; right: 0; padding: 0; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; box-shadow: 0 2px 70px rgba(0, 0, 0, .45) } body.container.hidden-menu:not(.mobile-view-activated) { overflow: hidden } h1 { letter-spacing: -1px; font-size: 24px; margin: 10px 0 } h1 small { font-size: 18px; font-weight: 300; letter-spacing: -1px } .lead { font-size: 19px } h2 { letter-spacing: -1px; font-size: 22px; margin: 20px 0; line-height: normal } h3 { display: block; font-size: 19px; font-weight: 400; margin: 20px 0; line-height: normal } h4 { line-height: normal } h5 { font-size: 17px; font-weight: 300; margin: 10px 0; line-height: normal } h6 { font-size: 15px; margin: 10px 0; font-weight: 700; line-height: normal } .row-seperator-header { margin: 15px 14px 20px; border-bottom: none; display: block; color: #646464; font-size: 20px; font-weight: 400 } .center-canvas, .center-child-canvas>canvas { display: block!important; margin: 0 auto!important } .bordered { border: 1px solid rgba(0, 0, 0, .2) } .bordered:hover { border: 1px solid rgba(0, 0, 0, .4) } aside { display: block; background: #535353; min-height: 100% } #header { display: block; height: 90px; /* probe logo issue*/ margin: 0; padding: 0 13px 0 0; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2)); background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2); background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); background-repeat: repeat-x; position: relative; z-index: 905 } #header>div { display: inline-block; vertical-align: middle; height: 49px; float: left } #header>div.open { font-weight: 700 } .fixed-header #header { position: fixed; width: 100%; z-index: 905; top: 0; border-bottom: 2px solid #999; border-bottom: 1px solid rgba(0, 0, 0, .3); box-shadow: -11px 12px 23px rgba(0, 0, 0, .1) } .fixed-header.fixed-ribbon #header { border-bottom: none; box-shadow: none } .container.fixed-header #header { max-width: 1164px } .fixed-header #header .ajax-dropdown { z-index: 906 } .fixed-header #shortcut { position: fixed } .fixed-header #main { margin-top: 49px } #logo-group>span { display: inline-block; height: 39px; float: left } #logo-group span#activity { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: default!important; display: inline-block; font-weight: 700; height: 24px; width: 24px; padding: 2px; text-align: center; text-decoration: none!important; -moz-user-select: none; -webkit-user-select: none; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #bfbfbf; color: #c4bab6; font-size: 19px; margin: 10px 0 0; position: relative } #logo-group span#activity:hover { border: 1px solid #bfbfbf; transition: all 0s; cursor: pointer!important; -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08); box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08) } #logo { display: inline-block; width: 175px; margin-top: 26px; margin-left: 9px } /*#logo img { width: 110px; height: auto; padding-left: 3px }*/ #logo-group>span b.badge { position: absolute; top: -5px; right: -5px; cursor: pointer; background: #0091d9; display: inline-block; font-size: 10px; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); color: #fff; font-weight: 700; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 2px 4px 3px; text-align: center; line-height: normal } #activity.active .badge { background: #006fa6!important } #project-context, .project-context { display: inline-block; padding: 7px 13px 0; position: relative } #project-context>span, .project-context>span { display: block } #project-context>:first-child, .project-context>:first-child { display: block; color: #bfbfbf; font-size: 10px; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 1px #fff; padding-left: 0; text-align: left } #project-selector, .project-selector { max-width: 97%; white-space: nowrap; background: 0 0; border: none; padding: 0; text-align: left; color: #555; font-size: 14px; cursor: pointer } #project-selector:hover, .project-selector:hover { color: #333 } .header-search { position: relative } .header-search.pull-right { margin-left: 6px } .header-search>input[type=text] { display: block; box-sizing: border-box; -moz-box-sizing: border-box; min-width: 200px; width: 100%; height: 30px; padding: 0 10px; outline: 0; border-width: 1px; border-style: solid; border-radius: 0; border-color: #bfbfbf; background: #fff; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; margin-top: 10px; line-height: normal } .header-search>button { background: 0 0; border: none; color: #6D6A69; font-size: 17px; height: 30px; line-height: 30px; margin: 0; padding: 0; position: absolute; right: 0; top: 10px; width: 30px; z-index: 2 } #search-mobile { display: none } #cancel-search-js { position: absolute; display: none; background: #a90329; z-index: 3; color: #fff; padding: 0; right: 10px; top: 10px; text-align: center; height: 29px; line-height: 29px; width: 30px; font-size: 17px; text-decoration: none!important } #header>:first-child, aside { width: 220px } #left-panel { position: absolute; top: 0; left: 0; z-index: 904; padding-top: 49px } #main { margin-left: 220px; padding: 0; padding-bottom: 52px; min-height: 500px; position: relative } #ribbon { padding: 0 0px; position: relative } #ribbon .breadcrumb { display: inline-block; margin: 0; padding: 16px 0px 11px 0!important; background: 0 0; vertical-align: top } #ribbon .breadcrumb, #ribbon .breadcrumb a { color: #9e9e9e; font-size:14px; text-decoration: none!Important } #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active { color: #9e9e9e } #ribbon .breadcrumb li:last-child a { color:#333; } .fixed-ribbon #ribbon { position: fixed; right: 0; left: 220px; top: 49px; z-index: 901 } .container.fixed-ribbon #ribbon { width: 944px; left: 590px } .fixed-ribbon #content { padding-top: 50px } .minified.fixed-ribbon #ribbon { left: 45px } .hidden-menu.fixed-ribbon #ribbon { left: 10px } .fixed-navigation #left-panel { height: 100%; position: fixed } .fixed-navigation nav { -webkit-overflow-scrolling: touch; overflow-y: auto; height: 100%; padding-bottom: 49px } .fixed-navigation nav>ul { padding-right: 15px; position: relative; height: 100%; width: 114%; overflow-x: hidden; overflow-y: scroll } .mobile-detected.fixed-navigation nav>ul { padding-right: 30px!important } .minified.fixed-navigation nav { -webkit-overflow-scrolling: none; overflow: visible; height: auto; padding-bottom: 0 } .minified.fixed-navigation nav>ul { overflow: visible; padding-right: 0; width: 100% } nav ul li a:active { background: #616161!important } nav ul { width: 100%; padding: 40px 28px 25px 0; padding: 0; margin: 0; font-size: 13px; line-height: .5em; list-style: none; position: relative } nav ul .active>a { color: #fff!important; position: relative } nav ul li.active>a:before { content: "\f0d9"; font-family: FontAwesome; display: block; height: 27px; line-height: normal; width: 27px; position: absolute; right: -21px; font-size: 20px; color: #eee } nav ul li.active.open>a:before { content: "" } nav>ul>li:last-child.open { border-bottom: 1px solid rgba(255, 255, 255, .15) } nav ul li a { line-height: normal; font-size: 14px; padding: 10px 10px 10px 11px; color: #c0bbb7; display: block; font-weight: 400; text-decoration: none!important; position: relative } nav>ul>li>ul>li>a, nav>ul>li>ul>li>ul>li>a { padding-top: 7px; padding-bottom: 7px } nav ul li a:focus { color: #c9c9c9 } nav ul li a:hover { color: #fff; text-decoration: none } nav ul li a.inactive, nav ul li a.inactive:hover { opacity: .5; cursor: not-allowed; color: #c0bbb7 } nav ul b { float: right; font-size: 11px; margin-top: 2px } nav ul span.menu-item-parent { display: inline-block; margin: 0; padding: 0 } nav ul li.open>a, nav ul li.open>a b { color: #fff!important } nav>ul>li>a b { position: absolute!important; right: 10px; top: 10px } nav>ul>li>a>i { margin-right: 5px; width: 15px; display: inline-block; text-align: center; position: relative } nav>ul>li>a>i>em { font-size: 9px; display: block; padding: 2px; position: absolute; top: -8px; right: -6px; text-decoration: none; font-style: normal; background: #ED1C24; color: #fff; min-width: 13px; border-radius: 50%; max-height: 13px; line-height: 8px; font-weight: 700; vertical-align: baseline; white-space: nowrap; text-align: center; border: 1px solid rgba(255, 255, 255, .1) } nav ul li li { border-bottom: none; position: relative } nav>ul>li>ul::before { content: ""; display: block; position: absolute; z-index: 1; left: 23px; top: 0; bottom: 0; border-left: 1px solid #7A7A7A } nav>ul ul li::before { content: ""; display: block; position: absolute; width: 8px; left: 23px; top: 16px; border-top: 1px solid #7A7A7A; z-index: 1 } nav>ul ul ul li::before { content: ""; display: block; position: absolute; width: 18px; left: 10px; top: 17px; border-top: 1px solid transparent } nav>ul ul li a i { font-size: 14px!important; width: 18px!important; text-align: center!important; vertical-align: 0!important; line-height: 1!important } nav>ul>li:hover>ul::before, nav>ul>li:hover>ul>li::before { border-color: #ACACAC!important } nav ul ul { margin: 0; display: none; background: rgba(69, 69, 69, .6); padding: 7px 0 } nav ul ul ul { background: 0 0; padding: 0 } nav ul ul li { margin: 0; padding: 0 } nav ul ul li>a { padding-left: 42px; font-size: 14px; font-weight: 400; outline: 0 } nav ul ul li>a:hover { background-color: rgba(69, 69, 69, .8); color: #fff } nav ul ul ul li a { color: #bfbfbf; padding: 8px 10px 8px 60px; font-size: 14px } nav ul ul ul li a:hover { color: #fff } nav ul ul ul ul li a { padding-left: 80px } nav ul ul ul ul ul li a { padding-left: 100px } nav ul ul ul ul ul ul li a { padding-left: 120px } nav ul ul b { color: #B3B3B3 } nav ul ul>li:hover b { color: #D5D9E2 } .header-dropdown-list { list-style: none; float: right; position: relative; margin: 0; padding-left: 0; padding-right: 0 } .header-dropdown-list>li { display: inline-block; padding-right: 5px } .header-dropdown-list>li>.dropdown-toggle { margin-top: 16px; display: block } .smart-accordion-default.panel-group { margin-bottom: 0 } .smart-accordion-default.panel-group .panel+.panel { margin-top: -1px } .smart-accordion-default.panel-group .panel-heading { padding: 0 } .smart-accordion-default.panel-group .panel-title a { display: block; padding: 10px 15px; text-decoration: none!important } .panel-group .panel, .smart-accordion-default .panel-heading { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 } .smart-accordion-default .panel-default>.panel-heading { background-color: #fcfcfc } .smart-accordion-default .panel-default { border-color: #c3c3c3 } .smart-accordion-default .panel-title>a.collapsed>.fa, .smart-accordion-default .panel-title>a>:first-child { display: none } .smart-accordion-default .panel-title>a.collapsed>:first-child { display: inline-block } .no-padding .smart-accordion-default>div { border-left: none!important; border-right: none!important } .no-padding .smart-accordion-default>div:first-child { border-top: none!important } .no-padding .smart-accordion-default>div:last-child { border-bottom: none!important } .onoffswitch-container { margin-top: 4px; margin-left: 7px; display: inline-block } .onoffswitch { position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: 3px; margin-bottom: 3px; margin-left: 5px; display: inline-block; vertical-align: middle } .onoffswitch-checkbox { display: none } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #626262; border-radius: 50px; border-color: #adadad #b3b3b3 #9e9e9e; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .onoffswitch-inner { width: 200%; margin-left: -100%; display: block } .onoffswitch-inner:after, .onoffswitch-inner:before { float: left; width: 50%; height: 15px; padding: 0; line-height: 15px; font-size: 10px; font-family: "Open Sans"; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .onoffswitch-inner:before { content: attr(data-swchon-text); text-shadow: 0 -1px 0 #333; padding-left: 7px; background-color: #1a78bf; color: #fff; box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05); text-align: left } .onoffswitch-inner:after { content: attr(data-swchoff-text); padding-right: 7px; text-shadow: 0 -1px 0 #fff; background-color: #fff; color: #555; text-align: right; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .onoffswitch-switch { width: 19px; height: 19px; margin: -2px; background: #fff; border: 1px solid #9a9a9a; border-radius: 50px; position: absolute; top: 0; bottom: 0; right: 32px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-color: #f4f4f4; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: -o-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); background-repeat: repeat-x; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3) } .onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before { content: "\f00d"; color: #a90329; display: block; text-align: center; line-height: 19px; font-size: 10px; text-shadow: 0 -1px 0 #fff; font-weight: 700; font-family: FontAwesome } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before { content: "\f00c"; color: #57889c } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0; display: block } .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { right: 0 } .onoffswitch-switch:hover { background-color: #eee } .onoffswitch-switch:active { background-color: #eee; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05) } .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before, .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:after { text-shadow: 0 1px 0 #fff; background: #bfbfbf; color: #333 } .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch { background-color: #f4f4f4; background-image: -moz-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4)); background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: -o-linear-gradient(top, #bfbfbf, #f4f4f4); background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4); box-shadow: none!important } .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-label, .onoffswitch-checkbox:disabled+.onoffswitch-label { border-color: #ababab #999 #878787!important } .onoffswitch-checkbox:checked+.onoffswitch-label { border-color: #1a78bf #2a6395 #255681 } .onoffswitch+span, .onoffswitch-title { display: inline-block; vertical-align: middle; margin-top: -5px } .form-control { box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important } .form hr { margin-left: -13px; margin-right: -13px; border-color: rgba(0, 0, 0, .1); margin-top: 20px; margin-bottom: 20px } .form fieldset { display: block; border: none; background: rgba(255, 255, 255, .9); position: relative } fieldset { position: relative } .form-actions { display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0, 0, 0, .1); background: rgba(249, 249, 249, .9); margin-top: 25px; margin-left: -13px; margin-right: -13px; margin-bottom: -13px; text-align: right } .well .form-actions { margin-left: -19px; margin-right: -19px; margin-bottom: -19px } .well.well-lg .form-actions { margin-left: -24px; margin-right: -24px; margin-bottom: -24px } .well.well-sm .form-actions { margin-left: -9px; margin-right: -9px; margin-bottom: -9px } .popover-content .form-actions { margin: 0 -14px -9px; border-radius: 0 0 3px 3px; padding: 9px 14px } .no-padding .form .form-actions { margin: 0; display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0, 0, 0, .1); background: rgba(248, 248, 248, .9); text-align: right; margin-top: 25px } .bootstrap-duallistbox-container label, .form header, legend { display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0, 0, 0, .2); background: #fff; font-size: 16px; font-weight: 300; color: #222; margin: 25px 0 20px } .no-padding .form header { margin: 25px 14px 0 } .form header:first-child { margin-top: 10px } legend { font-weight: 400; margin-top: 0; background: 0 0 } .input-group-addon { padding: 6px 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: background-color .3s; -o-transition: background-color .3s; -ms-transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; border:1px solid #e4e4e4; } .input-group-addon .fa { font-size: 14px } .input-group-addon .fa-2x, .input-group-addon .fa-lg { font-size: 2em } .input-group-addon .fa-3x, .input-group-addon .fa-4x, .input-group-addon .fa-5x { font-size: 30px } input[type=text]:focus+.input-group-addon { border-color: #0091d9; background-color: #72a0ce; color: #fff } .has-warning input[type=text], .has-warning input[type=text]+.input-group-addon { border-color: #dbab57 } .has-warning input[type=text]+.input-group-addon { background-color: #faf2cc; color: #c09853 } .has-warning input[type=text]:focus, .has-warning input[type=text]:focus+.input-group-addon { border-color: #dbab57 } .has-warning input[type=text]:focus+.input-group-addon { background-color: #e1c118; color: #fff } .has-error .input-group-addon { border-color: #b94a48; background: #f2dede; color: #b94a48 } .has-error input[type=text], .has-error input[type=text]+.input-group-addon { border-color: #b94a48 } .has-error input[type=text]+.input-group-addon { background-color: #f2dede; color: #b94a48 } .has-error input[type=text]:focus, .has-error input[type=text]:focus+.input-group-addon { border-color: #c05e5e } .has-error input[type=text]:focus+.input-group-addon { background-color: #c05e5e; color: #fff } .has-success input[type=text]:focus+.input-group-addon { border-color: #468847; background-color: #468847; color: #fff } .form .form-group:last-child, .form .form-group:last-child .note, .form fieldset .form-group:last-child, .form fieldset .form-group:last-child .note { margin-bottom: 0 } .note { margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999 } .input-icon-right { position: relative } .input-icon-left>i, .input-icon-right>i { position: absolute; right: 10px; top: 30%; font-size: 16px; color: #bfbfbf } .input-icon-left>i { right: auto; left: 24px } .input-icon-right .form-control { padding-right: 27px } .input-icon-left .form-control { padding-left: 29px } input[type=color].ui-autocomplete-loading, input[type=date].ui-autocomplete-loading, input[type=datetime-local].ui-autocomplete-loading, input[type=datetime].ui-autocomplete-loading, input[type=email].ui-autocomplete-loading, input[type=month].ui-autocomplete-loading, input[type=number].ui-autocomplete-loading, input[type=password].ui-autocomplete-loading, input[type=search].ui-autocomplete-loading, input[type=tel].ui-autocomplete-loading, input[type=text].ui-autocomplete-loading, input[type=time].ui-autocomplete-loading, input[type=url].ui-autocomplete-loading, input[type=week].ui-autocomplete-loading { background-image: url(../img/select2-spinner.gif)!important; background-repeat: no-repeat; background-position: 99% 50%; padding-right: 27px } .input-group-addon .checkbox, .input-group-addon .radio { min-height: 0; margin-right: 0!important; padding-top: 0 } .input-group-addon label input[type=checkbox].checkbox+span, .input-group-addon label input[type=checkbox].checkbox+span:before, .input-group-addon label input[type=radio].radiobox+span, .input-group-addon label input[type=radio].radiobox+span:before { margin-right: 0 } .input-group-addon .onoffswitch, .input-group-addon .onoffswitch-label { margin: 0 } .timeline-seperator { display: block; text-align: center; color: #999; margin: 20px 0 0 } .timeline-seperator>:first-child { padding: 4px 5px; border: 1px dashed rgba(0, 0, 0, .1); background: #fff; font-size: 11px; border-radius: 4px } .timeline-seperator .btn, .timeline-seperator .btn+.dropdown-menu { margin-right: 15px } .timeline-seperator:after { display: block; content: " "; margin: 0 20px; border-bottom: 1px dashed rgba(0, 0, 0, .1); margin-top: -8px } .alert { margin-bottom: 20px; margin-top: 0; color: #675100; border-width: 0; border-left-width: 5px; padding: 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 } .alert .close { top: 0; right: -5px; line-height: 20px } .alert-heading { font-weight: 600 } .alert-danger { border-color: #953b39; color: #fff; background-color: #c26565; text-shadow: none } .alert-warning { border-color: #dfb56c; color: #826430; background-color: #efe1b3 } .alert-success { border-color: #8ac38b; color: #356635; background-color: #cde0c4 } .alert-info { border-color: #9cb4c5; color: #305d8c; background-color: #d6dde7 } .well { background-color: #fbfbfb; border: 0px solid #ddd; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: relative } .well.well-clean { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent } .well.well-glass { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent; background-color: rgba(255, 255, 255, .25); color: #fff } .well.well-light { background: #fff; border: 1px solid #e2e2e2 } .widget-body .well { margin-bottom: 0 } .well.transparent { border: none!important; background: none!important } .jarviswidget.well.transparent>div, .jarviswidget.well.transparent>div .widget-body { padding: 0!important } .well[class*=" bg-"], .well[class^=bg-] { border: 1px solid #555!important } .nav-tabs>li>a .badge { font-size: 11px; padding: 3px 5px; opacity: .5; margin-left: 5px; min-width: 17px; font-weight: 400 } .nav-tabs>li>a>.fa { opacity: .5 } .tabs-left .nav-tabs>li>a .badge { margin-right: 5px; margin-left: 0 } .nav-tabs>li>a .label { display: inline-block; font-size: 11px; margin-left: 5px; opacity: .5 } .nav-tabs>li.active>a .badge, .nav-tabs>li.active>a .label, .nav-tabs>li.active>a>.fa { opacity: 1 } .nav-tabs>li>a { border-radius: 0; color: #4c4f53; margin-right:0px; font-size:14px; border:none; padding:8px 10px 8px; } .nav-tabs>li.active>a { /* -webkit-box-shadow: 0 -2px 0 #57889c; -moz-box-shadow: 0 -2px 0 #57889c; box-shadow: 0 -2px 0 #57889c;*/ border-top-width: 0!important; /* margin-top: 0px!important;*/ background:#1a78bf; color:#fff; border:none; } .tabs-left .nav-tabs>li.active>a { -webkit-box-shadow: -2px 0 0 #57889c; -moz-box-shadow: -2px 0 0 #57889c; box-shadow: -2px 0 0 #57889c; border-top-width: 1px!important; border-left: none!important; margin-left: 1px!important } .tabs-left .nav-pills>li.active>a { border: none!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important } .tabs-right .nav-tabs>li.active>a { -webkit-box-shadow: 2px 0 0 #57889c; -moz-box-shadow: 2px 0 0 #57889c; box-shadow: 2px 0 0 #57889c; border-top-width: 1px!important; border-right: none!important; margin-right: 1px!important } .tabs-below .nav-tabs>li.active>a { -webkit-box-shadow: 0 2px 0 #57889c; -moz-box-shadow: 0 2px 0 #57889c; box-shadow: 0 2px 0 #57889c; border-bottom-width: 0!important; border-top: none!important; margin-top: 0!important } .tabs-left>.nav-pills>li, .tabs-left>.nav-tabs>li, .tabs-right>.nav-pills>li, .tabs-right>.nav-tabs>li { float: none } .tabs-left>.nav-pills>li>a, .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-pills>li>a, .tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px } .tabs-left>.nav-pills, .tabs-left>.nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd } .tabs-left>.nav-pills { border-right: none } .tabs-left>.nav-tabs>li>a { margin-right: -1px } .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover { border-color: #eee #d5d5d5 #eee #eee } .tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:focus, .tabs-left>.nav-tabs .active>a:hover { border-color: #d5d5d5 transparent #d5d5d5 #ddd; *border-right-color: #fff } .tabs-left>.tab-content { margin-left: 109px } .tabs-right>.nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd } .tabs-right>.nav-tabs>li>a { margin-left: -1px } .tabs-right>.nav-tabs>li>a:focus, .tabs-right>.nav-tabs>li>a:hover { border-color: #eee #eee #eee #ddd } .tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:focus, .tabs-right>.nav-tabs .active>a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } .tabs-below>.nav-tabs, .tabs-left>.nav-tabs, .tabs-right>.nav-tabs { border-bottom: 0 } .pill-content>.pill-pane, .tab-content>.tab-pane { display: none } .pill-content>.active, .tab-content>.active { display: block } .tabs-below>.nav-tabs { border-top: 1px solid #ddd } .tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 } .tabs-below>.nav-tabs>li>a:focus, .tabs-below>.nav-tabs>li>a:hover { border-top-color: #ddd; border-bottom-color: transparent } .tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:focus, .tabs-below>.nav-tabs>.active>a:hover { border-color: transparent #ddd #ddd } .nav-tabs.bordered { background: #e7eaeb; border: 0px; } .nav-tabs.bordered>:first-child a { border-left-width: 0!important } .nav-tabs.bordered+.tab-content { /* border: 1px solid #ddd;*/ border:none; border-top: none } .tabs-pull-right.nav-pills>li, .tabs-pull-right.nav-tabs>li { float: right } .tabs-pull-right.nav-pills>li:first-child>a, .tabs-pull-right.nav-tabs>li:first-child>a { margin-right: 1px } .tabs-pull-right.bordered.nav-pills>li:first-child>a, .tabs-pull-right.bordered.nav-tabs>li:first-child>a { border-left-width: 1px!important; margin-right: 0; border-right-width: 0 } .jarviswidget>header>.nav-tabs.pull-left>li:first-child a { border-left-width: 0!important } .btn, a:link, button { -webkit-tap-highlight-color: rgba(169, 3, 41, .5) } #logo-group *, .login-info, .login-info *, .minified .menu-item-parent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .hidden-desktop { display: none!important } .dropdown-menu-xs { min-width: 37px } .dropdown-menu-xs>li>a { padding: 3px 10px } .dropdown-menu-xs>li>a:hover i { color: #fff!important } .dropdown-submenu { position: relative } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px } .dropdown-submenu:hover>.dropdown-menu { display: block } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #bfbfbf; margin-top: 5px; margin-right: -10px } .dropdown-submenu:hover>a:after { border-left-color: #fff } .dropdown-submenu.pull-left { float: none } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px } .table.has-tickbox thead tr th:first-child { width: 18px } .table.has-tickbox.smart-form tbody tr td:first-child .checkbox, .table.has-tickbox.smart-form tbody tr td:first-child .radio, .table.has-tickbox.smart-form thead tr th:first-child .checkbox, .table.has-tickbox.smart-form thead tr th:first-child .radio { padding: 0!important } .fc-border-separate thead tr, .table thead tr { background-color: #eee; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa)); background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%); background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%); font-size: 12px } .fc-border-separate thead tr th { padding: 4px; line-height: 1.428571429 } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-width: 1px } .no-padding>.table-bordered, .no-padding>.table-responsive>.table-bordered { border: none!important } .no-padding>.table-bordered tbody tr td:first-child, .no-padding>.table-bordered thead tr td:first-child, .no-padding>.table-bordered thead tr th:first-child, .no-padding>.table-responsive>.table-bordered tbody tr td:first-child, .no-padding>.table-responsive>.table-bordered thead tr td:first-child, .no-padding>.table-responsive>.table-bordered thead tr th:first-child { border-left-width: 0!important } .no-padding>.table-bordered tbody tr td:last-child, .no-padding>.table-bordered thead tr th:last-child, .no-padding>.table-responsive>.table-bordered tbody tr td:last-child, .no-padding>.table-responsive>.table-bordered thead tr th:last-child { border-right-width: 0!important } .no-padding>.table-bordered tbody tr:last-child td, .no-padding>.table-responsive>.table-bordered tbody tr:last-child td { border-bottom-width: 0!important } .no-padding .table-responsive .table { margin-bottom: 0 } .no-padding .note-editable .table-bordered { border: 1px solid #ddd!important } .smart-form.table td .checkbox i, .smart-form.table td .radio i, .smart-form.table th .checkbox i, .smart-form.table th .radio i { top: 0!important } .table-condensed.table>tbody>tr>td, .table-condensed.table>tbody>tr>th, .table-condensed.table>tfoot>tr>td, .table-condensed.table>tfoot>tr>th, .table-condensed.table>thead>tr>td, .table-condensed.table>thead>tr>th { padding: 5px 10px!important } .show-stats .progress { height: 7px; border-radius: 0; margin-top: 3px; margin-bottom: 15px } .show-stats { padding-top: 6px!important } .show-stat-buttons { float: left; width: 100% } .show-stats .show-stat-buttons>:first-child { padding-right: 5px } .show-stats .show-stat-buttons>:last-child { padding-left: 5px } .show-stat-microcharts { margin-left: -10px; margin-right: -10px } .show-stat-microcharts>div { border-right: 1px solid #DADADA!important; border-top: 1px solid #DADADA!important; margin-top: 10px!important; height: 65px; overflow: hidden; padding: 7px 9px } .show-stat-microcharts>:last-child { border-right: none!important } .show-stat-microcharts .sparkline { margin-top: 10px; margin-right: 8px; opacity: .7 } .show-stat-microcharts .sparkline:hover { opacity: 1 } .smaller-stat { margin: 0; padding: 0; list-style: none } .smaller-stat li { margin-top: 3px; margin-right: 0 } .smaller-stat li:first-child { margin-top: 8px } .smaller-stat span.label { width: 40px; display: block; text-align: left; opacity: .5; cursor: default } .smaller-stat span.label:hover { opacity: 1 } .login-info { display: block; font-size: 12px; height: 39px; color: #fff; border: solid transparent; border-width: 1px 0; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); width: 100%; margin: 0!important; border-bottom: 1px solid #525151 } .login-info a { text-decoration: none!important; color: #c0bbb7; display: inline-block; margin-top: 6px } .login-info a span { text-transform: capitalize; font-size: 14px; display: inline-block; text-decoration: none; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle } .login-info a span+i { vertical-align: middle } .login-info a:hover { color: #fff } .login-info>span { height: 38px; display: block; padding: 0 10px; border-bottom: 1px solid #1A1817 } .login-info img { width: 25px; height: auto; display: inline-block; vertical-align: middle; margin-top: 1px; margin-right: 5px; margin-left: 0; border-left: 3px solid #fff } img.away, img.busy, img.offline, img.online { border-left: 3px solid #fff } img.online { border-left-color: #40ac2b!important } img.busy { border-left-color: #ed1c24!important } img.offline { border-left-color: #ddd!important } img.away { border-left-color: #ffc40d!important } .client-form header { padding: 15px 13px; margin: 0; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, .1); background: rgba(248, 248, 248, .9) } .minified .inbox-badge { border-radius: 50%; font-size: 9px; padding: 2px; position: absolute; top: 6px; right: 6px; background: #ED1C24; min-width: 13px } .minifyme { border-bottom: 1px solid #302F2F; background: #454545; color: #A8A8A8; text-align: center; padding: 0; width: 36px; height: 28px; display: block; position: absolute; right: 0; border-radius: 5px 0 0 5px; cursor: pointer; margin-top: 7px; font-size: 19px; transition: all .1s linear 0s } .minifyme:hover { background: #646464; color: #E4E4E4; right: 0; width: 40px; padding-right: 5px } .minified .minifyme { right: 0; color: #A8A8A8; position: relative; width: 100%; border-radius: 0; margin: 0; height: 34px; font-size: 23px } .minified .minifyme .fa:before { content: "\f0a9" } .minified .login-info a i, .minified .login-info a span { display: none } .minified .login-info span { padding: 0 5px; text-align: center } .minified .login-info img { margin: -2px 0 0; width: 30px } .minified .login-info { height: 38px; border-bottom: 1px solid #181818 } .minified #left-panel { width: 45px } .minified #main { margin-left: 45px } .minified #left-panel, .minified nav>ul>li { overflow: visible } .minified nav>ul>ul { min-height: 100px!important; max-height: 180px!important; overflow-y: scroll; overflow-x: hidden; background: #ed1c24!important } .minified nav>ul>li, .minified nav>ul>li a { position: relative } .minified nav ul>li>a { padding: 10px 11px; display: block } .minified nav>ul>li>a .fa.fa-fw { display: block; width: auto; text-align: center; padding: 0 } .minified nav>ul>li>a>i { text-align: center; margin: 0; display: block } .minified nav>ul>li.active>a::before { content: "\f0d9" } .minified nav ul ul li a { padding-left: 14px } .minified nav ul ul li li a { padding-left: 25px } .minified nav>ul ul li::before, .minified nav>ul>li>ul::before { left: 12px } .minified nav>ul>li>a .menu-item-parent, .minified nav>ul>li>a>b { display: none } .minified nav>ul>li>a>.menu-item-parent { display: none; position: absolute; left: 40px; top: -3px; width: 186px; height: 38px; line-height: 38px; background-color: #f5f5f5; color: #333; z-index: 3; -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2); box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2); border-left: 1px solid #bfbfbf; border-top: 1px solid #D8D4D4; border-bottom: 1px solid #fff; padding-left: 12px } .minified nav>ul>li>ul { display: none!important; position: absolute; left: 40px; width: 199px; z-index: 5; border: 1px solid #bfbfbf; min-height: 180px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2); background: #454545; margin-top: -3px; overflow: hidden } .minified nav ul>li>ul>li>ul { position: relative; left: 13px; border: none; margin-left: -12px; width: 197px } .minified nav>ul>li:hover>a>.menu-item-parent, .minified nav>ul>li:hover>ul { display: block!important } .minified nav>ul>li>ul>li { background-color: rgba(69, 69, 69, .9) } .minified nav>ul>li>ul>li>ul>li { background-color: #484B50 } .minified nav>ul>li { border-bottom: 1px solid #1A1817; border-top: 1px solid #525151 } .minified nav>ul>li>ul::before { border-left: none } .minified nav>ul ul li::before { border: none } .slimScrollDiv, .slimScrollDiv>:first-child { overflow: hidden } .minified .slimScrollDiv, .minified .slimScrollDiv>:first-child { overflow: visible!important } .minified .slimScrollBar, .minified .slimScrollRail { display: none } .minified nav>ul>li>ul>li>a, .minified nav>ul>li>ul>li>ul>li>a { padding-top: 7px; padding-bottom: 7px } .minified nav>ul>li>ul>li>ul>li a { padding-top: 6px; padding-bottom: 6px } .minified nav ul ul ul ul li a { padding-left: 45px } .minified nav ul ul ul ul ul li a { padding-left: 62px } .minified nav ul ul ul ul ul ul li a { padding-left: 82px } .pagination.pagination-alt>li>a { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; margin-left: -1px } .pagination.pagination-alt>li:first-child>a { padding-left: 0 } .pagination>li>a, .pagination>li>span { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05) } .disabled { color: #fff } .btn-default.disabled { color: #999 } .btn { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; /*box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05)*/ } .btn:active { position: relative; top: 1px; left: 1px } .btn.btn-ribbon { background-color: #707070; background-image: -moz-linear-gradient(top, #777, #666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#666)); background-image: -webkit-linear-gradient(top, #777, #666); background-image: -o-linear-gradient(top, #777, #666); background-image: linear-gradient(to bottom, #777, #666); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0); color: #fff; padding: 0 5px; line-height: 20px; vertical-align: middle; height: 20px; display: block; border: none; float: left; margin: 0 8px 0 0; cursor: pointer } .btn.btn-ribbon>i { font-size: 111% } .ribbon-button-alignment { padding-top: 10px; display: inline-block } .ribbon-button-alignment.pull-right>.btn.btn-ribbon { margin: 0 0 0 8px } .panel-purple { border-color: #6e587a } .panel-purple>.panel-heading { color: #fff; background-color: #6e587a; border-color: #6e587a } .panel-greenLight { border-color: #71843f } .panel-greenLight>.panel-heading { color: #fff; background-color: #71843f; border-color: #71843f } .panel-greenDark { border-color: #496949 } .panel-greenDark>.panel-heading { color: #fff; background-color: #496949; border-color: #496949 } .panel-darken { border-color: #333 } .panel-darken>.panel-heading { color: #fff; background-color: #404040; border-color: #404040 } .panel-pink { border-color: #ac5287 } .panel-pink>.panel-heading { color: #fff; background-color: #ac5287; border-color: #ac5287 } .panel-green { border-color: #356e35 } .panel-green>.panel-heading { color: #fff; background-color: #356e35; border-color: #356e35 } .panel-blueLight { border-color: #92a2a8 } .panel-blueLight>.panel-heading { color: #fff; background-color: #92a2a8; border-color: #92a2a8 } .panel-pinkDark { border-color: #a8829f } .panel-pinkDark>.panel-heading { color: #fff; background-color: #a8829f; border-color: #a8829f } .panel-redLight { border-color: #a65858 } .panel-redLight>.panel-heading { color: #fff; background-color: #a65858; border-color: #a65858 } .panel-red { border-color: #a90329 } .panel-red>.panel-heading { color: #fff; background-color: #a90329; border-color: #a90329 } .panel-teal { border-color: #568a89 } .panel-teal>.panel-heading { color: #fff; background-color: #568a89; border-color: #568a89 } .panel-orange { border-color: #c79121 } .panel-orange>.panel-heading { color: #fff; background-color: #c79121; border-color: #c79121 } .panel-blueDark { border-color: #4c4f53 } .panel-blueDark>.panel-heading { color: #fff; background-color: #4c4f53; border-color: #4c4f53 } .panel-magenta { border-color: #6e3671 } .panel-magenta>.panel-heading { color: #fff; background-color: #6e3671; border-color: #6e3671 } .panel-blue { border-color: #57889c } .panel-blue>.panel-heading { color: #fff; background-color: #57889c; border-color: #57889c } .panel-footer>.btn-block { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: none; border-left: none; border-right: none } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 15px; font-size: 18px; line-height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 15px; font-size: 24px; line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .btn-metro { margin: 0 0 20px; padding-top: 15px; padding-bottom: 15px } .btn-metro>span { display: block; vertical-align: bottom; margin-top: 10px; text-transform: uppercase } .btn-metro>span.label { position: absolute; top: 0; right: 0 } .btn-label { position: relative; left: -12px; display: inline-block; padding: 6px 12px; background: rgba(0, 0, 0, .15); border-radius: 3px 0 0 3px } .btn-labeled { padding-top: 0; padding-bottom: 0 } .btn-link { box-shadow: none; -webkit-box-shadow: none; font-size: 14px } .nav-demo-btn { background-color: rgba(77, 118, 134, .5); border-color: #3a7775 } .nav-demo-btn:active, .nav-demo-btn:hover { background-color: rgba(77, 118, 134, .7); border-color: #3a7775 } #left-panel { -webkit-transition: 250ms cubic-bezier(0.1, .57, .1, 1); transition: 250ms cubic-bezier(0.1, .57, .1, 1); -webkit-transform: translate(0px, 0) translateZ(0px) } .chart-large, .chart-small, .chart-xl { overflow: hidden } .chart-small { height: 100px; width: 100% } .chart-large { height: 235px; width: 100% } .chart-xl { height: 297px; width: 100% } #flotTip { padding: 3px 5px; background-color: #fff; z-index: 9999; color: #333; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); box-shadow: 0 1px 8px rgba(0, 0, 0, .1); font-size: 14px; border: 1px solid #C1C1C1; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } #flotTip span { color: #38812D; font-weight: 700 } .legendLabel span { display: block; margin: 0 5px } .legendColorBox { padding-left: 10px; vertical-align: top; padding-top: 5px } .legendColorBox div>div { width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, .8); border: solid 2px rgba(230, 230, 230, .8); font-family: 'open sans'; font-size: 12px; text-align: center } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: 700; margin: .25em 0 } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: .1em 0 } .morris-hover { position: absolute; z-index: 903 } .fixed-page-footer .morris-hover { z-index: 900 } .chart { overflow: hidden; height: 220px; margin: 20px 5px 10px 10px } .has-legend { margin-top: 30px!important } .has-legend-unique { margin-top: 19px!important } .icon-color-good { color: #40ac2b } .icon-color-bad { color: #ed1c24 } .degree-sign:after, .percent-sign:after { content: " %"; line-height: normal } .degree-sign:after { content: "°F" } .hidden-menu #left-panel { left: -210px; z-index: 903 } .hidden-menu #main { margin-left: 10px } .hidden-menu #left-panel:hover { left: 0 } .hidden-menu .minifyme, .minified #hide-menu { display: none } .btn-header.pull-right { margin-left: 6px } .btn-header a>span { font-size: 13px; font-weight: 400; line-height: 30px; height: 30px; display: inline-block } .btn-header>:first-child>a { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; cursor: default!important; display: inline-block; font-weight: 700; height: 30px; line-height: 24px; min-width: 30px; padding: 5px; text-align: center; text-decoration: none!important; -moz-user-select: none; -webkit-user-select: none; background: #1a78bf; border: 1px solid #1a78bf; color: #fff; font-size: 17px; margin: 30px 0 0 } .btn-header>:first-child>a:hover { background: #2ea8e0; border: 1px solid #2ea8e0; color: #fff; transition: all 0s; cursor: pointer; -webkit-box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08); box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, .08) } .btn-header>:first-child>a:active { background: #1a78bf; border: 1px solid #1a78bf; color:#fff; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15) } .hidden-menu #hide-menu>:first-child>a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5a5a5a 0, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868)); background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -o-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: -ms-linear-gradient(to bottom, #5a5a5a 0, #686868 100%); background-image: linear-gradient(to bottom, #5a5a5a 0, #686868 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0); -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15); color: #fff; border-color: #494949 } .full-screen #fullscreen>:first-child>a:active, .hidden-menu #hide-menu>:first-child>a:active { -webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2); box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2) } .ajax-dropdown>:first-child { margin: 0 0 3px; padding: 0 0 9px } .ajax-dropdown { position: absolute; display: none; z-index: 905; top: 48px; left: 16px; width: 344px; height: 435px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, .25); -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, .25); box-shadow: 0 2px 4px rgba(30, 30, 100, .25); padding: 10px; background: #fff; border: 1px solid #b3b3b3 } .ajax-dropdown:after, .ajax-dropdown:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .ajax-dropdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; left: 50%; margin-left: -7px } .ajax-dropdown:before { border-color: rgba(131, 131, 131, 0); border-bottom-color: #838383; border-width: 8px; left: 50%; margin-left: -8px } .ajax-dropdown .btn-group .btn { font-weight: 700; text-transform: capitalize } .ajax-dropdown .btn-group>:nth-child(2) { border-right-width: 0; border-left-width: 0 } .ajax-dropdown .btn-group>:last-child { border-right-width: 1px!important } .ajax-dropdown .btn-group .btn:active { top: 0; left: 0 } .ajax-notifications { height: 365px; display: block; overflow: auto; margin-right: -10px; margin-left: -10px; border-bottom: 1px solid #CECECE; border-top: 1px solid #CECECE; background: #E9E9E9 } .ajax-notifications>.alert.alert-transparent { background-color: transparent; border-color: transparent; color: #757575; margin: 13px 10px } .ajax-notifications>.alert>:first-child { margin-bottom: 10px; font-weight: 400 } .ajax-dropdown>:last-child { font-size: 13px; display: block; padding: 5px 0; line-height: 22px; font-weight: 400 } .ajax-dropdown .fa-4x.fa-border { border-width: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; margin: 0 auto; width: 46px; text-align: center; color: #D1D1D1; border-color: #D1D1D1 } .dropdown-large { position: static!important } .dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0 } .dropdown-menu-large>li>ul { padding: 0; margin: 0 } .dropdown-menu-large>li>ul>li { list-style: none } .dropdown-menu-large>li>ul>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333; white-space: normal } .dropdown-menu-large>li ul>li>a:focus, .dropdown-menu-large>li ul>li>a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu-large .disabled>a, .dropdown-menu-large .disabled>a:focus, .dropdown-menu-large .disabled>a:hover { color: #999 } .dropdown-menu-large .disabled>a:focus, .dropdown-menu-large .disabled>a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed } .dropdown-menu-large .dropdown-header { color: #428bca; font-size: 18px } @media (max-width:768px) { .dropdown-menu-large { margin-left: 0; margin-right: 0 } .dropdown-menu-large>li { margin-bottom: 30px } .dropdown-menu-large>li:last-child { margin-bottom: 0 } .dropdown-menu-large .dropdown-header { padding: 3px 15px!important } } .pagination-xs>li>a, .pagination-xs>li>span { padding: 4px 9px; font-size: 12px } .notification-body *, .notification-body:after *, .notification-body:before * { box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important } .notification-body { padding: 0 0 0 3px; margin: 0; list-style: none } .notification-body>li { border-bottom: 1px solid #E9E9E9; position: relative } .notification-body>li>span { background: #fff; display: block; min-height: 25px; overflow: hidden; padding: 8px 10px 13px; white-space: normal } .notification-body>li>span:hover { background: #F0F4F7; color: #667F8F } .notification-body>li a.msg { padding-left: 50px!important } .notification-body>li a, .notification-body>li a span { display: block; position: relative; overflow: hidden } .notification-body>li a, .notification-body>li a:hover { text-decoration: none } .notification-body>li:hover .progress { background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #a7a7a7 inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #ccc inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #fff inset } .notification-body>li:hover .text-muted { color: #333 } .notification-body .from { font-size: 14px; line-height: normal; color: #333; font-weight: 400; margin-right: 60px; margin-bottom: 6px; height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .notification-body .unread .from { font-weight: 700 } .notification-body .unread { background: #FFFFE0 } .notification-body time { position: absolute; top: 3px; right: 0; font-size: 11px; font-weight: 400; color: #058dc7 } .notification-body .msg-body, .notification-body .subject { font-size: 13px; color: #A0A0A0; max-height: 35px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .notification-body .subject { font-size: 13px; color: #333; max-height: 22px } .bootstrapWizard { display: block; list-style: none; padding: 0; position: relative; width: 100% } .bootstrapWizard a:active, .bootstrapWizard a:focus, .bootstrapWizard a:hover { text-decoration: none } .bootstrapWizard li { display: block; float: left; width: 25%; text-align: center; padding-left: 0 } .bootstrapWizard li:before { border-top: 3px solid #55606E; content: ""; display: block; font-size: 0; overflow: hidden; position: relative; top: 11px; right: 1px; width: 100%; z-index: 1 } .bootstrapWizard li:first-child:before { left: 50%; max-width: 50% } .bootstrapWizard li:last-child:before { max-width: 50%; width: 50% } .bootstrapWizard li.complete .step { background: #0aa66e; padding: 1px 6px; border: 3px solid #55606E } .bootstrapWizard li .step i { font-size: 10px; font-weight: 400; position: relative; top: -1.5px } .bootstrapWizard li .step { background: #B2B5B9; color: #fff; display: inline; font-size: 15px; font-weight: 700; padding: 7px 13px; border: 3px solid transparent; border-radius: 50%; line-height: normal; position: relative; text-align: center; z-index: 2; transition: all .1s linear 0s } .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step { background: #0091d9; color: #fff; font-weight: 700; padding: 7px 13px; font-size: 15px; border-radius: 50%; border: 3px solid #55606E } .bootstrapWizard li.active .title, .bootstrapWizard li.complete .title { color: #2B3D53 } .bootstrapWizard li .title { color: #bfbfbf; display: block; font-size: 13px; line-height: 15px; max-width: 100%; position: relative; table-layout: fixed; text-align: center; top: 20px; word-wrap: break-word; z-index: 104 } .wizard-actions { display: block; list-style: none; padding: 0; position: relative; width: 100% } .wizard-actions li { display: inline } .tab-content.transparent { background-color: transparent } .fuelux .wizard { position: relative; overflow: hidden; background-color: #f9f9f9; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); box-shadow: 0 1px 4px rgba(0, 0, 0, .065) } .fuelux .wizard:after, .fuelux .wizard:before { display: table; line-height: 0; content: "" } .fuelux .wizard:after { clear: both } .fuelux .wizard ul { width: 4000px; padding: 0; margin: 0; list-style: none outside none } .fuelux .wizard ul.previous-disabled li.complete { cursor: default } .fuelux .wizard ul.previous-disabled li.complete:hover { color: #356e35; cursor: default; background: #f3f4f5 } .fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before { border-left-color: #f3f4f5 } .fuelux .wizard ul li { position: relative; float: left; height: 46px; padding: 0 20px 0 30px; margin: 0; font-size: 16px; line-height: 46px; color: #999; cursor: default; background: #ededed } .fuelux .wizard ul li .chevron { position: absolute; top: 0; right: -14px; z-index: 1; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #d4d4d4 } .fuelux .wizard ul li .chevron:before { position: absolute; top: -24px; right: 1px; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #ededed; content: "" } .fuelux .wizard ul li.complete { color: #468847; background: #f3f4f5 } .fuelux .wizard ul li.complete:hover { cursor: pointer; background: #e7eff8 } .fuelux .wizard ul li.complete:hover .chevron:before { border-left: 14px solid #e7eff8 } .fuelux .wizard ul li.complete .chevron:before { border-left: 14px solid #f3f4f5 } .fuelux .wizard ul li.active { color: #3a87ad; background: #f1f6fc } .fuelux .wizard ul li.active .chevron:before { border-left: 14px solid #f1f6fc } .fuelux .wizard ul li .badge { margin-right: 8px } .fuelux .wizard ul li:first-child { padding-left: 20px; border-radius: 4px 0 0 4px } .fuelux .wizard .actions { position: absolute; right: 0; z-index: 2; float: right; padding-right: 15px; padding-left: 15px; line-height: 46px; vertical-align: middle; background-color: #eee; border-left: 1px solid #d4d4d4 } .fuelux .wizard .actions a { margin-right: 8px; font-size: 12px; line-height: 45px } .fuelux .wizard .actions .btn-prev i { margin-right: 5px } .fuelux .wizard .actions .btn-next i { margin-left: 5px } .fuelux .step-content .step-pane { display: none } .fuelux .step-content .active { display: block } .fuelux .step-content .active .btn-group .active { display: inline-block } .jarvismetro-tile { float: left; display: block; background-color: #fff; width: 100px; height: 70px; cursor: pointer; box-shadow: inset 0 0 1px #FFC; border: 1px dotted #C5C5C5; text-decoration: none; color: #fff; font-weight: 300; font-smooth: always; margin: 0 10px 20px 0; padding: 5px; position: relative } .jarvismetro-tile:hover { z-index: 10; -webkit-transform: scale(1.07); -moz-transform: scale(1.07) } .jarvismetro-tile.big-cubes { width: 120px; height: 120px } .jarvismetro-tile.double { width: 249px } .jarvismetro-tile:active { top: 1px; left: 1px } .jarvismetro-tile .iconbox { text-align: center } .jarvismetro-tile .iconbox i { display: block; margin: 15px auto 0; height: 75px } .jarvismetro-tile .iconbox span { display: block; text-align: left } .jarvismetro-tile .iconbox span>span { position: absolute; right: -3px; bottom: -3px; border-radius: 50%; padding: 5px; border: 1px solid #fff } #shortcut .selected { border: 1px solid #0091d9!important; position: relative } #shortcut .selected:before { display: block; position: absolute; content: "\f00c"; color: #fff; right: 4px; top: 3px; font-family: FontAwesome; z-index: 2 } #shortcut .selected:after { width: 0; height: 0; border-top: 35px solid #0091d9; border-left: 35px solid rgba(0, 0, 0, 0); position: absolute; display: block; right: 0; content: ""; top: 0; z-index: 1 } #shortcut { position: absolute; top: 0; left: 0; height: auto; width: 100%; background-color: #33302F; background-color: rgba(0, 0, 0, .85); z-index: 907; display: none; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #shortcut ul { padding: 15px 20px 10px; list-style: none; margin: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .3); border-bottom: 1px solid #423F3F } #shortcut ul li { display: inline-block; width: auto } #shortcut ul li .jarvismetro-tile { margin: 0 3px 3px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } #shortcut ul li .jarvismetro-tile:hover { color: #fff; text-decoration: none } #shortcut ul li .jarvismetro-tile:active, #shortcut ul li .jarvismetro-tile:focus { left: 0; top: 0 } .shortcut-on #response-btn { display: none!important } .shortcut-on #left-bar .navbar, .shortcut-on #main .navbar { border: none!important } .arrow-box-up:after, .arrow-box-up:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .arrow-box-up:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; left: 50%; margin-left: -7px } .arrow-box-up:before { border-color: rgba(131, 131, 131, 0); border-bottom-color: #838383; border-width: 8px; left: 50%; margin-left: -8px } .arrow-box-up-right:after, .arrow-box-up-right:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .arrow-box-up-right:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; right: 10px; margin-left: -7px } .arrow-box-up-right:before { border-color: rgba(131, 131, 131, 0); border-bottom-color: #838383; border-width: 8px; right: 9px; margin-left: -8px } .tooltip-inner { padding: 5px 10px; font-size: 11px; font-family: "Open Sans"; font-weight: 700; border-radius: 0 } .custom-scroll::-webkit-scrollbar { -webkit-overflow-scrolling: touch; height: 10px; width: 10px } .custom-scroll::-webkit-scrollbar:hover { background-color: #E9E9E9; border: 1px solid #dbdbdb } .custom-scroll::-webkit-scrollbar-button:end:increment, .custom-scroll::-webkit-scrollbar-button:start:decrement { background: 0 0; display: block; height: 0 } .custom-scroll::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent } .custom-scroll::-webkit-scrollbar-track-piece { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; background-color: transparent; border-radius: 0 } .custom-scroll::-webkit-scrollbar-thumb { -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); background-clip: padding-box; background-color: rgba(0, 0, 0, .2); border: none; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07) } .custom-scroll::-webkit-scrollbar-thumb:horizontal, .custom-scroll::-webkit-scrollbar-thumb:vertical { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; background-color: #bfbfbf; border-radius: 0 } .custom-scroll::-webkit-scrollbar-thumb:active { -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33); background-color: rgba(0, 0, 0, .44); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33) } .custom-scroll::-webkit-scrollbar-thumb:hover { background-color: #959595 } .twitter-typeahead .tt-hint, .twitter-typeahead .tt-query { margin-bottom: 0; height: 32px; padding: 6px 12px } .tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #bfbfbf; border: 1px solid rgba(0, 0, 0, .2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .tt-suggestion { display: block; padding: 3px 20px } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2 } .tt-suggestion.tt-is-under-cursor a { color: #fff } .tt-suggestion p { margin: 0 } .google_maps { width: 100%; height: 350px; position: relative } .google_maps * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box } .google_maps img { max-width: none } .header-btn { margin-top: 5px } .cke_top { background: rgba(248, 248, 248, .9)!important; background-image: none!important } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0 } .multiselect-container .input-group { margin: 5px } .multiselect-container>li { padding: 0 } .multiselect-container>li>a.multiselect-all label { font-weight: 700 } .multiselect-container>li>label.multiselect-group { margin: 0; padding: 3px 20px; height: 100%; font-weight: 700 } .multiselect-container>li>a>label { margin: 0; height: 100%; cursor: pointer; font-weight: 400 } .multiselect-container>li>a>label.checkbox, .multiselect-container>li>a>label.radio { margin: 0 } .multiselect-container>li>a>label>input[type=checkbox] { margin-bottom: 5px } .btn-group>.btn-group:nth-child(2)>.multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .input-group .icon-addon .form-control { border-radius: 0 } .icon-addon { position: relative; color: #555; display: block } .icon-addon:after, .icon-addon:before { display: table; content: " " } .icon-addon:after { clear: both } .icon-addon .fa, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon.addon-md .glyphicon { position: absolute; z-index: 2; left: 10px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px } .icon-addon.addon-lg .form-control { line-height: 1.33; height: 46px; font-size: 18px; padding: 10px 16px 10px 40px } .input-group-lg .icon-addon.addon-lg+.input-group-btn>.btn { height: 46px } .icon-addon.addon-sm .form-control { height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5 } .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon { font-size: 18px; margin-left: 0; left: 11px; top: 4px } .icon-addon .form-control, .icon-addon.addon-md .form-control { padding-left: 30px; float: left; font-weight: 400 } .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon { margin-left: 0; font-size: 12px; left: 5px; top: -1px } .icon-addon .form-control:focus+.fa, .icon-addon .form-control:focus+.glyphicon, .icon-addon:hover .fa, .icon-addon:hover .glyphicon { color: #2580db } .icon-addon input:disabled+.fa, .icon-addon input:disabled+.glyphicon, .icon-addon select:disabled+.fa, .icon-addon select:disabled+.glyphicon { color: #ccc } .progress-micro { height: 3px!important; line-height: 3px!important } .progress-xs { height: 7px!important; line-height: 7px!important } .progress-sm { height: 14px!important; line-height: 14px!important } .progress-lg { height: 30px!important; line-height: 30px!important } .progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px } .progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center } .progress .progressbar-front-text { display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center } .progress.right .progress-bar { right: 0 } .progress.right .progressbar-front-text { position: absolute; right: 0 } .progress.vertical { width: 25px; height: 100%; min-height: 150px; margin-right: 20px; display: inline-block; margin-bottom: 0 } .progress.wide-bar { width: 40px } .progress.vertical.bottom { position: relative } .progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0 } .progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height .6s ease; transition: height .6s ease } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0 } .progress { position: relative; margin-bottom: 20px; overflow: hidden; height: 22px; background: #eee; box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .progress-bar { float: left; width: 0; height: 100%; font-size: 11px; color: #fff; text-align: center; background-color: #57889c; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-image: url(../img/pattern/overlay-pattern.png) } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-size: 40px 40px } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-danger { background-color: #a90329 } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent) } .progress-bar-success { background-color: #739e73 } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #c79121 } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent) } .progress-bar-info { background-color: #57889c } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent) } .progress .bar-info, .progress-info .bar { background: #57889c } .vertical-bars { padding: 0; margin: 0 } .vertical-bars:after { content: ""; display: block; height: 0; clear: both } .vertical-bars li { padding: 14px 0; width: 25%; display: block; float: left; text-align: center } .vertical-bars li:first-child { border-left: none } .vertical-bars>li>.progress.vertical:first-child { margin-left: auto } .vertical-bars>li>.progress.vertical { margin: 0 auto; float: none } .bar-holder:first-child { border-top: none } .bar-holder { padding: 18px 15px } .bar-holder .progress { margin: 0 } [data-progressbar-value] { margin-top: 15px!important; overflow: visible; margin-bottom: 0 } .dataTable [data-progressbar-value] { min-width: 70px } [data-progressbar-value="100"]:after, [data-progressbar-value="100"]:before, [data-progressbar-value]:after, [data-progressbar-value]:before { position: absolute; background: 0 0; font-size: 11px; top: -12px } [data-progressbar-value]:before { content: attr(data-progressbar-value); left: attr(data-progressbar-value) px } [data-progressbar-value]:after { content: "%"; left: 13px } [data-progressbar-value="1"]>.progress-bar { width: 1%; background: #a90329 } [data-progressbar-value="2"]>.progress-bar { width: 2%; background: #a90329 } [data-progressbar-value="3"]>.progress-bar { width: 3%; background: #a90329 } [data-progressbar-value="4"]>.progress-bar { width: 4%; background: #a90329 } [data-progressbar-value="5"]>.progress-bar { width: 5%; background: #a90329 } [data-progressbar-value="6"]>.progress-bar { width: 6%; background: #a90329 } [data-progressbar-value="7"]>.progress-bar { width: 7%; background: #a90329 } [data-progressbar-value="8"]>.progress-bar { width: 8%; background: #a90329 } [data-progressbar-value="9"]>.progress-bar { width: 9%; background: #a90329 } [data-progressbar-value="10"]>.progress-bar { width: 10%; background: #db0435 } [data-progressbar-value="11"]>.progress-bar { width: 11%; background: #c79121 } [data-progressbar-value="12"]>.progress-bar { width: 12%; background: #c79121 } [data-progressbar-value="13"]>.progress-bar { width: 13%; background: #c79121 } [data-progressbar-value="14"]>.progress-bar { width: 14%; background: #c79121 } [data-progressbar-value="15"]>.progress-bar { width: 15%; background: #c79121 } [data-progressbar-value="16"]>.progress-bar { width: 16%; background: #c79121 } [data-progressbar-value="17"]>.progress-bar { width: 17%; background: #c79121 } [data-progressbar-value="18"]>.progress-bar { width: 18%; background: #c79121 } [data-progressbar-value="19"]>.progress-bar { width: 19%; background: #c79121 } [data-progressbar-value="20"]>.progress-bar { width: 20%; background: #c79121 } [data-progressbar-value="21"]>.progress-bar { width: 21%; background: #c79121 } [data-progressbar-value="22"]>.progress-bar { width: 22%; background: #c79121 } [data-progressbar-value="23"]>.progress-bar { width: 23%; background: #c79121 } [data-progressbar-value="24"]>.progress-bar { width: 24%; background: #c79121 } [data-progressbar-value="25"]>.progress-bar { width: 25%; background: #c79121 } [data-progressbar-value="26"]>.progress-bar { width: 26%; background: #c79121 } [data-progressbar-value="27"]>.progress-bar { width: 27%; background: #c79121 } [data-progressbar-value="28"]>.progress-bar { width: 28%; background: #c79121 } [data-progressbar-value="29"]>.progress-bar { width: 29%; background: #c79121 } [data-progressbar-value="30"]>.progress-bar { width: 30%; background: #c79121 } [data-progressbar-value="31"]>.progress-bar { width: 31%; background: #c79121 } [data-progressbar-value="32"]>.progress-bar { width: 32%; background: #c79121 } [data-progressbar-value="33"]>.progress-bar { width: 33%; background: #c79121 } [data-progressbar-value="34"]>.progress-bar { width: 34%; background: #c79121 } [data-progressbar-value="35"]>.progress-bar { width: 35%; background: #c79121 } [data-progressbar-value="36"]>.progress-bar { width: 36%; background: #c79121 } [data-progressbar-value="37"]>.progress-bar { width: 37%; background: #c79121 } [data-progressbar-value="38"]>.progress-bar { width: 38%; background: #c79121 } [data-progressbar-value="39"]>.progress-bar { width: 39%; background: #c79121 } [data-progressbar-value="40"]>.progress-bar { width: 40%; background: #c79121 } [data-progressbar-value="41"]>.progress-bar { width: 41%; background: #404040 } [data-progressbar-value="42"]>.progress-bar { width: 42%; background: #404040 } [data-progressbar-value="43"]>.progress-bar { width: 43%; background: #404040 } [data-progressbar-value="44"]>.progress-bar { width: 44%; background: #404040 } [data-progressbar-value="45"]>.progress-bar { width: 45%; background: #404040 } [data-progressbar-value="46"]>.progress-bar { width: 46%; background: #404040 } [data-progressbar-value="47"]>.progress-bar { width: 47%; background: #404040 } [data-progressbar-value="48"]>.progress-bar { width: 48%; background: #404040 } [data-progressbar-value="49"]>.progress-bar { width: 49%; background: #404040 } [data-progressbar-value="50"]>.progress-bar { width: 50%; background: #404040 } [data-progressbar-value="51"]>.progress-bar { width: 51%; background: #404040 } [data-progressbar-value="52"]>.progress-bar { width: 52%; background: #404040 } [data-progressbar-value="53"]>.progress-bar { width: 53%; background: #404040 } [data-progressbar-value="54"]>.progress-bar { width: 54%; background: #404040 } [data-progressbar-value="55"]>.progress-bar { width: 55%; background: #404040 } [data-progressbar-value="56"]>.progress-bar { width: 56%; background: #404040 } [data-progressbar-value="57"]>.progress-bar { width: 57%; background: #404040 } [data-progressbar-value="58"]>.progress-bar { width: 58%; background: #404040 } [data-progressbar-value="59"]>.progress-bar { width: 59%; background: #404040 } [data-progressbar-value="60"]>.progress-bar { width: 60%; background: #404040 } [data-progressbar-value="61"]>.progress-bar { width: 61%; background: #1a78bf } [data-progressbar-value="62"]>.progress-bar { width: 62%; background: #1a78bf } [data-progressbar-value="63"]>.progress-bar { width: 63%; background: #1a78bf } [data-progressbar-value="64"]>.progress-bar { width: 64%; background: #404040 } [data-progressbar-value="65"]>.progress-bar { width: 65%; background: #1a78bf } [data-progressbar-value="66"]>.progress-bar { width: 66%; background: #1a78bf } [data-progressbar-value="67"]>.progress-bar { width: 67%; background: #1a78bf } [data-progressbar-value="68"]>.progress-bar { width: 68%; background: #1a78bf } [data-progressbar-value="69"]>.progress-bar { width: 69%; background: #1a78bf } [data-progressbar-value="70"]>.progress-bar { width: 70%; background: #1a78bf } [data-progressbar-value="71"]>.progress-bar { width: 71%; background: #1a78bf } [data-progressbar-value="72"]>.progress-bar { width: 72%; background: #1a78bf } [data-progressbar-value="73"]>.progress-bar { width: 73%; background: #1a78bf } [data-progressbar-value="74"]>.progress-bar { width: 74%; background: #1a78bf } [data-progressbar-value="75"]>.progress-bar { width: 75%; background: #1a78bf } [data-progressbar-value="76"]>.progress-bar { width: 76%; background: #1a78bf } [data-progressbar-value="77"]>.progress-bar { width: 77%; background: #1a78bf } [data-progressbar-value="78"]>.progress-bar { width: 78%; background: #1a78bf } [data-progressbar-value="79"]>.progress-bar { width: 79%; background: #1a78bf } [data-progressbar-value="80"]>.progress-bar { width: 80%; background: #1a78bf } [data-progressbar-value="81"]>.progress-bar { width: 81%; background: #a0bda0 } [data-progressbar-value="82"]>.progress-bar { width: 82%; background: #a0bda0 } [data-progressbar-value="83"]>.progress-bar { width: 83%; background: #a0bda0 } [data-progressbar-value="84"]>.progress-bar { width: 84%; background: #9dbb9d } [data-progressbar-value="85"]>.progress-bar { width: 85%; background: #9dbb9d } [data-progressbar-value="86"]>.progress-bar { width: 86%; background: #9dbb9d } [data-progressbar-value="87"]>.progress-bar { width: 87%; background: #97b797 } [data-progressbar-value="88"]>.progress-bar { width: 88%; background: #97b797 } [data-progressbar-value="89"]>.progress-bar { width: 89%; background: #91b391 } [data-progressbar-value="90"]>.progress-bar { width: 90%; background: #91b391 } [data-progressbar-value="91"]>.progress-bar { width: 91%; background: #91b391 } [data-progressbar-value="92"]>.progress-bar { width: 92%; background: #8eb18e } [data-progressbar-value="93"]>.progress-bar { width: 93%; background: #8baf8b } [data-progressbar-value="94"]>.progress-bar { width: 94%; background: #88ad88 } [data-progressbar-value="95"]>.progress-bar { width: 95%; background: #85ab85 } [data-progressbar-value="96"]>.progress-bar { width: 96%; background: #82a882 } [data-progressbar-value="97"]>.progress-bar { width: 97%; background: #7fa67f } [data-progressbar-value="98"]>.progress-bar { width: 98%; background: #7ca47c } [data-progressbar-value="99"]>.progress-bar { width: 99%; background: #79a279 } [data-progressbar-value="100"]>.progress-bar { width: 100%; background: #739e73; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; background-image: none!important } [data-progressbar-value="100"]:before { content: attr(data-progressbar-value); top: -12px; left: attr(data-progressbar-value) px } [data-progressbar-value="100"]:after { content: "complete"; left: auto; right: 0; color: #739e73 } html.hidden-menu-mobile-lock { overflow-x: hidden } .no-content-padding { margin: -10px -14px 0 -14px } .no-padding { padding: 0!important } .no-padding>pre { margin: 30px } .no-padding .dataTables_wrapper table, .no-padding>table { border: none!important; margin-bottom: 0!important; border-bottom-width: 0!important } .no-padding-bottom { padding-bottom: 0!important } .padding-5 { padding: 5px!important } .padding-7 { padding: 7px!important } .padding-10 { padding: 10px!important } .padding-gutter { padding: 13px!important } .padding-top-10 { padding-top: 10px!important } .padding-top-15 { padding-top: 15px!important } .padding-bottom-10 { padding-bottom: 10px!important } .padding-bottom-0 { padding-bottom: 0!important } .padding-top-0 { padding-top: 0!important } .no-padding .dataTables_wrapper table tr td:last-child, .no-padding .dataTables_wrapper table tr th:last-child, .no-padding>table tr td:last-child, .no-padding>table tr th:last-child { border-right: none!important } .no-padding .dataTables_wrapper table tr td:first-child, .no-padding .dataTables_wrapper table tr th:first-child, .no-padding>table tr td:first-child, .no-padding>table tr th:first-child { border-left: none!important } .no-padding .dataTables_wrapper table tbody tr:last-child td { border-bottom: 0 } .semi-bold { font-weight: 400!important } .ultra-light { font-weight: 300!important } .font-xs { font-size: 85%!important } .font-sm { font-size: 95%!important } .font-md { font-size: 130%!important } .font-lg { font-size: 160%!important } .font-xl { font-size: 200%!important } .font-400 { font-size: 400%!important } .no-margin { margin: 0!important } .margin-top-5 { margin-top: 5px!important } .margin-top-10 { margin-top: 10px!important } .margin-bottom-5 { margin-bottom: 5px!important } .margin-bottom-10 { margin-bottom: 10px!important } .margin-right-5 { margin-right: 5px!important } .margin-top-0 { margin-top: 0!important } .margin-bottom-0 { margin-bottom: 0!important } .no-border, .well[class*=" bg-"].no-border { border-width: 0!important } .no-border-transparent { border-color: transparent!important } .no-border-radius { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .display-inline { display: inline-block!important } .display-normal { display: inline!important } .cursor-pointer { cursor: pointer } .hover-transparent { opacity: .5 } .hover-transparent:hover { opacity: 1 } .text-align-center, .text-center { text-align: center!important } .text-align-left, .text-left { text-align: left!important } .text-align-right, .text-right { text-align: right!important } hr.simple { margin-top: 10px; margin-bottom: 10px; border-style: dashed } .pull-right { float: right!Important } .pull-left { float: left!Important } .air { position: absolute; z-index: 5 } .air-bottom { bottom: 0 } .air-top { top: 0 } .air-top-right { top: 0; right: 0 } .air-top-left { top: 0; left: 0 } .air-bottom-left { bottom: 0; left: 0 } .air-bottom-right { bottom: 0; right: 0 } .display-none { display: none!important } .checkbox input[type=checkbox].checkbox+span, .checkbox-inline input[type=checkbox].checkbox+span, .radio input[type=radio].radiobox+span, .radiobox-inline input[type=radio].radiobox+span { margin-left: -20px } .form-inline .checkbox input[type=checkbox].checkbox+span, .form-inline .radiobox input[type=radio].radiobox+span { margin-left: 0 } .form-inline .checkbox, .form-inline .radiobox { padding-left: 0 } input[type=checkbox].checkbox+span, label input[type=radio].radiobox+span { vertical-align: middle; line-height: 20px } input[type=checkbox].checkbox+span, input[type=checkbox].checkbox+span:after, input[type=checkbox].checkbox+span:before, input[type=radio].radiobox+span, input[type=radio].radiobox+span:after, input[type=radio].radiobox+span:before { box-sizing: content-box!important; -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important } input[type=checkbox].checkbox, input[type=radio].radiobox { visibility: hidden; position: absolute; z-index: 20; width: 18px; height: 18px } label input[type=checkbox].checkbox+span, label input[type=radio].radiobox+span { position: relative; z-index: 19; display: inline-block; margin: 0; line-height: 17px; min-height: 14px; min-width: 14px; margin-right: 5px } label input[type=checkbox].checkbox+span:hover, label input[type=radio].radiobox+span:hover { cursor: pointer } label input[type=checkbox].checkbox+span:before, label input[type=radio].radiobox+span:before { font-family: FontAwesome; font-size: 12px; border-radius: 0; content: "\a0"; display: inline-block; text-align: center; vertical-align: middle; padding: 1px; height: 12px; line-height: 12px; min-width: 12px; margin-right: 5px; border: 1px solid #bfbfbf; background-color: #f4f4f4; font-weight: 400; margin-top: -1px } label input[type=radio].radiobox+span:before { content: "\a0"; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2) } label input[type=radio].radiobox:checked+span { font-weight: 700 } label input[type=radio].radiobox:checked+span:before { content: "\f111"; color: #2E7BCC } label input[type=radio].radiobox.style-3:checked+span:before { color: #a90329; border-color: #a90329 } label input[type=radio].radiobox.style-2:checked+span:before { color: #66665e; border-color: #4d90fe; font-size: 9px } label input[type=radio].radiobox.style-2:checked+span { font-weight: 400 } label input[type=radio].radiobox.style-1+span:before { font-size: 9px; background: #fff; text-shadow: none; box-shadow: none!important; border-width: 1px; height: 13px; line-height: 13px; min-width: 13px } label input[type=radio].radiobox.style-1:checked+span:before { font-size: 10px; color: #333; border-color: #333; background: #fff } label input[type=radio].radiobox.style-1:checked+span { font-weight: 400 } label:hover input[type=radio].radiobox+span:before, label:hover input[type=radio].radiobox:checked+span:before { color: #2E7BCC; border-color: #2E7BCC } label:hover input[type=radio].radiobox.style-3+span:before, label:hover input[type=radio].radiobox.style-3:checked+span:before { color: #a90329; border-color: #a90329 } label:hover input[type=radio].radiobox.style-2:checked+span:before { color: #66665e; border-color: #4d90fe } label:hover input[type=radio].radiobox.style-1+span:before, label:hover input[type=radio].radiobox.style-1:checked+span:before { color: #333; border-color: #333; background: #fff } label:active input[type=radio].radiobox+span:before { box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4) } label input[type=radio][disabled].radiobox+span, label input[type=radio][disabled].radiobox:checked+span, label:hover input[type=radio][disabled].radiobox:checked+span:before { color: #A7A7A7; cursor: not-allowed } label input[type=radio][disabled].radiobox:checked+span:before { content: "\f111" } label input[type=radio][disabled].radiobox+span:before, label input[type=radio][disabled].radiobox:checked+span:before, label:active input[type=radio][disabled].radiobox:checked+span:before, label:hover input[type=radio][disabled].radiobox:checked+span:before { background: #eee!important; border-color: #CCC!important; box-shadow: none; color: #A7A7A7 } label input[type=checkbox].checkbox+span:before { content: "\a0" } label input[type=checkbox].checkbox:checked+span:before { content: "\f00c" } label input[type=checkbox].checkbox:checked+span { font-weight: 700 } label input[type=checkbox].checkbox:checked+span:before { color: #2E7BCC } label input[type=checkbox].checkbox.style-3:checked+span:before { color: #fff; border-color: #a90329; background: #a90329 } label input[type=checkbox].checkbox.style-2+span:before { background: 0 0; border-color: #c1c1c1; box-shadow: none } label input[type=checkbox].checkbox.style-2:checked+span:before { content: "\f00c"; color: #66665e; border-color: #4d90fe; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff } label input[type=checkbox].checkbox.style-2:checked+span { font-weight: 400 } label input[type=checkbox].checkbox.style-1+span:before { color: #333; background: #fff; text-shadow: none; box-shadow: none!important; border-width: 1px; height: 12px; line-height: 13px; min-width: 12px } label input[type=checkbox].checkbox.style-1:checked+span:before { color: #333; border-color: #333 } label input[type=checkbox].checkbox.style-1:checked+span { font-weight: 400 } label:active input[type=checkbox].checkbox+span:before { box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4) } label:hover input[type=checkbox].checkbox+span:before { color: #2E7BCC; border-color: #2E7BCC } label:hover input[type=checkbox].checkbox.style-3+span:before { color: #fff; border-color: #A90327 } label:hover input[type=checkbox].checkbox.style-2+span:before { box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2) } label:hover input[type=checkbox].checkbox.style-2:checked+span:before { box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4) } label:hover input[type=checkbox].checkbox.style-1+span:before { border-color: #333 } label:active input[type=checkbox].checkbox:checked+span:before { color: #fff; background: #2E7BCC; border-color: #2E7BCC } label:active input[type=checkbox].checkbox.style-3:checked+span:before { color: #a90329; background: #fff; border-color: #a90329 } label:active input[type=checkbox].checkbox.style-2+span:before, label:active input[type=checkbox].checkbox.style-2:checked+span:before { color: #66665e; background: 0 0; border-color: #c1c1c1; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4) } label:active input[type=checkbox].checkbox.style-1:checked+span:before { color: #fff; background: #333; border-color: #333 } label input[type=checkbox][disabled].checkbox+span, label input[type=checkbox][disabled].checkbox:checked+span, label:hover input[type=checkbox][disabled].checkbox:checked+span:before { color: #A7A7A7; cursor: not-allowed } label input[type=checkbox][disabled].checkbox.style-2:checked+span:before, label input[type=checkbox][disabled].checkbox:checked+span:before { content: "\f00c" } label input[type=checkbox][disabled].checkbox+span:before, label input[type=checkbox][disabled].checkbox:checked+span:before, label:active input[type=checkbox][disabled].checkbox:checked+span:before, label:hover input[type=checkbox][disabled].checkbox:checked+span:before { background: #eee!important; border-color: #CCC!important; color: #A7A7A7; box-shadow: none!important } .open>.dropdown-menu { -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .active+.ajax-dropdown { -webkit-animation-name: flipInY; -moz-animation-name: flipInY; -o-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .square { display: block; float: left; margin-right: 10px; height: 20px; width: 20px } [class*=" bg-"], [class^=bg-] { filter: none!important } .txt-color-blue { color: #57889c!important } .txt-color-blueLight { color: #92a2a8!important } .txt-color-blueDark { color: #4c4f53!important } .txt-color-green { color: #356e35!important } .txt-color-greenLight { color: #71843f!important } .txt-color-greenDark { color: #496949!important } .txt-color-red { color: #a90329!important } .txt-color-yellow { color: #b09b5b!important } .txt-color-orange { color: #b19a6b!important } .txt-color-orangeDark { color: #a57225!important } .txt-color-pink { color: #ac5287!important } .txt-color-pinkDark { color: #a8829f!important } .txt-color-purple { color: #6e587a!important } .txt-color-darken { color: #404040!important } .txt-color-lighten { color: #d5e7ec!important } .txt-color-white { color: #fff!important } .txt-color-grayDark { color: #525252!important } .txt-color-magenta { color: #6e3671!important } .txt-color-teal { color: #568a89!important } .txt-color-redLight { color: #a65858!important } .bg-color-blue { background-color: #57889c!important } .bg-color-blueLight { background-color: #92a2a8!important } .bg-color-blueDark { background-color: #4c4f53!important } .bg-color-green { background-color: #356e35!important } .bg-color-greenLight { background-color: #71843f!important } .bg-color-greenDark { background-color: #496949!important } .bg-color-red { background-color: #a90329!important } .bg-color-yellow { background-color: #b09b5b!important } .bg-color-orange { background-color: #c79121!important } .bg-color-orangeDark { background-color: #a57225!important } .bg-color-pink { background-color: #ac5287!important } .bg-color-pinkDark { background-color: #a8829f!important } .bg-color-purple { background-color: #6e587a!important } .bg-color-darken { background-color: #404040!important } .bg-color-lighten { background-color: #d5e7ec!important } .bg-color-white { background-color: #fff!important } .bg-color-grayDark { background-color: #525252!important } .bg-color-magenta { background-color: #6e3671!important } .bg-color-teal { background-color: #568a89!important } .bg-color-redLight { background-color: #a65858!important } .colorblind-friendly .alert, .colorblind-friendly .btn-primary { color: #FFF } .colorblind-friendly .btn:hover { background: #fff; color: #333; border-color: #333 } .colorblind-friendly .alert-danger, .colorblind-friendly .btn-danger { background-image: url(../img/colorblind-friendly/pt1.png); border-color: #272727; background-color: #303030 } .colorblind-friendly .alert-success, .colorblind-friendly .btn-success { background-image: url(../img/colorblind-friendly/pt2.png); border-color: #FF00EB; background-color: #1E5E00 } .colorblind-friendly .alert-warning, .colorblind-friendly .btn-warning { background-image: url(../img/colorblind-friendly/pt3.png); border-color: #5F4415; background-color: #A07A00 } .colorblind-friendly .alert-info, .colorblind-friendly .btn-info { border-color: #F90; background-color: #002E70 } .colorblind-friendly .jarviswidget-ctrls .button-icon:hover { background-color: #333; color: #fff!important } .colorblind-friendly .jarviswidget-color-blue .jarviswidget-ctrls .button-icon:hover, .colorblind-friendly .jarviswidget-color-blueDark .jarviswidget-ctrls .button-icon:hover, .colorblind-friendly .jarviswidget-color-darken .jarviswidget-ctrls .button-icon:hover { background-color: #fff; color: #333!important } .colorblind-friendly .jarviswidget { position: relative } .colorblind-friendly .jarviswidget:hover:before { position: absolute; top: -3px; left: -5px; right: -5px; bottom: 0; border: 6px solid #333; visibility: visible; overflow: visible; height: 103%; z-index: 0; border-bottom-width: 10px } .colorblind-friendly .nav>li:not(.active)>a:focus, .colorblind-friendly .nav>li:not(.active)>a:hover { background-color: #303030; color: #fff!important } .page-footer { height: 52px; padding: 15px 13px 0; padding-left: 233px; border-top: 1px solid #CECECE; background: #535353; width: 100%; position: absolute; display: block; bottom: 0 } .fixed-page-footer .page-footer { position: fixed; z-index: 901 } .minified .page-footer { padding-left: 58px } .container.fixed-page-footer .page-footer { max-width: 1164px } .hidden-menu .page-footer { padding-left: 20px } @media (max-width:979px) { html.hidden-menu-mobile-lock { overflow-x: hidden } #main { width: 100%!important } .page-footer { padding: 15px 14px 0 } .profile-pic>img { width: 110px } .profile-pic { float: left } .profile-pic>img { margin-right: 10px } .profile-pic+div, .profile-pic+div+div { padding-left: 30px; padding-right: 30px } #fullscreen>:first-child>a { display: none!important } body.container { border: none!important; width: 100%!important } .inbox-data-message>:first-child { height: 50px; overflow: hidden } .show-stats .show-stat-buttons>:first-child { padding-right: 13px } .show-stats .show-stat-buttons>:last-child { padding-left: 13px } .inbox-checkbox-triggered>.btn-group .btn { padding-left: 10px; padding-right: 10px } .inbox-body .table-wrap { padding: 0!important; padding-left: 5px!important; padding-right: 5px!important } .inbox-nav-bar { padding-left: 5px; padding-right: 5px } .inbox-data-message>:first-child>:first-child { display: block!important; font-size: 14px } .inbox-table-icon>:first-child { margin-top: 12px } #inbox-table .inbox-table-icon { padding-left: 10px!important } .header-search.pull-right { margin-left: 0 } .visible-tablet { display: inline-block!important } .display-inline.hidden-tablet, .hidden-tablet { display: none!important } .jarviswidget header h2 { width: 310px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .dropzone .dz-default.dz-message { background-size: 100%; width: 200px; height: 43px; margin-left: -112px; margin-top: -23.5px } } @media (min-width:768px) and (max-width:979px) { #main { margin-left: 0 } #left-panel { left: -220px } .minified #left-panel { left: 0 } /* #hide-menu>:first-child>a { margin-top: 9px; width: 40px } .btn-header a { margin-top: 9px!important; width: 40px!important } #hide-menu i { color: #6D6A69; font-size: 100% }*/ .hidden-menu #hide-menu i { color: #fff } #hide-menu i::before { content: "\f0c9" } .hidden-menu #left-panel { left: 0 } .hidden-menu #main { position: relative; left: 210px } .hidden-menu.fixed-ribbon #ribbon { left: 220px; width: 100% } .fixed-ribbon #ribbon { left: 0 } .jarviswidget header h2 { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .header-search>input[type=text] { margin-top: 9px } } @media (min-width:768px) and (max-width:880px) { #main { margin-left: 0; overflow-x: hidden } #left-panel { left: -220px } .no-content-padding { margin: 0 -14px!important } .inbox-nav-bar.no-content-padding { margin-top: -10px!important } .minified #left-panel { left: 0 } /*#hide-menu>:first-child>a, .btn-header a { margin-top: 25px!important; width: 40px!important; height: 39px!important; line-height: 38px!important }*/ #logo { margin-top:22px } /* #logo img { width: 127px }*/ .btn-header.transparent a { border: none!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important } .btn-header.transparent a:hover { color: #a90329 } /* #hide-menu i { color: #fff; font-size: 121% }*/ .hidden-menu #hide-menu i { color: #fff } #hide-menu i::before { content: "\f0c9" } .hidden-menu #left-panel { left: 0 } .hidden-menu #main { position: relative; left: 210px } .hidden-menu.fixed-ribbon #ribbon { left: 220px; width: 100% } .fixed-ribbon #ribbon { left: 0 } .jarviswidget header h2 { width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .header-search>input[type=text] { margin-top: 9px } } @media (max-width:767px) { .profile-pic>img { width: 100px } #main { margin-left: 0; overflow-x: hidden } #left-panel { left: -220px } .show-stat-microcharts>div { margin-top: 0!important; border-right: none!important } .show-stat-buttons { padding-left: 10px!important; padding-right: 10px!important } #content, #ribbon { padding-left: 5px; padding-right: 5px } #header { padding-right: 5px } #logo { margin-left: 4px } .no-content-padding { margin: 0 -5px!important } .inbox-nav-bar.no-content-padding { margin-top: -10px!important } .minified #left-panel { left: 0 } /* .btn-header.transparent a { border: none!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important }*/ /* .btn-header.transparent a:hover { color: #a90329 }*/ /* #hide-menu>:first-child>a, .btn-header a { margin-top: 5px!important; width: 40px!important; height: 39px!important; line-height: 38px!important }*/ /* #hide-menu>:first-child>a { width: 50px!important }*/ #logo { margin-top: 10px } #logo img { width: 127px } /* #hide-menu i { color: #6D6A69; font-size: 121% }*/ .hidden-menu #hide-menu i { color: #fff !important; } #hide-menu i::before { content: "\f0c9" } .hidden-menu #left-panel { left: 0 } .hidden-menu #main { position: relative; left: 210px } .hidden-menu.fixed-ribbon #ribbon { left: 220px; width: 100% } .fixed-ribbon #ribbon { left: 0 } body.fixed-navigation.hidden-menu { overflow: hidden!important } .fixed-ribbon #content { padding-top: 52px } .header-search { display: none } #search-mobile { display: block } .search-mobile .header-search { display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0 } .search-mobile .header-search>input[type=text] { margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px } .search-mobile .header-search>button { height: 29px; line-height: 29px; background: #DDD; right: 44px } .search-mobile #search-mobile { display: none } .search-mobile #cancel-search-js { display: block } .jarviswidget header h2 { width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .btn-header>:first-child>a { margin:10px 7px 0px 0px; } /* #header .btn-header > :first-child > a { background:#1a78bf !important; border:1px solid #1a78bf !important; margin:10px 7px 0 0; } #header .btn-header > :first-child > a:hover { background:#2ea8e0 !important; border:1px solid #2ea8e0 !important;} */ } @media only screen and (min-width:0) and (max-width:679px) { .profile-pic>img { width: 90px } #main { margin-left: 0; overflow-x: hidden } #left-panel { left: -220px } .show-stat-microcharts>div { margin-top: 0!important; border-right: none!important } .show-stat-buttons { padding-left: 10px!important; padding-right: 10px!important } #content, #ribbon { padding-left: 5px; padding-right: 5px } #header { padding-right: 5px } #logo { margin-left: 4px } .no-content-padding { margin: 0 -5px!important } .inbox-nav-bar.no-content-padding { margin-top: -10px!important } .minified #left-panel { left: 0 } #header { background: #fff } /*#ribbon { border-bottom: 1px solid #CFCFCF; border-top: 1px solid #E6E6E6; background: #F5F5F5 } #ribbon .breadcrumb, #ribbon .breadcrumb a { color: #6D6C6C!important }*/ #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active { color: #333!important } #hide-menu>:first-child>a, /* .btn-header a { margin-top: 5px!important; width: 40px!important; height: 39px!important; line-height: 38px!important }*/ /*#hide-menu>:first-child>a { width: 50px!important }*/ #logo { margin-top: 10px } #logo img { width: 127px } .btn-header.transparent a { border: none!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important } .btn-header.transparent a:hover { color: #a90329 } /*#hide-menu i { color: #6D6A69; font-size: 121% } */ .hidden-menu #hide-menu i { color: #fff } #hide-menu i::before { content: "\f0c9" } .hidden-menu #left-panel { left: 0 } .hidden-menu #main { position: relative; left: 210px } .hidden-menu.fixed-ribbon #ribbon { left: 220px; width: 100% } .fixed-ribbon #ribbon { left: 0 } .header-search { display: none } #search-mobile { display: block } .search-mobile .header-search { display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0 } .search-mobile .header-search>input[type=text] { margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px } .search-mobile .header-search>button { height: 29px; line-height: 29px; background: #DDD; right: 44px } .search-mobile #search-mobile { display: none } .search-mobile #cancel-search-js { display: block } .hidden-tablet { display: none!important } .jarviswidget header h2 { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } } @media only screen and (min-width:320px) and (max-width:479px) { .page-title { display: none } .profile-pic { text-align: left } .profile-pic>img { width: 90px; margin-left: 0; top: -25px; margin-right: 0 } .profile-pic+div>h1 { font-size: 20px } .profile-pic+div>h1 small { font-size: 16px } .profile-carousel .carousel-indicators { top: 10px } #main { margin-left: 0; overflow-x: hidden } #left-panel { left: -220px } .show-stat-microcharts>div { margin-top: 0!important; border-right: none!important } .show-stat-buttons { padding-left: 10px!important; padding-right: 10px!important } #content, #ribbon { padding-left: 5px; padding-right: 5px } #header { padding-right: 5px } #logo { margin-left: 4px } .no-content-padding { margin: 0 -5px!important } .inbox-nav-bar.no-content-padding { margin-top: -10px!important } .minified #left-panel { left: 0 } #header { background: #fff } /*#ribbon { border-bottom: 1px solid #CFCFCF; border-top: 1px solid #E6E6E6; background: #F5F5F5 } #ribbon .breadcrumb, #ribbon .breadcrumb a { color: #6D6C6C!important }*/ #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active { color: #333!important } #logo { width: 135px } #logo-group { width: 169px!important } #sparks { text-align: center; background: #E0E0E0; padding: 10px 0; margin-bottom: 15px } #sparks li { padding: 0 10px 0 20px } /* #hide-menu>:first-child>a, .btn-header a { margin-top: 5px!important; width: 40px!important; height: 39px!important; line-height: 38px!important }*/ #logo { margin-top: 10px } #logo img { width: 127px } .btn-header.transparent a { border: none!important; background: 0 0; margin-left: 0; width: 25px!important; box-shadow: none!important } .btn-header.transparent a:hover { color: #a90329 } #hide-menu>:first-child>a { width:22px!important } /* #hide-menu i { color: #6D6A69; font-size: 121% }*/ .hidden-menu #hide-menu i { color: #fff } #hide-menu i::before { content: "\f0c9" } .hidden-menu #left-panel { left: 0 } .hidden-menu #main { position: relative; left: 210px } .hidden-menu.fixed-ribbon #ribbon { left: 220px; width: 100% } .fixed-ribbon #ribbon { left: 0 } .hidden-mobile { display: none!important } .visible-mobile { display: inline-block!important } .ajax-notifications { height: 250px } .ajax-dropdown { width: 299px; height: 320px; left: 0; top: 49px } .ajax-dropdown:before { margin-left: -14px } .ajax-dropdown:after { margin-left: -13px } .header-search { display: none } #search-mobile { display: block; margin-left: 0 } .search-mobile .header-search { display: block; position: absolute; top: 0; width: 100%; height: 49px; background: #333; padding: 0 2px; box-sizing: border-box; left: 0 } .search-mobile .header-search>input[type=text] { margin-top: 2px; height: 45px; border-color: #333; padding-right: 75px } .search-mobile .header-search>button { height: 29px; line-height: 29px; background: #DDD; right: 44px } .search-mobile #search-mobile { display: none } .search-mobile #cancel-search-js { display: block } .jarviswidget header h2 { width: 135px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } } #extr-page #main { margin-top: 0!important } #mobile-profile-img { display: none!important; padding-right: 2px!important; padding-left: 2px!important } .menu-on-top #mobile-profile-img { display: block!important } #mobile-profile-img a.userdropdown img { width: 30px; margin-top: 5px; margin-left: 2px; border-radius: 3px; border: 1px solid #797979!important } .menu-on-top .page-footer { padding: 15px 13px 0 } .menu-on-top.hidden-menu #left-panel { left: 0 } .menu-on-top #main { margin-left: 0!important; margin-top: 69px!important } .menu-on-top #hide-menu, .menu-on-top #logout, .menu-on-top .minifyme { display: none!important } .menu-on-top aside#left-panel { width: 100%!important; min-height: 0!important; height: auto; overflow: visible; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25); border-bottom: 1px solid #222; border-top: 1px solid #333 } .menu-on-top aside#left-panel nav>ul { display: block; width: 100% } .menu-on-top aside#left-panel nav>ul>li:first-child { margin-left: 0 } .menu-on-top aside#left-panel nav>ul>li { position: relative; height: auto!important; padding: 0!important; display: inline-block; float: left; border-right: 1px solid #222; border-left: 1px solid #4E4E4E; overflow: visible } .menu-on-top aside#left-panel nav>ul>li>a { display: inline-block; height: 68px; text-shadow: none!important; font-size: 13px; text-decoration: none; line-height: 22px; padding: 10px 9px!important } .menu-on-top li.active>a { font-weight: 700!important } .menu-on-top .login-info, .menu-on-top nav>ul>li>a b { display: none } .menu-on-top aside#left-panel nav>ul>li>a>i { display: block!important; margin: 1px 0 4px; line-height: inherit; text-align: center; font-size: 24px; margin-bottom: 2px; width: 100% } .menu-on-top .menu-item-parent { max-width: 72px; min-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 13px } .menu-on-top .menu-item-parent+span { float: none!important; top: 5px; right: 5px; position: absolute } .menu-on-top nav ul ul li a { padding-left: 10px!important; font-size: 13px } .menu-on-top aside#left-panel nav>ul>li:hover { background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #cfcfcf)); background: -ms-linear-gradient(bottom, #fff, #cfcfcf); background: -moz-linear-gradient(center bottom, #fff 0, #cfcfcf 100%); background: -o-linear-gradient(#cfcfcf, #fff); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0) } .menu-on-top aside#left-panel nav>ul>li:hover>a { color: #333!important; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; padding-left: 8px!important; padding-right: 8px!important } .menu-on-top aside#left-panel nav>ul>li>ul { position: absolute!important; background: #3a3633 } .menu-on-top aside#left-panel nav>ul>li:hover>ul { display: block!important } .menu-on-top aside#left-panel nav ul li.active>a:before { content: ""!important } .menu-on-top nav>ul ul li::before, .menu-on-top nav>ul>li>ul::before { border: none } .menu-on-top nav ul ul li a, .menu-on-top nav ul ul ul li a { color: #4C4F53 } .menu-on-top nav ul ul li a:hover, .menu-on-top nav ul ul li:hover>a, .menu-on-top nav ul ul ul li a:hover { color: #fff; background-color: #4C4F53 } .menu-on-top nav>ul ul ul { border-top: 1px solid #c7c7c7!important } .menu-on-top nav ul ul li { overflow: visible } .menu-on-top nav ul ul, .menu-on-top nav ul ul ul { display: none!important; background: #fff!important; border: 1px solid #c7c7c7; -moz-box-shadow: inset 0 -4px 0 0 #bd2a2a; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border-bottom: 1px solid #BD2A2A; border-top: none; width: 200px; border-radius: 0; padding: 3px; margin-left: 0 } .menu-on-top nav>ul ul li:hover>ul { display: block!important; position: absolute; z-index: 999; left: 100%; top: -8px; background: #333 } .menu-on-top nav>ul>li>a:after { content: "\f0dd"!important; top: 76%!important; color: #636363!important; left: 46% } .menu-on-top nav ul ul li:hover>a:after, .menu-on-top nav>ul ul>li a:after, .menu-on-top nav>ul ul>li a:hover:after, .menu-on-top nav>ul>li>a:after { font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; display: block!important; position: absolute; top: 9px; right: 4px; color: #333 } .menu-on-top nav ul ul li:hover>a:after, .menu-on-top nav>ul ul>li a:hover:after { color: #fff } .menu-on-top nav>ul ul>li a:only-child:after, .menu-on-top nav>ul>li>a:only-child:after { content: ""!important } .menu-on-top nav ul ul .active>a { color: #333!important } .menu-on-top nav ul ul .active>a:hover, .menu-on-top nav ul ul li.active:hover>a { color: #fff!important } .menu-on-top .slimScrollDiv, .menu-on-top nav { overflow: visible!important } body.menu-on-top.fixed-header { padding-top: 49px } body.menu-on-top.fixed-header.fixed-navigation nav>ul { padding-right: 0; position: relative; height: auto; width: auto; overflow: visible } body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon { left: 0; top: 118px } @media (max-width:979px) { .menu-on-top #mobile-profile-img a.userdropdown img { width: 39px; margin-top: 0; margin-left: 2px; border-radius: 3px; margin-right: -3px } .menu-on-top .btn-header.pull-right { margin-left: 0!important } .menu-on-top #main { margin-top: 0!important } .menu-on-top #left-panel { left: 0; display: none } body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon { top: 49px } .menu-on-top.hidden-menu #left-panel { display: block } .menu-on-top.hidden-menu #main { left: 0!important } .menu-on-top #hide-menu { display: block!important } .menu-on-top aside#left-panel nav { height: 300px!important; overflow: scroll; overflow-x: hidden!important; -webkit-overflow-scrolling: touch } .menu-on-top .menu-item-parent { white-space: inherit; overflow: visible; text-overflow: inherit; text-align: left; min-width: 85%; max-width: 85%; padding-left: 5px } .menu-on-top .menu-item-parent+span { top: 50%; margin-top: -8px } .menu-on-top nav li.active>ul { display: block } .menu-on-top nav>ul>li.active { background: #fff; background: -moz-linear-gradient(top, #cfcfcf 0, #fff 66%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(66%, #fff)); background: -webkit-linear-gradient(top, #cfcfcf 0, #fff 66%); background: -o-linear-gradient(top, #cfcfcf 0, #fff 66%); background: -ms-linear-gradient(top, #cfcfcf 0, #fff 66%); background: linear-gradient(to bottom, #cfcfcf 0, #fff 66%) } .menu-on-top nav>ul>li.active>a { color: #333!important } .menu-on-top nav ul ul li:hover>a:after, .menu-on-top nav>ul ul>li a:after, .menu-on-top nav>ul ul>li a:hover:after, .menu-on-top nav>ul>li>a:after { top: 50%; right: 15px; font-size: 15px; margin-top: -8px; content: "\f0dd"!important } .menu-on-top nav>ul ul>li a:only-child:after, .menu-on-top nav>ul>li>a:only-child:after { content: ""!important } .menu-on-top nav>ul>li>a:after { top: 50%!important; left: auto; margin-top: -14px; font-size: 20px } .menu-on-top nav ul ul, .menu-on-top nav ul ul ul { padding: 0; border: none } .menu-on-top nav ul ul ul { border-bottom: 2px solid #333 } .menu-on-top aside#left-panel nav>ul>li { width: 100% } .menu-on-top aside#left-panel nav>ul>li>a { height: auto; display: block; padding: 8px 9px!important; border-bottom: 1px dotted #585858 } .menu-on-top nav>ul>li>ul>li>a, .menu-on-top nav>ul>li>ul>li>ul>li>a { padding-top: 10px; padding-bottom: 10px } .menu-on-top aside#left-panel nav>ul>li>a>i { display: inline!important } .menu-on-top aside#left-panel nav>ul li ul { position: relative!important; width: 100%; top: 0; left: 0 } .menu-on-top aside#left-panel nav>ul>li:active>ul, .menu-on-top aside#left-panel nav>ul>li:focus>ul { display: block!important } } .menu-on-top .top-menu-invisible, .no-menu #hide-menu, .no-menu #left-panel, .no-menu #logout { display: none!important } .no-menu #main { margin: 0!important } .no-menu #mobile-profile-img { display: block!important } .no-menu #mobile-profile-img a.userdropdown img { width: 30px; margin-top: 5px; margin-left: 2px; border-radius: 3px; border: 1px solid #797979!important } .nav-tabs > li > a:hover { border:none; } .nav > li > a:hover { background:#e7eaeb; color:#4c4f53; } .nav > li > a:focus { background:#e7eaeb; color:#4c4f53; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:none; background:#1a78bf; color:#fff; } .nav-tabs > li { margin-bottom:0px; }