/* Échec de l'agrandissement. Renvoi du contenu non agrandi. (11324,12): run-time error CSS1036: Expected expression, found '$' (12631,1): run-time error CSS1019: Unexpected token, found '@import' (12631,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic)' (12631,79): run-time error CSS1019: Unexpected token, found '@import' (12631,87): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Roboto:400,500,700)' (16174,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16177,3): run-time error CSS1035: Expected colon, found '{' (16185,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16188,3): run-time error CSS1035: Expected colon, found '{' (16196,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (16199,3): run-time error CSS1035: Expected colon, found '{' (16208,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16211,3): run-time error CSS1035: Expected colon, found '{' (17209,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17212,3): run-time error CSS1035: Expected colon, found '{' (17220,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17223,3): run-time error CSS1035: Expected colon, found '{' (25351,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25362,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (25364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25373,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25384,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (25386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25406,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (25408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25417,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25428,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (25430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25890,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25893,3): run-time error CSS1035: Expected colon, found '{' (25901,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (25904,3): run-time error CSS1035: Expected colon, found '{' (25912,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (25915,3): run-time error CSS1035: Expected colon, found '{' (25924,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25927,3): run-time error CSS1035: Expected colon, found '{' (30307,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (30308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (30320,1): run-time error CSS1019: Unexpected token, found '@keyframes' (30321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .clearfix:before, .clearfix:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after { content: " "; display: table; } .clearfix:after, .navbar:after, .navbar-header:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* general styles */ a, button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } a i.fa, button i.fa { /*margin: 0 5px;*/ } .clickable { cursor: pointer !important; } .required { color: #38a7bb; } .accent { color: #38a7bb; } .text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; } @media (max-width: 991px) { .text-center-sm { text-align: center; } } p.lead { margin-bottom: 40px; } section, div.section { margin-bottom: 40px; } .no-mb { margin-bottom: 0 !important; } .mb-small { margin-bottom: 20px !important; } .heading { margin-bottom: 40px; } .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: solid 5px #38a7bb; line-height: 1.1; margin-bottom: 0; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; } .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: #38a7bb; width: 30px; height: 30px; vertical-align: middle; text-align: center; color: #fff; font-size: 12px; line-height: 30px; border-radius: 15px; } .icon { display: inline-block; width: 80px; height: 80px; color: #fff; line-height: 80px; border-radius: 40px; border: solid 1px #fff; font-size: 20px; } .icon.icon-lg { font-size: 30px; border-width: 2px; } .ul-icons { padding-left: 10px; } .ul-icons li { list-style-type: none; line-height: 20px; margin-bottom: 20px; } .ul-icons li i { width: 20px; height: 20px; background: #38a7bb; color: #fff; text-align: center; border-radius: 10px; line-height: 20px; margin-right: 10px; } ul.list-style-none { list-style: none; } #text-page h1, #text-page h2, #text-page h3 { font-weight: 700; } #error-page { text-align: center; margin-top: 40px; margin-bottom: 100px; } #error-page h4 { margin-bottom: 40px; } #error-page p.buttons { margin-top: 40px; } .pages-listing .item { text-align: center; } .pages-listing .item h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.08em; } .pages-listing .item h3 a { color: #555555; } .pages-listing .item .text { margin-bottom: 20px; } .pages-listing .item .text p { color: #999999; font-size: 12px; margin-bottom: 20px; } .banner { margin-bottom: 30px; text-align: center; } .banner img { margin: 0 auto; } .banner a:hover img { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pages { text-align: center; } .pages .loadMore { text-align: center; } .pages .pagination { text-align: center; } .features-buttons button { margin-bottom: 20px; } @media (min-width: 1300px) { body.boxed { background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); } body.boxed #all { position: relative; background: #fff; width: 1200px; margin: 0 auto; overflow: hidden; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; } } #top { background: #555555; color: #eeeeee; padding: 10px 0; } #top p { margin: 0; font-size: 12px; } #top .social { float: right; text-align: right; } #top .social a { color: #999999; display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; } #top .social a:hover { color: #fff; } #top .social a:hover.facebook { background-color: #4460ae; } #top .social a:hover.gplus { background-color: #c21f25; } #top .social a:hover.twitter { background-color: #3cf; } #top .social a:hover.instagram { background-color: #cd4378; } #top .social a:hover.email { background-color: #4a7f45; } #top .login { float: right; } #top .login a { font-size: 12px; color: #eeeeee; margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.10em; } @media (max-width: 767px) { #top .login { float: left; } } #top.light { background: #fff; color: #999999; border-bottom: solid 1px #eeeeee; } #top.light .login a { color: #555555; } .navbar { border: none; } .navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: solid 5px transparent; } .navbar ul.nav > li > a:hover { border-top: solid 5px #38a7bb; } .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { text-decoration: none !important; border-top: solid 5px #20616d; } @media (max-width: 768px) { .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top-color: transparent; } .navbar ul.nav > li > a:hover { border-top-color: transparent; } } .navbar.navbar-light ul.nav > li.active > a { border-top: solid 5px #20616d; background: #fff; color: #555555 !important; } .navbar.navbar-light ul.nav > li.active > a:hover { border-top: solid 5px #20616d; } .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: solid 5px #38a7bb; background: #fff; color: #555555 !important; } .navbar ul.dropdown-menu { margin: 0; padding: 0; } .navbar ul.dropdown-menu li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0; } .navbar ul.dropdown-menu li a { position: relative; color: #999999; font-size: 12px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; left: 0; } .navbar ul.dropdown-menu li a:hover { color: #38a7bb; text-decoration: none; background: none; left: 2px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 767px) { .navbar ul.dropdown-menu li a:hover { left: 0; } } .navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: dotted 1px #555555; letter-spacing: 0.08em; } @media (max-width: 767px) { .navbar .yamm-content h3 { font-size: 14px; } } .navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: dotted 1px #555555; letter-spacing: 0.08em; } .navbar .yamm-content ul { margin: 0; padding: 0; } .navbar .yamm-content ul li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; padding: 4px 0; } .navbar .yamm-content ul li a { position: relative; color: #999999; font-size: 12px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .navbar .yamm-content ul li a:hover { color: #38a7bb; text-decoration: none; padding-left: 2px; } .navbar .yamm-content .banner { margin-bottom: 10px; } .navbar .yamm-fw .dropdown-menu { padding: 0; } .navbar .navbar-buttons { float: right; } .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin-top: 11px; margin-bottom: 11px; margin-left: 0; margin-right: 5px; } .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: #999999; background-color: #fff; margin-left: 7px; margin-right: 0; } .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: #fff; border-color: #38a7bb; color: #38a7bb; } .navbar #search { clear: both; border-top: solid 1px #38a7bb; text-align: right; } .navbar #search form { float: right; } .navbar #search form .input-group { width: 500px; } @media (max-width: 768px) { .navbar #search form .input-group { width: 100%; } } .navbar #basket-overview a { margin-left: 7px; } .navbar-affixed-top { top: -32px; } .navbar-affixed-top.affix-top { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0; z-index: 1000; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } body.boxed .navbar-affixed-top.affix { position: static; } #login-modal { overflow: hidden; } #login-modal .modal-header h4 { text-transform: uppercase; } #login-modal form { margin-bottom: 20px; } #login-modal a { color: #38a7bb; } #login-modal p { font-weight: 300; margin-bottom: 20px; font-size: 13px; } /* buttons */ .btn { font-weight: 700; font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 0; } .input-group .btn { font-size: 14px; } .btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-template-main { color: #38a7bb; background-color: #ffffff; border-color: #38a7bb; } .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: #38a7bb; background-color: #e6e6e6; border-color: #2a7d8c; } .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; } .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { /*background-color: #ffffff;*/ /*border-color: #38a7bb;*/ } .btn-template-main .badge { color: #ffffff; background-color: #38a7bb; } .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: #38a7bb; color: #ffffff; border-color: #38a7bb; } .btn-template-transparent-primary { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; } .btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: #ffffff; } .btn-template-transparent-primary .badge { color: transparent; background-color: #ffffff; } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: #fff; color: #38a7bb; border-color: #fff; } .btn-template-transparent-black { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; } .btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: #ffffff; } .btn-template-transparent-black .badge { color: transparent; background-color: #ffffff; } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: #fff; color: #000; border-color: #fff; } .btn-template-primary { color: #ffffff; background-color: #38a7bb; border-color: #38a7bb; } .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: #ffffff; background-color: #2c8494; border-color: #2a7d8c; } .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; } .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: #38a7bb; border-color: #38a7bb; } .btn-template-primary .badge { color: #38a7bb; background-color: #ffffff; } #intro { background: url('../img/home.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #intro .item { font-family: "Roboto", Helvetica, Arial, sans-serif; height: 100%; } #intro .item h1 { text-transform: uppercase; font-size: 50px; color: #fff; margin-bottom: 40px; letter-spacing: 0.08em; } @media (max-width: 991px) { #intro .item h1 { font-size: 40px; } } @media (max-width: 767px) { #intro .item h1 { font-size: 25px; } } #intro .item h3 { color: #fff; margin-bottom: 40px; } @media (max-width: 767px) { #intro .item h3 { font-size: 15px; margin-bottom: 20px; } } #intro .item .btn { text-transform: none; } @media (max-width: 991px) { #intro .item .btn { font-size: 14px; } } @media (max-width: 991px) { #intro .item .carousel-caption { left: 10%; right: 10%; } } #intro .container, #intro .row { height: 100%; position: relative; } .jumbotron { padding: 30px; margin-bottom: 0; position: relative; background: url('../img/photogrid.jpg') center center repeat; background-size: cover; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .jumbotron .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #38a7bb; opacity: 0.9; filter: alpha(opacity=90); } .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron p, .jumbotron ul { color: #fff; } .jumbotron h1, .jumbotron h2, .jumbotron h3 { color: #ffffff; text-transform: uppercase; letter-spacing: 0.08em; } .jumbotron p { margin-bottom: 20px; font-size: 21px; font-weight: 400; } .jumbotron p.text-uppercase { font-weight: 700; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron { border-radius: 0; } .jumbotron .container { max-width: 100%; z-index: 2; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 46px; } } #categoryMenu h3 { padding: 20px; background: #f7f7f7; margin: 0; border-bottom: solid 1px #eeeeee; text-transform: uppercase; letter-spacing: 0.08em; } .panel.sidebar-menu h3 { padding: 5px 0; margin: 0; } .panel.sidebar-menu { background: #fff; margin: 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .panel.sidebar-menu .panel-heading { text-transform: uppercase; margin-bottom: 10px; background: none; padding: 0; letter-spacing: 0.08em; border-bottom: none; } .panel.sidebar-menu .panel-heading h1, .panel.sidebar-menu .panel-heading h2, .panel.sidebar-menu .panel-heading h3, .panel.sidebar-menu .panel-heading h4, .panel.sidebar-menu .panel-heading h5 { display: inline-block; border-bottom: solid 5px #38a7bb; line-height: 1.1; margin-bottom: 0; padding-bottom: 10px; } .panel.sidebar-menu .panel-heading .btn.btn-danger { color: #fff; margin-top: 5px; } .panel.sidebar-menu .panel-body { padding: 0; } .panel.sidebar-menu .panel-body span.colour { display: inline-block; width: 15px; height: 15px; border: solid 1px #555555; vertical-align: top; margin-top: 2px; margin-left: 5px; } .panel.sidebar-menu .panel-body span.colour.white { background: #fff; } .panel.sidebar-menu .panel-body span.colour.red { background: red; } .panel.sidebar-menu .panel-body span.colour.green { background: green; } .panel.sidebar-menu .panel-body span.colour.blue { background: blue; } .panel.sidebar-menu .panel-body span.colour.yellow { background: yellow; } .panel.sidebar-menu .panel-body label { color: #999999; font-size: 12px; } .panel.sidebar-menu .panel-body label:hover { color: #555555; } .panel.sidebar-menu ul.nav.category-menu { margin-bottom: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; } .panel.sidebar-menu ul.nav.category-menu li a { font-family: "Roboto", Helvetica, Arial, sans-serif; } .panel.sidebar-menu ul.nav ul { list-style: none; padding-left: 0; } .panel.sidebar-menu ul.nav ul li { display: block; } .panel.sidebar-menu ul.nav ul li a { position: relative; font-family: "Times New Roman", Times, serif; font-weight: normal; text-transform: none !important; display: block; padding: 10px 15px; padding-left: 30px; font-size: 12px; color: #999999; } .panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: #eeeeee; } .panel.sidebar-menu ul.tag-cloud { list-style: none; padding-left: 0; } .panel.sidebar-menu ul.tag-cloud li { display: inline-block; } .panel.sidebar-menu ul.tag-cloud li a { display: inline-block; padding: 5px; border: solid 1px #eeeeee; border-radius: 0; color: #38a7bb; margin: 5px 5px 5px 0; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; font-size: 12px; } .panel.sidebar-menu ul.tag-cloud li a:hover { color: #38a7bb; text-decoration: none; border-color: #38a7bb; } .panel.sidebar-menu ul.popular, .panel.sidebar-menu ul.recent { list-style: none; padding-left: 0; padding: 20px 0; } .panel.sidebar-menu ul.popular li, .panel.sidebar-menu ul.recent li { margin-bottom: 10px; padding: 5px 0; border-bottom: dotted 1px #eeeeee; } .panel.sidebar-menu ul.popular li:before, .panel.sidebar-menu ul.recent li:before, .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after { content: " "; display: table; } .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after { clear: both; } .panel.sidebar-menu ul.popular li:before, .panel.sidebar-menu ul.recent li:before, .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after { content: " "; display: table; } .panel.sidebar-menu ul.popular li:after, .panel.sidebar-menu ul.recent li:after { clear: both; } .panel.sidebar-menu ul.popular li img, .panel.sidebar-menu ul.recent li img { width: 50px; margin-right: 10px; } .panel.sidebar-menu ul.popular li h5, .panel.sidebar-menu ul.recent li h5 { margin: 0 0 10px; } .panel.sidebar-menu ul.popular li h5 a, .panel.sidebar-menu ul.recent li h5 a { font-weight: normal; } .panel.sidebar-menu ul.popular li p.date, .panel.sidebar-menu ul.recent li p.date { float: right; font-size: 12px; color: #999999; } .panel.sidebar-menu ul.popular li:last-child, .panel.sidebar-menu ul.recent li:last-child { border-bottom: none; } .panel.sidebar-menu .text-widget { font-size: 12px; } .panel.sidebar-menu.with-icons ul.nav li a:after { font-family: 'FontAwesome'; content: "\f105"; position: relative; top: 0; float: right; } /* ribbons for product sales etc. */ .ribbon { position: absolute; top: 50px; padding-left: 51px; font-weight: 700; letter-spacing: 0.08em; } .ribbon .ribbon-background { position: absolute; top: 0; right: 0; } .ribbon .theribbon { position: relative; width: 80px; padding: 6px 20px 6px 20px; margin: 30px 10px 10px -71px; color: #fff; background-color: #38a7bb; font-family: "Roboto", Helvetica, Arial, sans-serif; } .ribbon .theribbon:before, .ribbon .theribbon:after { content: ' '; position: absolute; width: 0; height: 0; } .ribbon .theribbon:after { left: 0px; top: 100%; border-width: 5px 10px; border-style: solid; border-color: #000000 #000000 transparent transparent; } .ribbon.sale { top: 0; } .ribbon.new { top: 50px; } .ribbon.new .theribbon { background-color: #5bc0de; text-shadow: 0px 1px 2px #bbb; } .ribbon.new .theribbon:after { border-color: #2390b0 #2390b0 transparent transparent; } .ribbon.gift { top: 100px; } .ribbon.gift .theribbon { background-color: #5cb85c; text-shadow: 0px 1px 2px #bbb; } .ribbon.gift .theribbon:after { border-color: #357935 #357935 transparent transparent; } .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #38a7bb; } .owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0; } .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0 5px 0 0; font-size: 18px; color: #38a7bb; padding: 0; background: #fff; border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; filter: alpha(opacity=100); } .home-carousel { position: relative; background: url('../img/photogrid.jpg') center center repeat; background-size: cover; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .home-carousel .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #38a7bb; opacity: 0.9; filter: alpha(opacity=90); } .home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; } .home-carousel .owl-theme .owl-controls .owl-page span { background: #666; } .home-carousel .owl-theme .owl-controls .owl-page.active span { background: #fff; } .home-carousel .owl-theme .owl-controls .owl-page:hover span { background: #fff; } @media (max-width: 767px) { .home-carousel { text-align: center !important; } } @media (min-width: 992px) { .home-carousel .right { text-align: right; } } .home-carousel h1, .home-carousel h2, .home-carousel h3, .home-carousel p, .home-carousel ul { color: #fff; } .home-carousel h1 { font-weight: 700; text-transform: uppercase; font-size: 46px; letter-spacing: 0.08em; } @media (max-width: 991px) { .home-carousel h1 { font-size: 36px; } } .home-carousel h2 { font-weight: 700; text-transform: uppercase; font-size: 40px; letter-spacing: 0.08em; } .home-carousel ul, .home-carousel p { font-size: 18px; font-weight: 700; padding: 0; text-transform: uppercase; letter-spacing: 0.10em; } @media (max-width: 991px) { .home-carousel ul, .home-carousel p { font-size: 14px; } } .home-carousel ul li { margin-bottom: 10px; } .customers { padding: 0; margin-bottom: 40px; } .customers .item { list-style-type: none; text-align: center; margin: 0 20px; } .customers .item img { display: inline-block; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .customers .item img:hover { max-width: auto; filter: none; -webkit-filter: none; } .testimonials { padding: 0; margin-bottom: 40px; } .testimonials .item { list-style-type: none; margin: 0 5px; background: #fff; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .testimonials .item .testimonial { position: relative; padding: 20px; } .testimonials .item .testimonial:before, .testimonials .item .testimonial:after { content: " "; display: table; } .testimonials .item .testimonial:after { clear: both; } .testimonials .item .testimonial:before, .testimonials .item .testimonial:after { content: " "; display: table; } .testimonials .item .testimonial:after { clear: both; } .testimonials .item .testimonial .text { color: #999999; margin-bottom: 40px; } .testimonials .item .testimonial .bottom { position: absolute; left: 0; bottom: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; height: 50px; } .testimonials .item .testimonial .bottom .icon { color: #38a7bb; font-size: 30px; float: left; width: 20%; } .testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; } .testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; } .testimonials .item .testimonial .name-picture p { color: #999999; margin: 0; font-size: 12px; } .testimonials .item .testimonial .name-picture img { float: right; width: 60px; border-radius: 30px; margin-left: 10px; } .team-member { text-align: center; margin-bottom: 40px; } .team-member h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.08em; } .team-member h3 a { color: #555555; } .team-member p.role { color: #999999; font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; } .team-member .social { margin-bottom: 20px; } .team-member .social a { margin: 0 10px 0 0; color: #fff; display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; vertical-align: bottom; } .team-member .social a i { vertical-align: bottom; line-height: 26px; } .team-member .social a.facebook { background-color: #4460ae; } .team-member .social a.gplus { background-color: #c21f25; } .team-member .social a.twitter { background-color: #3cf; } .team-member .social a.instagram { background-color: #cd4378; } .team-member .social a.email { background-color: #4a7f45; } .team-member .text p { color: #999999; font-size: 12px; } .team-member .social, .team-member-detail .social { margin-bottom: 20px; } .team-member .social a, .team-member-detail .social a { margin: 0 10px 0 0; color: #fff; display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; vertical-align: bottom; } .team-member .social a i, .team-member-detail .social a i { vertical-align: bottom; line-height: 26px; } .team-member .social a.facebook, .team-member-detail .social a.facebook { background-color: #4460ae; } .team-member .social a.gplus, .team-member-detail .social a.gplus { background-color: #c21f25; } .team-member .social a.twitter, .team-member-detail .social a.twitter { background-color: #3cf; } .team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: #cd4378; } .team-member .social a.email, .team-member-detail .social a.email { background-color: #4a7f45; } .box-simple { text-align: center; margin-bottom: 40px; } .box-simple .icon { color: #38a7bb; border-color: #38a7bb; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .box-simple h3 { font-weight: normal; font-size: 18px; text-transform: uppercase; line-height: 1.5; color: #555555; font-weight: 800; letter-spacing: 0.08em; } .box-simple h3 a { color: #555555; } .box-simple p { color: #999999; } .box-simple:hover .icon { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .box-simple:hover .icon i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .box-simple.box-white { padding: 20px; border: dotted 1px #999999; } .box-simple.box-white .icon { color: #555555; border-color: transparent; font-size: 70px; } .box-simple.box-dark { padding: 20px; border: dotted 1px #999999; background: #555555; color: #fff; } .box-simple.box-dark .icon { color: #f7f7f7; border-color: transparent; font-size: 70px; } .box-simple.box-dark h3 { color: #fff; } .box-simple.box-dark h3 a { color: #fff; } .box-simple.box-dark p { color: #fff; } .box-image { position: relative; overflow: hidden; text-align: center; margin: 15px 0; } .box-image .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #38a7bb; } .box-image .name { position: absolute; width: 100%; height: 50%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image .name h3 { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.08em; } .box-image .name h3 a { color: #fff; text-decoration: none; } .box-image .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image:hover .bg { opacity: 0.7; filter: alpha(opacity=70); } .box-image:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); } .box-image:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .box-image-text { position: relative; overflow: hidden; text-align: center; margin: 15px 0; } .box-image-text .top { position: relative; margin-bottom: 10px; } .box-image-text .top .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #38a7bb; } .box-image-text .top .name { position: absolute; width: 100%; height: 50%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image-text .top .name h3 { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.08em; } .box-image-text .top .name h3 a { color: #fff; text-decoration: none; } .box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image-text .content h3, .box-image-text .content h4 { text-transform: uppercase; line-height: 1.5; color: #555555; font-weight: 800; letter-spacing: 0.08em; } .box-image-text .content p { color: #999999; } .box-image-text:hover .bg { opacity: 0.7; filter: alpha(opacity=70); } .box-image-text:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); } .box-image-text:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } /* universal box */ .box { background: #fff; margin: 0 0 30px; border: solid 1px #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; border-left: none; border-right: none; } .box .box-header { background: #f7f7f7; margin: -20px 0 20px; padding: 20px; border-bottom: solid 1px #eeeeee; text-transform: uppercase; letter-spacing: 0.08em; } .box .box-header:before, .box .box-header:after { content: " "; display: table; } .box .box-header:after { clear: both; } .box .box-header:before, .box .box-header:after { content: " "; display: table; } .box .box-header:after { clear: both; } .box .box-footer { background: #f7f7f7; margin: 30px 0 -20px; padding: 20px; border-top: solid 1px #eeeeee; } .box .box-footer:before, .box .box-footer:after { content: " "; display: table; } .box .box-footer:after { clear: both; } .box .box-footer:before, .box .box-footer:after { content: " "; display: table; } .box .box-footer:after { clear: both; } @media (max-width: 991px) { .box .box-footer .btn { margin-bottom: 20px; } } .box.no-border { border: none; } #heading-breadcrumbs { background: url('../img/texture-bw.png') center center repeat; padding: 20px 0; margin-bottom: 40px; } #heading-breadcrumbs.no-mb { margin-bottom: 0; } #heading-breadcrumbs h1 { color: #333333; text-transform: uppercase; font-size: 30px; font-weight: 700; letter-spacing: 0.08em; } @media (max-width: 991px) { #heading-breadcrumbs h1 { text-align: center; } } #heading-breadcrumbs ul.breadcrumb { margin-top: 5px; margin-bottom: 0; } .bar { position: relative; background: #38a7bb; padding: 60px 0; } .bar.background-pentagon { background: url('../img/texture-bw.png') center center repeat; border-top: solid 1px #999999; border-bottom: solid 1px #999999; } .bar.background-gray { background: #eeeeee; } .bar.background-gray-dark { background: #555555; } .bar.background-white { background: #fff; } .bar.background-image-fixed-1 { background: url('../img/fixed-background-1.jpg') center top no-repeat; background-attachment: fixed; background-size: cover; } .bar.background-image-fixed-2 { background: url('../img/fixed-background-2.jpg') center top no-repeat; background-attachment: fixed; background-size: cover; } .bar.color-white h1, .bar.color-white h2, .bar.color-white h3, .bar.color-white h4, .bar.color-white h5, .bar.color-white h6, .bar.color-white p { color: #fff; } .bar.padding-big { padding: 50px 0; } .bar.padding-horizontal { padding-left: 30px; padding-right: 30px; } .bar.margin-vertical { margin-top: 20px; margin-bottom: 20px; } .bar .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } .portfolio.no-space { padding: 0 15px; } .portfolio.no-space .box-image { margin: 0 -15px; } .portfolio-project .project-more h4 { color: #555555; text-transform: uppercase; margin-bottom: 0; text-align: left; font-size: 14px; letter-spacing: 0.08em; } .portfolio-project .project-more p { color: #999999; padding: 10px 0; margin-bottom: 20px; text-align: left; } .portfolio-showcase { margin: 15px 0 60px; } .portfolio-showcase h3 a { text-transform: uppercase; line-height: 1.5; letter-spacing: 0.08em; } .portfolio-showcase p.lead { color: #555555; margin-bottom: 20px; } .portfolio-showcase p { color: #999999; } .portfolio-showcase p.buttons { margin-top: 40px; } .see-more { text-align: center; margin-top: 20px; padding-top: 20px; } .see-more p { font-size: 28px; font-weight: 100; margin-bottom: 20px; } .showcase .item { text-align: center; } .showcase .item .icon { display: inline-block; width: 50px; height: 50px; color: #555555; line-height: 50px; border-radius: 25px; border: solid 1px #555555; } .showcase .item h4 { color: #555555; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; } .showcase .item h4 span { font-weight: bold; font-size: 51px; } .packages .package { background: #fff; margin-top: 25px; margin-bottom: 20px; padding-bottom: 15px; text-align: center; border: solid 1px #38a7bb; overflow: hidden; } .packages .package .package-header { height: 57px; color: #fff; line-height: 57px; background: #38a7bb; } .packages .package .package-header h5 { color: #fff; text-transform: uppercase; font-weight: bold; line-height: 57px; margin: 0; letter-spacing: 0.08em; } .packages .package .package-header.light-gray { background: #eeeeee; } .packages .package .package-header.light-gray h5 { color: #555555; } .packages .package .price { line-height: 120px; height: 100px; color: #fff; font-weight: 400; } .packages .package .price h4 { display: inline; font-size: 50px; line-height: normal; margin-bottom: 0; } .packages .package .price .period { line-height: normal; color: #999999; } .packages .package ul { padding: 0; } .packages .package ul li { list-style-type: none; padding-top: 10px; padding-bottom: 10px; width: 80%; margin: auto; border-bottom: 1px dotted #ccc; } .packages .package ul li:last-child { border-bottom: 0; } .packages .package ul li i { font-size: 13px; margin-right: 5px; } .packages .best-value .package { margin-top: 0; padding-bottom: 40px; } .packages .best-value .package .package-header { height: 72px; padding-top: 17px; height: 82px !important; } .packages .best-value .package .package-header h5 { font-weight: bold; line-height: 29px; text-transform: uppercase; letter-spacing: 0.08em; } .packages .best-value .package .package-header .meta-text { font-size: 13px; line-height: 15px; } #map { height: 300px; } #map.with-border { border-top: solid 1px #38a7bb; border-bottom: solid 1px #38a7bb; } #blog-listing-big .post, #blog-homepage .post { margin-bottom: 60px; } #blog-listing-big .post h2, #blog-homepage .post h2, #blog-listing-big .post h4, #blog-homepage .post h4 { text-transform: uppercase; letter-spacing: 0.08em; } #blog-listing-big .post h2 a, #blog-homepage .post h2 a, #blog-listing-big .post h4 a, #blog-homepage .post h4 a { color: #555555; } #blog-listing-big .post h2 a:hover, #blog-homepage .post h2 a:hover, #blog-listing-big .post h4 a:hover, #blog-homepage .post h4 a:hover { color: #38a7bb; } #blog-listing-big .post .author-category, #blog-homepage .post .author-category { color: #999999; text-transform: uppercase; font-weight: 300; letter-spacing: 0.08em; } #blog-listing-big .post .author-category a, #blog-homepage .post .author-category a { font-weight: 500; } #blog-listing-big .post .date-comments a, #blog-homepage .post .date-comments a { color: #999999; margin-right: 20px; } #blog-listing-big .post .date-comments a:hover, #blog-homepage .post .date-comments a:hover { color: #38a7bb; } @media (min-width: 768px) { #blog-listing-big .post .date-comments, #blog-homepage .post .date-comments { text-align: right; } } #blog-listing-big .post .intro, #blog-homepage .post .intro { text-align: left; } #blog-listing-big .post .image, #blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; } #blog-listing-big .post .image img, #blog-homepage .post .image img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 767px) { #blog-listing-big .post .image img.img-responsive, #blog-homepage .post .image img.img-responsive { min-width: 100%; } } #blog-listing-big .post .video, #blog-homepage .post .video { margin-bottom: 10px; } #blog-listing-big .post .read-more, #blog-homepage .post .read-more { text-align: right; } #blog-listing-medium .post { margin-bottom: 60px; } #blog-listing-medium .post h2 { text-transform: uppercase; margin: 0 0 10px; font-size: 24px; letter-spacing: 0.08em; } #blog-listing-medium .post h2 a { color: #555555; } #blog-listing-medium .post h2 a:hover { color: #38a7bb; } #blog-listing-medium .post .author-category { float: left; color: #999999; text-transform: uppercase; font-weight: 300; font-size: 12px; letter-spacing: 0.08em; } #blog-listing-medium .post .author-category a { font-weight: 500; } #blog-listing-medium .post .date-comments { float: right; font-size: 12px; } #blog-listing-medium .post .date-comments a { color: #999999; margin-right: 20px; } #blog-listing-medium .post .date-comments a:hover { color: #38a7bb; } @media (min-width: 768px) { #blog-listing-medium .post .date-comments { text-align: right; } } #blog-listing-medium .post .intro { text-align: left; } #blog-listing-medium .post .clearfix:before, #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:before, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:before, #blog-listing-medium .post .navbar-header:after { content: " "; display: table; } #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:after { clear: both; } #blog-listing-medium .post .clearfix:before, #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:before, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:before, #blog-listing-medium .post .navbar-header:after { content: " "; display: table; } #blog-listing-medium .post .clearfix:after, #blog-listing-medium .post .navbar:after, #blog-listing-medium .post .navbar-header:after { clear: both; } #blog-listing-medium .post .image { margin-bottom: 10px; overflow: hidden; } #blog-listing-medium .post .image img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 767px) { #blog-listing-medium .post .image img.img-responsive { min-width: 100%; } } #blog-listing-medium .post .video { margin-bottom: 10px; } #blog-listing-medium .post .read-more { text-align: right; } .box-image-text.blog .author-category { color: #999999; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 300; font-size: 12px; } .box-image-text.blog .author-category a { font-weight: 500; } .box-image-text.blog .intro { text-align: left; margin-bottom: 20px; } #blog-homepage .post { margin-bottom: 30px; } #blog-homepage .post h2, #blog-homepage .post h4, #blog-homepage .post .author-category, #blog-homepage .post .read-more { text-align: center; } #blog-homepage .post .read-more { margin-top: 20px; } #blog-post #post-content { margin-bottom: 20px; } #blog-post .comment { margin-bottom: 25px; } #blog-post .comment:before, #blog-post .comment:after { content: " "; display: table; } #blog-post .comment:after { clear: both; } #blog-post .comment:before, #blog-post .comment:after { content: " "; display: table; } #blog-post .comment:after { clear: both; } #blog-post .comment .posted { color: #999999; font-size: 12px; } #blog-post .comment .reply { font-family: "Roboto", Helvetica, Arial, sans-serif; } #blog-post .comment.last { margin-bottom: 0; } #blog-post #comments, #blog-post #comment-form { padding: 20px 0; margin-top: 20px; border-top: solid 1px #eeeeee; } #blog-post #comments:before, #blog-post #comment-form:before, #blog-post #comments:after, #blog-post #comment-form:after { content: " "; display: table; } #blog-post #comments:after, #blog-post #comment-form:after { clear: both; } #blog-post #comments:before, #blog-post #comment-form:before, #blog-post #comments:after, #blog-post #comment-form:after { content: " "; display: table; } #blog-post #comments:after, #blog-post #comment-form:after { clear: both; } #blog-post #comments h4, #blog-post #comment-form h4 { margin-bottom: 20px; } #blog-post #comment-form { margin-bottom: 20px; } .product { background: #fff; border-bottom: solid 1px #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 60px; overflow: hidden; text-align: center; } .product .image { overflow: hidden; } .product .image img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 767px) { .product .image img.img-responsive { min-width: 100%; } } .product .text { padding: 10px; } .product .text h3 { font-size: 14px; font-weight: 700; height: 39.6px; text-transform: uppercase; letter-spacing: 0.08em; } .product .text h3 a { color: #555555; } .product .text h3 a:hover { text-decoration: none; } .product .text p.price { font-size: 18px; } .product .text p.price del { color: #999999; } .product .buttons { clear: both; position: absolute; display: none; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: solid 1px transparent; padding: 20px; background: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-align: center; } .product .buttons .btn { margin-bottom: 20px; } .product:hover { border-bottom: solid 1px #808080; top: 0; } .product:hover .buttons { clear: both; position: absolute; top: 0; background: rgba(255, 255, 255, 0.5); } .product:hover .image img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .goToDescription { font-size: 12px; text-align: center; margin-bottom: 40px; } .goToDescription a { color: #999999; text-decoration: underline; } #productMain { margin-bottom: 30px; } #productMain .sizes { text-align: center; } #productMain .sizes h3 { font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 40px; } #productMain .sizes a { display: inline-block; width: 40px; height: 40px; border-radius: 40px; background: #ccc; line-height: 40px; color: #555555; text-align: center; text-decoration: none; font-family: "Roboto", Helvetica, Arial, sans-serif; } #productMain .sizes a.active, #productMain .sizes a:hover { background: #38a7bb; color: #fff; } #productMain .sizes input { display: none; } #productMain .price { font-size: 40px; text-align: center; margin-top: 40px; margin-bottom: 40px; } #thumbs a { display: block; border: solid 1px transparent; } #thumbs a.active { border-color: #38a7bb; } #product-social { text-align: center; } #product-social h4 { font-weight: 300; margin-bottom: 10px; } #product-social p { line-height: 26px; } #product-social p a { margin: 0 10px 0 0; color: #fff; display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; vertical-align: bottom; } #product-social p a i { vertical-align: bottom; line-height: 26px; } #product-social p a.facebook { background-color: #4460ae; } #product-social p a.gplus { background-color: #c21f25; } #product-social p a.twitter { background-color: #3cf; } #product-social p a.instagram { background-color: #cd4378; } #product-social p a.email { background-color: #4a7f45; } @media (max-width: 991px) { #product-social { text-align: center; } } #checkout .nav { margin-bottom: 20px; border-bottom: solid 1px #38a7bb; } #checkout .nav li { height: 100%; } #checkout .nav li a { display: block; height: 100%; } #order-summary table { margin-top: 20px; } #order-summary table td { color: #999999; } #order-summary table tr.total td, #order-summary table tr.total th { font-size: 18px; color: #555555; font-weight: 700; } #checkout .table tbody tr td, #basket .table tbody tr td, #customer-order .table tbody tr td { vertical-align: middle; } #checkout .table tbody tr td input, #basket .table tbody tr td input, #customer-order .table tbody tr td input { width: 50px; text-align: right; } #checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img { width: 50px; } #checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot { font-size: 18px; } .shipping-method h4, .payment-method h4 { text-transform: uppercase; letter-spacing: 0.08em; } #customer-orders table tr th, #customer-orders table tr td { vertical-align: baseline; } #customer-order .table tfoot th { font-size: 18px; font-weight: 300; } #customer-order .addresses { text-align: right; margin-bottom: 30px; } #customer-order .addresses p { font-size: 18px; font-weight: 300; } #customer-account { margin-bottom: 30px; } #get-it { background: #38a7bb; padding: 50px 0 30px; color: #fff; text-align: center; } #get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 { color: #fff; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 20px; } #get-it p { margin: 0 0 20px; } #footer { background: #555555; padding: 50px 0; color: #999999; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #eeeeee; } #footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; } #footer ul { padding-left: 0; list-style: none; } #footer ul a { color: #999999; } #footer ul a:hover { color: #38a7bb; text-decoration: none; } #footer .photostream div { float: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; } #footer .photostream div a { border: solid 1 px #eeeeee; } #footer .photostream div img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #footer .photostream div:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #footer .blog-entries .item { clear: both; padding: 5px 0; margin-bottom: 10px; border-bottom: solid 1px #555555; } #footer .blog-entries .item .image { float: left; width: 15%; margin-right: 10px; } #footer .blog-entries .item .name { width: 75%; margin-left: 10px; display: table-cell; vertical-align: middle; } #footer .blog-entries .item .name h5 { margin: 0; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; } #footer .blog-entries .item .name h5 a { color: #eeeeee; } #footer .blog-entries .item .text { width: 100%; clear: both; } #footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0; } #footer .social a { color: #555555; font-size: 25px; margin: 0 10px 0 0; } #footer .social a:hover { color: #38a7bb; } #copyright { background: #333; color: #ccc; padding: 50px 0; font-size: 12px; line-height: 28px; } #copyright p { margin: 0; } @media (max-width: 991px) { #copyright p { float: none !important; text-align: center; margin-bottom: 10px; } } [data-animate] { opacity: 0; filter: alpha(opacity=0); } #style-switch-button { position: fixed; top: 100px; left: 0px; border-radius: 0; } #style-switch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 300px; padding: 20px; position: fixed; top: 140px; left: 0; background: #fff; border: solid 1px #eeeeee; } @media (max-width: 991px) { #style-switch-button { display: none; } #style-switch { display: none; } } /* Original Boostrap template overwrite */ /* breadcrumbs */ .breadcrumb { font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; background-color: none; letter-spacing: 0.08em; } /* nav */ .nav > li > a { padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #38a7bb; } .nav-tabs { /*border-bottom: 1px solid #38a7bb;*/ } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; /*border: 1px solid #38a7bb;*/ border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: solid 1px #38a7bb; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; /*margin-bottom: 5px;*/ } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { /*border: 1px solid #38a7bb;*/ } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { /*border-bottom: 1px solid #38a7bb;*/ border-radius: 0 0 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #38a7bb; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; border-bottom: solid 1px #38a7bb; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; /*margin-bottom: 5px;*/ } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { /*border: 1px solid #38a7bb;*/ } @media (min-width: 768px) { .nav-tabs-justified > li > a { /*border-bottom: 1px solid #38a7bb;*/ border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content { padding: 15px; border: solid 1px #ddd; border-top: none; } /* navbar */ .navbar { position: relative; min-height: 62px; margin-bottom: 0; border-bottom: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 0px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 10px 15px; font-size: 18px; line-height: 20px; height: 62px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 14px; margin-bottom: 14px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; } .navbar-toggle:focus { outline: 0; } .navbar-nav { margin: 10.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 21px; padding-bottom: 21px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 14px; margin-bottom: 14px; } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 14px; margin-bottom: 14px; } .navbar-btn.btn-sm { margin-top: 16px; margin-bottom: 16px; } .navbar-btn.btn-xs { margin-top: 20px; margin-bottom: 20px; } .navbar-text { margin-top: 21px; margin-bottom: 21px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #ffffff; border-color: #cccccc; border-bottom: none; } .navbar-default .navbar-brand { color: #555555; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #3b3b3b; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #555555; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #555555; background-color: #80cbd9; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #38a7bb; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #38a7bb; } .navbar-default .navbar-toggle .icon-bar { background-color: #888888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #cccccc; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #38a7bb; color: #ffffff; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #555555; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #38a7bb; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #38a7bb; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #555555; } .navbar-default .navbar-link:hover { color: #555555; } .navbar-default .btn-link { color: #555555; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #555555; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #cccccc; } /* scaffolding */ body { /*font-family: "Roboto", Helvetica, Arial, sans-serif;*/ font-size: 14px; line-height: 1.42857143; color: #555555; } a { color: #38a7bb; text-decoration: none; } a:hover, a:focus { color: #267280; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .img-rounded { border-radius: 0; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } /* breadcrumbs */ .breadcrumb { padding: 20px 0; margin-bottom: 20px; background-color: transparent; border-radius: 0; text-align: right; } .breadcrumb > li + li:before { /*content: ">\00a0";*/ color: #555555; } .breadcrumb > .active { color: #999999; } @media (max-width: 991px) { .breadcrumb { padding: 20px 0; text-align: center; } } /* dropdowns */ .dropdown-menu { z-index: 1000; font-size: 14px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { padding: 5px 20px; line-height: 1.42857143; color: #333333; white-space: nowrap; } /* labels */ .label { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.08em; } /* forms.less */ label { font-weight: normal; } .form-control { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .form-control:focus { border-color: #38a7bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(56, 167, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(56, 167, 187, 0.6); } .form-group { margin-bottom: 20px; } /* pager*/ .pager { margin: 20px 0; border-top: solid 1px #eeeeee; padding-top: 20px; text-transform: uppercase; letter-spacing: 0.08em; font-family: "Roboto", Helvetica, Arial, sans-serif; } .pager li { display: inline; } .pager li > a, .pager li > span { background-color: #ffffff; /*border: 1px solid #38a7bb;*/ border-radius: 0; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; color: #fff; background-color: #38a7bb; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: #ffffff; border-color: #ddd; } /* pagination */ .pagination { margin: 20px 0; font-family: "Roboto", Helvetica, Arial, sans-serif; border-radius: 0; } .pagination > li > a, .pagination > li > span { padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #38a7bb; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #38a7bb; background-color: #a7dbe5; border-color: #dddddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #38a7bb; border-color: #38a7bb; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: #ffffff; border-color: #dddddd; } /* responsive utilities */ @media (max-width: 767px) { .text-center-xs { text-align: center !important; } .text-center-xs img { display: block; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center !important; } .text-center-sm img { display: block; margin-left: auto; margin-right: auto; } } /* type */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 900; line-height: 1.1; color: #555555; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 20px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 18px; } @media (min-width: 768px) { .lead { font-size: 21px; } } .text-small { font-size: 12px; } .text-large { font-size: 18px; } .text-italic { font-style: italic; } .text-primary { color: #38a7bb; } a.text-primary:hover { color: #2c8494; } .bg-primary { color: #fff; background-color: #38a7bb; } a.bg-primary:hover { background-color: #2c8494; } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #999999; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 14px; border-left: 5px solid #38a7bb; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #999999; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { border-right: 5px solid #38a7bb; } address { margin-bottom: 20px; line-height: 1.42857143; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .panel-heading { border-top-right-radius: 0; border-top-left-radius: 0; text-transform: uppercase; letter-spacing: 0.08em; padding: 15px 15px; } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 0; overflow: hidden; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group.accordion .panel { border-color: #ccc; } .panel-primary { border-color: #38a7bb; } .panel-primary > .panel-heading { color: #ffffff; background-color: #38a7bb; border-color: #38a7bb; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #38a7bb; } .panel-primary > .panel-heading .badge { color: #38a7bb; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #38a7bb; } .panel-primary .panel-title { font-weight: 300; } .panel-primary .panel-title a:hover { color: #fff; text-decoration: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #38a7bb; background-color: #ffffff; } .nav-pills > li > a > .badge { margin-left: 3px; } .progress-bar-primary { background-color: #38a7bb; } .progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 15px; right: 15px; } /* $vert-logo: #82BC00 !default; $vert-fonce-logo: #588433 !default; $rouge-logo: #E21937 !default; $rouge-fonce-logo: #BF182F !default; $orange-logo: #EB8123 !default; $orange-clair: #E89853 !default; $bleu-logo: #1681C3 !default; $bleu-fonce-logo: #136899 !default; $gris: #E5E5E5 !default; $blanc: #FFFFFF !default; $noir: #555 !default; $noir-faible: #A5A5A5 !default; $noir-fonce: #3F3F3F !default; $couleur-base: #444 !default; $jaune: #F5F549 !default; */ /*Déclaration des custom Fonts*/ @font-face { font-family: FuturaRegular; src: url(/RessourcesCommunes/Content/fonts/futuran.eot); src: url(/RessourcesCommunes/Content/fonts/futuran.eot?#iefix) format('embedded-opentype'), url(/RessourcesCommunes/Content/fonts/futuran.woff) format('woff'), url(/RessourcesCommunes/Content/fonts/futuran.svg#FuturaRegular) format('svg'), url(/RessourcesCommunes/Content/fonts/futuran.ttf) format('truetype'); font-weight: 400; } @font-face { font-family: FuturaBold; src: url(/RessourcesCommunes/Content/fonts/futurah.eot); src: url(/RessourcesCommunes/Content/fonts/futurah.eot?#iefix) format('embedded-opentype'), url(/RessourcesCommunes/Content/fonts/futurah.woff) format('woff'), url(/RessourcesCommunes/Content/fonts/futurah.svg#FuturaBold) format('svg'), url(/RessourcesCommunes/Content/fonts/futurah.ttf) format('truetype'); font-weight: 400; } /**/ html, body, .container { height: 100%; } body > div { height: 100%; } /*hack pour js/css minifié sinon la modal est derrière le fond grisé et n'est plus accessible.*/ .modal-dialog { z-index: 1000000; } .modal .close { color: #f50202; opacity: .7; font-size: 30px; } .entete { background: url("/RessourcesCommunes/Content/img/visuels/bandeau_blanc.jpg") no-repeat top center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .logo-citizen { /*padding-top: 13px;*/ } .img-responsive { display: inline; } /* ##center ##verticaly*/ .vertical-center { height: 100%; width: 100%; text-align: center; font: 0 a; } .vertical-center:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } .vertical-center > .container { max-width: 100%; display: inline-block; vertical-align: middle; font: 17px "Helvetica Neue", Helvetica, Arial, sans-serif; } /* / center verticaly*/ .float-right { float: right; } .float-left { float: left; } section, div.section { margin-bottom: 0px !important; padding-bottom: 30px; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } /* FOND GRIS : #E5E5E5; */ .bg-gris { background-color: #F2F2F2; } .breadcrumb > li + li::before { content: ">\00a0"; } /* ##couleur */ .couleur-rouge { color: #E21937; } .couleur-orange { color: #EB8123; } .couleur-vert { color: #82BC00; } .couleur-bleu { color: #1681C3; } .couleur-gris { color: #767676; } /* ##fond ##background */ .fond-couleur-orange { background-color: #EB8123; } .fond-couleur-orange-clair { background-color: #E89853; } .fond-couleur-verte { background-color: #82BC00; } .fond-couleur-grise { background-color: #E5E5E5; } .fond-couleur-bleue { background-color: #1681C3; } .fond-couleur-blanc { background-color: #ffffff; } .fond-couleur-rouge { background-color: #E21937 !important; } .fond-couleur-jaune { background-color: #F5F549; } .fond-couleur-noir { background-color: #3F3F3F; } .recap-fond-transparent { background-color: transparent; color: #444 !important; } .modal-title { letter-spacing: 1px; } .label-form { font-weight: 700 !important; } .label-form-500 { font-weight: 500; } .avatar { max-width: 40px; max-height: 40px; } .avatar-icon { font-size: 3em; } .inline-block { display: inline-block; } section, div.section { margin-bottom: 40px; } /* ##weight */ .font-weight-400 { font-weight: 400; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } /* ##border */ .border-color-gris { border-color: #E0EDED; } /* ##bouton ##button */ .btn-gris { border: 1px solid #555 !important; background-color: #ffffff; border-color: #555; color: #555; } .btn-gris-custom { background-color: #afafaf; color: #fff; border-radius: 0px !important; padding: 2px 15px !important; margin-top: 10px; } .btn-gris-custom .fa { font-size: small; margin-right: 5px; } .btn-gris:hover, .btn-gris:focus, .btn-gris:active, .btn-gris.active { background: #555; border-color: #555; color: #fff; } .btn-noir { border: 1px solid #fff !important; background-color: #555; color: #fff; } .btn-noir:hover, .btn-noir:focus, .btn-noir:active, .btn-noir.active { background: #fff; color: #555; } .btn-bleu { background-color: #ffffff; border-color: #1681C3; color: #1681C3; } .btn-bleu:hover, .btn-bleu:focus, .btn-bleu:active, .btn-bleu.active { background: #1681C3; border-color: #1681C3; color: #fff; } .btn-rouge-rempli { background-color: #E21937; border-color: #ffffff; color: #ffffff; } .btn-rouge-rempli:hover, .btn-rouge-rempli:focus, .btn-rouge-rempli:active, .btn-rouge-rempli.active { background: #ffffff; border-color: #E21937; color: #E21937; } .btn-rouge { background-color: #ffffff; border-color: #E21937; color: #E21937; } .btn-rouge:hover, .btn-rouge:focus, .btn-rouge:active, .btn-rouge.active { background: #E21937; border-color: #E21937; color: #fff; } .btn-rouge-negatif { background: #E21937; border-color: #E21937; color: #fff; } .btn-rouge-negatif:hover, .btn-rouge-negatif:focus, .btn-rouge-negatif:active { background-color: #ffffff; border-color: #E21937; color: #E21937; } .btn-rouge-disabled, .btn-rouge-disabled:hover, .btn-rouge-disabled:focus, .btn-rouge-disabled:active, .btn-rouge-disabled.active { cursor: unset; background: #E21937; border-color: #E21937; color: #fff; } .btn-vert { background-color: #ffffff; border-color: #82bc00; color: #82bc00; } .btn-vert:hover, .btn-vert:focus, .btn-vert:active, .btn-vert.active { background: #82bc00; border-color: #82bc00; color: #fff; } .btn-vert-disabled, .btn-vert-disabled:hover, .btn-vert-disabled:focus, .btn-vert-disabled:active, .btn-vert-disabled.active { cursor: unset; background: #82bc00; border-color: #82bc00; color: #fff; } .btn-vert-negatif { background: #82bc00; border-color: #82bc00; color: #fff; } .btn-vert-negatif:hover, .btn-vert-negatif:focus, .btn-vert-negatif:active { background-color: #ffffff; border-color: #82bc00; color: #82bc00; } .btn-vert-negatif:disabled, .btn-vert-negatif-disabled, .btn-vert-negatif-disabled:hover, .btn-vert-negatif-disabled:focus, .btn-vert-negatif-disabled:active, .btn-vert-negatif-disabled.active { cursor: unset; background-color: #ffffff; border-color: #82bc00; color: #82bc00 !important; } .btn-orange { background-color: #ffffff; border-color: #EB8123; color: #EB8123; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background: #EB8123; border-color: #EB8123; color: #fff; } .btn-orange-disabled, .btn-orange-disabled:hover, .btn-orange-disabled:focus, .btn-orange-disabled:active, .btn-orange-disabled.active { cursor: unset; background: #EB8123; border-color: #EB8123; color: #fff; } /* ##bouton ##datagrid */ button.btn.btn-action { background-color: transparent; } /* ##paiement */ .logo-paiement { max-width: 300px; height: auto; margin-top: 15px; } /* ## icones footer*/ .icone_footer { max-height: 50px; } #copyright { padding: 10px 0; } .fa-facebook-official { color: rgb(89, 89, 89); font-size: 37px; text-align: left; vertical-align: middle; margin-top: -2.5px; /*Hack alignement avec les images*/ margin-left: 4px; } .fa-facebook-official:hover { color: #ffffff; transition: all 0.5s; } /* classe espace ##padding & ##margin */ .margin-0 { margin: 0; } .padding-5 { padding: 5px; } .padding-0 { padding: 0px; } .ml--15 { margin-left: -15px; } .ml-0 { margin-left: 0px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-30 { margin-left: 30px; } .mr-0 { margin-right: 0px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mb-10 { margin-bottom: 10px; } .mb-30 { margin-bottom: 30px; } .ml-10 { margin-left: 10px; } .ml-30 { margin-left: 30px; } .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-30 { padding-left: 30px; } .pl-40 { padding-left: 40px; } .pr-0 { padding-right: 0px !important; } .pr-5 { padding-right: 5px; } .pr-15 { padding-right: 15px; } .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .chaine-tronquee { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } a i.fa.fa-without-padding, button i.fa.fa-without-padding { padding: 0; } .couper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ##modal */ .modal-md { width: 800px; } .modal-l { width: 960px; } .modal-xl { width: 1200px; } /* ##panel */ .panel-heading p { color: #666; font-size: 13px; padding-top: 5px; margin-bottom: 0px; } /* DX ##switch **************************/ .dx-switch .dx-switch-inner { margin-left: -24px !important; } .dx-switch-on-value .dx-switch-inner { margin-left: 0 !important; } .dx-switch-on, .dx-switch-off { font-size: 12px !important; font-weight: normal !important; } .dx-switch-handle::before { background-color: #E21937 !important; } .dx-switch-on-value .dx-switch-handle:before { background-color: #82BC00 !important; } .dx-switch-off { color: #BF182F !important; } .dx-switch-on { color: #588433 !important; } .btn-small { padding: 3px 6px; font-size: 11px; } .btn-action { padding: 0 2px 0 2px; font-size: 16px; } .label { color: #555; font-size: 12px; padding: 0; } /* ##liens */ a { color: #82BC00; text-decoration: none; } a:hover, a:focus { color: #588433; text-decoration: none; } a.lien-noir { color: #555555; text-decoration: none; padding-right: 10px; } a.lien-noir:hover, a.lien-noir:focus { color: #82BC00; text-decoration: none; } a.lien-eleve-planning { color: #000; text-decoration: none; } a.lien-blanc { color: #ffffff; text-decoration: none; } a.lien-blanc:hover, a.lien-blanc:focus { color: #555555; text-decoration: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal !important; } /* disabled */ .form-control.datepicker[disabled] { background-color: transparent; border: medium none; } button[disabled], html input[disabled] { background-color: #f9f9f9; cursor: not-allowed; } .multiSelect .disabled, .multiSelect .disabled:hover, .multiSelect .disabled label input:hover ~ span { color: #555 !important; cursor: not-allowed !important; } .row-eq-height { display: flex; } .alert { /*font-size: 16px;*/ letter-spacing: 0.7px; } .none { display: none; } .no-border { border: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0; } .center { text-align: center; } .gauche { text-align: left; } .droite { text-align: right; } .spacer-20 { display: inline-block; width: 20px; } .spacer-40 { display: inline-block; width: 40px; } .espaceH-5 { padding: 0 5px; } .espaceV-20 { padding: 20px 0px 0px 0px; } .marginV-20 { margin: 20px 0px 0px 0px; } .mb-20 { margin-bottom: 20px !important; } .marginV-30 { margin: 30px 0px 0px 0px; height: 0; } .espaceV-40 { padding: 40px 0px 0px 0px; } .text-muted { font-size: 12px; } .pointer { cursor: pointer; } .heightAuto { height: auto; } .panel-heading { text-transform: none; } .separateur-v { border-top: 1px solid #DDDDDD; margin-bottom: 15px; } .datepicker { padding-left: 5px; padding-right: 5px; } .heures { padding: 0 0 0 15px; } .minutes { padding: 0 15px 0 5px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .box-simple { position: relative; z-index: 10; background-color: #ffffff; } .box-simple .icon { border-color: #ADADAD; color: #fff; background-color: #D8D8D8; } .box-simple .icon img { margin-top: -6px; width: 75px; height: auto; } .box-simple:hover .icon { cursor: pointer; border-color: #588433; background-color: #82BC00; } .btn-template-main, .btn-template-main:focus { background-color: #ffffff; border-color: #82BC00; color: #82BC00; } .btn-template-main:active, .btn-template-main.active { background-color: #82BC00; border-color: #82BC00; color: #ffffff; } .btn-template-main.disabled { border-color: #82BC00 !important; } .btn-template-main:hover { background: #588433; border-color: #588433; color: #ffffff; } .btn-template-blue, .btn-template-blue:focus, .btn-template-blue:active, .btn-template-blue.active { background-color: #33B9FF; border-color: #33B9FF; color: #FFFFFF; width: 100%; transition: all 0.5s; } .btn-template-blue:hover { background: #2da7e7; border-color: #2da7e7; color: #FFFFFF; } .btn-template-green, .btn-template-green:focus, .btn-template-green:active, .btn-template-green.active { background-color: #82BC00; border-color: #82BC00; color: #FFFFFF; width: 100%; transition: all 0.5s; } .btn-template-green:hover { background: #73a307; border-color: #73a307; color: #FFFFFF; } .btn-annuler { background-color: #ffffff; border-color: #E21937; color: #E21937; } .btn-annuler:hover, .btn-annuler:focus, .btn-annuler:active, .btn-annuler.active { background: #E21937; border-color: #E21937; color: #fff } .btn-ajouter-devis { background-color: #ffffff; border-color: #EB8123; color: #EB8123; } .btn-ajouter-devis:hover, .btn-ajouter-devis:focus, .btn-ajouter-devis:active, .btn-ajouter-devis.active { background: #EB8123; border-color: #EB8123; color: #fff } .btn-imprimer-devis { background-color: #ffffff; border-color: #1681C3; color: #1681C3; } .btn-imprimer-devis:hover, .btn-imprimer-devis:focus, .btn-imprimer-devis:active, .btn-imprimer-devis.active { background: #1681C3; border-color: #1681C3; color: #fff } .form-control:focus { border-color: #82BC00 !important; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-default:hover, .open > .dropdown-toggle.btn-default { border-color: #82BC00; background-color: #fff; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: rgba(125, 194, 69, 0.1); } .btn-info { background-color: #82BC00; border-color: #588433; color: #fff; } /* popover */ .popover { text-align: center; } /* erreurs formulaire validation */ .help-block { color: #F23030 !important; font-size: 11px; } .ng-invalid.champ-erreur { border-color: #F23030 !important; } /* ##navbar ##header top menu */ .navbar .btn-default:focus, .navbar .btn-default:hover { color: inherit; border-color: #999999; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #82BC00; color: #ffffff; } .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: inherit; } .navbar ul.dropdown-menu li { border-bottom: none; } .login-franchiseagence { font-size: 14px; margin-top: 5px; padding: 1px 0 0 5px; border-radius: 12px; width: 24px; height: 24px; border-color: #555; border-width: 1px; border-style: solid; cursor: pointer; color: #555; margin-left: 5px; } .login-franchiseagence:hover { color: #fff; background-color: #555; } .login { float: right; /*padding-top: 10px;*/ } .login .dropdown a { font-size: 12px !important; color: #555555 !important; margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700 !important; letter-spacing: 0.10em; } .login .dropdown { min-width: 400px; text-align: right; } .dropdown-menu .divider { padding: 0 !important; margin: 0; } .navbar-nav > li > a { padding: 0px 10px; } .navbar { font-size: 12px; min-height: inherit; } .navbar-brand { padding-top: 5px; padding-bottom: 5px; height: auto !important; } .navbar-brand img { max-width: 100px; } .navbar ul.nav > li > a { text-decoration: none; } .navbar ul.nav > li > a .fa { font-size: 14px; } .navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid #E21937; background: transparent; } .navbar.navbar-light ul.nav > li.active > a:hover, .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: solid 5px #82BC00; background: transparent; } .open > .dropdown-menu { display: block !important; } .login .btn { text-transform: lowercase; font-size: 14px; font-weight: 500; background: transparent; } .btn-user { border-color: transparent; } .liste-vide { font-size: 18px; font-weight: 400; text-align: center; } /* identification */ #box-identification { margin-top: 20px; margin-bottom: 5px; border-top: medium none; } #logo-identification { text-align: center; margin-top: 30px; } #logo-identification img { width: 170px; height: auto; } #footer-identification, #footer-identification a { color: #999; position: relative; background-color: #ffffff; z-index: 10; } /* Page authentification website */ #page-login { height: 100%; } #page-login .container { display: table; width: 100%; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } #page-login .container > .row { height: 100%; display: table-row; } #page-login .col-sm-5.no-float, #page-login .col-sm-7.no-float { float: none; } #page-login .col-sm-5 { display: table-cell; vertical-align: middle; text-align: center; } #page-login .col-sm-7 { height: 100%; width: 100%; display: inline-block; float: none; overflow: hidden; position: relative; margin-bottom: -7px; } #page-login .control-label { font-weight: 600; } #page-login, #page-login .form-group, #page-login .form-control, #page-login .input-group-addon, #page-login .input-group button { font-size: 17px; } #page-login .input-group button { width: 100%; height: 50px; text-transform: capitalize; font-weight: 300; } #page-login .input-group button .icon-btn { float: left; font-size: 25px; } #page-login .input-group-addon { border-right: 1px solid; border-radius: 0; color: #bbb; background-color: #fff; border-color: #777777; min-width: 130px; text-align: left; } #page-login .form-control { height: 50px; border-color: #777777; color: #666666; } #page-login .container-form { position: inherit; z-index: 10; background-color: #fff; } #page-login .container-form .form-control { border-left: 0; } #page-login .form-control:focus { border-left: 1px solid rgb(130, 188, 0); color: #555555; box-shadow: none; } #page-login .ng-invalid.champ-erreur { border-left: 1px solid #F23030; } #page-login .help-block { color: #F23030 !important; font-size: 14px; text-align: left; margin-left: 20px; } #page-login .myBackgroundImage { position: inherit; z-index: 10; } #page-login img.img-header-cityzen { position: absolute; width: 10%; left: 1%; top: 2%; } #page-login img.img-header-ue { position: absolute; width: 4.5%; left: 37.5%; top: 1%; } #page-login img.img-header-nvl-aquitaine { position: absolute; width: 5.5%; left: 31.5%; top: 1.5%; } #page-login img.logo-cityzen { padding-bottom: 50px; width: 400px; display: inline; } .frise { position: fixed; bottom: 0px; z-index: 1; } /* / page authentification website */ /* ##planning ##scheduler */ .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0 !important; margin-bottom: 0 !important; } #bloc-planning { padding-bottom: 0 !important; } #bloc-filtres-periode .listeMoniteur .multiSelect > button:first-child { display: none; } .choixVue { padding: 0; } #bloc-filtres-periode .choixVue .multiSelect > button:first-child { padding-left: 0; padding-right: 0; } #bloc-filtres-periode .choixVue .multiSelect > button:hover { border: none !important; } .dx-scheduler-scrollable-appointments { top: 0; left: 0; } /* copie de semain modal */ .ligne-semaines { padding: 10px; border-top: 1px solid #d3d3d3; } .tout-cocher { position: absolute; left: 20px; } .commentaire-indication { position: absolute; right: 5px; } /* / copie de semain modal */ #notification-evenement-copie { position: fixed; left: 10px; bottom: 10px; } .planning-collabos-icone { font-size: 20px; float: left; } .planning-evenement-eleves strong { padding-right: 7px; } .rdv-dateheure { font-size: 17px; letter-spacing: 1px; padding: 15px 0px; margin-bottom: 10px; background-color: #82BC00; color: #fff; } .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-right: 0 !important; } .dx-scheduler-work-space { padding-top: 45px !important; margin-top: -45px !important; } .dx-scheduler-work-space, .dx-scheduler-view-switcher { background-color: #FFF; } .dx-scheduler-header { background-color: #444 !important; } .dx-scheduler-view-switcher.dx-tabs .dx-tab .dx-tab-text { letter-spacing: 1px; color: #555; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { font-weight: 400; font-size: 16px; text-transform: uppercase; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected, .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-top: 2px solid #82BC00 !important; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text { /*color: #82BC00;*/ font-weight: 600; } .dx-scheduler-time-panel-cell, .dx-scheduler-header-panel-cell { color: #444 !important; font-size: 13px; letter-spacing: 1px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab:hover .dx-tab-text, .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:hover .dx-tab-text { color: #000000 !important; } /*.dx-scheduler-work-space-week .dx-scheduler-header-row th:last-child, .dx-scheduler-work-space-week .dx-scheduler-date-table-row td:last-child { display: none; }*/ .dx-scheduler-time-panel-cell { vertical-align: middle; } .dx-scheduler-all-day-title, .dx-scheduler-all-day-panel { display: none !important; } /*.dx-scheduler-all-day-panel { display: none; } .dx-scheduler-all-day-panel-space { padding-top: 0; margin-top: 0; }*/ #bloc-planning .multiSelect > button { border: medium none; background-color: transparent; background-image: none; } #bloc-planning .multiSelectButton { height: 38px; } #bloc-planning #vueSemaine { padding: 5px 0 10px 15px; font-size: 14px; letter-spacing: 0.5px; } /*#bloc-planning i { font-size: 18px; padding-right: 5px; }*/ .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { color: #555555 !important; font-weight: 600 !important; text-align: center; } .dx-scheduler-header { min-width: auto !important; } .dx-scheduler-navigator .dx-scheduler-navigator-caption { width: 215px !important; } .scheduler { /*height: 930px;*/ width: 100%; } /* li select */ li.liste-items { list-style: none outside none; display: inline-block; margin-right: 10px; margin-bottom: 5px; border: 1px solid #1681C3; padding: 5px 10px; } li.liste-items .item { cursor: pointer; } li.liste-items .btn-remove { cursor: pointer; margin-left: 5px; } li.liste-items.active { border-color: #1681C3; } li.liste-items.active .item { color: #1681C3; } /* liste multiselect */ .multiSelect .inputFilter { padding-bottom: 4px; padding-top: 4px; } .multiSelect .inputFilter:hover, .multiSelect .inputFilter:focus { border: 1px solid #82BC00 !important; } .multiSelect .multiSelectItem:hover, .multiSelect .multiSelectGroup:hover { cursor: pointer; border-bottom: 2px solid #82BC00 !important; background-color: #FAFAFA; } .multiSelect .multiSelectItem:not(.multiSelectGroup).selected, .multiSelect .multiSelectFocus { cursor: pointer; border-bottom: 2px solid #E21937 !important; background-color: #FAFAFA; } .multiSelect > button { border-radius: 0 !important; text-align: right !important; min-height: 33px !important; background-image: none !important; outline-color: transparent; } .multiSelect > button:hover { background-image: none !important; border: 1px solid #82BC00 !important; border-radius: 0 !important; } .multiSelect .buttonLabel { padding: 2px 0 !important; } .rdv-bloc-eleve { margin-bottom: 15px; } .rdv-ligne-eleve { height: 40px; margin: 5px 0; } .rdv-sous-label { text-align: right; font-weight: 500; padding-top: 16px; } /* ##facture */ .cellule-saisie { background-color: #F8F8F8; } .cellule-saisie:before { content: " "; display: block; background: url("/Content/img/pencil.png") no-repeat; float: left; margin: 0 6px 0 0; width: 20px; height: 20px; } .dx-editor-cell.cellule-saisie:before { content: inherit; display:none; } /*dx-validator dx-visibility-change-handler cellule-saisie pointer*/ /*dx-validator dx-visibility-change-handler dx-editor-cell cellule-saisie pointer dx-focused*/ /* ##vpc */ .block-panier { border: 1px solid #e0eded; margin: 20px 0 0 0; padding: 20px 10px; } .vpc-titre-somme { font-size: 18px; } .vpc-titre-somme span { font-weight: 600; } .dx-datagrid-text-content { font-weight: 600; } .dx-datagrid-text-content .fa { padding-right: 5px; } .vpc-currency { font-weight: 600; } .vpc-currency .dx-column-indicators { display: none; } #bloc-actions-vpc { border: 1px solid #ccc; background-color: #fff; margin-bottom: 15px; padding: 10px 15px; min-height: 34px; } #bloc-actions-vpc .btn { margin-right: 20px; } /* ##élèves */ #accordion label.titre-question { font-size: 14px; color: rgb(85, 85, 85); } .titre-origine-financement { font-size: 25px; } #facture-footer { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 30px; } .ligne-document { padding: 5px 10px 5px 10px; margin-left: 15px; border-top: 1px solid #d3d3d3; } .titre-document { margin-left: 10px; display: inline-block; width: 96%; } .titre-document > input[type="text"] { width: 100%; padding-bottom: 3px; border: none; background-color: #f8f8f8; padding-left: 5px; } .titre-document > input[type="text"]:hover { background-color: #efefef; } #actions-document { margin-bottom: 0; padding-left: 15px; padding-top: 8px; } .liste-eleve .apercuImage { width: 80px; height: 80px; } .liste-eleve .apercuImage:hover { transform: scale(1.1, 1.1); } #champIndice { font-weight: 400; } .dropdown-button-gris.dropdown-menu > li > a:focus, .dropdown-button-gris.dropdown-menu > li > a:hover, .dropdown-button-gris.dropdown-menu > li.active, .dropdown-button-gris.dropdown-menu > li.active > a { background-color: #555555; color: #ffffff; } #menu-actions-raccourci ul { right: 0; float: right; left: inherit; } #menu-actions-raccourci i { font-size: 16px; margin-right: 8px; } .apercuImage { border: 1px solid #555555; border-radius: 50%; cursor: pointer; height: 130px; width: 130px; } .apercuImage:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: box-shadow 0.25s ease 0s; } .formInfosPedagogiques .form-group { margin-bottom: 10px !important; /*padding-bottom: 25px;*/ } .formInfosPedagogiques .ligne-radio-questions .ligne-etendue .block-radio-question { height: 125px; } .formInfosPedagogiques .ligne-radio-questions .ligne-etendue2 .block-radio-question { height: 150px; } .formInfosPedagogiques .multiSelect .checkBoxContainer { text-align: left; } .formInfosPedagogiques .multiSelect > button { background-color: transparent; background-image: none; border: medium none; font-size: 13px; } .formInfosPedagogiques .ligne-radio-questions .block-radio-question { border-left: none; } label.titre-question { border-left: 3px solid #757575; padding-left: 10px; /*margin-top: 50px;*/ } .input-radio input[type='radio'] { display: none; cursor: pointer; } .input-radio input[type='radio']:focus, .input-radio input[type='radio']:active { outline: none; } .input-radio input[type='radio'] + label { cursor: pointer; display: inline-block; position: relative; padding-left: 25px; margin-right: 10px; color: #555555; font-weight: 500; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; } .input-radio input[type='radio'] + label:before, .input-radio input[type='radio'] + label:after { content: ''; font-family: helvetica; display: inline-block; width: 18px; height: 18px; left: 0; top: 0; text-align: center; position: absolute; } .input-radio input[type='radio'] + label:before { /*background-color: #555555;*/ -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .input-radio input[type='radio'] + label:after { color: #fff; } .input-radio input[type='radio']:checked + label:before { -moz-box-shadow: inset 0 0 0 3px #555555; -webkit-box-shadow: inset 0 0 0 3px #555555; box-shadow: inset 0 0 0 3px #555555; } .input-radio input[type='radio'] + label:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #555555; } .input-radio input[type='radio'] + label:hover:after, .input-radio input[type='radio']:checked + label:after { content: '\2022'; position: absolute; top: 0px; font-size: 19px; line-height: 17px; } .input-radio input[type='radio'] + label:hover:after { color: #c7c7c7; } .input-radio input[type='radio']:checked + label:after, .input-radio input[type='radio']:checked + label:hover:after { color: #fff; } /* ##examen */ #description ol, #description ul { list-style: none; } #description ol ul { padding-left: 0px; } #description ol { counter-reset: section; list-style-type: none; padding-left: 15px; line-height: 25px; } #description li::before { counter-increment: section; content: counters(section,".") ". "; } #frmExamen .dx-checkbox-text { letter-spacing: 1px; } .label-information-examen { font-size: 17px; letter-spacing: 1px; color: rgb(168, 168, 168); padding-top: 5px; } #boutons-actions { margin-bottom: 15px; margin-top: 5px; } #frmExamen .label { color: #555; } /*#examenModal th, #examenModal tbody td { width: 100%; }*/ #examenModal .datepicker { padding: 0 2px; } /* prospects devis en ligne del */ .btn-souscription { width: 189px; margin: 7px; } #listeProspectVide { padding-top: 40px; padding-bottom: 10px; } #baniere { margin-top: 15px; text-transform: uppercase; padding: 10px 0; letter-spacing: 1px; border-bottom: 8px solid #588433; border-top: 8px solid #588433; } #baniere #prix { font-size: 30px; } #baniere #prix > span { color: #e21937; font-weight: 700; } #baniere #prix > span > span { font-size: 20px; } #baniere #phrase { font-size: 23px; } #detailsmondevismodal #titre { text-transform: lowercase; } #categ-choix .mesdevis-ligne { min-height: 100px; } #categ-choix .mesdevis-ligne .mesdevis-details { line-height: 25px; padding-top: 13px; } #categ-choix .mesdevis-ligne .mesdevis-details > button { margin-bottom: 5px; width: 190px; } #frmDevisInfosPersonnelles .label { color: #555; } .mesdevis-details .date-de { color: #333; font-size: 13px; font-weight: 500; margin: 0; text-transform: none; letter-spacing: 0.5px; } .mesdevis-details .prix-de { font-size: 16px; font-weight: 500; margin: 0; text-transform: none; } .mesdevis-details .nomformule-de { font-weight: 500; text-transform: uppercase; font-size: 16px; margin: 0; text-transform: none; } .icon.icon-eval { border-radius: 70px; font-size: 30px; height: 120px; line-height: 113px; width: 120px; } .devis-enregistres .btn { padding: 6px 35px; } .devis-enregistres .btn i { display: inline; } .devis-enregistres .btn.active i { color: #82BC00; font-size: 25px; } .btn-template-permis { /*background: #f9f9f9 none repeat scroll 0 0;*/ /*border-color: #ccc;*/ /*color: #555555; */ transition: border-color 0.3s ease 0s; font-size: 18px; box-shadow: none !important; } #categ-choix img { cursor: pointer; transition: all .2s ease-in-out; } #categ-choix img:hover, #categ-choix img.selected { transform: scale(1.15); } /*#categ-choix.categInactive img { transform: scale(0.7); }*/ /*Souscription en ligne */ .onglets-navigation { border-bottom: 2px solid rgb(227, 28, 57); width: 100%; } .onglets-navigation li { margin-bottom: -2px; } .onglets-navigation a { color: #E31C3A; } .onglets-navigation a:hover { text-decoration: none; background-color: #FEFEFE !important; } .onglets-navigation li.active a { border: 2px solid #F3A797; border-color: #E31C39 #E31C39 #FFF; } .onglets-navigation li a:hover { border-bottom-color: rgb(229, 45, 72); } .onglets-navigation li.active a:hover, .onglets-navigation li.active a:focus { border-color: #E52D48 #E52D48 #FFF; border-width: 2px; } #tab2 .container-carousel { width: 106%; margin-left: -36px; } .souscription-container .box { border-top: none; } .separate-form { width: 80%; border-color: #DDDDDD; border-width: 2px; } .prix-barre { text-decoration: line-through; font-size: 70%; } .prix-apres-code-promo { color: #EE4E4E; } /*formules*/ #agence-choisie { text-transform: uppercase; } .customNavigation { padding-bottom: 5px; text-align: right; font-size: 18px; padding: 3px 6px; } .plan-header .formule-pardefaut { border-bottom: 1px solid #fff; padding: 5px 0; text-align: center; text-transform: uppercase; background: #E21937 none repeat scroll 0 0; color: #fff; } .plan-header .formule-pardefaut .cityzen-label { letter-spacing: 1px; text-transform: initial; } .plan-item-presta { padding: 10px 0; } .plan-item-presta:first-child { border-top: 0 none; } .container-carousel { width: 653px; padding-top: 20px; } .formules .item { list-style-type: none; } .formules .item li i { color: #588433; } .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #82BC00 none repeat scroll 0 0; } .base { background: #82BC00 none repeat scroll 0 0; color: #fff !important; } .plan { border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; background-color: #E5E5E5; } .plan-title { font-size: 28px; font-weight: 500; margin: 0 0 20px; text-align: center; } .base h1, .base > h2, .base h3, .base h4, .base h5, .base h6 { color: #fff; } .plan-categorie { margin-bottom: 20px; } .plan-categorie .btn-template-blue { line-height: 2.5; } .plan-categorie .btn-template-green { line-height: 2.5; } .prix-tag { font-size: 35px !important; line-height: 70px !important; margin-top: 0; margin-bottom: 0; } .prix-acompte { background-color: #33B9FF; } .price-tag { font-size: 58px !important; font-weight: 500; height: 70px; line-height: 70px !important; margin: 0; text-align: center; } .price-tag span { font-size: 28px; font-weight: 500; } .plan-header small { display: block; font-style: italic; text-align: center; } .plan-info { font-size: 13px; font-style: italic; margin: 0; padding: 15px; text-align: center; } ul.prestation-formule { list-style: outside none none; padding: 0; } #tab2 .prestation-formule { text-align: left; } ul.prestation-formule .tarif-prestation { font-weight: 500; padding-right: 0; } ul.prestation-formule li { border-bottom: 1px solid #e0eded; font-size: 13px; padding: 10px 20px; } ul.prestation-formule li i { margin-right: 8px; } ul.prestation-formule .plan-select { border-top: 1px solid #f1f1f1; padding-top: 10px; } .codePromo { -moz-appearance: none; border-style: solid; border-width: 1px; margin-right: 15px; box-sizing: border-box; padding: 8px 10px; border-color: #CCCCCC; transition: border-color 0.3s ease 0s; } .codePromo:focus { border-color: #82BC00; } #prospects-container { padding-top: 50px; } #prospects-container .box-simple { margin-bottom: 0; } #prospects-container .heading h1, #prospects-container .heading h2, #prospects-container .heading h3, #prospects-container .heading h4, #prospects-container .heading h5 { border-bottom: 3px solid #82bc00; } #prospects-container .heading h2, #prospects-container .label, #prospects-container .heading h3 span, #footer { font-family: "FuturaRegular", Helvetica, Arial, sans-serif; } #footer { background: #676767; margin-top: -1px; /*Hack faire disparaitre trait blanc entre image et footer*/ color: #afafaf; } #prospects-container .heading h3, #prospects-container .heading h4, #prospects-container .heading h5, #footer h4 { font-family: "FuturaBold", Helvetica, Arial, sans-serif; } #prospects-container .heading h3 { width: 100%; font-size: 23px; } #prospects-container .box { border: 0px; margin-bottom: 0px; padding: 0px; } #prospects-container label { text-transform: none; font-size: 14px; } #prospects-container .form-group.row label { vertical-align: bottom; } #prospects-container .no-padding { padding: 0px; } #logo_garantie { width: inherit; max-width: 100%; margin-top: 20%; } #prospects-container .col-droite img#carte-reseau { width: 200px; height: auto; } #prospects-container .col-droite img#categ-permis { width: 100px; height: auto; } #heading-prospects { /*background: #ededed none repeat scroll 0 0;*/ /*background-color: rgba(125, 194, 69, 0.1);*/ background: #eee none repeat scroll 0 0; margin-bottom: 40px; padding: 20px 0; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; } img#heading-logo { height: auto; width: 350px; } #heading-prospects .titre { font-size: 40px; } #prospects-container .heading h2 { /*border-bottom: 1px solid #82bc00; border-top: 1px solid #82bc00;*/ width: 100%; background-color: #333333; color: #ffffff; padding-top: 10px; border: 0px; margin-top: 40px; } .wp-block.default { background: #fff none repeat scroll 0 0; border: 1px solid #e0eded; } .wp-block { border-radius: 2px; cursor: default; margin: 0 0 15px; position: relative; transition: all 0.3s linear 0s; } .user-form .form-header { background: #fcfcfc none repeat scroll 0 0; border-bottom: 1px solid #e0eded; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 15px 20px; } .user-form .form-header h2 { color: #333; font-size: 16px; font-weight: 400; margin: 0; padding: 0 !important; text-transform: none; } .user-form .form-body { padding: 15px 20px; } .user-form .form-footer { background: #fcfcfc none repeat scroll 0 0; border-top: 1px solid #e0eded; padding: 15px; } .user-form .form-body { padding: 15px 20px; } /*style input+icon */ .input-icon { display: block; position: relative; } .input-icon i, .input-icon i::after, .input-icon i::before { box-sizing: content-box; } .input-icon .icon-append, .input-icon .icon-prepend { color: #ccc; } .input-icon .icon-append { border-left-style: solid; border-left-width: 1px; padding-left: 3px; right: 5px; } .input-icon .icon-append, .input-icon .icon-prepend { font-size: 15px; height: 29px; line-height: 29px; position: absolute; text-align: center; top: 5px; width: 29px; /*color: #333;*/ } .input-icon .icon-append + input { padding-right: 46px; } .input-icon input, textarea, .input-icon .icon-append, .input-icon .icon-prepend { border-color: #ccc; transition: border-color 0.3s ease 0s; } .dx-texteditor-input { background-color: #fff !important; } textarea { border-style: solid; border-width: 1px; padding-top: 7px; padding-left: 13px; max-width: 100%; } textarea:focus { border-color: #82BC00; outline-color: transparent; } .input-icon input { -moz-appearance: none; /*background: #f9f9f9 none repeat scroll 0 0;*/ /*border-radius: 2px;*/ border-style: solid; border-width: 1px; box-sizing: border-box; display: block; height: 40px; outline: medium none; padding: 8px 10px; width: 100%; } .input-icon input:hover, textarea:hover, .input-icon input:focus { border-color: #82BC00; } .input-icon:hover .icon-append, .input-icon:hover .icon-append { color: #588433; } .input-icon.label { text-transform: none; } /**ancien*/ .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend { border-color: #ccc; transition: border-color 0.3s ease 0s; } .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { -moz-appearance: none; background: #f9f9f9 none repeat scroll 0 0; border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; display: block; height: 39px; outline: medium none; padding: 8px 10px; width: 100%; } .sky-form .label { text-transform: none; } /* listing prospects */ .pg-opt { background: #82bc00 none repeat scroll 0 0; border-bottom: 1px solid #e0eded; border-top: 1px solid #e0eded; color: #333; } .pg-opt h2 { color: #fff; font-size: 18px; font-weight: 500; line-height: 100%; margin: 0; padding: 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pg-opt .breadcrumb { list-style: outside none none; background: transparent none repeat scroll 0 0; border-radius: 0; float: right; margin: 0; padding: 10px 15px 10px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pg-opt .breadcrumb { text-transform: capitalize; } .pg-opt .breadcrumb a { color: #333; } .pg-opt .breadcrumb li.active { color: #333; } .liste-prospect, .liste-eleve { border: 1px solid #ccc; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; background-color: #fff; padding: 10px 10px 10px 10px; } .liste-prospect .col-gauche, .liste-eleve .col-gauche, .row-ajouter-prospect .col-gauche { border-right: 1px solid #e0eded; } .liste-prospect .col-gauche .btn, .liste-eleve .col-gauche .btn { border-left: 0 none; bottom: 0; background-color: #fff; position: absolute; border-color: #82bc00; color: #82BC00; padding-left: 63px; font-size: 15px; text-transform: none; } .liste-prospect .col-droite .listing-body, .liste-eleve .col-droite .listing-body { background: transparent none repeat scroll 0 0; padding: 14px 0; /*padding: 14px 0 50px 0;*/ } .liste-prospect .col-droite .listing-body .bloc-description, .liste-eleve .col-droite .listing-body .bloc-description { padding: 10px 0; /*height: 78px;*/ } .liste-prospect .col-droite .listing-body .prospect-renseignements, .liste-eleve .col-droite .listing-body .eleve-renseignements { padding: 5px 0 10px 0; border-bottom: 1px solid #e0eded; } .liste-prospect .col-droite .listing-body .prospect-renseignements span, .liste-eleve .col-droite .listing-body .eleve-renseignements span { padding-right: 10px; } .liste-prospect .col-droite .listing-body .prospect-renseignements span i, .liste-eleve .col-droite .listing-body .eleve-renseignements span i { padding-right: 5px; margin: 0; } .liste-prospect .col-droite .listing-body h3, .liste-eleve .col-droite .listing-body h3 { font-weight: 500; line-height: 25px; margin: 0; padding: 0; } .liste-prospect .col-droite .listing-body h3.identite span, .liste-eleve .col-droite .listing-body h3.identite span { font-size: 18px; } .liste-prospect .col-droite .listing-body span, .liste-eleve .col-droite .listing-body span { font-size: 14px; font-weight: normal; } .liste-prospect .col-droite .listing-body h4, .liste-eleve .col-droite .listing-body h4 { font-size: 14px; font-weight: normal; line-height: 22px; } .liste-prospect .footer-actions, .liste-eleve .footer-actions { padding-top: 10px; } .liste-prospect .listing-footer, .liste-eleve .listing-footer { background: #fff none repeat scroll 0 0; border-top: 1px solid #ccc; } .liste-prospect .listing-footer:last-child, .liste-eleve .listing-footer:last-child { border-bottom: 1px solid #ccc; } .liste-prospect .listing-footer:last-child, .liste-eleve .listing-footer:last-child { /*border-bottom: none;*/ } .liste-prospect .listing-footer .footer-categ, .liste-eleve .listing-footer .footer-categ { border-right: 1px solid #ccc; padding: 10px 5px 10px 15px; font-size: 14px; } .liste-prospect .listing-footer .footer-categ, .liste-eleve .listing-footer .footer-categ-ants { border-right: 1px solid #ccc; padding: 0px 5px 10px 11px; font-size: 14px; } .liste-prospect .listing-footer .footer-categ:last-child, .liste-eleve .listing-footer .footer-categ:last-child { border-right: none; } .liste-prospect .listing-footer .footer-categ i, .liste-eleve .listing-footer .footer-categ i { font-size: 16px; margin-right: 8px; } .liste-prospect .apercuImage { width: 80px; height: 80px; } .liste-prospect .listing-footer.contratArchive, .liste-eleve .listing-footer.contratArchive { background-color: #D4DBED; } .add-user-list { position: fixed; right: 10px; top: 35%; font-size: 30px; height: 75px !important; width: 75px !important; border-radius: 50% !important; } .add-user-list:hover { transform: scale(1.1); box-shadow: 0px 5px 10px grey; } .titre-filtre-liste { font-weight: 500; background-color: #82BC00; color: white; display: block; padding: 10px; } .input-recherche-nomprospect input { height: 34px; } .input-recherche-nomprospect i { line-height: 24px !important; height: 24px !important; } .input-recherche-nomeleve input { height: 34px; } .input-recherche-nomeleve i { line-height: 24px !important; height: 24px !important; } /* ##modal */ .infos-generale { font-size: 17px; letter-spacing: 1px; padding: 15px 0px; margin-bottom: 10px; background-color: #82BC00; color: #FFF; } /* modal prospect */ #InfosPersonnellesProspect { padding: 15px; } #InfosPersonnellesProspect section { margin-bottom: 0; } #AjoutDevisProspect { border: none; padding-top: 2%; } .selectFormulePrestation.multiSelect > button { text-align: left !important; } .selectFormulePrestation.multiSelect .caret { float: right; margin-top: 8px !important; } .selectFormulePrestation.multiSelect .buttonLabel { width: 100%; } .liste-permis-devis { text-align: center; } .prestations-container { text-align: center; } .list-item-header { color: white; } .header-presta-auto { background-color: #E31C3A; border-color: #E31C3A; } .header-presta-moto { background-color: #EB8123; border-color: #EB8123; } .header-presta-cyclo { background-color: #8BC542; border-color: #8BC542; } .header-presta-bateau { background-color: #1681C3; border-color: #1681C3; } .header-presta-remorque { background-color: #696767; border-color: #696767; } /*.list-item-presta { text-align: left; }*/ .list-item-prix { font-size: 30px; } .list-item-prix .label-prix-panier { font-size: 17px; } #AjoutDevisProspect .multiSelect .button { display: inline !important; margin-top: 10px; width: 200px; margin-bottom: 15px; } #AjoutDevisProspect .multiSelect .checkboxLayer { margin-top: -15px; } .prestations-devis-prospect { text-align: left; } .prestations-devis-prospect i { color: #82BC00; } .liste-permis-devis { /*margin-left: 10%;*/ } #panierTpl .picto-devis { padding: 0 25px; } .picto-devis { cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } .picto-devis.selected, .picto-devis:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); transform: scale(1.30); -ms-transform: scale(1.30); } /* ecran liste eleves */ .open-menu-action-btn { border: 1px solid #82BC00 !important; color: #82BC00 !important; } .open-menu-action-btn:hover { color: white !important; background-color: #588433 !important; border-color: #588433 !important; } .open-menu-action-btn i { margin: 0 !important; } .icon-vert { background-color: #82BC00; } .icon-vert:hover { background-color: #9CE101; } span.icon-rouge { margin-left: -40px !important; } .icon-rouge { background-color: #E21937; } .icon-rouge:hover { background-color: #FF0026; } span.icon-bleu { margin-left: -80px !important; } .icon-bleu { background-color: #1681C3; } .icon-bleu:hover { background-color: #009EFF; } span.icon-orange { margin-left: -120px !important; } .icon-orange { background-color: #EB8123; } .icon-orange:hover { background-color: #FF7800; } .row-ajouter-prospect { background-color: rgb(130, 188, 0); height: 3px; text-align: center; margin-bottom: 40px; margin-top: 25px; } .add-eleve-container:hover .row-ajouter-prospect, .add-prospect-container:hover .row-ajouter-prospect { background-color: rgb(173, 211, 86); } .row-ajouter-prospect i { background-color: rgb(130, 188, 0); color: white; border-radius: 50%; height: 50px; width: 50px; font-size: 26px; margin-top: -25px; margin-right: auto; margin-left: auto; bottom: 0; top: 0; right: 0; left: 0; padding: 14px; cursor: pointer; position: absolute; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; } .row-ajouter-prospect i:hover { background-color: rgb(173, 211, 86); } .list-action-contrat { position: absolute; right: -240px; top: 6px; width: 250px; opacity: 0; z-index: -1 !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; } .liste-eleve { z-index: 10 !important; } .list-action-contrat { z-index: 9 !important; } .list-action-contrat *, .add-eleve-container *, .add-prospect-container * { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; } .list-action-contrat li { text-align: center; margin: 0 !important; } .list-action-contrat i { color: white; height: 40px; width: 40px; padding-top: 12px; margin: 0 !important; } .list-action-contrat.active { opacity: 1; right: -260px; } .list-action-contrat.active i { cursor: pointer; } .list-action-contrat li span { opacity: 0; margin: 0; color: white; padding: 3px; position: absolute; left: 0; width: 160px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.4s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webki-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; min-width: 100%; } .list-action-contrat.active li:hover span { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .list-action-contrat i:hover { top: -2px; /*width: 100px;*/ height: 40px; } /* fin ecran liste eleves */ /* Ecran règlement */ #bouton-actions { float: right; margin-top: -3px; } /* Fin écran règlement */ .modal-header p { margin-bottom: 0px; font-size: 13px; } .modal-footer { text-align: center !important; } /* bouton icon*/ .btn-block-bm { border-top-left-radius: 0; border-top-right-radius: 0; display: block; width: 100%; } .btn-icon.btn-lg::before { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .btn-icon.btn::before { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .btn-icon.btn-lg::before { line-height: 41px; width: 50px; } .btn-icon::before { font-family: "FontAwesome"; line-height: 32px; } .btn-icon::before { border-right: 0 none; bottom: 0; color: #fff; left: 0; position: absolute; top: 0; transition: background 0.1s linear 0s; width: 36px; } .btn-icon { position: relative; } .btn-liste-icon { background-color: #ecf0f1; border: 1px solid #dde4e6; color: #333; } .btn-liste-icon::before { background-color: #82BC00; color: #fff; } .btn-liste-icon:hover, .btn-liste-icon:focus, .btn-liste-icon:active { color: #588433 !important; } .btn-lg { border-radius: 2px; line-height: 1.33; } .btn { -moz-user-select: none; background-image: none; /*border: 1px solid transparent;*/ border-radius: 2px; cursor: pointer; font-weight: normal; vertical-align: middle; white-space: nowrap; } /* Ajout prospect en agence */ @-moz-document url-prefix() { .dx-overlay-content { position: static !important; } } .dx-datebox-wrapper, .dx-datebox-overlay { z-index: 1101 !important; } .dx-texteditor { -moz-appearance: none; /*background: #f9f9f9 none repeat scroll 0 0;*/ /*border-radius: 2px;*/ border-style: solid; border-width: 1px; box-sizing: border-box; display: block; outline: medium none; padding: 8px 10px; width: 100%; } .form-group .dx-texteditor { width: 100% !important; } .dx-texteditor.dx-state-focused { border-color: #82BC00 !important; } /* FILTRES-PROSPECTS */ #bloc-filtres-periode { border: 1px solid #ccc; background-color: #fff; margin: 0 0 5px 0; padding: 5px 15px; min-height: 34px; } #bloc-planning #bloc-filtres-periode { border-top: 3px solid #82bc00; } #bloc-filtres-periode:hover .avatar-icon { color: #A5A5A5; } #bloc-filtres-periode label { font-size: 16px; letter-spacing: 1px; } #bloc-filtres-periode #titre-recherche { padding-top: 6px; font-size: 15px; font-weight: 500; color: #555555; } ul.categories { /*border: 1px solid #e0eded;*/ list-style: outside none none; margin: 0; overflow: hidden; padding: 0 !important; background-color: #fff; } ul.categories > li.filtre-date > .annee { display: inline-block; width: 29%; } ul.categories > li.filtre-date > .semaine { display: inline-block; width: 43%; margin-right: 10px; } ul.categories > li { /*border-bottom: 1px solid #e0eded;*/ position: relative; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: block; padding: 10px 15px; color: #333; cursor: pointer; } ul.categories > li:last-child { border-bottom: 1px solid #ccc; } ul.categories > li > .fa { margin-right: 8px; width: 15px; margin-left: 8px; } ul.categories > li:hover, ul.categories > li.active-categ { border: 1px solid #82BC00; color: #82BC00; } ul.categories > li::after { content: ""; float: right; font-family: "FontAwesome"; position: relative; top: 4px; } /*Logos statut demande ANTS*/ .statut::before { content: ''; display: inline-block; width: 45px; height: 40px; margin-right: 10px; position: relative; top: 4px; } .statut-a_completer::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/a_completer.png") no-repeat center center; background-size: 35px; } .statut-annulee::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/annulee.png") no-repeat center center; background-size: 35px; } .statut-aucune_demande::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/aucune_demande.png") no-repeat center center; background-size: 35px; } .statut-brouillon::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/brouillon.png") no-repeat center center; background-size: 35px; } .statut-en_cours_instruction::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/en_cours_instruction.png") no-repeat center center; background-size: 35px; } .statut-en_cours_validation_usager::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/en_cours_instruction_usager.png") no-repeat center center; background-size: 35px; } .statut-en_production::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/en_production.png") no-repeat center center; background-size: 35px; } .statut-envoyee::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/envoyee.png") no-repeat center center; background-size: 35px; } .statut-rejet_fichiers::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/rejet_fichiers.png") no-repeat center center; background-size: 35px; } .statut-rejet_instruction::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/rejet_instruction.png") no-repeat center center; background-size: 35px; } .statut-verification_fichiers::before { background: url("/RessourcesCommunes/Content/img/demandesANTS/verification_fichiers.png") no-repeat center center; background-size: 35px; } /* ##logo catégorie de permis */ .categorie::before { content: ''; display: inline-block; width: 25px; height: 20px; margin-right: 10px; position: relative; top: 4px; } .cat-voiture::before { background: url("/RessourcesCommunes/Content/img/permis/picto_voiture_noir.png") no-repeat center center; background-size: 25px; } ul.categories > li.active-categ > .cat-voiture::before, ul.categories > li:hover > .cat-voiture::before { background: url("/RessourcesCommunes/Content/img/permis/picto_voiture_vert.png") no-repeat center center; background-size: 25px; } .cat-moto::before { background: url("/RessourcesCommunes/Content/img/permis/picto_moto_noir.png") no-repeat center center; background-size: 20px; } ul.categories > li.active-categ > .cat-moto::before, ul.categories > li:hover > .cat-moto::before { background: url("/RessourcesCommunes/Content/img/permis/picto_moto_vert.png") no-repeat center center; background-size: 20px; } .cat-remorque::before { background: url("/RessourcesCommunes/Content/img/permis/picto_remorque_noir.png") no-repeat center center; background-size: 25px; } ul.categories > li.active-categ > .cat-remorque::before, ul.categories > li:hover > .cat-remorque::before { background: url("/RessourcesCommunes/Content/img/permis/picto_remorque_vert.png") no-repeat center center; background-size: 25px; } .cat-cyclo::before { background: url("/RessourcesCommunes/Content/img/permis/picto_cyclo_noir.png") no-repeat center center; background-size: 25px; } ul.categories > li.active-categ > .cat-cyclo::before, ul.categories > li:hover > .cat-cyclo::before { background: url("/RessourcesCommunes/Content/img/permis/picto_cyclo_vert.png") no-repeat center center; background-size: 25px; } .cat-bateau::before { background: url("/RessourcesCommunes/Content/img/permis/picto_bateau_noir.png") no-repeat center center; background-size: 25px; } ul.categories > li.active-categ > .cat-bateau::before, ul.categories > li:hover > .cat-bateau::before { background: url("/RessourcesCommunes/Content/img/permis/picto_bateau_vert.png") no-repeat center center; background-size: 25px; } /* / logo catégorie de permis */ /* panel filtres */ .panel-default { border-color: #e0eded; } .panel-default:hover { border-color: #999999; } .panel { box-shadow: none; background-color: #fff; border-radius: 0; } .panel-heading .dx-checkbox { right: 50px; position: absolute; } .panel-body { padding: 15px; } .panel-sidebar-1 { border-radius: 2px !important; } .panel-default > .panel-heading { background: #fcfcfc none repeat scroll 0 0; border-color: #999999; } .panel .panel-heading { border-radius: 0; padding: 15px; } .panel-default > .panel-heading h2 { color: #333; font-size: 16px; font-weight: 500; margin: 0; padding: 0; text-transform: capitalize; } /* ##suivi pédagogique */ .modal-examen .row { padding: 10px 0; border-bottom: 1px solid #E0EDED; } .interrogation-orale-titre { text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .interrogationorale .ligne-recherche { border-bottom: 1px solid; border-color: #E0EDED; } .interrogationorale .panel-body { color: #666; font-size: 14px; } .interrogationorale .input-group-addon { background-color: transparent; border-radius: 0px; } .interrogationorale .input-group .form-control { border-left: 0px; } .titre-autoevaluation { font-weight: 500; } .titre-autoevaluation:hover { font-weight: 600; } /*.container-competence { counter-reset: listStyle; } .container-competence .competence-puce { counter-increment: listStyle; } .container-competence .competence-puce::before { margin-right: 1em; content: counter(listStyle, lower-alpha); }*/ .flex-container { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; /*display: -ms-flexbox;*/ display: -moz-flex; display: -webkit-flex; display: flex; /*align-items: center;*/ /*justify-content: center;*/ } .wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .bloc-detail { padding: 32px 5px; text-align: center; text-transform: uppercase; letter-spacing: 1px; background-color: #fff; opacity: 0.5; color: $couleur-base; min-height: 104px; border: 1px solid #588433; } .bloc-detail.actif { opacity: 1; color: #ffffff; background-color: #82BC00; } .bloc-detail:hover, .bloc-detail.actif:hover { opacity: 0.5; border: 1px solid #ffffff; } .container-competence .competence-titre { padding: 20px 5px; text-align: center; font-weight: 600; } .container-competence .competence-notions { padding: 10px 3px; font-size: 13px; border-top: 1px solid #ddd; } .notions-titre { font-weight: 500; } .notions-titre::before, .notion-titre::before { content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 15px; margin-right: 5px; position: relative; top: 3px; background-color: #E5E5E5; } .container-categories .bloc-categorie { cursor: pointer; } .container-categories h3 { font-size: 13px; line-height: 18px; } .container-categories .panel-body { min-height: 305px; } .list-item-categorie-competence { list-style-type: lower-alpha !important; border: 1px solid #FFF; margin: 0px; cursor: pointer; font-size: 11px; } .puce-rouge::before { background-color: #E21937 !important; } .puce-jaune::before { background-color: #F5F549 !important; } .puce-orange::before { background-color: #EB8123 !important; } .puce-verte::before { background-color: #82BC00 !important; } .container-choix-navigation { min-height: 170px; margin: 30px; padding: 5px !important; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; } .titre-categorie-competence { font-weight: bold; font-size: 10px; } .categorie-competence { cursor: pointer; } .competence-non-aborde, .item-non-aborde { background-color: rgb(245, 245, 245) !important; } .competence-aborde, .item-aborde { background-color: rgb(252, 252, 137) !important; } .competence-traite, .item-traite { background-color: #FFD450 !important; } .competence-assimile, .item-assimile { background-color: #C5FF60 !important; } .case-eliminatoire { background-color: #E00A00; } .case-zero { background-color: #EF7700; } .case-un { background-color: #FA8A00; } .case-deux { background-color: #FCEF00; } .case-trois { background-color: #B8CB00; } .verif-ok { background-color: #5CB85C; color: white; } .verif-moyen { background-color: #FFD450; color: white; } .verif-pas-ok { background-color: #D9534F; color: white; } .remc-sous-item, .list-item-categorie-competence, .notions, .categories-suivi, .container-apercu-categorie { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; } .competence-ae { cursor: pointer; } .titre-competence-ae { font-weight: bold; margin-bottom: 0px !important; } .nonSelectionnable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .remc-sous-item { border-radius: 5px !important; border: none !important; margin: 2px; } /*.list-item-categorie-competence { list-style-type: lower-alpha !important; list-style-position: inside; padding: 5px; border: 1px solid white; margin: 0; cursor: pointer; font-size: 11px; }*/ .questions-container { padding-right: 0 !important; } .icon-item-checked { color: #82cd00; text-shadow: 0px 0px 5px; } .notion-icon-checked { background-color: #82BC00; color: white; } .notions-container.active { margin-top: 10px; } .titre-notion-ae { height: auto !important; } .container-tableau-categorie-suivi { display: none; position: absolute; right: -1600px; } .header-tableau-categorie-suivi { width: 100%; } .cellule-tableau-categorie-suivi { width: 25%; } .tableau-categorie-suivi { width: auto; height: auto; } .titre-competence-suivi { min-width: 25% !important; text-align: justify !important; border-color: #BDBDBD !important; } .titre-competence-suivi.active { border-color: #BDBDBD !important; background-color: #BDBDBD !important; } .header-tableau-categorie-suivi, .tableau-categorie-suivi, .cellule-tableau-categorie-suivi { border: 1px solid #FFF !important; } .detailsCompetenceNonValide { background-color: #F66969; color: white; } .toggleDetailsCompetence { cursor: pointer; } .details-competence-suivi { position: absolute; left: 25.6%; top: 8.6%; width: 73.5%; max-height: 88%; height: 88%; background-color: white; overflow: auto; border: 5px solid #BDBDBD; } .details-block { cursor: pointer; border: 1px solid #BDBDBD; height: 127px; overflow-y: auto; padding-top: 50px; vertical-align: middle; text-align: center; } .details-block p { vertical-align: middle; } /*Grille evaluation */ .grille-evaluation-table { border: 3px solid #DDDDDD; margin: -1px; text-align: center; } .header-table { padding-right: 0px !important; } .titre-header-grille { border: 1px solid #DDDDDD !important; margin: -1px; margin-bottom: -1px; } .cellule-grille-eval { border: 1px solid #DDDDDD !important; border-collapse: collapse; width: 20%; margin: -1px; margin-left: 0px; border-left: none; margin-right: 0px; text-align: left; } .cellule-grille-eval-last { border: 1px solid #DDDDDD !important; border-collapse: collapse; width: 20%; margin: -1px; margin-left: 0px; border-left: none; border-right: 0px; } .bonus-cellules-grille { float: right; border: 1px solid #DDDDDD; margin-bottom: -1px; padding: 0; } .titre-bonus-cellule-grille { border: 1px solid #DDDDDD; margin-bottom: -1px; padding: 0; padding-top: 80px; height: 309px; } .cellule-bonus-footer { width: 80% !important; border: 1px solid #DDDDDD !important; } .cellule-bonus-content { width: 11.5% !important; border: 1px solid #DDDDDD !important; } .titre-bonus-cellule-grille div { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .titre-categorie-table, .body-categorie { border-top: 1px solid #DDDDDD; margin-bottom: -1px; } .body-categorie table, .table-part { margin-bottom: 0px; height: auto !important; } .no-height-table { height: auto !important; } .titre-competence-grille { width: 120% !important; } .titre-competence-grille, .cellule-bonus-footer { text-align: left !important; } .popover-item .popover { width: 300px !important; } .separateur { background-color: #A4BFF5; border-color: #A4BFF5; color: white; } /* interface Eleve */ /* ##agence ##parametrage */ .sp-container { height: auto; } .labelJourSemaine { font-size: 15px; text-transform: uppercase; } .jourSemaine { padding-bottom: 15px; } /*.jourSemaine:last-child { display: none; }*/ /* contact agence */ #contactModal .box-simple a p { padding-top: 10px; letter-spacing: 2px; color: #777; font-size: 13px; } #contactModal .box-simple a:hover, #contactModal .box-simple a:focus { color: #666666; text-decoration: none; } /*informations eleves*/ .formulaireInfosEleves label { font-weight: 700 !important; } .retour-btn { margin-top: 15px !important; margin-bottom: 15px !important; } .block-radio { margin-left: 20px; border-left: 3px solid #757575; } .block-radio-question { border-left: 3px solid #757575; height: 100px; padding-top: 1%; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -kthtml-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .block-radio-question:hover { background-color: rgb(242, 242, 242); } .block-radio-question input { margin-left: 0px !important; } .block-radio-question.mini { height: 42px !important; } /* interface formule */ .montantFormule { background-color: #1681C3; text-align: center; color: #FFFFFF; padding: 10px 0; } /* interface franchise */ #franchiseModal .box-simple a p { padding-top: 10px; letter-spacing: 2px; color: #777; font-size: 13px; } #franchiseModal .box-simple a:hover, #franchiseModal .box-simple a:focus { color: #666666; text-decoration: none; } .btn { letter-spacing: 1px !important; z-index: 15; } .btn-cityzen-beige { background-color: #5d5754 !important; border-color: none !important; color: #fff !important; } .ligne-formulaire { padding: 10px 0 0 10px; } .codePostal { width: 25%; float: left; } .prix { width: 80px; float: left; } .numVoie { width: 60px; float: left; } .ville { width: 65%; float: left; } .error { color: red; } .success { color: #82cd00; } .warning { color: #F0AD4E; } input[type="text"] {} .ligne { margin-bottom: 27px; } /* reporting */ #rapportCA .dx-datebox { width: 124px; } .bouttonDAction { float: right; margin-right: 20px; } .filtreParPeriode { margin-top: 2%; } .filtreParPeriodeInput { margin-bottom: 10px; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .positionGraph { height: 500px; max-width: 700px !important; margin: 0 auto } .tableHeader { float: left; } #reporting-table th { cursor: pointer; } /* recherche élèves */ .checkBoxContainer { max-height: 250px; overflow-y: auto !important; } /* règlement */ .chequeRefuse { color: red } .paiementAnnule { color: red; } /* FOOTER */ .basDePage { /* margin-top: 100px;*/ overflow: hidden; } .basDePage img { max-width: 100%; } #footer .quisommesnous-texte { font-size: 12px; letter-spacing: 0.5px; line-height: 17px; } #copyright {} /*sort table*/ /*.item, .placeholder { padding: 2px; width: 50px; height: 20px; border: 1px solid #333; background: #EEE; } .placeholder { background: #AEF; }*/ .table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #dddddd #dddddd #dddddd -moz-use-text-color; border-image: none; border-radius: 4px; border-style: solid solid solid none; border-width: 1px 1px 1px 0; } .sorted_table tr { cursor: pointer; } .sorted_table tr.placeholder { background: red none repeat scroll 0 0; border: medium none; display: block; margin: 0; padding: 0; position: relative; } .sorted_table tr.placeholder::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent -moz-use-text-color transparent red; border-image: none; border-style: solid none solid solid; border-width: 5px medium 5px 5px; content: ""; height: 0; left: -5px; margin-top: -5px; position: absolute; width: 0; } .sorted_head th { cursor: pointer; } .sorted_head th.placeholder { background: red none repeat scroll 0 0; display: block; height: 0; margin: 0; padding: 0; position: relative; width: 0; } .sorted_head th.placeholder::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: red transparent -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 5px 5px medium; content: ""; height: 0; margin-left: -5px; position: absolute; top: -6px; width: 0; } .dx-switch-container { width: 45px !important; } /* ##couleur ##picker */ .sp-replacer { padding: 0 !important; } .select-fond-color { margin-top: -5px; padding: 0px; } .select-fond-color .sp-preview { margin-right: 0px; border-width: medium 1px medium medium; border-style: none; border-color: -moz-use-text-color; } .sp-preview { width: 50px !important; } .select-fond-color .sp-dd { padding: 2px 5px 2px 0px; display: none; } @media (min-width: 768px) and (max-width: 990px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } .navbar-nav { float: none !important; margin: 10.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } } /*** Spectrum Colorpicker v1.6.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);.sky-form{margin:0;outline:none}.sky-form.style-2 header{display:block;padding:20px 30px;border-bottom:1px solid rgba(0,0,0,0.1);background:rgba(248,248,248,0.9);font-size:25px;font-weight:300;color:#232323}.sky-form fieldset{display:block;padding:15px 0;border:none;background:transparent}.sky-form.style-2 fieldset{display:block;padding:25px 30px 5px;border:none;background:rgba(255,255,255,0.9)}.sky-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,0.1)}.sky-form section{margin-bottom:20px}.sky-form.style-2 footer{display:block;padding:15px 30px 25px;border-top:1px solid rgba(0,0,0,0.1);background:rgba(248,248,248,0.9)}.sky-form.style-2 footer:after{content:'';display:table;clear:both}.sky-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400}.sky-form .label.col{margin:0;padding-top:10px}.sky-form .note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999}.sky-form .input,.sky-form .select,.sky-form .textarea,.sky-form .radio,.sky-form .checkbox,.sky-form .toggle,.sky-form .button{position:relative;display:block}.sky-form .progress{float:right;margin-top:10px;line-height:39px;color:#232323}.sky-form .input-captcha img{position:absolute;top:2px;right:2px;border-left:1px solid #ccc}.sky-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px}.sky-form .input-file .button:hover{box-shadow:none}.sky-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0}.sky-form .select i{position:absolute;top:14px;right:14px;width:8px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff;pointer-events:none}.sky-form .select i:after,.sky-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .select i:after{bottom:0;border-top:4px solid #404040}.sky-form .select i:before{top:0;border-bottom:4px solid #404040}.sky-form .select-multiple select{height:auto}.sky-form .textarea textarea{height:auto;resize:none}.sky-form .textarea-resizable textarea{resize:vertical}.sky-form .textarea-expandable textarea{height:39px}.sky-form .textarea-expandable textarea:focus{height:auto}.sky-form .radio:last-child,.sky-form .checkbox:last-child{margin-bottom:0}.sky-form .radio input,.sky-form .checkbox input{position:absolute;left:-9999px}.sky-form .radio i,.sky-form .checkbox i{position:absolute;top:5px;left:0;display:block;width:13px;height:13px;outline:none;border-width:2px;border-style:solid;background:#fff}.sky-form .radio i{border-radius:50%}.sky-form .radio input+i:after,.sky-form .checkbox input+i:after{position:absolute;opacity:0;-ms-transition:opacity .1s;-moz-transition:opacity .1s;-webkit-transition:opacity .1s}.sky-form .radio input+i:after{content:'';top:4px;left:4px;width:5px;height:5px;border-radius:50%}.sky-form .checkbox input+i:after{content:'\f00c';top:-1px;left:-1px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center}.sky-form .radio input:checked+i:after,.sky-form .checkbox input:checked+i:after{opacity:1}.sky-form .inline-group{margin:0 -30px -4px 0}.sky-form .inline-group:after{content:'';display:table;clear:both}.sky-form .inline-group .radio,.sky-form .inline-group .checkbox{float:left;margin-right:30px}.sky-form .inline-group .radio:last-child,.sky-form .inline-group .checkbox:last-child{margin-bottom:4px}.sky-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer}.sky-form .toggle:last-child{margin-bottom:0}.sky-form .toggle input{position:absolute;left:-9999px}.sky-form .toggle i{content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:2px;border-style:solid;border-radius:12px;background:#fff}.sky-form .toggle i:after{content:'OFF';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}.sky-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;-ms-transition:right .2s;-moz-transition:right .2s;-webkit-transition:right .2s}.sky-form .toggle input:checked+i:after{content:'ON';text-align:right}.sky-form .toggle input:checked+i:before{right:36px}.sky-form .rating{margin-bottom:4px;font-size:15px;line-height:27px;color:#404040}.sky-form .rating:last-child{margin-bottom:0}.sky-form .rating input{position:absolute;left:-9999px}.sky-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer}.sky-form .icon-append,.sky-form .icon-prepend{position:absolute;top:5px;width:29px;height:29px;font-size:15px;line-height:29px;text-align:center}.sky-form .icon-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}.sky-form .icon-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid}.sky-form .input .icon-prepend+input,.sky-form .textarea .icon-prepend+textarea{padding-left:46px}.sky-form .input .icon-append+input,.sky-form .textarea .icon-append+textarea{padding-right:46px}.sky-form .input .icon-prepend+.icon-append+input,.sky-form .textarea .icon-prepend+.icon-append+textarea{padding-left:46px}.sky-form .tooltip{position:absolute;z-index:1;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,0.9);color:#fff;opacity:0;-ms-transition:margin .3s,opacity .3s;-moz-transition:margin .3s,opacity .3s;-webkit-transition:margin .3s,opacity .3s}.sky-form .tooltip:after{content:'';position:absolute}.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{opacity:1}.sky-form .tooltip-top-right{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-right:after{top:100%;right:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-right,.sky-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px}.sky-form .tooltip-top-left{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-left:after{top:100%;left:16px;border-top:4px solid rgba(0,0,0,0.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-left,.sky-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px}.sky-form .tooltip-right{top:9px;white-space:nowrap;margin-left:15px}.sky-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,0.9);border-bottom:4px solid transparent}.sky-form .input input:focus+.tooltip-right,.sky-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px}.sky-form .tooltip-left{top:9px;white-space:nowrap;margin-right:15px}.sky-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,0.9)}.sky-form .input input:focus+.tooltip-left,.sky-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px}.sky-form .tooltip-bottom-right{top:100%;margin-top:15px}.sky-form .tooltip-bottom-right:after{bottom:100%;right:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-right,.sky-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px}.sky-form .tooltip-bottom-left{top:100%;margin-top:15px}.sky-form .tooltip-bottom-left:after{bottom:100%;left:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,0.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-left,.sky-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px}.sky-form .rating label{color:#ccc;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s}.sky-form .button{background-color:#f1c40f;opacity:.8;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}.sky-form .button.button-secondary{background-color:#b3b3b3}.sky-form .icon-append,.sky-form .icon-prepend{color:#ccc}.sky-form .input:hover input,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .radio:hover i,.sky-form .checkbox:hover i,.sky-form .toggle:hover i,.sky-form .ui-slider-handle:hover{border-color:#8dc9e5}.sky-form .button:hover{opacity:1}.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .radio.state-error i,.sky-form .checkbox.state-error i,.sky-form .toggle.state-error i{background:#fff0f0}.sky-form .state-error select+i{background:#fff0f0;box-shadow:0 0 0 12px #fff0f0}.sky-form .toggle.state-error input:checked+i{background:#fff0f0}.sky-form .state-error+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393}.sky-form .rating.state-error+em{margin-top:-4px;margin-bottom:4px}.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .radio.state-success i,.sky-form .checkbox.state-success i,.sky-form .toggle.state-success i{background:#f0fff0}.sky-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 12px #f0fff0}.sky-form .toggle.state-success input:checked+i{background:#f0fff0}.sky-form .state-success+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393}.sky-form .note-success{color:#6fb679}.sky-form .input.state-disabled input,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .radio.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .toggle.state-disabled,.sky-form .button.state-disabled{cursor:default;opacity:.5}.sky-form .input.state-disabled:hover input,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .radio.state-disabled:hover i,.sky-form .checkbox.state-disabled:hover i,.sky-form .toggle.state-disabled:hover i{border-color:#ccc}.sky-form .message{display:none;color:#6fb679}.sky-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}.sky-form.submited fieldset,.sky-form.submited footer{display:none}.sky-form.submited .message{display:block;padding:25px 30px;background:rgba(255,255,255,0.9);font:300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;text-align:center}.ui-datepicker{display:none;padding:10px 12px;background:rgba(255,255,255,0.9);box-shadow:0 0 10px rgba(0,0,0,0.3);font:13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;text-align:center;color:#666}.ui-datepicker a{color:#404040}.ui-datepicker-header{position:relative;margin:-10px -12px 10px;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);font-size:15px;line-height:27px}.ui-datepicker-prev,.ui-datepicker-next{position:absolute;top:0;display:block;width:47px;height:47px;font-size:15px;line-height:47px;text-decoration:none;cursor:pointer}.ui-datepicker-prev{left:0}.ui-datepicker-next{right:0}.ui-datepicker-calendar{border-collapse:collapse;font-size:13px;line-height:27px}.ui-datepicker-calendar th{color:#999}.ui-datepicker-calendar a,.ui-datepicker-calendar span{display:block;width:31px;margin:auto;text-decoration:none;color:#404040}.ui-datepicker-calendar a:hover{background:rgba(0,0,0,0.05)}.ui-datepicker-calendar span{color:#bfbfbf}.ui-datepicker-today a{font-weight:700}.ui-datepicker-calendar .ui-state-active{background:rgba(0,0,0,0.05);cursor:default}.ui-datepicker-inline .ui-datepicker-calendar{width:100%}.sky-form-modal{position:fixed;z-index:1;display:none;width:400px}.sky-form-modal-overlay{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.7)}.sky-form i,.sky-form i:after,.sky-form i:before{box-sizing:content-box;-moz-box-sizing:content-box}.sky-form .label{border-radius:0;font-size:100%;text-align:left;white-space:normal;color:inherit;padding:0;color:#333}.sky-form .radio,.sky-form .checkbox{margin:0;font-weight:400}.sky-form .radio+.radio,.sky-form .checkbox+.checkbox{margin-top:0} /*! * DevExtreme * Version: 15.2.15 * Build date: Jan 25, 2017 * * Copyright (c) 2012 - 2017 Developer Express Inc. ALL RIGHTS RESERVED * EULA: https://www.devexpress.com/Support/EULAs/DevExtreme.xml */ .dx-clearfix:before, .dx-clearfix:after { display: table; content: ""; line-height: 0; } .dx-clearfix:after { clear: both; } .dx-translate-disabled { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .dx-hidden-input { position: fixed; top: -10px; left: -10px; width: 0; height: 0; } .dx-user-select { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .dx-state-invisible { display: none !important; } .dx-gesture-cover { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 2147483647; } .dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering { display: none !important; } .dx-deferrendering.dx-deferrendering-rendered .dx-visible-while-pending-rendering { display: none !important; } .dx-animating { pointer-events: none; } .dx-fade-animation.dx-enter, .dx-no-direction.dx-enter, .dx-fade-animation.dx-leave.dx-leave-active, .dx-no-direction.dx-leave.dx-leave-active { opacity: 0; } .dx-fade-animation.dx-leave, .dx-no-direction.dx-leave, .dx-fade-animation.dx-enter.dx-enter-active, .dx-no-direction.dx-enter.dx-enter-active { opacity: 1; } .dx-overflow-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-slide-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-opendoor-animation.dx-enter.dx-forward { -moz-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -ms-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -o-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -webkit-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -moz-transform-origin: center left 0; -ms-transform-origin: center left 0; -o-transform-origin: center left 0; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; opacity: 1; } .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-forward { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-transform-origin: center left 0; -ms-transform-origin: center left 0; -o-transform-origin: center left 0; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-backward { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-transform-origin: center left 0; -ms-transform-origin: center left 0; -o-transform-origin: center left 0; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward { -moz-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -ms-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -o-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -webkit-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -moz-transform-origin: center left 0; -ms-transform-origin: center left 0; -o-transform-origin: center left 0; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-enter.dx-backward { -moz-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -ms-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -o-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -webkit-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1); -moz-transform-origin: center left 0; -ms-transform-origin: center left 0; -o-transform-origin: center left 0; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward { -moz-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -ms-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -o-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); -webkit-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-forward { -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-win-pop-animation.dx-enter.dx-backward { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(0,150px,0); -moz-transform: translate3d(0,150px,0); -ms-transform: translate3d(0,150px,0); -o-transform: translate3d(0,150px,0); transform: translate3d(0,150px,0); opacity: 0; } .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-forward { z-index: 2; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward { z-index: 2; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); -o-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-forward { z-index: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); -o-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-backward { z-index: 2; } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-forward { -webkit-transform: translate3d(40%,0,0); -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-40%,0,0); -moz-transform: translate3d(-40%,0,0); -ms-transform: translate3d(-40%,0,0); -o-transform: translate3d(-40%,0,0); transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-40%,0,0); -moz-transform: translate3d(-40%,0,0); -ms-transform: translate3d(-40%,0,0); -o-transform: translate3d(-40%,0,0); transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(40%,0,0); -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-drop-animation.dx-enter, .dx-drop-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(0,-120%,0); -ms-transform: translate3d(0,-120%,0); -o-transform: translate3d(0,-120%,0); -webkit-transform: translate3d(0,-120%,0); transform: translate3d(0,-120%,0); } .dx-drop-animation.dx-leave, .dx-drop-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-3d-drop-animation.dx-enter, .dx-3d-drop-animation.dx-leave.dx-leave-active { -moz-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -ms-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -o-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -webkit-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-3d-drop-animation.dx-leave, .dx-3d-drop-animation.dx-enter.dx-enter-active { -moz-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -ms-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -o-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-drop-animation.dx-enter, .dx-fade-drop-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -ms-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -o-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -webkit-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-fade-drop-animation.dx-leave, .dx-fade-drop-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0) scale3d(1,1,1); -ms-transform: translate3d(0,0,0) scale3d(1,1,1); -o-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-rise-animation.dx-enter, .dx-fade-rise-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); -ms-transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); -o-transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); -webkit-transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); transform: translate3d(0,10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-fade-rise-animation.dx-leave, .dx-fade-rise-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0) scale3d(1,1,1); -ms-transform: translate3d(0,0,0) scale3d(1,1,1); -o-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-slide-animation.dx-enter, .dx-fade-slide-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); -webkit-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; } .dx-fade-slide-animation.dx-leave, .dx-fade-slide-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .dx-fade-zoom-animation.dx-enter, .dx-fade-zoom-animation.dx-leave.dx-leave-active { -moz-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); -o-transform: scale3d(.3,.3,.3); -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); opacity: 0; } .dx-fade-zoom-animation.dx-leave, .dx-fade-zoom-animation.dx-enter.dx-enter-active { -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; } .dx-icon-plus, .dx-icon-overflow, .dx-icon-add, .dx-icon-airplane, .dx-icon-arrowleft, .dx-icon-arrowdown, .dx-icon-arrowright, .dx-icon-arrowup, .dx-icon-bookmark, .dx-icon-box, .dx-icon-car, .dx-icon-card, .dx-icon-cart, .dx-icon-chart, .dx-icon-clock, .dx-icon-close, .dx-icon-comment, .dx-icon-doc, .dx-icon-download, .dx-icon-edit, .dx-icon-email, .dx-icon-event, .dx-icon-favorites, .dx-icon-find, .dx-icon-folder, .dx-icon-food, .dx-icon-gift, .dx-icon-globe, .dx-icon-group, .dx-icon-help, .dx-icon-home, .dx-icon-image, .dx-icon-info, .dx-icon-key, .dx-icon-like, .dx-icon-map, .dx-icon-menu, .dx-icon-money, .dx-icon-music, .dx-icon-percent, .dx-icon-photo, .dx-icon-preferences, .dx-icon-product, .dx-icon-refresh, .dx-icon-remove, .dx-icon-runner, .dx-icon-tags, .dx-icon-tel, .dx-icon-tips, .dx-icon-todo, .dx-icon-toolbox, .dx-icon-user, .dx-icon-save, .dx-icon-clear, .dx-icon-search { background-position: 0 0; background-repeat: no-repeat; } .dx-icon { background-position: 50% 50%; } .dx-color-scheme { font-family: "#"; } .dx-widget { -ms-content-zooming: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-touch-callout: none; padding: 0; outline: 0; } .dx-widget, .dx-widget:before, .dx-widget:after, .dx-widget *, .dx-widget *:before, .dx-widget *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-item { outline: 0; } .dx-widget.dx-collection.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-rtl { direction: rtl; unicode-bidi: embed; } .dx-badge { padding: 0 5px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; color: #fff; font-size: 13px; line-height: 1; } .dx-draggable { left: 0; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-draggable.dx-state-disabled, .dx-state-disabled .dx-draggable { cursor: default; } .dx-resizable { position: relative; } .dx-resizable-handle { position: absolute; z-index: 50; } .dx-state-disabled .dx-resizable-handle { cursor: default; } .dx-resizable-handle-left, .dx-resizable-handle-right { top: 0; height: 100%; width: 3px; } .dx-resizable-handle-left { left: 0; cursor: e-resize; } .dx-resizable-handle-right { right: 0; cursor: e-resize; } .dx-resizable-handle-top, .dx-resizable-handle-bottom { left: 0; width: 100%; height: 3px; } .dx-resizable-handle-top { top: 0; cursor: s-resize; } .dx-resizable-handle-bottom { bottom: 0; cursor: s-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { width: 6px; height: 6px; } .dx-resizable-handle-corner-top-left { left: 0; top: 0; cursor: se-resize; -webkit-border-bottom-right-radius: 100%; -moz-border-bottom-right-radius: 100%; border-bottom-right-radius: 100%; } .dx-resizable-handle-corner-top-right { right: 0; top: 0; cursor: ne-resize; -webkit-border-bottom-left-radius: 100%; -moz-border-bottom-left-radius: 100%; border-bottom-left-radius: 100%; } :not(.dx-rtl)>.dx-resizable-handle-corner-bottom-right { width: 20px; height: 20px; right: 0; bottom: 0; cursor: se-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; background-position: 20px 20px; } :not(.dx-rtl)>.dx-resizable-handle-corner-bottom-left { left: 0; bottom: 0; cursor: ne-resize; -webkit-border-top-right-radius: 100%; -moz-border-top-right-radius: 100%; border-top-right-radius: 100%; } .dx-rtl .dx-resizable-handle-corner-bottom-left { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 20px; height: 20px; left: 0; bottom: 0; cursor: ne-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; background-position: 20px 20px; } .dx-rtl .dx-resizable-handle-corner-bottom-right { right: 0; bottom: 0; cursor: se-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; } .dx-box-item-content { font-size: 14px; } .dx-box-fallback-item>.dx-box-item-content { width: 100%; height: 100%; } .dx-box-item-content { -webkit-flex-direction: column; flex-direction: column; } .dx-box-flex .dx-box-item>.dx-scrollable, .dx-box-flex .dx-box-item-content>.dx-scrollable, .dx-box-flex .dx-box-item>.dx-treeview, .dx-box-flex .dx-box-item-content>.dx-treeview, .dx-box-flex .dx-box-item>.dx-treeview>.dx-scrollable, .dx-box-flex .dx-box-item-content>.dx-treeview>.dx-scrollable { display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-direction: column; flex-direction: column; height: auto; } .dx-box-flex .dx-box-item>.dx-scrollable>.dx-scrollable-container, .dx-box-flex .dx-box-item-content>.dx-scrollable>.dx-scrollable-container, .dx-box-flex .dx-box-item>.dx-treeview>.dx-scrollable>.dx-scrollable-container, .dx-box-flex .dx-box-item-content>.dx-treeview>.dx-scrollable>.dx-scrollable-container { -webkit-flex-grow: 1; flex-grow: 1; } .dx-button-disabled { cursor: default; } .dx-button { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-button .dx-icon { -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; display: inline-block; vertical-align: middle; } .dx-button-content { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 100%; max-height: 100%; } .dx-button-content:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; font-size: 0; } .dx-button-link { text-decoration: none; } .dx-button-text { display: inline; vertical-align: middle; } .dx-state-disabled.dx-button, .dx-state-disabled .dx-button { cursor: default; } .dx-scrollable-scrollbar-simulated { position: relative; } .dx-scrollable { height: 100%; min-height: 0; } .dx-scrollable-native { -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .dx-scrollable-native .dx-scrollable-scrollbar { display: none; } .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar { display: block; } .dx-scrollable-native .dx-scrollable-container { -webkit-overflow-scrolling: touch; position: relative; height: 100%; } .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container { -ms-touch-action: pan-y; touch-action: pan-y; overflow-x: hidden; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container { -ms-touch-action: pan-x; touch-action: pan-x; float: none; overflow-x: auto; overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container { -ms-touch-action: pan-y pan-x; touch-action: pan-y pan-x; float: none; overflow-x: auto; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container { -ms-touch-action: auto; touch-action: auto; } .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { opacity: 0; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content { min-height: 101%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content { min-height: 0; padding: 0; } .dx-scrollable-native.dx-scrollable-native-generic { -ms-overflow-style: auto; overflow: hidden; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content { height: auto; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; z-index: 0; } .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar, .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar { display: none; } .dx-scrollable-container { -webkit-tap-highlight-color: transparent; position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-scrollable-container:focus { outline: none; } .dx-scrollable-content { position: relative; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-scrollable-content:before, .dx-scrollable-content:after { display: table; content: ""; line-height: 0; } .dx-scrollable-content:after { clear: both; } .dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content { display: block; float: left; min-width: 100%; } .dx-scrollable-scrollbar { position: absolute; pointer-events: auto; } .dx-scrollbar-vertical { top: 0; right: 0; height: 100%; } .dx-scrollbar-vertical .dx-scrollable-scroll { width: 5px; } .dx-scrollbar-horizontal { bottom: 0; left: 0; width: 100%; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 5px; } .dx-scrollable-scroll { position: relative; background-color: #888; background-color: rgba(0,0,0,.5); -webkit-transform: translate(0,0); -webkit-transition: background-color 0 linear; -moz-transition: background-color 0 linear; -o-transition: background-color 0 linear; transition: background-color 0 linear; } .dx-scrollable-scroll.dx-state-invisible { display: block !important; background-color: transparent; -webkit-transition: background-color .5s linear 1s; -moz-transition: background-color .5s linear 1s; -o-transition: background-color .5s linear 1s; transition: background-color .5s linear 1s; } .dx-rtl .dx-scrollable, .dx-rtl.dx-scrollable { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content, .dx-rtl.dx-scrollable .dx-scrollable-content, .dx-rtl .dx-scrollable .dx-scrollable-container, .dx-rtl.dx-scrollable .dx-scrollable-container { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content>*, .dx-rtl.dx-scrollable .dx-scrollable-content>* { direction: rtl; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical { right: auto; left: 0; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal { direction: ltr; } .dx-device-ios-6 .dx-scrollable-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { display: none; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket { position: absolute; display: none; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket { width: 40px; height: 40px; left: 50%; position: absolute; z-index: 1; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-image: none; position: static; height: 100%; width: 100%; left: -50%; margin-left: -20px; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading { -webkit-transition: -webkit-transform 100ms linear; -moz-transition: -moz-transform 100ms linear; -o-transition: -o-transform 100ms linear; transition: transform 100ms linear; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator { position: relative; top: 0; padding: 4px; margin: 0; height: 100%; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator { float: left; } .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown { width: 100%; height: 100%; padding: 8px; font-size: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down { -webkit-transition: top .2s ease-out 0; -moz-transition: top .2s ease-out 0; -o-transition: top .2s ease-out 0; transition: top .2s ease-out 0; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image { position: absolute; margin: 0; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; -webkit-transition: opacity .2s ease 0; -moz-transition: opacity .2s ease 0; -o-transition: opacity .2s ease 0; transition: opacity .2s ease 0; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: none; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket { position: absolute; left: 0; width: 100%; overflow-y: auto; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled { overflow-y: auto; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container { overflow-y: auto; overflow-x: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container { -ms-overflow-style: -ms-autohiding-scrollbar; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket { width: 100%; text-align: center; } .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: block; } .dx-scrollview-content { position: static; } .dx-scrollview-content:before, .dx-scrollview-content:after { display: table; content: ""; line-height: 0; } .dx-scrollview-content:after { clear: both; } .dx-scrollview-pull-down { width: 100%; height: 50px; padding: 15px 0; top: -80px; overflow: hidden; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-scrollview-pull-down-container { display: inline-block; width: 49%; text-align: right; } .dx-scrollview-pull-down-indicator { opacity: 0; position: absolute; left: 0; top: 50%; display: inline-block; margin: -15px 20px 0 15px; width: 20px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-pull-down-image { display: inline-block; vertical-align: middle; margin: 0 20px; width: 20px; height: 50px; background-size: contain; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-transform: translate(0,0) rotate(0); -moz-transform: translate(0,0) rotate(0); -ms-transform: translate(0,0) rotate(0); -o-transform: translate(0,0) rotate(0); transform: translate(0,0) rotate(0); -ms-transform: rotate(0); -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; } .dx-scrollview-pull-down-text { display: inline; vertical-align: middle; position: relative; overflow: visible; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-pull-down-text div { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: visible; } .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image { -webkit-transform: translate(0,0) rotate(-180deg); -moz-transform: translate(0,0) rotate(-180deg); -ms-transform: translate(0,0) rotate(-180deg); -o-transform: translate(0,0) rotate(-180deg); transform: translate(0,0) rotate(-180deg); -ms-transform: rotate(-180deg); } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image { opacity: 0; } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator { opacity: 1; } .dx-scrollview-scrollbottom { width: 100%; padding: 10px 0; overflow: hidden; text-align: center; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .dx-scrollview-scrollbottom:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dx-scrollview-scrollbottom-indicator { display: inline-block; margin: 0 10px 0 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-scrollbottom-text { display: inline-block; margin-top: -20px; vertical-align: middle; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-scrollbottom-end { opacity: 0; } .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket, .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-container { text-align: left; } .dx-rtl .dx-scrollview-pull-down-indicator { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-text div { left: auto; right: 0; } .dx-rtl .dx-scrollview-scrollbottom-indicator { margin: 0 0 0 10px; } .dx-checkbox { display: inline-block; cursor: pointer; line-height: 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-checkbox.dx-state-readonly { cursor: default; } .dx-checkbox-icon { display: inline-block; position: relative; background-position: 0 0; background-size: cover; background-repeat: no-repeat; } .dx-checkbox-container { height: 100%; width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-checkbox-has-text .dx-checkbox-icon, .dx-checkbox-has-text .dx-checkbox-text { vertical-align: middle; } .dx-checkbox-text { display: inline-block; vertical-align: middle; word-break: break-all; white-space: pre-wrap; line-height: normal; height: 100%; width: 100%; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin: 0; padding: 0; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { cursor: default; } .dx-switch { display: inline-block; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-switch-wrapper { display: inline-block; text-align: left; height: 100%; width: 100%; } .dx-switch-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-switch-container { display: inline-block; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; } .dx-switch-inner { margin-left: -50px; } .dx-state-disabled.dx-switch, .dx-state-disabled .dx-switch { cursor: default; } .dx-rtl.dx-switch-inner, .dx-rtl .dx-switch-inner { margin-right: -50px; margin-left: 0; } .dx-rtl.dx-switch-wrapper, .dx-rtl .dx-switch-wrapper { text-align: right; } .dx-tabs { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; display: inline-block; width: 100%; text-align: center; table-layout: fixed; position: relative; } .dx-tabs .dx-icon { width: 16px; height: 16px; display: inline-block; margin-right: 5px; } .dx-tabs .dx-indent-wrapper { display: table-row; } .dx-tabs.dx-tabs-nav-buttons .dx-scrollable-wrapper { margin-right: 25px; margin-left: 25px; } .dx-tabs.dx-tabs-nav-buttons .dx-indent-wrapper { display: block; } .dx-tabs .dx-tabs-nav-button { width: 25px; padding: 0; height: 100%; position: absolute; top: 0; } .dx-tabs .dx-tabs-nav-button-left { left: 0; } .dx-tabs .dx-tabs-nav-button-right { right: 0; } .dx-tabs .dx-tab-content { display: inline-block; vertical-align: top; max-width: 100%; } .dx-tabs .dx-tabs-item-badge { display: inline-block; vertical-align: top; } .dx-tabs-expanded { display: table; } .dx-tab { position: relative; vertical-align: middle; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-tab a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: #fff; text-decoration: none; opacity: .001; } .dx-tab .dx-icon { display: block; margin: 0 auto; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-tab-text { display: inline-block; margin: 0 auto; text-align: center; max-width: 100%; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-state-disabled .dx-tab { cursor: default; } .dx-map-container, .dx-map-shield { position: relative; width: 100%; height: 100%; color: #000; } .dx-map-shield { top: -100%; left: 0; background: rgba(0,0,0,.01); filter: alpha(opacity=1); -khtml-opacity: .01; -moz-opacity: .01; opacity: .01; } .dx-tabs.dx-navbar { margin: 0; width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-tabs.dx-navbar .dx-icon { display: block; margin: 0 auto; width: 31px; height: 31px; } .dx-rtl.dx-tabs.dx-navbar .dx-icon, .dx-rtl .dx-tabs.dx-navbar .dx-icon { margin: 0 auto; } .dx-tabs.dx-navbar .dx-tab-text { display: block; vertical-align: 50%; } .dx-nav-item { position: relative; vertical-align: bottom; } .dx-nav-item.dx-state-disabled { cursor: default; } .dx-nav-item a { display: block; height: 100%; text-decoration: none; } .dx-navbar-item-badge { position: absolute; top: 11%; right: 50%; margin-right: -24px; } .dx-rtl .dx-nav-item .dx-navbar-item-badge { right: auto; left: 50%; margin-right: auto; margin-left: -24px; } .dx-texteditor input::-ms-clear { display: none; } .dx-placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: left; cursor: text; pointer-events: none; display: table; } .dx-placeholder:before { position: relative; display: table-cell; vertical-align: middle; overflow: hidden; width: auto; height: auto; content: attr(DATA-DX_PLACEHOLDER); pointer-events: none; white-space: nowrap; } .dx-texteditor-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-texteditor-buttons-container { position: absolute; top: 0; right: 0; width: auto; height: 100%; } .dx-texteditor-input { -webkit-appearance: none; width: 100%; height: 100%; outline: 0; border: 0; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .dx-show-clear-button { position: relative; } .dx-clear-button-area { float: right; height: 100%; width: 34px; position: relative; cursor: pointer; } .dx-clear-button-area .dx-icon-clear { position: absolute; display: inline-block; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .dx-texteditor-empty .dx-clear-button-area { display: none; } .dx-state-disabled .dx-placeholder { cursor: auto; } .dx-state-disabled .dx-clear-button-area { display: none; } .dx-state-disabled .dx-texteditor-input { opacity: 1; } .dx-rtl .dx-texteditor .dx-placeholder, .dx-rtl.dx-texteditor .dx-placeholder { text-align: right; left: auto; right: 0; } .dx-rtl .dx-texteditor .dx-clear-button-area, .dx-rtl.dx-texteditor .dx-clear-button-area { float: left; right: auto; left: 0; } .dx-rtl .dx-texteditor .dx-texteditor-buttons-container, .dx-rtl.dx-texteditor .dx-texteditor-buttons-container { left: 0; right: auto; } .dx-device-android .dx-texteditor-input { -webkit-user-modify: read-write-plaintext-only; } .dx-searchbox .dx-icon-search { display: block; position: relative; } .dx-searchbox .dx-icon-search:before { content: ""; position: absolute; display: inline-block; overflow: hidden; text-indent: -9999px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-dropdowneditor { position: relative; } .dx-dropdowneditor.dx-dropdowneditor-field-clickable { cursor: pointer; } .dx-dropdowneditor .dx-dropdowneditor-button.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-dropdowneditor-input-wrapper { -webkit-tap-highlight-color: transparent; overflow: hidden; height: 100%; } .dx-dropdowneditor-input-wrapper .dx-texteditor { border: none; margin: 0; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input { text-overflow: ellipsis; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear { width: 0; height: 0; } .dx-dropdowneditor-active .dx-dropdowneditor-icon { filter: alpha(opacity=35); -khtml-opacity: .35; -moz-opacity: .35; opacity: .35; } .dx-dropdowneditor-button { position: relative; float: right; height: 100%; cursor: pointer; } .dx-rtl .dx-dropdowneditor-button, .dx-rtl.dx-dropdowneditor-button { float: left; } .dx-dropdowneditor-button.dx-dropdowneditor-readonly { cursor: default; } .dx-dropdowneditor-icon { height: 100%; background-position: center; background-repeat: no-repeat; } .dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor { cursor: default; } .dx-state-disabled .dx-dropdowneditor-button { cursor: inherit; } .dx-state-disabled .dx-dropdowneditor-icon { filter: alpha(opacity=20); -khtml-opacity: .2; -moz-opacity: .2; opacity: .2; } .dx-list { margin: 0; min-height: 3em; } .dx-empty-collection .dx-list-select-all { display: none; } .dx-list-group-header:before { width: 0; height: 0; display: block; float: right; margin-top: 6px; border-style: solid; border-color: transparent; border-width: 5px 5px 0 5px; } .dx-list-collapsible-groups .dx-list-group-header { cursor: pointer; } .dx-list-collapsible-groups .dx-list-group-header:before { content: ' '; } .dx-list-group-collapsed .dx-list-group-header:before { border-width: 0 5px 5px 5px; } .dx-list-item { position: static; cursor: pointer; display: table; width: 100%; table-layout: fixed; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-content { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: table-cell; width: 100%; } .dx-list-item-content:before { content: "_"; color: transparent; display: inline-block; width: 0; float: left; } .dx-list .dx-empty-message { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; min-height: 3em; } .dx-list-item-badge-container { display: table-cell; width: 20px; text-align: right; vertical-align: middle; padding-right: 10px; } .dx-list-item-badge { float: right; position: relative; } .dx-list-item-chevron-container { display: table-cell; width: 15px; vertical-align: middle; } .dx-list-item-chevron { height: 8px; width: 8px; margin-left: -6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-width: 2px 0 0 2px; border-style: solid; filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; } .dx-rtl .dx-list-item-chevron { margin-left: auto; margin-right: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-list-item-response-wait { opacity: .5; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; } .dx-list-slide-menu-content { display: table; width: 100%; table-layout: fixed; } .dx-list-item-before-bag, .dx-list-item-after-bag { display: table-cell; width: 0; height: 100%; vertical-align: middle; } .dx-list-item-before-bag .dx-list-toggle-delete-switch { display: block; float: left; padding: 3px 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } .dx-list-item-before-bag .dx-list-select-checkbox { float: left; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } .dx-list-select-all { white-space: nowrap; } .dx-list-select-all-label { display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-after-bag .dx-list-reorder-handle { cursor: move; background-repeat: no-repeat; -webkit-background-size: 75% 75%; -moz-background-size: 75% 75%; background-size: 75% 75%; background-position: center; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle { cursor: default; } .dx-list-switchable-menu-shield-positioning { position: relative; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .dx-device-android-4 .dx-list-switchable-menu-shield-positioning { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } .dx-list-switchable-delete-top-shield, .dx-list-switchable-delete-bottom-shield { position: absolute; right: 0; left: 0; cursor: pointer; } .dx-list-switchable-delete-top-shield { top: 0; } .dx-list-switchable-delete-bottom-shield { bottom: 0; } .dx-list-switchable-delete-item-content-shield { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dx-list-switchable-delete-button-container { position: absolute; top: 0; bottom: 0; overflow: hidden; } .dx-list-switchable-delete-button-wrapper { display: table; height: 100%; } .dx-list-switchable-delete-button-inner-wrapper { display: table-cell; padding-left: 1px; height: 100%; vertical-align: middle; } .dx-list-switchable-menu-item-shield-positioning { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content { position: relative; } .dx-list-switchable-delete-ready .dx-icon-toggle-delete { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .dx-list-slide-menu-buttons-container { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; overflow: hidden; } .dx-device-ios .dx-list-slide-menu-buttons-container { -webkit-mask-image: -webkit-radial-gradient(white,black); } .dx-list-slide-menu-buttons { position: relative; top: 0; left: 0; bottom: 0; display: table; height: 100%; } .dx-list-slide-menu-button { display: table-cell; padding: 0 10px; vertical-align: middle; } .dx-list-static-delete-button { padding: 0 5px; } .dx-list-static-delete-button .dx-button-content { overflow: visible; } .dx-list-item-reordering { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-list-reorder-compatibility-mode .dx-list-item { position: relative; } .dx-list-next-button { padding: 5px; text-align: center; } .dx-list-next-button .dx-button { padding: 0 3em; } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { cursor: default; } .dx-state-disabled .dx-list-toggle-delete-switch, .dx-state-disabled .dx-list-switchable-delete-button { cursor: default; } .dx-list-context-menuitem { cursor: pointer; } .dx-rtl .dx-list .dx-list-item-badge-container, .dx-rtl.dx-list .dx-list-item-badge-container { padding-left: 10px; padding-right: 0; } .dx-rtl .dx-list .dx-list-item-badge, .dx-rtl.dx-list .dx-list-item-badge { float: left; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch { float: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox { float: right; } .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-right: 1px; padding-left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button-container, .dx-rtl.dx-list .dx-list-slide-item-delete-button-container { right: 100%; left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button { right: auto; left: 0; } .dx-rtl .dx-list .dx-list-group-header:before, .dx-rtl.dx-list .dx-list-group-header:before { float: left; } .dx-dropdownlist-popup-wrapper .dx-list { min-height: 35px; } .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-textarea .dx-texteditor-input { resize: none; font-family: inherit; display: block; overflow: auto; white-space: pre-wrap; } .dx-textarea .dx-placeholder { height: auto; } .dx-numberbox { position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-numberbox input[type=number] { -moz-appearance: textfield; } .dx-numberbox input[type=number]::-webkit-outer-spin-button, .dx-numberbox input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .dx-numberbox-spin .dx-texteditor-input { padding-right: 28px; } .dx-numberbox-spin-container { float: right; width: 22px; height: 100%; } .dx-numberbox-spin-down, .dx-numberbox-spin-up { position: relative; width: 100%; height: 50%; cursor: pointer; } .dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 70px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 64px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up { width: 50%; height: 100%; display: inline-block; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { width: 100%; height: 100%; } .dx-state-disabled .dx-numberbox-spin-container { filter: alpha(opacity=20); -khtml-opacity: .2; -moz-opacity: .2; opacity: .2; } .dx-rtl .dx-numberbox-spin-container { float: left; right: auto; left: 0; } .dx-rtl .dx-numberbox-spin .dx-texteditor-input, .dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-left: 28px; } .dx-rtl.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-left: 70px; } .dx-texteditor input[type=date]::-webkit-inner-spin-button { height: 20px; } .dx-datebox-native .dx-texteditor-buttons-container { pointer-events: none; } .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit { color: transparent; } .dx-datebox.dx-texteditor-empty.dx-state-focused .dx-placeholder { display: none; } .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit { color: inherit; } .dx-datebox-wrapper .dx-popup-content { padding-top: 20px; padding-bottom: 20px; } .dx-rtl .dx-texteditor-input { text-align: right; } .dx-datebox-button-cell .dx-button { min-width: 90px; } .dx-datebox-button-cell .dx-button.dx-datebox-apply-button { margin-right: 10px; margin-left: 0; } .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button { margin-right: 0; margin-left: 0; } .dx-datebox-buttons-container { text-align: right; width: 100%; } .dx-colorview-container-cell { float: left; } .dx-dateview-item { margin: 0; } .dx-dateview-rollers { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-dateviewroller { position: relative; vertical-align: top; cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { pointer-events: none; } .dx-dateview-item-selected-border { display: none; } .dx-dateviewroller-month .dx-dateview-value-formatter, .dx-dateviewroller-day .dx-dateview-name-formatter { display: none; } .dx-toolbar { width: 100%; } .dx-toolbar .dx-button-content:after { display: none; } .dx-toolbar .dx-icon { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-items-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-toolbar-item { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-item .dx-tabs { table-layout: auto; } .dx-toolbar-item img { display: block; } .dx-toolbar-menu-container { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-menu-container .dx-tabs { table-layout: auto; } .dx-toolbar-menu-container img { display: block; } .dx-toolbar-before, .dx-toolbar-after { position: absolute; } .dx-toolbar-before { left: 0; } .dx-toolbar-after { right: 0; } .dx-toolbar-label { white-space: nowrap; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-toolbar-label .dx-toolbar-item-content>div { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-toolbar-label>div { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 -5px; padding: 0 5px; } .dx-toolbar-center { margin: 0 auto; height: 100%; text-align: center; } .dx-toolbar-center, .dx-toolbar-before, .dx-toolbar-after { top: 0; display: table; height: 100%; } .dx-rtl .dx-toolbar-before { right: 0; left: auto; } .dx-rtl .dx-toolbar-after { right: auto; left: 0; } .dx-tileview div.dx-scrollable-container { overflow-y: hidden; } .dx-tile { position: absolute; text-align: center; } .dx-tile.dx-state-active { -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96); -webkit-transition: -webkit-transform 100ms linear; -moz-transition: -moz-transform 100ms linear; -o-transition: -o-transform 100ms linear; transition: transform 100ms linear; } .dx-tile-content { padding: 0; width: 100%; height: 100%; } .dx-tileview-wrapper { position: relative; height: 1px; } .dx-device-ios-6 .dx-tile { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-overlay-wrapper { top: 0; left: 0; z-index: 1000; } .dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper:before, .dx-overlay-wrapper:after, .dx-overlay-wrapper *:before, .dx-overlay-wrapper *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-overlay-modal { width: 100%; height: 100%; } .dx-overlay-shader { background-color: rgba(128,128,128,.5); } .dx-overlay-content { position: absolute; z-index: 1000; outline: 0; overflow: hidden; } .dx-overlay-content>.dx-template-wrapper { height: 100%; width: 100%; } .dx-device-android .dx-overlay-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native .dx-overlay-content { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .dx-toast-content { display: inline-block; padding: 10px; vertical-align: middle; } .dx-toast-icon { display: table-cell; background-size: contain; width: 35px; height: 35px; margin-right: 10px; vertical-align: middle; background-position: left center; background-repeat: no-repeat; } .dx-toast-message { display: table-cell; vertical-align: middle; padding-left: 10px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-error { background-color: #f77; } .dx-toast-success { background-color: #6ec881; } .dx-rtl .dx-toast-message { padding-left: 0; padding-right: 10px; } .dx-popup-title { padding: 10px; min-height: 19px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; white-space: normal; } .dx-popup-title .dx-toolbar-items-container { overflow: visible; } .dx-popup-draggable .dx-popup-title { cursor: move; } .dx-overlay-content>.dx-template-wrapper.dx-popup-title { height: auto; width: auto; } .dx-overlay-content .dx-popup-content>.dx-template-wrapper { height: 100%; width: 100%; } .dx-popup-content { padding: 10px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; overflow: hidden; } .dx-popup-content.dx-dialog-content { padding: 0; } .dx-dialog-root .dx-overlay-shader { background-color: #444; } .dx-dialog-message { padding: 10px 10px 5px 10px; } .dx-popover-wrapper .dx-popover-arrow:after { width: 14.142271249px; height: 14.142271249px; } .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 20px; height: 10px; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 10px; height: 20px; } .dx-popover-arrow { position: absolute; z-index: 2000; overflow: hidden; } .dx-popover-arrow:after { position: absolute; display: block; overflow: hidden; content: " "; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-popover-wrapper.dx-position-top .dx-popover-arrow:after { top: 0; left: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { right: 0; bottom: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; } .dx-popover-wrapper.dx-position-left .dx-popover-arrow:after { bottom: 0; left: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow:after { top: 0; right: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; } .dx-popover-wrapper .dx-overlay-content { overflow: visible; } .dx-popover-wrapper .dx-popup-content { overflow: hidden; } .dx-device-ios .dx-popover-arrow:after { -webkit-transform: rotate(-45deg) translateZ(0); } .dx-progressbar .dx-position-left .dx-progressbar-range-container, .dx-progressbar .dx-position-right .dx-progressbar-range-container, .dx-progressbar .dx-position-left .dx-progressbar-status, .dx-progressbar .dx-position-right .dx-progressbar-status { display: table-cell; vertical-align: middle; } .dx-progressbar .dx-position-top-left .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container, .dx-progressbar .dx-position-top-left .dx-progressbar-status, .dx-progressbar .dx-position-bottom-left .dx-progressbar-status { float: left; } .dx-progressbar .dx-position-top-right .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container, .dx-progressbar .dx-position-top-right .dx-progressbar-status, .dx-progressbar .dx-position-bottom-right .dx-progressbar-status { float: right; } .dx-progressbar .dx-position-top-center .dx-progressbar-status, .dx-progressbar .dx-position-bottom-center .dx-progressbar-status { text-align: center; } .dx-progressbar .dx-position-left .dx-progressbar-status { padding-right: 8px; } .dx-progressbar .dx-position-right .dx-progressbar-status { padding-left: 8px; } .dx-progressbar:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-progressbar-range-container { width: 100%; } .dx-progressbar-container { position: relative; width: 100%; } .dx-progressbar-wrapper { display: inline-block; width: 100%; vertical-align: middle; direction: ltr; } .dx-progressbar-range { height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-progressbar-status { position: relative; top: 0; left: 0; width: auto; height: 20px; font-size: 12px; } .dx-progressbar-animating-segment { display: none; } .dx-progressbar-animating-container { width: 100%; } .dx-rtl.dx-progressbar .dx-progressbar-wrapper, .dx-rtl .dx-progressbar .dx-progressbar-wrapper { direction: rtl; } .dx-tooltip-wrapper .dx-overlay-content { min-width: 34px; min-height: 26px; text-align: center; line-height: 0; } .dx-tooltip-wrapper .dx-overlay-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { display: inline-block; padding: 12px 17px; font-size: .85em; line-height: normal; white-space: nowrap; } .dx-slider-label { position: absolute; font-size: .85em; } .dx-slider-label:last-child { right: 0; left: auto; } .dx-rtl .dx-slider-label:last-child { left: 0; right: auto; } .dx-slider-label-position-bottom { padding-bottom: 14px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -8px; } .dx-slider-label-position-top { padding-top: 14px; } .dx-slider-label-position-top .dx-slider-label { top: -8px; } .dx-slider { line-height: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-slider:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-slider .dx-overlay-content { height: 28px; } .dx-slider .dx-overlay-content:before { display: none; } .dx-slider .dx-popover-wrapper .dx-popover-arrow:after { width: 9.899589874px; height: 9.899589874px; } .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 14px; height: 7px; } .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 7px; height: 14px; } .dx-slider-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; } .dx-slider-bar { position: relative; } .dx-slider-range { position: absolute; top: 0; height: 100%; pointer-events: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-slider-handle { position: absolute; top: 0; right: 0; pointer-events: auto; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content { line-height: 0; } .dx-state-disabled .dx-slider-wrapper { cursor: default; } .dx-rtl .dx-slider-handle { right: auto; left: 0; } .dx-slider-tooltip-on-hover .dx-tooltip { visibility: hidden; } .dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip, .dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip { visibility: visible; } .dx-rangeslider-start-handle { top: 0; right: auto; left: 0; } .dx-rtl .dx-rangeslider-start-handle { right: 0; left: auto; } .dx-gallery { width: 100%; height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-gallery-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-gallery-wrapper>.dx-empty-message { text-align: center; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .dx-gallery-container { position: relative; height: 100%; } .dx-gallery-item { position: absolute; overflow: hidden; width: 100%; height: 100%; text-align: center; } .dx-gallery-item-image { max-width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .dx-gallery-item-content { width: 100%; height: 100%; } .dx-gallery .dx-gallery-item-loop { display: none; } .dx-gallery-loop .dx-gallery-item-loop { display: block; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { position: absolute; top: 50%; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { position: absolute; bottom: 10px; width: 100%; height: 10px; font-size: 0; } .dx-gallery-indicator-item { display: inline-block; margin: 0 2px; height: 10px; cursor: pointer; } .dx-state-disabled .dx-gallery-nav-button-prev, .dx-state-disabled .dx-gallery-nav-button-next, .dx-state-disabled .dx-gallery-indicator-item { cursor: default; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-device-android .dx-scrollable-native .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-gallery-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-ios-6 .dx-gallery, .dx-device-ios-6 .dx-gallery-item, .dx-device-ios-6 .dx-gallery-indicator, .dx-device-ios-6 .dx-gallery-nav-button-prev, .dx-device-ios-6 .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-lookup { margin: 0; height: 19px; } .dx-lookup .dx-popup-content .dx-scrollable { height: calc(100% - 45px); } .dx-lookup .dx-lookup-field-wrapper { position: relative; width: 100%; height: 100%; } .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup-field { outline: none; position: relative; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-lookup-field:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-lookup-arrow { pointer-events: none; position: absolute; top: 0; bottom: 0; right: 0; left: auto; height: 100%; } .dx-rtl .dx-lookup-arrow { right: auto; left: 0; } .dx-state-disabled .dx-lookup-field, .dx-state-disabled .dx-lookup-field { cursor: default; } .dx-lookup-popup-wrapper .dx-list-item { cursor: pointer; } .dx-lookup-popup-search .dx-list { height: 90%; } .dx-lookup-search-wrapper { width: 100%; } .dx-popup-content .dx-lookup-validation-message { display: none; } .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message { display: block; } .dx-actionsheet-popup-wrapper .dx-overlay-content { padding-top: 0; padding-bottom: 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button { width: 100%; margin-right: 0; margin-left: 0; } .dx-actionsheet-item, .dx-actionsheet-cancel { width: 100%; } .dx-state-disabled .dx-actionsheet-container .dx-button, .dx-state-disabled .dx-actionsheet-container .dx-button { cursor: default; } .dx-actionsheet-popup-wrapper .dx-popup-title, .dx-actionsheet-popover-wrapper .dx-popup-title { word-wrap: break-word; } .dx-loadindicator { width: 32px; height: 32px; display: inline-block; overflow: hidden; border: none; background-color: transparent; } .dx-loadindicator-wrapper { width: 100%; height: 100%; font-size: 32px; margin: auto; } .dx-loadindicator-image { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-position: 50%; background-repeat: no-repeat; } .dx-loadindicator-icon { direction: ltr; } .dx-loadindicator-icon-custom { position: relative; width: 100%; height: 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; -moz-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; -o-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; } @-webkit-keyframes dx-loadindicator-icon-custom-rotate { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes dx-loadindicator-icon-custom-rotate { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes dx-loadindicator-icon-custom-rotate { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes dx-loadindicator-icon-custom-rotate{from{-o-transform:rotate(0);}to{-o-transform:rotate(360deg);}} @keyframes dx-loadindicator-icon-custom-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .dx-loadindicator-container>.dx-loadindicator { top: 50%; left: 50%; position: absolute; margin-top: -16px; margin-left: -16px; } .dx-loadindicator-container>.dx-loadindicator.dx-loadindicator { margin-top: -16px; margin-left: -16px; } .dx-loadindicator-content { width: 100%; height: 100%; position: relative; } .dx-loadpanel-content { padding: 10px; border: 1px solid #ccc; background: #fefefe; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dx-loadpanel-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-loadpanel-content-wrapper { display: inline-block; width: 100%; vertical-align: middle; } .dx-loadpanel-message { text-align: center; } .dx-loadpanel-content.dx-loadpanel-pane-hidden { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background: none; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { min-height: 40px; min-width: 100px; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item { display: block; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type { border-bottom: none; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content { display: block; } .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-popover-arrow { width: 0; height: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item { display: block; } .dx-selectbox { cursor: pointer; } .dx-selectbox .dx-texteditor-input { max-width: 100%; } .dx-selectbox .dx-texteditor-input:read-only { cursor: pointer; } .dx-selectbox-container { position: relative; } .dx-state-disabled .dx-selectbox .dx-texteditor-input, .dx-state-disabled.dx-selectbox .dx-texteditor-input { cursor: default; } .dx-tagbox .dx-texteditor-input { width: auto; } .dx-tagbox.dx-tagbox-only-select .dx-texteditor-input { min-width: 0; width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .dx-tagbox.dx-state-disabled .dx-texteditor-input { background: none; } .dx-tagbox.dx-state-disabled .dx-tag { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; cursor: default; } .dx-tag-container { padding: 0; padding-right: 4px; outline: none; } .dx-texteditor-container.dx-tag-container { white-space: pre-line; } .dx-tag { position: relative; display: inline-block; margin: 4px 0 0 4px; min-width: 30px; text-align: center; cursor: pointer; } .dx-tag-content { text-align: center; } .dx-tag-content:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-tag-remove-button { position: absolute; top: 0; right: 0; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { position: absolute; top: 50%; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dx-rtl .dx-tagbox .dx-tag, .dx-tagbox.dx-rtl .dx-tag { margin-left: 0; margin-right: 4px; } .dx-rtl .dx-tagbox .dx-tag-remove-button, .dx-tagbox.dx-rtl .dx-tag-remove-button { right: auto; left: 0; } .dx-rtl .dx-tagbox .dx-tag-container, .dx-tagbox.dx-rtl .dx-tag-container { padding-left: 4px; padding-right: 0; } .dx-radiobutton { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-state-disabled.dx-radiobutton { cursor: default; } .dx-radiobutton { display: table; cursor: pointer; } .dx-radio-value-container { display: table-cell; padding-right: 10px; padding-left: 5px; vertical-align: middle; } .dx-rtl .dx-radio-value-container, .dx-rtl.dx-radio-value-container { padding-right: 5px; padding-left: 10px; } .dx-radiogroup-horizontal:before, .dx-radiogroup-horizontal:after { display: table; content: ""; line-height: 0; } .dx-radiogroup-horizontal:after { clear: both; } .dx-radiogroup-horizontal .dx-radiobutton { float: left; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { float: right; } .dx-radiogroup-horizontal .dx-radiobutton:last-of-type { margin-right: 0; } .dx-state-disabled .dx-radiobutton { cursor: default; } .dx-pivottabs { position: relative; overflow: hidden; width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { position: absolute; left: 0; cursor: pointer; } .dx-pivot { height: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-pivot-wrapper { position: relative; height: 100%; overflow: hidden; } .dx-pivot-itemcontainer { position: absolute; bottom: 0; width: 100%; } .dx-pivot-itemwrapper { position: absolute; width: 100%; height: 100%; } .dx-pivot-item, .dx-pivot-item-content { width: 100%; height: 100%; } .dx-pivot-item-hidden { display: none; } .dx-pivot-autoheight .dx-pivot-itemcontainer { position: static; } .dx-pivot-autoheight .dx-pivot-itemwrapper { position: static; } .dx-panorama { height: 100%; background-position-y: 0; background-repeat: repeat-x; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-panorama-wrapper { position: relative; height: 100%; overflow: hidden; } .dx-panorama-title, .dx-panorama-ghosttitle { position: absolute; left: 0; height: 70px; font-size: 65px; line-height: .7692; white-space: nowrap; } .dx-panorama-itemscontainer { position: absolute; width: 100%; top: 70px; bottom: 0; } .dx-panorama-item, .dx-panorama-ghostitem { position: absolute; width: 88%; height: 100%; left: 0; } .dx-panorama-item-title { font-size: 30px; line-height: 1.5; } .dx-panorama-item-content { position: absolute; top: 45px; left: 0; right: 0; bottom: 0; } .dx-panorama-item-content:first-child { top: 0; } .dx-accordion-item-title { font-size: 18px; cursor: pointer; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-accordion-item-title .dx-icon { width: 16px; height: 16px; background-size: contain; display: inline-block; margin-right: 5px; } .dx-accordion-item-title:before { content: ''; background-position: center; float: right; } .dx-accordion-item-body { overflow: hidden; font-size: 14px; } .dx-accordion-item-closed .dx-accordion-item-body { visibility: hidden; } .dx-accordion-item { overflow: hidden; } .dx-accordion-item-opened .dx-accordion-item-body { visibility: visible; } .dx-state-disabled .dx-accordion-item-title { cursor: default; } .dx-rtl .dx-accordion-item-title:before { float: left; } .dx-slideoutview { height: 100%; width: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-slideoutview-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-slideoutview-menu-content { position: absolute; top: 0; bottom: 0; } .dx-slideoutview-menu-content.dx-slideoutview-right { right: 0; } .dx-slideoutview-menu-content.dx-slideoutview-left { left: 0; } .dx-slideoutview-content { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; } .dx-slideoutview-shield { position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; } .dx-device-android .dx-slideoutview-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-slideout { height: 100%; width: 100%; } .dx-slideout-menu { min-width: 280px; max-width: 350px; } .dx-slideout-menu .dx-list-item .dx-icon { float: left; margin-right: 15px; width: 24px; height: 24px; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .dx-slideout-item, .dx-slideout-item-content { height: 100%; width: 100%; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon { float: right; margin-right: 0; margin-left: 15px; } .dx-pager { overflow: hidden; width: 100%; padding-top: 8px; padding-bottom: 8px; line-height: normal; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-pager .dx-pages { float: right; } .dx-pager .dx-pages .dx-page { display: inline-block; cursor: pointer; padding: 8px 7px; margin-left: 1px; margin-right: 1px; } .dx-pager .dx-pages .dx-separator { display: inline-block; padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-info { display: inline-block; margin-right: 9px; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-pager .dx-pages .dx-navigate-button { width: 10px; height: 20px; cursor: pointer; display: inline-block; vertical-align: top; padding: 7px 13px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-pager .dx-pages .dx-navigate-button.dx-button-disable { filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; cursor: inherit; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { position: relative; } .dx-pager .dx-page-sizes { float: left; } .dx-pager .dx-page-sizes .dx-page-size { display: inline-block; cursor: pointer; padding: 8px 9px; margin-left: 1px; margin-right: 1px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { cursor: inherit; text-shadow: none; } .dx-rtl .dx-pager .dx-pages, .dx-pager.dx-rtl .dx-pages { float: left; direction: ltr; } .dx-rtl .dx-pager .dx-pages .dx-page, .dx-pager.dx-rtl .dx-pages .dx-page { direction: ltr; } .dx-rtl .dx-pager .dx-page-sizes, .dx-pager.dx-rtl .dx-page-sizes { float: right; } .dx-colorview-container { width: 450px; overflow: hidden; } .dx-colorview-container label { display: block; overflow: hidden; line-height: 36px; font-weight: normal; margin: 0; white-space: normal; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; float: right; margin: 1px 1px 10px 0; } .dx-colorview-container .dx-button { margin-top: 0; margin-bottom: 0; } .dx-colorview-container .dx-button.dx-colorview-apply-button { margin-right: 10px; margin-left: 0; } .dx-colorview-container .dx-button.dx-colorview-cancel-button { margin-right: 0; margin-left: 0; } .dx-colorview-container-row { overflow: hidden; padding-top: 1px; } .dx-colorview-container-row:first-child { margin-top: 0; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-container-cell { float: left; } .dx-colorview-palette-handle { width: 28px; height: 28px; top: 0; left: 0; cursor: crosshair; border-radius: 100%; z-index: 5; } .dx-colorview-hue-scale-handle, .dx-colorview-alpha-channel-handle { position: absolute; cursor: pointer; } .dx-colorview-hue-scale-handle { width: 36px; height: 17px; top: 0; left: -7px; } .dx-colorview-alpha-channel-handle { width: 17px; height: 36px; top: -6px; left: 0; } .dx-colorview-hue-scale { position: relative; width: 18px; height: 299px; background-repeat: no-repeat; background-image: -webkit-linear-gradient(bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background-image: -moz-linear-gradient(bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background-image: -ms-linear-gradient(bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background-image: -o-linear-gradient(bottom,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); } .dx-colorview-color-preview-container-inner, .dx-colorview-alpha-channel-wrapper, .dx-colorbox-input-container::after { background-image: -webkit-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),-webkit-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-image: -moz-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),-moz-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-image: -ms-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),-ms-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-image: -o-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),-o-linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-image: linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc); background-size: 16px 16px; background-position: 0 0,8px 8px; } .dx-colorview-alpha-channel-wrapper { background-position: 0 6px,8px 14px; } .dx-colorbox-input-container { height: 100%; } .dx-colorview-palette-gradient-white { background-repeat: no-repeat; background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -ms-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -o-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; } .dx-colorview-palette-gradient-black { background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -moz-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -ms-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -o-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000',endColorstr='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; } .dx-colorview-palette { position: relative; overflow: hidden; width: 288px; height: 299px; cursor: crosshair; } .dx-colorview-palette-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dx-colorview-alpha-channel-scale { width: 288px; height: 20px; position: relative; } .dx-colorview-hue-scale-cell { margin-left: 19px; position: relative; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-controls-container { position: relative; width: 90px; margin-left: 27px; } .dx-colorview-color-preview { width: 86px; height: 40px; } .dx-colorview-alpha-channel-cell { margin: 6px 0; position: relative; width: 292px; } .dx-colorview-alpha-channel-cell .dx-button { width: 90px; } .dx-rtl .dx-colorview-container-row .dx-colorview-container-cell { float: right; } .dx-rtl .dx-colorview-hue-scale-cell { margin-right: 19px; margin-left: 0; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-right: 41px; margin-left: 0; } .dx-rtl .dx-colorview-container label .dx-texteditor { float: left; } .dx-rtl .dx-colorview-controls-container { margin-right: 25px; margin-left: 0; } .dx-rtl .dx-colorview-alpha-channel-scale { direction: ltr; } .dx-colorbox-input-container:after { content: ""; display: block; position: absolute; top: 50%; z-index: 1; width: 15px; height: 15px; margin-top: -7.5px; left: 14px; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined:after { background: none; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { border: none; } .dx-colorbox-color-result-preview { position: absolute; top: 50%; z-index: 2; width: 17px; height: 17px; margin-top: -8.5px; left: 13px; border: 1px solid; } .dx-colorbox-input-container .dx-colorbox-input { -webkit-appearance: none; padding-left: 40px; } .dx-colorbox-overlay { padding: 20px; } .dx-colorbox-overlay .dx-popup-content { overflow: hidden; padding: 0; } .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child { padding-right: 10px; } .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button { margin: 0; } .dx-rtl .dx-colorbox .dx-placeholder, .dx-rtl.dx-colorbox .dx-placeholder { right: 32px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input { direction: ltr; text-align: end; padding-right: 40px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview { left: auto; right: 13px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after { left: auto; right: 14px; } .dx-datagrid-checkbox-size { vertical-align: middle; } .dx-datagrid-important-margin { margin-right: 5px !important; } .dx-datagrid-table { background-color: transparent; } .dx-datagrid { position: relative; line-height: normal; cursor: default; white-space: normal; } .dx-datagrid .dx-datagrid-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table { position: relative; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td { pointer-events: auto; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none { visibility: hidden; background-color: transparent; pointer-events: none; border-top-color: transparent; border-bottom-color: transparent; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none { width: auto; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-top: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-pager { margin-top: 1px; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers .dx-row:last-child td { border-bottom-width: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-header-panel { border-bottom: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview.dx-last-row-border .dx-data-row.dx-row-lines:nth-last-child(2) td { border-bottom-width: 0; } .dx-datagrid .dx-menu-horizontal { height: 100%; } .dx-datagrid .dx-menu-horizontal .dx-menu-item-text, .dx-datagrid .dx-menu-horizontal .dx-menu-item-popout { display: none; } .dx-datagrid .dx-menu-subitem ul li { padding-top: 0; } .dx-datagrid .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-datagrid .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } @-webkit-keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } @keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } .dx-datagrid .dx-link { text-decoration: underline; cursor: pointer; } .dx-datagrid .dx-column-indicators { display: inline-block; vertical-align: top; white-space: nowrap; } .dx-datagrid .dx-column-indicators .dx-sort.dx-sort, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter { display: inline-block; } .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-datagrid .dx-row>td { padding: 7px; } .dx-datagrid .dx-header-filter-empty { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-datagrid .dx-error-row { -webkit-user-select: initial; -khtml-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; -o-user-select: initial; user-select: initial; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { border-bottom: none; font-size: 16px; margin-top: 1px; margin-bottom: 3px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-message { text-align: center; width: 100%; bottom: 50%; position: absolute; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-block-separator { color: transparent; position: relative; min-width: 0; margin-bottom: 10px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-nowrap { white-space: nowrap; } .dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content { white-space: nowrap; } .dx-datagrid-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-datagrid-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-datagrid-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-datagrid-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-datagrid-table-content { position: absolute; top: 0; } .dx-datagrid-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-datagrid-action, .dx-datagrid-drag-action { cursor: pointer; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) .dx-link { color: inherit; } .dx-datagrid-content { position: relative; } .dx-datagrid-text-content { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-datagrid-table-fixed { table-layout: fixed; width: 100%; } .dx-hidden { display: none; } .dx-hidden.dx-group-cell { display: table-cell !important; font-size: 0 !important; } .dx-row>td { border: none; } .dx-datagrid-content .dx-datagrid-table { border-collapse: collapse; border-spacing: 0; margin: 0; max-width: 10px; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed { max-width: none; } .dx-datagrid-content .dx-datagrid-table [class*="column"]+[class*="column"]:last-child { float: none; } .dx-datagrid-content .dx-datagrid-table .dx-row>td { vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row>td:first-child { border-left: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row>td.dx-datagrid-group-space { border-right: none; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row>td.dx-datagrid-group-space+td { border-left: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container { overflow: hidden; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid { padding: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay { position: static; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell { padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor { margin-left: -1px; padding-left: 1px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; } .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content { padding: 7px 7px 7px 32px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; } .dx-datagrid-content .dx-datagrid-table td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-highlight-outline { position: relative; padding: 7px; } .dx-highlight-outline::after { content: ''; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-highlight-outline.dx-hidden { display: block !important; } .dx-highlight-outline.dx-hidden::after { display: none; } .dx-editor-cell .dx-texteditor-input { margin: 0; } .dx-editor-cell .dx-highlight-outline { padding: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { display: inline-block; content: '\200b '; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } .dx-column-lines .dx-highlight-outline::after { left: 0; } .dx-datagrid-headers { position: relative; outline: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-datagrid-headers .dx-header-row .dx-editor-cell .dx-select-checkbox { display: inline-block; } .dx-datagrid-headers .dx-header-row>td { white-space: nowrap; overflow: hidden; } .dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content { white-space: normal; display: inline-block; vertical-align: top; } .dx-datagrid-headers .dx-header-row.dx-column-lines>td>.dx-datagrid-text-content { display: block; } .dx-header-row .dx-indicator-alignment-left { margin-left: 3px; } .dx-header-row .dx-indicator-alignment-right { margin-right: 3px; } .dx-datagrid-filter-range-overlay .dx-texteditor { border-width: 0; } .dx-datagrid-filter-range-overlay .dx-texteditor.dx-state-focused:after { content: " "; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 1; pointer-events: none; } .dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end { border-top: 1px solid transparent; } .dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline { padding: 0; } .dx-datagrid-filter-row .dx-editor-cell .dx-menu { display: none; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu { display: block; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before { padding-left: 32px; } .dx-datagrid-filter-row .dx-highlight-outline::after { pointer-events: none; } .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after { border-color: transparent; } .dx-datagrid-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-left: -2px; margin-top: -2px; height: 100%; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ''; } .dx-datagrid-filter-row>.dx-first-cell .dx-menu { margin-left: 0; } .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-right: 30px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal>li>.dx-menu-item { padding: 8px 5px 7px 5px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal>li>.dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px 6px; } .dx-datagrid-filter-row .dx-menu-caption { padding-left: 6px; } .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-datagrid-filter-row .dx-menu-item-highlight { font-weight: normal; } .dx-datagrid-filter-row .dx-menu { overflow: visible; } .dx-datagrid-scroll-container { overflow: hidden; width: 100%; } .dx-datagrid-header-panel { text-align: left; overflow: hidden; padding: 1px 1px 0; } .dx-datagrid-header-panel .dx-button { float: right; margin-left: 10px; } .dx-datagrid-column-chooser-button { float: right; display: inline-block; margin-left: 10px; margin-bottom: 10px; } .dx-datagrid-group-panel { display: inline-block; white-space: nowrap; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-item { display: inline-block; min-width: 30px; margin-right: 10px; white-space: normal; } .dx-datagrid-group-panel .dx-group-panel-item .dx-sort { margin-left: 6px; } .dx-datagrid-group-panel .dx-block-separator { display: inline-block; min-width: 30px; margin-right: 10px; white-space: normal; color: transparent; position: relative; min-width: 0; } .dx-datagrid-group-panel .dx-block-separator .dx-sort { margin-left: 6px; } .dx-state-disabled .dx-datagrid-action, .dx-state-disabled .dx-menu-item { cursor: default; } .dx-datagrid-search-panel { float: right; display: inline-block; margin: 0; margin-left: 10px; } .dx-datagrid-rowsview { position: relative; overflow: hidden; } .dx-datagrid-rowsview.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-datagrid-rowsview .dx-scrollable-scrollbar { z-index: 3; } .dx-datagrid-rowsview:focus { outline: 0; } .dx-datagrid-rowsview .dx-row>td { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top: 1px solid; border-bottom: 1px solid; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>td { border-top: none; } .dx-datagrid-rowsview .dx-group-row:focus { outline: 0; } .dx-datagrid-rowsview .dx-group-row.dx-row>td { border-left-color: transparent; border-right-color: transparent; } .dx-datagrid-rowsview .dx-data-row>td:focus { outline: 0; } .dx-datagrid-rowsview .dx-selection>td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td .dx-link { color: inherit; } .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row { border-top: 0; border-bottom: 0; } .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row>td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden>tbody>tr>td>.dx-select-checkbox { display: none; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden>tbody>tr>td:hover>.dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden>tbody>tr.dx-selection>td>.dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-row>.dx-master-detail-cell { padding: 30px; padding-left: 0; } .dx-datagrid-rowsview .dx-row>.dx-master-detail-cell:first-child { padding-left: 30px; } .dx-datagrid-rowsview .dx-row>.dx-master-detail-cell:focus { outline: 0; } .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after { border-color: transparent; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { cursor: pointer; position: relative; } .dx-datagrid-group-opened:before, .dx-datagrid-group-closed:before { position: absolute; display: block; right: 0; left: 0; } .dx-datagrid-nodata { position: absolute; top: 50%; left: 50%; } .dx-datagrid-bottom-load-panel { text-align: center; padding: 10px; } .dx-datagrid-total-footer { position: relative; padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-summary-item { font-weight: bold; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; -ms-word-break: normal; word-break: normal; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow { width: 0; height: 0; } .dx-datagrid-revert-tooltip .dx-revert-button { margin: 0; } .dx-datagrid-notouch-action { -ms-touch-action: none; touch-action: none; -ms-content-zooming: none; -ms-overflow-style: none; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-rtl .dx-datagrid .dx-texteditor-buttons-container, .dx-datagrid.dx-rtl .dx-texteditor-buttons-container { text-align: start; } .dx-rtl .dx-datagrid-group-closed { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row>td:first-child { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row>td:last-child { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row>td.dx-datagrid-group-space { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row>td.dx-datagrid-group-space+td { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines>td { border-left: none; border-right: none; } .dx-rtl .dx-datagrid-headers, .dx-rtl .dx-datagrid-total-footer { direction: ltr; } .dx-rtl .dx-datagrid-headers .dx-datagrid-table, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before { padding-right: 32px; } .dx-rtl .dx-datagrid-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-datagrid-filter-row>td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-left: 30px; } .dx-rtl .dx-datagrid-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-datagrid-header-panel { text-align: right; } .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button { float: left; margin-left: 0; } .dx-rtl .dx-datagrid-header-panel .dx-button { float: left; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-right: 0; margin-left: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-sort { margin-left: 0; margin-right: 6px; } .dx-rtl .dx-datagrid-search-panel { float: left; margin: 0; margin-right: 10px; } .dx-pivotgrid { cursor: default; width: 100%; overflow: hidden; } .dx-pivotgrid .dx-area-data-cell, .dx-pivotgrid .dx-area-column-cell { width: 100%; } .dx-pivotgrid table, .dx-pivotgrid tbody, .dx-pivotgrid tfoot, .dx-pivotgrid thead, .dx-pivotgrid tr, .dx-pivotgrid th, .dx-pivotgrid td { margin: 0; padding: 0; border: 0; outline: 0; } .dx-pivotgrid table { border-collapse: collapse; border-spacing: 0; } .dx-pivotgrid td { vertical-align: top; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-pivotgridfieldchooser .dx-sort, .dx-pivotgridfieldchooser .dx-header-filter { display: inline-block; } .dx-pivotgridfieldchooser .dx-area-field-content { overflow: hidden; text-overflow: ellipsis; } .dx-menu-base { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; text-align: left; } .dx-menu-base .dx-menu-items-container, .dx-menu-base .dx-menu-item-wrapper { margin: 0; padding: 0; border: 0; outline: 0; height: 100%; } .dx-menu-base .dx-menu-items-container { list-style-type: none; display: inline-block; white-space: nowrap; cursor: pointer; } .dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container { cursor: default; } .dx-menu-base .dx-menu-item { display: inline-block; position: relative; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item.dx-state-disabled { opacity: .5; } .dx-menu-base .dx-menu-item .dx-menu-item-content { white-space: nowrap; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { display: inline-block; vertical-align: middle; border: 0; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text { display: inline; vertical-align: middle; white-space: nowrap; overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { height: 100%; } .dx-menu-base.dx-rtl { text-align: right; } .dx-menu-base.dx-rtl .dx-menu-item-popout-container { left: 0; right: auto; } .dx-menu { overflow: hidden; position: relative; } .dx-menu-horizontal .dx-menu-item-wrapper { display: inline-block; } .dx-menu-horizontal .dx-menu-separator { display: inline-block; margin: 0 15px 0 0; } .dx-menu-vertical .dx-menu-item-wrapper { display: block; } .dx-menu-vertical .dx-menu-separator { margin: 0 0 15px 0; } .dx-rtl.dx-menu { text-align: right; } .dx-context-menu-container-border { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .dx-context-menu-content-delimiter { position: absolute; display: none; z-index: 2000; cursor: pointer; } .dx-context-menu.dx-overlay-content { overflow: inherit; position: absolute; } .dx-context-menu .dx-menu-items-container { padding: 1px; } .dx-context-menu .dx-menu-item .dx-submenu { position: absolute; z-index: 1003; } .dx-context-menu .dx-menu-separator { height: 1px; margin: 5px 0; } .dx-calendar { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; position: relative; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { position: absolute; bottom: 0; } .dx-calendar-views-wrapper { width: 100%; height: 100%; position: relative; } .dx-calendar-navigator { position: relative; text-align: center; width: 100%; } .dx-calendar-navigator .dx-button { position: absolute; display: inline-block; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { visibility: hidden; } .dx-calendar-navigator .dx-calendar-caption-button { text-decoration: none; } .dx-calendar-body { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; } .dx-calendar-body .dx-widget { position: absolute; width: 100%; height: 100%; } .dx-calendar-body table { width: 100%; height: 100%; border-collapse: collapse; position: absolute; direction: ltr; } .dx-calendar-body td { cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-calendar-contoured-date { outline-offset: -1px; } .dx-rtl.dx-calendar .dx-calendar-body table { left: 0; } .dx-rtl.dx-calendar .dx-calendar-body .dx-widget { direction: ltr; } .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month { cursor: default; } .dx-state-disabled .dx-calendar-body table th, .dx-state-disabled .dx-calendar-body table td { cursor: default; } .dx-multiview-wrapper { overflow: hidden; width: 100%; height: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-multiview-item-container { position: relative; overflow: visible; width: 100%; height: 100%; } .dx-multiview-item { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; } .dx-multiview-item.dx-item-selected { position: relative; } .dx-multiview-item-content { width: 100%; height: 100%; } .dx-multiview-item-hidden { top: -9999px; left: -9999px; visibility: hidden; } .dx-treeview { height: 100%; } .dx-treeview :focus { outline: none; } .dx-treeview .dx-checkbox+.dx-treeview-node-container, .dx-treeview .dx-treeview-node-container:first-child { margin: 0; display: block; } .dx-treeview .dx-treeview-select-all-item { width: 100%; } .dx-treeview .dx-treeview-node-container { list-style-position: inside; padding: 0; margin: 0; display: none; overflow: hidden; } .dx-treeview .dx-treeview-node-container.dx-treeview-node-container-opened { display: block; } .dx-treeview .dx-treeview-node { list-style-type: none; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-treeview .dx-treeview-node a { text-decoration: none; } .dx-treeview .dx-treeview-node .dx-checkbox { position: absolute; margin: 0; } .dx-treeview .dx-treeview-item { display: block; cursor: default; } .dx-treeview .dx-treeview-item .dx-icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; } .dx-treeview .dx-treeview-item .dx-treeview-item-content::before { display: inline-block; height: 100%; vertical-align: middle; } .dx-treeview .dx-treeview-item.dx-state-disabled { opacity: .5; } .dx-treeview .dx-treeview-toggle-item-visibility { position: absolute; cursor: pointer; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-state-disabled { cursor: default; } .dx-treeview .dx-loadindicator { position: absolute; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon { margin-right: 0; } .dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility { left: auto; right: 0; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-treeview .dx-empty-message { line-height: normal; } .dx-fieldset { margin-bottom: 20px; } .dx-fieldset .dx-field-value { margin: 0; } .dx-fieldset, .dx-fieldset * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-fieldset-header:empty { display: none; } .dx-field { position: relative; padding: .4em; } .dx-field:before, .dx-field:after { display: table; content: ""; line-height: 0; } .dx-field:after { clear: both; } .dx-field-label { float: left; width: 40%; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-field-value, .dx-field-value-static { float: right; } .dx-field-value-static { white-space: normal; } .dx-field-value.dx-datebox { min-width: 60%; } .dx-field-value:not(.dx-widget)>.dx-datebox { min-width: 100%; } .dx-field-value .dx-selectbox-tag-container { white-space: normal; } .dx-field-value:not(.dx-widget)>.dx-selectbox.dx-selectbox-multiselect.dx-widget { position: relative; width: auto; text-align: left; } .dx-rtl .dx-fieldset .dx-field-label, .dx-fieldset.dx-rtl .dx-field-label { float: right; } .dx-rtl .dx-fieldset .dx-field-value, .dx-fieldset.dx-rtl .dx-field-value { float: left; } .dx-tabpanel-tabs { width: 100%; } .dx-tabpanel-tabs .dx-tabs { height: 100%; } .dx-tabpanel-container { width: 100%; height: 100%; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input { display: none; } .dx-fileuploader-wrapper { height: 100%; width: 100%; overflow: hidden; } .dx-fileuploader-container { display: table; table-layout: fixed; height: 100%; width: 100%; } .dx-fileuploader-input-wrapper:before, .dx-fileuploader-input-wrapper:after { display: table; content: ""; line-height: 0; } .dx-fileuploader-input-wrapper:after { clear: both; } .dx-fileuploader-input-wrapper .dx-button { float: left; } .dx-fileuploader-input-wrapper .dx-button+.dx-button { margin-left: 12px; } .dx-fileuploader-button { position: relative; } .dx-fileuploader-button .dx-fileuploader-input { position: absolute; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; } .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button, .dx-fileuploader-button .dx-fileuploader-input::-ms-browse { cursor: pointer; } .dx-fileuploader-content { display: table-row-group; vertical-align: middle; } .dx-fileuploader-content>.dx-fileuploader-upload-button { margin-top: 10px; } .dx-fileuploader-empty .dx-fileuploader-content>.dx-fileuploader-upload-button { display: none; } .dx-fileuploader-input-content { width: 100%; display: table; } .dx-fileuploader-files-container { padding-top: 0; width: 100%; } .dx-fileuploader-show-file-list .dx-fileuploader-files-container { padding-top: 22px; } .dx-fileuploader-file-container { width: 100%; padding: 4px 0 4px; } .dx-fileuploader-file-container .dx-button { width: 28px; height: 28px; margin-right: 10px; } .dx-fileuploader-file-container .dx-button.dx-state-invisible { margin-right: 0; } .dx-fileuploader-button-container, .dx-fileuploader-input-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-input-container { height: 100%; width: 100%; position: relative; overflow: hidden; } .dx-fileuploader-input { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; width: 100%; margin: 0; cursor: default; } .dx-fileuploader-input-label { pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: default; } .dx-fileuploader-input-label:before { content: ''; position: absolute; top: -50%; overflow: hidden; cursor: default; } .dx-fileuploader-button-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-file { display: table-cell; width: 100%; white-space: nowrap; } .dx-fileuploader-file-info { float: left; width: 100%; } .dx-fileuploader-file-status-message { float: left; font-size: 12px; height: 16px; } .dx-fileuploader .dx-progressbar { float: left; width: 100%; height: 22px; margin-top: -6px; } .dx-fileuploader-file-name { float: left; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-file-size { margin-left: 4px; float: left; vertical-align: super; font-size: 10px; } .dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button { margin-left: 10px; margin-right: 0; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-name, .dx-rtl.dx-fileuploader .dx-fileuploader-file-name, .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size, .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message, .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size { margin-right: 4px; } .dx-validationsummary-item { cursor: pointer; } .dx-invalid-message.dx-overlay { position: relative; } .dx-invalid-message.dx-overlay-wrapper { width: 100%; visibility: hidden; pointer-events: none; } .dx-invalid-message>.dx-overlay-content { display: inline-block; position: relative; border-width: 0; padding: 10px; font-size: .85em; line-height: normal; word-wrap: break-word; } .dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper, .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper, .dx-invalid-message-always .dx-overlay-wrapper { visibility: visible; } .dx-timeview { height: 250px; width: 270px; } .dx-timeview.dx-state-disabled.dx-widget, .dx-timeview .dx-state-disabled.dx-widget, .dx-timeview.dx-state-disabled .dx-widget, .dx-timeview .dx-state-disabled .dx-widget { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-timeview-clock { position: relative; } .dx-timeview-hourarrow, .dx-timeview-minutearrow { position: absolute; left: 50%; width: 30px; height: 50%; margin-left: -15px; background-position: bottom; background-repeat: no-repeat; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler .dx-empty-message { line-height: normal; } .dx-scheduler-all-day-panel td { padding: 0; } .dx-scheduler-dropdown-appointments { position: absolute; display: block; height: 20px; text-align: center; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .dx-scheduler-dropdown-appointments .dx-scheduler-dropdown-appointments-content span:last-child { display: inline-block; vertical-align: middle; line-height: 10px; height: 20px; padding-left: 2px; } .dx-scheduler-dropdown-appointments.dx-button { padding: 0; max-width: none; } .dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment { max-width: 400px; height: 65px; position: relative; } .dx-dropdownmenu-popup-wrapper .dx-scheduler-dropdown-appointment.dx-list-item-content { padding: 5px; width: 100%; } .dx-scheduler-dropdown-appointment-info-block { max-width: 300px; margin-right: 75px; margin-top: 7px; } .dx-scheduler-dropdown-appointment-buttons-block { position: absolute; top: 19.5px; right: 0; width: 75px; text-align: right; } .dx-scheduler-dropdown-appointment-title { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button, .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button { padding: 2px; margin: 0 10px 0 0; } .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-button-content, .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-button-content { padding: 0; } .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button .dx-icon, .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button .dx-icon { font-size: 14px; width: 18px; height: 18px; line-height: 18px; } .dx-scheduler-dropdown-appointment-date { font-size: 12px; } .dx-rtl .dx-scheduler-dropdown-appointment-info-block { margin-left: 75px; margin-right: auto; } .dx-rtl .dx-scheduler-dropdown-appointment-buttons-block { left: 0; right: auto; text-align: left; } .dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-remove-button, .dx-rtl .dx-popup-content .dx-button.dx-scheduler-dropdown-appointment-edit-button { margin: 0 0 0 10px; } .dx-layout-manager .dx-field-item:not(.dx-first-row) { padding-top: 10px; } .dx-layout-manager .dx-field-item:not(.dx-first-col) { padding-left: 15px; } .dx-layout-manager .dx-field-item:not(.dx-last-col) { padding-right: 15px; } .dx-layout-manager .dx-field-empty-item { width: 100%; } .dx-layout-manager.dx-layout-manager-one-col .dx-field-item { padding-left: 0; padding-right: 0; } .dx-layout-manager.dx-layout-manager-one-col .dx-field-item.dx-first-row { padding-top: 10px; } .dx-layout-manager.dx-layout-manager-one-col .dx-field-item.dx-first-row.dx-first-col:first-child { padding-top: 0; } .dx-layout-manager .dx-label-h-align.dx-flex-layout { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label { display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -moz-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) { -ms-flex-align: baseline; -webkit-align-items: baseline; -webkit-box-align: baseline; align-items: baseline; } .dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label { vertical-align: baseline; } .dx-layout-manager .dx-label-h-align .dx-field-item-label, .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper { display: table-cell; } .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-label { white-space: nowrap; vertical-align: middle; } .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-content { vertical-align: top; } .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch { margin-top: 7px; margin-bottom: 4px; } .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper { width: 100%; } .dx-layout-manager .dx-tabpanel .dx-multiview-item-content { padding: 20px; } .dx-field-item-label-location-top { display: block; } .dx-form-group-content { border-width: 0; padding: 0; margin: 0; } .dx-form-group-caption { font-size: 20px; } .dx-form-group-with-caption .dx-form-group-content { padding-top: 19px; padding-bottom: 20px; margin-top: 6px; } .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 20px; } .dx-layout-manager-hidden-label { position: absolute; display: block; visibility: hidden; } .dx-field-item-help-text { font-style: italic; } .dx-field-item-label-location-left { padding-right: 10px; } .dx-field-item-label-location-right { padding-left: 10px; } .dx-rtl .dx-field-item-required-mark, .dx-rtl .dx-field-item-optional-mark { float: left; } .dx-rtl .dx-field-item:not(.dx-first-col) { padding-left: 0; padding-right: 15px; } .dx-rtl .dx-field-item:not(.dx-last-col) { padding-left: 15px; padding-right: 0; } .dx-rtl .dx-field-item-label-location-left { padding-right: 0; padding-left: 10px; } .dx-rtl .dx-field-item-label-location-right { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-layout-manager-one-col .dx-field-item { padding-right: 0; padding-left: 0; } .dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 0; padding-right: 20px; } /*! * DevExtreme * Version: 15.2.15 * Build date: Jan 25, 2017 * * Copyright (c) 2012 - 2017 Developer Express Inc. ALL RIGHTS RESERVED * EULA: https://www.devexpress.com/Support/EULAs/DevExtreme.xml */ .dx-colorview-palette-handle { background: -webkit-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); background: -webkit-radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); background: -moz-radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); background: -ms-radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); background: -o-radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); background: radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); } .dx-colorview-hue-scale-handle { border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: inset -5px 0 0 3px white,inset 5px 0 0 3px white,inset -6px 0 1px 4px rgba(0,0,0,.2),inset 6px 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: inset -5px 0 0 3px white,inset 5px 0 0 3px white,inset -6px 0 1px 4px rgba(0,0,0,.2),inset 6px 0 1px 4px rgba(0,0,0,.2); box-shadow: inset -5px 0 0 3px white,inset 5px 0 0 3px white,inset -6px 0 1px 4px rgba(0,0,0,.2),inset 6px 0 1px 4px rgba(0,0,0,.2); } .dx-colorview-alpha-channel-handle { border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: inset 0 -5px 0 3px white,inset 0 5px 0 3px white,inset 0 -6px 1px 4px rgba(0,0,0,.2),inset 0 6px 1px 4px rgba(0,0,0,.2); -moz-box-shadow: inset 0 -5px 0 3px white,inset 0 5px 0 3px white,inset 0 -6px 1px 4px rgba(0,0,0,.2),inset 0 6px 1px 4px rgba(0,0,0,.2); box-shadow: inset 0 -5px 0 3px white,inset 0 5px 0 3px white,inset 0 -6px 1px 4px rgba(0,0,0,.2),inset 0 6px 1px 4px rgba(0,0,0,.2); } .dx-datagrid { color: #232323; background-color: #fff; } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up:before { content: "\f051 "; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down:before { content: "\f052 "; } .dx-datagrid .dx-header-filter { position: relative; font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050 "; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0 0; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-left: none; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-right: none; } .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form { background-color: #fff; } .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content { color: #232323; } .dx-datagrid-form-buttons-container { float: right; } .dx-datagrid-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-datagrid-column-chooser { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-datagrid-column-chooser input, .dx-datagrid-column-chooser textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #d3d3d3; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-left: none; } .dx-rtl .dx-datagrid-form-buttons-container { float: left; } .dx-rtl .dx-datagrid-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #d3d3d3; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child>td { border-top-width: 0; } .dx-pivotgrid .dx-area-row-cell, .dx-pivotgrid .dx-area-description-cell { border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-area-description-cell { white-space: nowrap; } .dx-pivotgrid .dx-area-description-cell .dx-button { margin: 1px; } .dx-pivotgrid .dx-area-description-cell .dx-button:not(.dx-state-hover):not(.dx-state-active) { border-color: transparent; background-color: transparent; box-shadow: none; } .dx-pivotgrid .dx-bottom-border, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-column-cell { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area { box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: #767676; padding: 7px 5px; } .dx-pivotgrid .dx-virtual-content { display: none; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content { position: relative; overflow: hidden; display: block; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td { color: transparent; background-color: transparent !important; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td>span { visibility: hidden; } .dx-pivotgrid .dx-virtual-mode table { position: absolute; top: 0; left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data { position: relative; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td { text-align: right; color: #232323; white-space: nowrap; border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-total { background-color: rgba(211,211,211,.2); } .dx-pivotgrid .dx-grandtotal { background-color: rgba(211,211,211,.4); } .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell { border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded { cursor: pointer; white-space: nowrap; } .dx-pivotgrid .dx-pivotgrid-collapsed>span, .dx-pivotgrid .dx-pivotgrid-expanded>span { white-space: normal; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { display: inline-block; width: 9px; margin-right: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAK0lEQVQY02P4zwCCU9shNAhCqan/EYIIIbggshBUEFUILEhAVTtBG5HcBQCB1FsFsFXtHQAAAABJRU5ErkJggg==) no-repeat center; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before { display: block; content: '.'; width: 0; visibility: hidden; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAALElEQVQY02P4z4AOGYgTmto+9T8KbAeKogi2QzXCBduRzAILtqMZDxPAaiMAiCNbBQ+pRkYAAAAASUVORK5CYII=) no-repeat center; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; width: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAQklEQVQY013O2w0AIAgDQKZlo85bI0Uehg9Iz8QabQ4MjrhewNwOihZETNGAioMmaPL63qF+U4+OF1QXQdVNsp4LB9ybb1FUW1AWAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgrid .dx-icon-sorted::before { display: block; content: '.'; width: 0; visibility: hidden; } .dx-pivotgrid .dx-menu-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgrid .dx-icon-collapse-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAASUlEQVQoU53OwQ0AIAgEQUql/ybQoGJycmjM+vAxKGJS148abwKcWqVAPQr84SD/wG8IcH8A+gBGscP5BYDrkinYswRgAXgO6hqiOAkwCvrrrwAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-expand-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAQElEQVQoz2P4z4AfAlHCf9wQqgCXbqwKEsCQMgUErEBWiKIAwweoChKIUIDmyASyHYlXAXIYEPQmigICkYUfAgCspQrmirdjvQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz3WQsQ2DMBBF3wDMQY2UBVJQULhMwwI0lAwQS2ktMQA96e0BbrRLwWEkYt8vbOk/+f43NKSsr6LY9HaqiQ+JVwZ6vCFmDyRWux+2N0RRaNhIdAac9oEoCjOJOS87xucMdCQ2mjqwnvGKAEOlpr/V/H9BL4AWQWgrGRQmIpGpDuy8Cey1Fg8Eh0N4loEFMS1lIBIUhUAs/YNDGBWFEcHdgR9nmXz3xMvBYgAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAoElEQVQoz3XPvQ3CQAzF8d8AmYM6EgtQpKBIScMCNJQMQCTaSAxAH/rcADeaaY6T+Di/wpbeX7YfnVT1DKHUVHoUuUkOTcBeci/zL6DzkPRt4Cw512PfgF7y0LWB+/u9v4B9K2Z8xmxuCMFGlm3awMlqdWoDi6vZ0kqxlY1G2S4Eg6lqEFzkokvZMFSbYDWHYLbWE0OxMcqOITjKxvpDsV/8mnz3/0HO3QAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser { position: relative; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container { overflow: hidden; } .dx-pivotgridfieldchooser .dx-col { width: 50%; float: left; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #d3d3d3; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(211,211,211,.2); } .dx-pivotgridfieldchooser .dx-sort, .dx-pivotgridfieldchooser .dx-header-filter, .dx-pivotgridfieldchooser .dx-sort-space, .dx-pivotgridfieldchooser .dx-header-filter-space { width: 13px; height: 13px; } .dx-pivotgridfieldchooser .dx-sort-up { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAL0lEQVQoz2P4z4ALonCmtuOQmto+9T+yJKrEf2RJdAkkSVS7/uN2xuCQwhNQqBAAYD2x3qMjy8gAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-sort-down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAALElEQVQoz2P4z4ALMhApNfX/4JWa2j71Pxy2o+mCS7ZjMRAs2Y7LrnYiAwoAG2mx3gyIwGUAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAASklEQVQoz6XOMQqAMBBE0X/UDxZiIRbe3oSshVlBkk62mjdTLFZjuMIEw8AyX58DNg/E3fbBTRBxfYuqkoxLZ5+cnB/xj4vhlekGFhp1P7RllpIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter-empty { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-pivotgridfieldchooser .dx-area-caption { vertical-align: middle; } .dx-pivotgridfieldchooser .dx-treeview .dx-treeview-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-row { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-column { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-data { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-measure { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-dimension { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-hierarchy { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-field { cursor: pointer; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 1px; border: 1px solid #d3d3d3; padding: 7px; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag { z-index: 9999; position: absolute; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); border: 1px solid rgba(96,96,96,.5); } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag-target { color: #767676; background-color: rgba(211,211,211,.4); } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #606060; } .dx-pivotgridfieldchooser .dx-drag-source { opacity: .5; } .dx-pivotgridfieldchooser .dx-drag-source.dx-area-box { display: none; } .dx-rtl .dx-area-row-cell, .dx-rtl .dx-area-description-cell { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand, .dx-rtl .dx-pivotgrid-expanded .dx-expand { margin-right: 0; margin-left: 5px; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-pivotgridfieldchooser-container .dx-col { float: right; } .dx-rtl .dx-pivotgrid-border .dx-area-description-cell, .dx-rtl .dx-pivotgrid-border .dx-area-row-cell { border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-border .dx-area-column-cell, .dx-rtl .dx-pivotgrid-border .dx-area-data-cell { border-left: 1px solid #d3d3d3; } .dx-validationsummary-item { color: #ea4444; } .dx-invalid-message>.dx-overlay-content { color: #fff; background-color: #ea4444; } .dx-scheduler-pseudo-cell:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; } .dx-scheduler-navigator { float: left; padding-left: 10px; } .dx-device-mobile .dx-scheduler-navigator { padding-left: 0; } .dx-scheduler-navigator-caption { width: 180px; } .dx-device-mobile .dx-scheduler-navigator-caption { width: 140px; } .dx-calendar.dx-scheduler-navigator-calendar { width: 100%; height: 100%; } .dx-scheduler-view-switcher.dx-tabs { width: auto; float: right; height: 100%; border: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-bottom: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button { position: absolute; right: 10px; } .dx-scheduler-view-switcher-label { position: absolute; } .dx-scheduler-work-space { border: 1px solid rgba(211,211,211,.6); background-color: #fff; position: relative; display: inline-block; overflow: hidden; height: 100%; width: 100%; border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-panel td { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day).dx-scheduler-work-space:not(.dx-scheduler-work-space-month).dx-scheduler-work-space:not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-scrollable .dx-scrollable-content { overflow: hidden; position: relative; } .dx-scheduler-date-table-cell { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-current-date { font-weight: bold; } .dx-scheduler-date-table-other-month { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #bababa; } .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: none; border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-month .dx-scrollable .dx-scrollable-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-title { display: none; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: auto; vertical-align: top; text-align: right; font-size: 16px; padding-right: 6px; color: #767676; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-state-focused { background-position: 10% 10%; } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 25px 0 7px; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 7px 0 25px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 0; } .dx-scheduler-work-space-month .dx-scheduler-all-day-panel, .dx-scheduler-timeline .dx-scheduler-all-day-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-title, .dx-scheduler-timeline .dx-scheduler-all-day-title { display: none; } .dx-scheduler-timeline .dx-scheduler-header-row:before, .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: none; } .dx-scheduler-timeline .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell, .dx-scheduler-timeline .dx-scheduler-date-table-cell { width: 200px; } .dx-scheduler-timeline .dx-scheduler-group-table { border-spacing: 0; border-collapse: collapse; } .dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table { height: 100%; } .dx-scheduler-timeline .dx-scheduler-date-table-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { display: block; float: left; padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { content: ""; height: 50px; position: absolute; display: block; top: 56px; left: 0; border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header { border: none; border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-right: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header { border-top: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before { width: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-right: 100px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments { left: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before { width: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-left: 160px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-right: 160px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments { left: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before { width: 180px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable { margin-left: 180px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable { margin-right: 180px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments { left: 180px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 121px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 151px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 181px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { height: 90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: none; } .dx-scheduler-header-panel { border-collapse: collapse; table-layout: fixed; margin-top: 10px; width: 100%; font-size: 20px; } .dx-scheduler-all-day-title-hidden { display: none; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden { display: block; background-color: transparent; color: transparent; border-left: none; border-right: none; border-bottom: none; height: 0; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { width: auto; margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { z-index: 100; border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { content: ""; position: absolute; left: 0; width: 100px; border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { float: none; margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: left; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 100px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel { width: 100%; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 100px; padding: 0; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 100px 0 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 56px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 26px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child { border-left: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments { top: 0; } .dx-scheduler-header-panel-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); color: #232323; padding: 0; white-space: nowrap; vertical-align: middle; height: 40px; text-align: center; font-weight: normal; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-scheduler-group-row:before, .dx-scheduler-header-row:before, .dx-scheduler-all-day-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-all-day-panel { width: 100%; } .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell { border-bottom: 1px solid #bababa; } .dx-scheduler-all-day-title { color: #232323; width: 100px; height: 75px; position: absolute; line-height: 75px; text-align: center; border-bottom: 1px solid #bababa; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 25px; line-height: 25px; } .dx-scheduler-all-day-table { border-collapse: collapse; table-layout: fixed; width: 100%; } .dx-scheduler-all-day-table { height: 75px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 25px; } .dx-scheduler-group-header { height: 30px; text-align: center; } .dx-scheduler-time-panel { float: left; width: 100px; border-collapse: collapse; margin-top: -50px; font-size: 20px; } .dx-scheduler-time-panel tbody:after { content: ''; height: 50px; display: table-cell; } .dx-scheduler-time-panel-cell { color: #232323; border-bottom: 1px solid rgba(211,211,211,.6); position: relative; width: 100%; text-align: center; height: 100px; padding-left: 10px; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 35px; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 50%; height: 1px; content: ''; left: 0; background-color: #fff; } .dx-scheduler-date-table { width: 100%; border-collapse: collapse; table-layout: fixed; float: left; margin-left: -100px; } .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #bababa; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: #767676; } .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused { background-color: #a9d9e2; } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: #a9d9e2; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scheduler-date-table-droppable-cell { background-color: #ededed; } .dx-scheduler-scrollable-appointments { position: absolute; } .dx-scheduler-appointment { background-clip: padding-box; position: absolute; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #65bccd; color: #fff; -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); left: 0; } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing { -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-appointment.dx-state-focused:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dx-scheduler-appointment.dx-state-focused:before { background-color: rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top { height: 5px; } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left { width: 5px; } .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; } .dx-scheduler-appointment .dx-resizable-handle-left { left: -1px; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before { content: "\f00e "; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { right: auto; left: 3px; font: 14px/1 DXIcons; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before { content: "\f011 "; } .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon, .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon { display: none; } .dx-scheduler-appointment.dx-state-disabled { cursor: default; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-rtl .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-resizable-resizing { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-all-day-appointment.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-all-day-appointment.dx-state-focused:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-all-day-appointment.dx-state-focused:before { background-color: rgba(0,0,0,.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-all-day-appointment.dx-draggable-dragging { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 35%; } .dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail { box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-group-header { padding: 0; } .dx-scheduler-timeline .dx-scheduler-group-header .dx-scheduler-group-header-content { overflow: hidden; } .dx-scheduler-timeline .dx-scheduler-group-header .dx-scheduler-group-header-content div { position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); white-space: normal; } .dx-scheduler-group-header-content div { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; top: 3px; right: 7px; display: none; } .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat { font-size: 18px; } .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon { display: block; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 25px 5px 7px; } .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 7px 5px 25px; } .dx-scheduler-appointment-content { padding: 5px 7px; overflow: hidden; height: 100%; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content { display: none; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 12px; } .dx-scheduler-appointment-content>* { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-content-details { font-size: 11px; white-space: pre; overflow: hidden; } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-content-date { filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip { text-align: left; width: 250px; } .dx-scheduler-appointment-tooltip .dx-button-content { font-size: 13.333333333px; } .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon { font-size: 16px; } .dx-scheduler-appointment-tooltip-date, .dx-scheduler-appointment-tooltip-title { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip-title { font-size: 16px; font-weight: bold; width: 100%; } .dx-scheduler-appointment-tooltip-buttons { margin-top: 10px; } .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch, .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox { margin: 0; } .dx-scheduler-appointment-popup .dx-field-item { padding-left: 20px; padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item { position: relative; padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label { vertical-align: top; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top { padding-left: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right { padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label { float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value .dx-recurrence-numberbox-repeat-count, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label .dx-recurrence-numberbox-repeat-count { float: left; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value { display: inline-block; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label { padding: 3px 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before { display: block; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before { content: ""; position: absolute; top: 50px; bottom: 0; width: 100%; display: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align:before { top: 70px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor { padding-left: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor { padding-left: 20px; } .dx-scheduler-appointment-popup .dx-field { min-height: 0; } .dx-scheduler-appointment-popup .dx-field-label { width: auto; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-switch):not(.dx-numberbox):not(.dx-datebox) { width: auto; } .dx-scheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox { float: left; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox.dx-rtl { float: right; } .dx-numberbox.dx-recurrence-numberbox-interval, .dx-numberbox.dx-recurrence-numberbox-day-of-month, .dx-selectbox.dx-recurrence-selectbox-month-of-year, .dx-numberbox.dx-recurrence-numberbox-repeat-count, .dx-datebox.dx-recurrence-datebox-until-date, .dx-switch.dx-recurrence-switch-repeat-end { float: left; position: relative !important; } .dx-numberbox.dx-recurrence-numberbox-interval.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-selectbox.dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-datebox.dx-recurrence-datebox-until-date.dx-rtl, .dx-switch.dx-recurrence-switch-repeat-end.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-datebox.dx-recurrence-datebox-until-date { width: inherit !important; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 0 5px; vertical-align: top; } .dx-recurrence-repeat-end-label { float: left; width: 50px; white-space: nowrap; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item:first-child { padding-bottom: 10px; } .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label { float: right; } .dx-scheduler-dropdown-appointments { background-color: #65bccd; color: #fff; } .dx-scheduler-dropdown-appointments.dx-button, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused { background-color: #65bccd; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-dropdown-appointments.dx-button .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-scheduler-dropdown-appointments-content { color: #fff; } .dx-scheduler-dropdown-appointments.dx-button .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-button-content { line-height: inherit; } .dx-scheduler-dropdown-appointment { border-left: 3px solid #65bccd; } .dx-scheduler-fixed-appointments { z-index: 100; position: absolute; left: 100px; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-device-mobile .dx-rtl .dx-scheduler-navigator { padding-right: 0; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu { left: 10px; right: auto; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { border-left: none; border-right: 1px solid rgba(211,211,211,.6); } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -100px; } .dx-rtl .dx-scheduler-appointment-tooltip { text-align: right; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 7px; right: auto; } .dx-scheduler-appointment-reduced .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 20px; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid rgba(211,211,211,.6); border-left: none; } .dx-rtl .dx-scheduler-dropdown-appointment { border-left: none; border-right: 3px solid #65bccd; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { border-left: 1px solid rgba(211,211,211,.6); border-right: none; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { right: 0; border-left: 1px solid rgba(211,211,211,.6); border-right: none; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 100px; margin-left: auto; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-left: 1px solid rgba(211,211,211,.6); border-right: none; } .dx-rtl .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-right: 0; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child { border-right: none; border-left: 1px solid rgba(211,211,211,.6); } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { right: 0; border-left: 1px solid rgba(211,211,211,.6); border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-left: 1px solid rgba(211,211,211,.6); border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments { left: 0; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable { margin-right: 100px; margin-left: 0; } .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left, .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top { padding-left: 10px; padding-right: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right { padding-left: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor { padding-right: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor { padding-right: 20px; } .dx-theme-generic-typography { background-color: #fff; color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-theme-generic-typography input, .dx-theme-generic-typography textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-theme-generic-typography h1, .dx-theme-generic-typography .dx-font-xl { font-weight: 200; font-size: 34px; } .dx-theme-generic-typography h2, .dx-theme-generic-typography .dx-font-l { font-weight: normal; font-size: 28px; } .dx-theme-generic-typography h3 { font-weight: normal; font-size: 22px; } .dx-theme-generic-typography .dx-font-m { font-weight: normal; font-size: 20px; } .dx-theme-generic-typography h4, .dx-theme-generic-typography .dx-font-s { font-weight: 500; font-size: 18px; } .dx-theme-generic-typography h5 { font-weight: 700; font-size: 16px; } .dx-theme-generic-typography h6, .dx-theme-generic-typography small, .dx-theme-generic-typography .dx-font-xs { font-weight: 800; font-size: 12px; } .dx-theme-generic-typography a { color: #606060; } .dx-theme-marker { font-family: "dx.generic.light"; } @font-face { font-family: 'DXIcons'; src: url(icons/dxicons.eot); src: url(icons/dxicons.eot) format('embedded-opentype'),url(icons/dxicons.woff) format('woff'),url(icons/dxicons.ttf) format('truetype'); font-weight: normal; font-style: normal; } .dx-icon { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); } .dx-icon-add { font: 14px/1 DXIcons; } .dx-icon-add:before { content: "\f00b "; } .dx-icon-airplane { font: 14px/1 DXIcons; } .dx-icon-airplane:before { content: "\f000 "; } .dx-icon-bookmark { font: 14px/1 DXIcons; } .dx-icon-bookmark:before { content: "\f017 "; } .dx-icon-box { font: 14px/1 DXIcons; } .dx-icon-box:before { content: "\f018 "; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car:before { content: "\f01b "; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card:before { content: "\f019 "; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart:before { content: "\f01a "; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart:before { content: "\f01c "; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check:before { content: "\f005 "; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear:before { content: "\f008 "; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock:before { content: "\f01d "; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close:before { content: "\f00a "; } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee:before { content: "\f02a "; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment:before { content: "\f01e "; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc:before { content: "\f021 "; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download:before { content: "\f022 "; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical:before { content: "\f038 "; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit:before { content: "\f023 "; } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email:before { content: "\f024 "; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event:before { content: "\f026 "; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites:before { content: "\f025 "; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find:before { content: "\f027 "; } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter:before { content: "\f050 "; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder:before { content: "\f028 "; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food:before { content: "\f029 "; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift:before { content: "\f02b "; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe:before { content: "\f02c "; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group:before { content: "\f02e "; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help:before { content: "\f02f "; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home:before { content: "\f030 "; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image:before { content: "\f031 "; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info:before { content: "\f032 "; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key:before { content: "\f033 "; } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like:before { content: "\f034 "; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map:before { content: "\f035 "; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu:before { content: "\f00c "; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message:before { content: "\f024 "; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money:before { content: "\f036 "; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music:before { content: "\f037 "; } .dx-icon-overflow { font: 14px/1 DXIcons; } .dx-icon-overflow:before { content: "\f00d "; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent:before { content: "\f039 "; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo:before { content: "\f03a "; } .dx-icon-plus { font: 14px/1 DXIcons; } .dx-icon-plus:before { content: "\f00b "; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences:before { content: "\f03b "; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product:before { content: "\f03c "; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown:before { content: "\f062 "; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh:before { content: "\f03d "; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { content: "\f00a "; } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert:before { content: "\f04c "; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner:before { content: "\f040 "; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save:before { content: "\f041 "; } .dx-icon-search { font: 14px/1 DXIcons; } .dx-icon-search:before { content: "\f027 "; } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags:before { content: "\f009 "; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel:before { content: "\f003 "; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips:before { content: "\f004 "; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo:before { content: "\f005 "; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox:before { content: "\f007 "; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash:before { content: "\f03e "; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user:before { content: "\f02d "; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload:before { content: "\f006 "; } .dx-icon-arrowleft { font: 14px/1 DXIcons; } .dx-icon-arrowleft:before { content: "\f011 "; } .dx-icon-arrowdown { font: 14px/1 DXIcons; } .dx-icon-arrowdown:before { content: "\f015 "; } .dx-icon-arrowright { font: 14px/1 DXIcons; } .dx-icon-arrowright:before { content: "\f00e "; } .dx-icon-arrowup { font: 14px/1 DXIcons; } .dx-icon-arrowup:before { content: "\f013 "; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft:before { content: "\f04f "; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright:before { content: "\f04e "; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext:before { content: "\f04e "; } .dx-rtl .dx-icon-spinnext:before { content: "\f04f "; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev:before { content: "\f04f "; } .dx-rtl .dx-icon-spinprev:before { content: "\f04e "; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown:before { content: "\f001 "; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup:before { content: "\f002 "; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft:before { content: "\f012 "; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright:before { content: "\f010 "; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext:before { content: "\f010 "; } .dx-rtl .dx-icon-chevronnext:before { content: "\f012 "; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev:before { content: "\f012 "; } .dx-rtl .dx-icon-chevronprev:before { content: "\f010 "; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown:before { content: "\f016 "; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup:before { content: "\f014 "; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft:before { content: "\f042 "; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright:before { content: "\f043 "; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044 "; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045 "; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046 "; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047 "; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048 "; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049 "; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051 "; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052 "; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053 "; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054 "; } .dx-icon-sortchange { font: 14px/1 DXIcons; } .dx-icon-sortchange:before { content: "\f055 "; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a "; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b "; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057 "; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058 "; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f056 "; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059 "; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a "; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d "; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b "; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c "; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d "; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e "; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063 "; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064 "; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065 "; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066 "; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f "; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060 "; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061 "; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067 "; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068 "; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012 "; } .dx-rtl .dx-icon-back:before { content: "\f010 "; } .dx-icon-repeat { font: 14px/1 DXIcons; } .dx-icon-repeat:before { content: "\f069 "; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); background-position: center center; background-repeat: no-repeat; } .dx-widget { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-widget input, .dx-widget textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-state-focused.dx-widget { -webkit-box-shadow: 0 0 3px gray; -moz-box-shadow: 0 0 3px gray; box-shadow: 0 0 3px gray; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; zoom: 1; cursor: default; } .dx-state-disabled.dx-widget .dx-widget, .dx-state-disabled .dx-widget .dx-widget { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-badge { background-color: #31afe3; color: #fff; font-size: 13px; padding: 0 6px 2px; line-height: normal; } .dx-box-item-content { font-size: 14px; } .dx-button-content { line-height: 0; } .dx-button-text { display: inline-block; line-height: normal; } .dx-button a { text-decoration: none; } .dx-button .dx-button-content { padding: 8px; } .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-icon .dx-button-content { padding: 8px; } .dx-button-has-icon .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-text .dx-button-content { padding: 7px 18px 8px; } .dx-button-has-text .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 9px; margin-right: 0; } .dx-button-back .dx-button-content { padding: 8px; } .dx-button-back .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-back .dx-icon, .dx-rtl.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-back .dx-button-text { display: none; } .dx-button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); color: #606060; } .dx-button.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-button .dx-icon, .dx-state-disabled .dx-button .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-button .dx-button-text, .dx-state-disabled .dx-button .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-button.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; color: #232323; } .dx-button-danger { background-color: #ea4444; border-color: #ea4444; color: #fff; } .dx-button-danger.dx-state-hover { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-focused { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-active { background-color: #a22; border-color: #a22; color: #fff; } .dx-button-success { background-color: #6ab025; border-color: #6ab025; color: #fff; } .dx-button-success.dx-state-hover { background-color: #6ab025; border-color: #4e8a13; } .dx-button-success.dx-state-focused { background-color: #6ab025; border-color: #4e8a13; } .dx-button-success.dx-state-active { background-color: #4e8a13; border-color: #4e8a13; color: #fff; } .dx-button-default { background-color: #31afe3; border-color: #31afe3; color: #fff; } .dx-button-default.dx-state-hover { background-color: #31afe3; border-color: #1e6b8b; } .dx-button-default.dx-state-focused { background-color: #31afe3; border-color: #1e6b8b; } .dx-button-default.dx-state-active { background-color: #1e6b8b; border-color: #1e6b8b; color: #fff; } .dx-scrollable-content { -webkit-transform: none; } .dx-scrollable-scroll { padding: 2px; background-color: transparent; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; overflow: hidden; -webkit-transition: opacity 0 linear; -moz-transition: opacity 0 linear; -o-transition: opacity 0 linear; transition: opacity 0 linear; } .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity .5s linear 1s; -moz-transition: opacity .5s linear 1s; -o-transition: opacity .5s linear 1s; transition: opacity .5s linear 1s; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: #606060; background-color: rgba(96,96,96,.7); box-shadow: 0 0 0 1px rgba(255,255,255,.2); } .dx-scrollbar-hoverable { background-color: transparent; background-color: rgba(96,96,96,0); } .dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { background-color: #606060; background-color: rgba(96,96,96,.2); } .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content { background-color: #606060; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 8px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 8px; -webkit-transition: width .2s linear .15s,background-color .2s linear .15s; -moz-transition: width .2s linear .15s,background-color .2s linear .15s; -o-transition: width .2s linear .15s,background-color .2s linear .15s; transition: width .2s linear .15s,background-color .2s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color .5s linear 1s,width .2s linear 150ms; -moz-transition: background-color .5s linear 1s,width .2s linear 150ms; -o-transition: background-color .5s linear 1s,width .2s linear 150ms; transition: background-color .5s linear 1s,width .2s linear 150ms; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; -moz-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; -o-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; transition: box-shadow .15s linear .15s,background-color .15s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color .5s linear 1s,width .2s linear .15s; -moz-transition: background-color .5s linear 1s,width .2s linear .15s; -o-transition: background-color .5s linear 1s,width .2s linear .15s; transition: background-color .5s linear 1s,width .2s linear .15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { width: 15px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { width: 15px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 8px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 8px; -webkit-transition: height .2s linear .15s,background-color .2s linear .15s; -moz-transition: height .2s linear .15s,background-color .2s linear .15s; -o-transition: height .2s linear .15s,background-color .2s linear .15s; transition: height .2s linear .15s,background-color .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color .5s linear 1s,height .2s linear .15s; -moz-transition: background-color .5s linear 1s,height .2s linear .15s; -o-transition: background-color .5s linear 1s,height .2s linear .15s; transition: background-color .5s linear 1s,height .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; -moz-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; -o-transition: box-shadow .15s linear .15s,background-color .15s linear .15s; transition: box-shadow .15s linear .15s,background-color .15s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color .5s linear 1s,height .2s linear .15s; -moz-transition: background-color .5s linear 1s,height .2s linear .15s; -o-transition: background-color .5s linear 1s,height .2s linear .15s; transition: background-color .5s linear 1s,height .2s linear .15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { height: 15px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { height: 15px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 8px; } .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 0; padding-left: 8px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-bottom: 8px; } .dx-scrollable-customizable-scrollbars { -ms-scrollbar-base-color: #fafafa; -ms-scrollbar-arrow-color: #4b4b4b; -ms-scrollbar-track-color: #fafafa; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal { height: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical { width: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb { background-color: #757575; border-right: 2px solid transparent; border-left: 1px solid transparent; background-clip: content-box; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-track { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-corner { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 5px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat; background-position: 3px 5px; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-scrollview-pull-down-image { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-color: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-checkbox { line-height: 0; } .dx-checkbox.dx-state-readonly .dx-checkbox-icon { border-color: #eaeaea; background-color: #fff; } .dx-checkbox.dx-state-hover .dx-checkbox-icon { border: 1px solid rgba(96,96,96,.4); } .dx-checkbox.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-checkbox.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-checkbox.dx-state-active .dx-checkbox-icon { background-color: rgba(96,96,96,.2); } .dx-checkbox-icon { width: 22px; height: 22px; border: 1px solid #d3d3d3; background-color: #fafafa; } .dx-checkbox-checked .dx-checkbox-icon { font: 14px/1 DXIcons; color: #606060; font-size: 16px; text-align: center; line-height: 16px; } .dx-checkbox-checked .dx-checkbox-icon:before { content: "\f005 "; } .dx-checkbox-checked .dx-checkbox-icon:before { position: absolute; display: block; width: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { content: ''; width: 12px; height: 12px; background-color: #606060; position: absolute; left: 4px; top: 4px; } .dx-checkbox-text { margin-left: -22px; padding-left: 27px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin-right: -22px; padding-right: 27px; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-disabled.dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox .dx-checkbox-icon { filter: alpha(opacity=40); -khtml-opacity: .4; -moz-opacity: .4; opacity: .4; } .dx-invalid .dx-checkbox-container .dx-checkbox-icon { border: 1px solid rgba(234,68,68,.4); } .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #ea4444; } .dx-switch { width: 44px; height: 24px; } .dx-switch.dx-state-readonly .dx-switch-container { border-color: #eaeaea; background-color: #fff; } .dx-switch.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch.dx-state-active .dx-switch-container { border-color: #606060; background-color: rgba(96,96,96,.2); } .dx-switch.dx-state-hover .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-hover .dx-switch-container { background-color: transparent; border-color: #606060; } .dx-switch.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-switch.dx-state-focused .dx-switch-container { border-color: #606060; } .dx-switch.dx-state-focused .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch-container { overflow: hidden; margin: 0 -4px 0 0; height: 24px; border: 1px solid #d3d3d3; background: #fafafa; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-on, .dx-switch-off { float: left; width: 50%; padding-right: 18px; padding-left: 2px; line-height: 22px; text-align: center; font-size: 9px; font-weight: 600; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-switch-off { margin-left: -2px; color: #a8a8a8; } .dx-switch-on { color: #232323; } .dx-switch-handle { position: relative; float: left; width: 16px; height: 18px; padding-right: 2px; margin-top: 2px; margin-left: -16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-switch-handle:before { display: block; content: ' '; width: 100%; height: 100%; background-color: #9f9f9f; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-switch-on-value .dx-switch-handle:before { background-color: #606060; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { float: right; padding-left: 18px; padding-right: 2px; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; margin-right: -2px; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; padding-left: 2px; padding-right: 0; margin-left: 0; margin-right: -16px; } .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container { margin: 0 0 0 -4px; } .dx-tabs { text-align: center; border: 1px solid #d3d3d3; } .dx-tabs.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-tabs-nav-buttons .dx-scrollable-wrapper { position: relative; top: -1px; margin-bottom: -2px; } .dx-tabs-nav-buttons .dx-indent-wrapper { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid rgba(96,96,96,.1); border-right: 1px solid rgba(96,96,96,.1); } .dx-tabs-nav-button { border: none; background-color: rgba(96,96,96,.1); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button .dx-button-content { padding: 0; } .dx-tabs-nav-button.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-tab { display: table-cell; padding: 9px; overflow: visible; background-color: rgba(96,96,96,.1); } .dx-tab.dx-state-hover:not(.dx-tab-selected) { background-color: #fafafa; } .dx-tab.dx-state-active:not(.dx-tab-selected) { background-color: rgba(96,96,96,.2); color: #232323; } .dx-tab.dx-state-focused:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border: 1px solid #606060; z-index: 1; } .dx-tab .dx-icon { color: #606060; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-tab .dx-icon, .dx-rtl.dx-tab .dx-icon { margin-left: 9px; margin-right: 0; } .dx-tab-selected { background-color: #fff; color: #232323; position: relative; } .dx-tab-selected .dx-icon { color: #606060; } .dx-tab-selected:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; z-index: 1; } .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid rgba(96,96,96,.1); } .dx-rtl .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid #d3d3d3; border-right: 1px solid rgba(96,96,96,.1); } .dx-tab-text { vertical-align: middle; line-height: 25px; } .dx-state-disabled .dx-tab-content { filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; } .dx-navbar { padding: 0; border: none; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { width: 31px; height: 31px; background-position: 0 0; -webkit-background-size: 31px 31px; -moz-background-size: 31px 31px; background-size: 31px 31px; padding: 0; font-size: 31px; text-align: center; line-height: 31px; } .dx-nav-item.dx-tab-selected:after, .dx-rtl .dx-nav-item.dx-tab-selected:after, .dx-nav-item.dx-state-focused:after, .dx-rtl .dx-nav-item.dx-state-focused:after, .dx-nav-item.dx-state-active:after, .dx-rtl .dx-nav-item.dx-state-active:after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { -webkit-box-shadow: inset 0 0 0 1px #606060; -moz-box-shadow: inset 0 0 0 1px #606060; box-shadow: inset 0 0 0 1px #606060; } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-navbar-item-badge { margin-right: -26px; top: 11%; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-texteditor { background: #fafafa; border-style: solid; border-width: 1px; border-color: #d3d3d3; } .dx-texteditor.dx-state-readonly { border-color: #eaeaea; } .dx-texteditor.dx-state-readonly .dx-texteditor-input { background-color: #fafafa; } .dx-texteditor.dx-state-hover { border-color: rgba(96,96,96,.4); } .dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active { border-color: #606060; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-texteditor.dx-invalid .dx-texteditor-input { padding-right: 34px; } .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-texteditor.dx-invalid .dx-texteditor-container:after { right: 4px; } .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-container:after { left: 4px; right: auto; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 68px; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 68px; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 38px; right: auto; } .dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-rtl .dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-show-clear-button .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-show-clear-button .dx-clear-button-area { width: 34px; right: 0; } .dx-show-clear-button .dx-icon-clear { color: #606060; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; background-position: 7px 7px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 7px; font-size: 20px; line-height: 20px; } .dx-placeholder { color: #a8a8a8; } .dx-placeholder:before { padding: 7px 9px 8px; } .dx-texteditor-input { margin: 0; padding: 7px 9px 8px; background: #fafafa; color: #232323; font-size: 1em; } .dx-invalid.dx-texteditor { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-texteditor.dx-state-focused { border-color: #ea4444; } .dx-invalid.dx-texteditor .dx-texteditor-container:after { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder:before { right: 0; left: auto; } .dx-searchbox .dx-icon-search { font: 14px/1 DXIcons; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; font-size: 17px; color: #a8a8a8; } .dx-searchbox .dx-icon-search:before { content: "\f027 "; } .dx-searchbox .dx-icon-search:before { position: static; text-indent: 0; } .dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-dropdowneditor-button { width: 34px; padding: 1px; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-dropdowneditor-icon { border: 1px solid transparent; color: #606060; font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-dropdowneditor-icon:before { content: "\f001 "; } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused { border: none; box-shadow: none; } .dx-dropdowneditor .dx-clear-button-area { width: 30px; } .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 64px; } .dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 9px; padding-left: 64px; } .dx-rtl.dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 34px; } .dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 9px; padding-left: 34px; } .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input { padding-right: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button .dx-texteditor-input { padding-right: 90px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 90px; } .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background-color: #fafafa; border-color: rgba(211,211,211,.6); } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { background-color: rgba(96,96,96,.2); border-color: transparent; color: #606060; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: auto; left: 38px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 68px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: auto; left: 68px; } .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); border: none; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-left: -5px; } .dx-rtl .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .dx-list-item-chevron:before { content: "\f010 "; } .dx-rtl .dx-list-item-chevron:before { content: "\f012 "; } .dx-list { border: none; } .dx-list .dx-empty-message { text-align: left; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: rgba(96,96,96,.4); } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon { color: #606060; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-lookup-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-lookup-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused { background-color: rgba(96,96,96,.7); color: #fff; } .dx-list-group-header { font-weight: bold; padding: 10px 10px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-list-group:first-of-type .dx-list-group-header { border-top: none; } .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-list-group-header:before { border-bottom-color: #232323; } .dx-list-item:first-of-type { border-top: none; } .dx-list-item:last-of-type { border-bottom: none; } .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-list-item, .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-list-item-separator-hidden .dx-list-item, .dx-list-item-separator-hidden .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-list-item-content, .dx-list .dx-empty-message { padding: 10px 10px; } .dx-list-next-button .dx-button .dx-button-content { padding: 7px 18px 8px; } .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-list-item-chevron-container { width: 16px; } .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 29px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 31px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 5px 5px 10px; width: 19px; height: 19px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all { padding: 9px 0; } .dx-list-select-all-checkbox { float: left; margin-top: -1px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all-label { line-height: 1; padding: 0 6px; margin-top: 3px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 36px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 33.4px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-list-slide-menu-button { bottom: 1px; } .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-list-switchable-delete-button, .dx-list-static-delete-button { margin-right: 10px; padding: 0; } .dx-list-switchable-delete-button .dx-button-content, .dx-list-static-delete-button .dx-button-content { padding: 3px; } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 10px 5px 5px; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 10px; margin-right: 0; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: rgba(96,96,96,.4); } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon { color: #606060; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-lookup-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-lookup-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused { background-color: rgba(96,96,96,.7); color: #fff; } .dx-device-mobile .dx-list-group-header { font-weight: bold; padding: 10px 15px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header { border-top: none; } .dx-device-mobile .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before { border-bottom-color: #232323; } .dx-device-mobile .dx-list-item:first-of-type { border-top: none; } .dx-device-mobile .dx-list-item:last-of-type { border-bottom: none; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-device-mobile .dx-list-item, .dx-device-mobile .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item, .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content, .dx-device-mobile .dx-list .dx-empty-message { padding: 10px 15px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding: 7px 18px 8px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-device-mobile .dx-list-item-chevron-container { width: 21px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 34px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 36px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 7.5px 5px 15px; width: 19px; height: 19px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all { padding: 9px 0; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin-top: -1px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 1; padding: 0 6px; margin-top: 3px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 41px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 38.4px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-device-mobile .dx-list-switchable-delete-button, .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 0; } .dx-device-mobile .dx-list-switchable-delete-button .dx-button-content, .dx-device-mobile .dx-list-static-delete-button .dx-button-content { padding: 3px; } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-device-mobile .dx-state-disabled.dx-list-item, .dx-device-mobile .dx-state-disabled .dx-list-item { background-color: transparent; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 15px 5px 7.5px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 15px; margin-right: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 33px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownlist-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-textarea.dx-invalid .dx-texteditor-container:after { top: 7px; margin-top: 0; } .dx-numberbox-spin-container { overflow: hidden; width: 34px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-up-icon:before { content: "\f002 "; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-down-icon:before { content: "\f001 "; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 18px; text-align: center; line-height: 18px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin-button { background-color: #fafafa; padding: 1px; } .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { border: 1px solid rgba(211,211,211,.6); background-color: transparent; } .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { background-color: rgba(96,96,96,.2); color: #232323; } .dx-numberbox-spin.dx-invalid .dx-texteditor-input { padding-right: 68px; } .dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 68px; } .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after { left: 38px; right: auto; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 102px; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 102px; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 72px; } .dx-rtl .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 72px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input { padding-right: 108px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 108px; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after { right: 78px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after { left: 78px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 142px; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 142px; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 112px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 112px; right: auto; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-left: none; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-right: 106px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon { background-position: center; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-left: 106px; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 66px; } .dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-right: 9px; } .dx-datebox-wrapper .dx-popup-title { min-height: 10px; border-bottom: none; background: none; } .dx-datebox-wrapper .dx-item { border: none; } .dx-datebox-wrapper .dx-popup-bottom .dx-button { min-width: 85px; width: auto; } .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content { margin: 0 34px; } .dx-datebox-wrapper-list .dx-overlay-content { border-top: none; } .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content { padding: 10px; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f026 "; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-calendar.dx-dropdowneditor-active { -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input { background: #fff; } .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper .dx-overlay-content { background-color: #fff; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar .dx-calendar { background-color: #fff; border: none; margin: 30px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 30px; margin-bottom: 30px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 15px; margin-bottom: 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 30px 30px 15px 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin-top: -1px; margin-right: 30px; } .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button+.dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 15px; margin-right: 30px; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-right: 15px; margin-left: 30px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-list .dx-dropdowneditor-icon:before { content: "\f01d "; } .dx-datebox-list .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox input[type="date"] { line-height: normal; } .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input { min-height: 33px; } .dx-dateview-rollers { width: auto; text-align: center; display: block; } .dx-dateviewroller-current .dx-dateview-item { -webkit-transition: font-size .2s ease-out; -moz-transition: font-size .2s ease-out; -o-transition: font-size .2s ease-out; transition: font-size .2s ease-out; } .dx-dateviewroller { min-width: 4em; text-align: center; display: inline-block; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-hours:after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: bold; top: 37%; color: #232323; } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item { height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: #232323; } .dx-dateview-item-selected { font-size: 2.2em; } .dx-rtl.dx-dateviewroller-hours:after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame:before { top: -71px; border-bottom: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-dateview-item-selected-frame:after { top: 40px; border-top: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-toolbar { background-color: rgba(96,96,96,.1); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); padding: 0 10px; overflow: hidden; } .dx-toolbar .dx-toolbar-items-container { height: 56px; overflow: visible; } .dx-toolbar .dx-toolbar-item, .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item:last-child, .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-device-mobile .dx-toolbar { padding: 10px; overflow: hidden; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-toolbar.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-toolbar-bottom { -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.05); box-shadow: inset 0 2px 0 rgba(0,0,0,.05); } .dx-toolbar-background { background-color: rgba(96,96,96,.1); } .dx-tile { color: #232323; background-color: #fafafa; border: 1px solid rgba(211,211,211,.6); text-align: left; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fafafa; border-color: rgba(96,96,96,.4); } .dx-tile.dx-state-active { background-color: rgba(96,96,96,.2); color: #232323; border-color: transparent; } .dx-overlay-shader { background-color: rgba(0,0,0,.75); } .dx-state-focused.dx-overlay-content { outline: 1px solid #606060; } .dx-toast-content { color: #fff; font-size: 14px; font-weight: 600; line-height: 32px; padding: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } .dx-toast-icon { width: 35px; height: 35px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-info .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==); } .dx-toast-message { line-height: 16px; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-warning .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC); } .dx-toast-error { background-color: #f77; } .dx-toast-error .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC); } .dx-toast-success { background-color: #6ec881; } .dx-toast-success .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==); } .dx-popup-wrapper>.dx-overlay-content { border: 1px solid #d3d3d3; background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 3px rgba(0,0,0,.15); } .dx-popup-title { position: relative; padding: 6px 20px; min-height: 28px; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.1); } .dx-popup-title.dx-toolbar { padding: 6px 20px; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-title .dx-closebutton { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); color: #606060; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border-color: transparent; width: 23px; height: 23px; margin: 0 -4px 0 4px; } .dx-popup-title .dx-closebutton .dx-button-content { padding: 0; } .dx-popup-title .dx-closebutton .dx-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-popup-title .dx-closebutton.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-popup-title .dx-closebutton.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; color: #232323; } .dx-rtl .dx-popup-title .dx-closebutton { margin: 0 4px 0 -4px; } .dx-popup-title .dx-closebutton .dx-icon { width: 21px; height: 21px; background-position: 3px 3px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; padding: 3px; font-size: 15px; text-align: center; line-height: 15px; } .dx-device-mobile .dx-popup-title .dx-closebutton { width: 37px; height: 37px; margin: 0 -11px 0 11px; } .dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton { margin: 0 11px 0 -11px; } .dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon { width: 35px; height: 35px; background-position: 10px 10px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; padding: 10px; font-size: 15px; text-align: center; line-height: 15px; } .dx-popup-content { padding: 20px; } .dx-popup-content .dx-button { margin: 0 10px; } .dx-popup-bottom.dx-toolbar { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 20px 20px; overflow: hidden; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-bottom .dx-button { min-width: 100px; } .dx-popup-content.dx-dialog-content { min-width: 220px; padding: 20px; } .dx-dialog-message { padding: 0; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: #efefef; } .dx-popover-wrapper .dx-popup-title { margin: 0; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after { background: #fff; } .dx-popover-arrow:after { border: 1px solid #d3d3d3; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-progressbar-container { height: 6px; border: 1px solid #d3d3d3; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-progressbar-range { position: relative; border: 1px solid #606060; background-color: #606060; margin-top: -1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .dx-progressbar-animating-container { height: 6px; background-color: #fff; background-size: 90% 5px; border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-animation: loader 2s linear infinite; -moz-animation: loader 2s linear infinite; -o-animation: loader 2s linear infinite; animation: loader 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -moz-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -ms-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -o-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-repeat: repeat; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(96,96,96,.6); } .dx-state-disabled .dx-progressbar-animating-container { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; background-position-x: 45%; } .dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container { -webkit-animation: loader-rtl 2s linear infinite; -moz-animation: loader-rtl 2s linear infinite; -o-animation: loader-rtl 2s linear infinite; animation: loader-rtl 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -moz-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -ms-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-image: -o-linear-gradient(left,transparent 5%,#606060,transparent 95%); background-repeat: repeat; } @-webkit-keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @-moz-keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @-ms-keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @-webkit-keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } @-moz-keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } @keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } @-ms-keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } .dx-tooltip-wrapper .dx-overlay-content { border: 1px solid #d3d3d3; background-color: #fff; color: #232323; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after { border: 1px solid #d3d3d3; background: #fff; } .dx-slider .dx-tooltip-wrapper .dx-overlay-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-slider-wrapper { height: 28px; } .dx-slider-bar { margin: 14px 7px; height: 4px; background: #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-range { border: 1px solid transparent; height: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-slider-range.dx-slider-range-visible { border: 1px solid #606060; background: #606060; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -17px; } .dx-slider-label-position-top .dx-slider-label { top: -14px; } .dx-slider-handle { margin-top: -14px; margin-right: -7px; width: 14px; height: 28px; border: 1px solid #fff; background-color: #606060; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-state-disabled .dx-slider, .dx-state-disabled.dx-slider { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-disabled .dx-slider .dx-slider-bar, .dx-state-disabled.dx-slider .dx-slider-bar { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-active.dx-slider-handle { border: 1px solid #fff; background: #3d3d3d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-hover.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; } .dx-rtl .dx-slider-handle { margin-left: -7.5px; } .dx-rangeslider-start-handle { margin-left: -7px; } .dx-rtl .dx-rangeslider-start-handle { margin-right: -7px; } .dx-gallery .dx-gallery-nav-button-prev, .dx-gallery .dx-gallery-nav-button-next { position: absolute; top: 0; width: 34%; height: 100%; background: #fff; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)"; cursor: pointer; font-size: 32px; text-align: center; line-height: 32px; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: rgba(96,96,96,.5); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: rgba(96,96,96,.7); } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; display: block; width: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; } .dx-gallery .dx-gallery-nav-button-prev:after, .dx-gallery .dx-gallery-nav-button-next:after { content: ''; position: absolute; width: 32px; height: 100%; } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; z-index: 10; clear: both; font-size: 32px; color: #fff; } .dx-gallery .dx-gallery-nav-button-prev { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-prev:before { content: "\f012 "; } .dx-gallery .dx-gallery-nav-button-prev:after { left: 0; } .dx-gallery .dx-gallery-nav-button-prev:before { left: 0; right: auto; margin-left: 0; } .dx-gallery .dx-gallery-nav-button-next { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-next:before { content: "\f010 "; } .dx-gallery .dx-gallery-nav-button-next:after { right: 0; } .dx-gallery .dx-gallery-nav-button-next:before { right: 0; left: auto; } .dx-gallery-indicator { pointer-events: none; text-align: center; } .dx-gallery-indicator-item { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #606060; pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; background: #fff; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { width: 12px; height: 12px; background: #606060; border: 2px solid rgba(255,255,255,.8); margin: -1px 6px; } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #000; } .dx-lookup { height: 36px; border: 1px solid #d3d3d3; background: #fafafa; } .dx-lookup-field { padding: 7px 34px 8px 9px; font-size: 1em; } .dx-rtl .dx-lookup-field { padding: 7px 9px 8px 34px; } .dx-lookup-arrow { font: 14px/1 DXIcons; width: 34px; color: #606060; font-size: 18px; text-align: center; line-height: 18px; } .dx-lookup-arrow:before { content: "\f04e "; } .dx-rtl .dx-lookup-arrow:before { content: "\f04f "; } .dx-lookup-arrow:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-state-readonly .dx-lookup-field:before { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-lookup-popup-wrapper .dx-list-item { border-top: none; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-list-item-content { padding-left: 20px; padding-right: 20px; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 0; } .dx-lookup-popup-wrapper .dx-popup-title+.dx-popup-content { top: 49px; } .dx-lookup-popup-wrapper .dx-popup-bottom { padding-top: 10px; } .dx-lookup-empty .dx-lookup-field { color: #a8a8a8; } .dx-invalid.dx-lookup .dx-lookup-field:after { right: 38px; pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after, .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after { right: auto; left: 38px; } .dx-lookup-validation-message { font-size: 14px; line-height: 14px; padding: 13px 20px 12px; margin-bottom: 20px; margin-left: -20px; border-bottom: 1px solid #d3d3d3; color: #ea4444; } .dx-rtl .dx-lookup-validation-message { margin-right: -20px; margin-left: 0; } .dx-lookup-popup-search .dx-list { height: calc(100% - 70px); } .dx-lookup-search-wrapper { padding: 20px; padding-bottom: 14px; } .dx-popup-content.dx-lookup-invalid { padding-top: 0; } .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message { display: inline-block; } .dx-popup-content.dx-lookup-invalid .dx-list { top: 40px; } .dx-lookup-popup-search .dx-popup-content.dx-lookup-invalid .dx-list { top: 110px; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px 0; } .dx-actionsheet-container .dx-button { margin: 0; } .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-loadindicator { background-color: transparent; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); } .dx-loadindicator-icon { position: relative; top: 15%; left: 15%; width: 70%; height: 70%; } .dx-loadindicator-icon .dx-loadindicator-segment { position: absolute; width: 19%; height: 30%; left: 44.5%; top: 37%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; background: #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-border-top-left-radius: 10%; -moz-border-top-left-radius: 10%; border-top-left-radius: 10%; -webkit-border-top-right-radius: 10%; -moz-border-top-right-radius: 10%; border-top-right-radius: 10%; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite; -moz-animation: dx-generic-loadindicator-opacity 1s linear infinite; -o-animation: dx-generic-loadindicator-opacity 1s linear infinite; animation: dx-generic-loadindicator-opacity 1s linear infinite; } @-webkit-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-moz-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-ms-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .85; } } @-o-keyframes dx-generic-loadindicator-opacity{from{opacity:1;}to{opacity:.55;}} @keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } .dx-loadindicator-icon .dx-loadindicator-segment0 { -webkit-transform: rotate(0) translate(0,-142%); -moz-transform: rotate(0) translate(0,-142%); -ms-transform: rotate(0) translate(0,-142%); -o-transform: rotate(0) translate(0,-142%); transform: rotate(0) translate(0,-142%); -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; } .dx-loadindicator-icon .dx-loadindicator-segment1 { -webkit-transform: rotate(45deg) translate(0,-142%); -moz-transform: rotate(45deg) translate(0,-142%); -ms-transform: rotate(45deg) translate(0,-142%); -o-transform: rotate(45deg) translate(0,-142%); transform: rotate(45deg) translate(0,-142%); -webkit-animation-delay: -.875s; -moz-animation-delay: -.875s; -o-animation-delay: -.875s; animation-delay: -.875s; } .dx-loadindicator-icon .dx-loadindicator-segment2 { -webkit-transform: rotate(90deg) translate(0,-142%); -moz-transform: rotate(90deg) translate(0,-142%); -ms-transform: rotate(90deg) translate(0,-142%); -o-transform: rotate(90deg) translate(0,-142%); transform: rotate(90deg) translate(0,-142%); -webkit-animation-delay: -.75s; -moz-animation-delay: -.75s; -o-animation-delay: -.75s; animation-delay: -.75s; } .dx-loadindicator-icon .dx-loadindicator-segment3 { -webkit-transform: rotate(135deg) translate(0,-142%); -moz-transform: rotate(135deg) translate(0,-142%); -ms-transform: rotate(135deg) translate(0,-142%); -o-transform: rotate(135deg) translate(0,-142%); transform: rotate(135deg) translate(0,-142%); -webkit-animation-delay: -.625s; -moz-animation-delay: -.625s; -o-animation-delay: -.625s; animation-delay: -.625s; } .dx-loadindicator-icon .dx-loadindicator-segment4 { -webkit-transform: rotate(180deg) translate(0,-142%); -moz-transform: rotate(180deg) translate(0,-142%); -ms-transform: rotate(180deg) translate(0,-142%); -o-transform: rotate(180deg) translate(0,-142%); transform: rotate(180deg) translate(0,-142%); -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; } .dx-loadindicator-icon .dx-loadindicator-segment5 { -webkit-transform: rotate(225deg) translate(0,-142%); -moz-transform: rotate(225deg) translate(0,-142%); -ms-transform: rotate(225deg) translate(0,-142%); -o-transform: rotate(225deg) translate(0,-142%); transform: rotate(225deg) translate(0,-142%); -webkit-animation-delay: -.375s; -moz-animation-delay: -.375s; -o-animation-delay: -.375s; animation-delay: -.375s; } .dx-loadindicator-icon .dx-loadindicator-segment6 { -webkit-transform: rotate(270deg) translate(0,-142%); -moz-transform: rotate(270deg) translate(0,-142%); -ms-transform: rotate(270deg) translate(0,-142%); -o-transform: rotate(270deg) translate(0,-142%); transform: rotate(270deg) translate(0,-142%); -webkit-animation-delay: -.25s; -moz-animation-delay: -.25s; -o-animation-delay: -.25s; animation-delay: -.25s; } .dx-loadindicator-icon .dx-loadindicator-segment7 { -webkit-transform: rotate(315deg) translate(0,-142%); -moz-transform: rotate(315deg) translate(0,-142%); -ms-transform: rotate(315deg) translate(0,-142%); -o-transform: rotate(315deg) translate(0,-142%); transform: rotate(315deg) translate(0,-142%); -webkit-animation-delay: -.125s; -moz-animation-delay: -.125s; -o-animation-delay: -.125s; animation-delay: -.125s; } .dx-loadindicator-icon .dx-loadindicator-segment8, .dx-loadindicator-icon .dx-loadindicator-segment9, .dx-loadindicator-icon .dx-loadindicator-segment10, .dx-loadindicator-icon .dx-loadindicator-segment11, .dx-loadindicator-icon .dx-loadindicator-segment12, .dx-loadindicator-icon .dx-loadindicator-segment13, .dx-loadindicator-icon .dx-loadindicator-segment14, .dx-loadindicator-icon .dx-loadindicator-segment15 { display: none; } .dx-rtl .dx-loadindicator-icon { right: 15%; left: 0; } .dx-loadpanel-content { border: 1px solid #d3d3d3; background: rgba(255,255,255,.9); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.25); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.25); box-shadow: 0 6px 12px rgba(0,0,0,.25); } .dx-autocomplete .dx-texteditor-input { font-size: 1em; } .dx-autocomplete.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item-content { padding: 1em; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding-left: 0; margin-left: 5px; } .dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding: 7px 9px 8px; padding-right: 0; margin-right: 5px; margin-left: 0; } .dx-tagbox { color: #fff; } .dx-tag-container { padding-right: 34px; } .dx-show-clear-button .dx-tag-container { padding-right: 68px; } .dx-tag { margin: 4px 0 0 4px; padding: 3px 4px 4px; min-width: 40px; border-radius: 2px; background-color: rgba(96,96,96,.3); } .dx-tag-content { padding-right: 21px; padding-left: 2px; color: #232323; vertical-align: top; } .dx-tag-remove-button { width: 25px; height: 100%; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { right: 9px; margin-top: -5px; width: 3px; height: 11px; background: #606060; } .dx-tag-remove-button:after { right: 5px; margin-top: -1px; width: 11px; height: 3px; } .dx-tag-remove-button.dx-state-active:before, .dx-tag-remove-button.dx-state-active:after { background: #939393; } .dx-tagbox.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-rtl .dx-tag-content { padding-right: 2px; padding-left: 21px; } .dx-rtl .dx-tag-remove-button:before { right: auto; left: 9px; } .dx-rtl .dx-tag-remove-button:after { right: auto; left: 5px; } .dx-rtl .dx-tag-container { padding-left: 34px; padding-right: 0; } .dx-radiobutton-icon { width: 22px; height: 22px; } .dx-radiobutton-icon:before { display: block; width: 20px; height: 20px; border: 1px solid #d3d3d3; background-color: #fafafa; content: ""; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-radiobutton-checked .dx-radiobutton-icon-dot { display: block; margin-top: -16px; margin-left: 6px; width: 10px; height: 10px; background: #606060; content: ""; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dx-radiobutton { line-height: 22px; } .dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before { border-color: #eaeaea; background-color: #fff; } .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before { border-color: rgba(96,96,96,.4); } .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before { background-color: rgba(96,96,96,.2); } .dx-radiobutton.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before { border: 1px solid #606060; } .dx-invalid .dx-radiobutton-icon:before { border-color: rgba(234,68,68,.4); } .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 6px; margin-left: 0; } .dx-radio-value-container { padding-left: 0; } .dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon { margin: 1px 0; } .dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before { border-color: #eaeaea; background-color: #fff; } .dx-radiogroup.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-pivottabs { height: 74px; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { padding: 10px; color: #767676; font-size: 40px; } .dx-pivottabs-tab-selected { color: #232323; } .dx-pivot-itemcontainer { top: 74px; } .dx-panorama-title, .dx-panorama-ghosttitle { height: 70px; font-size: 65px; } .dx-panorama-itemscontainer { top: 70px; } .dx-panorama-item-title { font-size: 30px; } .dx-panorama-item-content { top: 45px; } .dx-accordion { color: #232323; } .dx-accordion-item { border: 1px solid transparent; border-top-color: #d3d3d3; } .dx-accordion-item:last-child { border-bottom: 1px solid #d3d3d3; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon { color: #232323; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened)>.dx-accordion-item-title { color: #232323; background-color: rgba(96,96,96,.2); } .dx-accordion-item.dx-state-hover>.dx-accordion-item-title { background-color: rgba(96,96,96,.1); } .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) { border-bottom-color: rgba(96,96,96,.1); } .dx-accordion-item-opened { border-color: #d3d3d3; } .dx-accordion-item-opened.dx-state-hover>.dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened>.dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened>.dx-accordion-item-title:before { content: "\f014 "; } .dx-accordion-item-opened+.dx-accordion-item { border-top-color: transparent; } .dx-accordion-item-opened+.dx-accordion-item.dx-state-hover:not(.dx-state-focused) { border-top-color: rgba(96,96,96,.1); } .dx-accordion-item-title { color: #232323; padding: 9px 12px; font-size: 18px; } .dx-accordion-item-title:before { font-weight: normal; color: #232323; content: "\f016 "; font-family: DXIcons; font-size: 18px; margin-left: 9px; margin-right: 0; line-height: 24px; } .dx-accordion-item-title .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; display: inline-block; } .dx-rtl .dx-accordion-item-title .dx-icon, .dx-rtl.dx-accordion-item-title .dx-icon { margin-left: 9px; margin-right: 0; } .dx-state-disabled.dx-accordion-item { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-focused.dx-accordion-item { border-color: #606060; } .dx-accordion-item-body { padding: 8px 12px 22px; font-size: 14px; } .dx-rtl .dx-accordion-item-title:before { margin-left: 0; margin-right: 9px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideoutview-menu-content, .dx-slideoutview-content { background-color: #fafafa; } .dx-slideoutview-content { border-color: rgba(211,211,211,.5); } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-pager { padding-top: 9px; padding-bottom: 9px; } .dx-pager .dx-pages .dx-page { padding: 8px 7px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 17px; padding: 9px 13px; } .dx-pager .dx-pages .dx-prev-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-prev-button:before { content: "\f012 "; } .dx-pager .dx-pages .dx-next-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-next-button:before { content: "\f010 "; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { font-size: 21px; text-align: center; line-height: 21px; } .dx-pager .dx-pages .dx-prev-button:before, .dx-pager .dx-pages .dx-next-button:before { position: absolute; display: block; width: 21px; top: 50%; margin-top: -10.5px; left: 50%; margin-left: -10.5px; } .dx-pager .dx-page-sizes .dx-page-size { padding: 8px 9px; } .dx-pager .dx-page-sizes .dx-page-size { background-color: rgba(96,96,96,.2); } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { color: #fff; background-color: #606060; } .dx-colorview-container { width: 450px; } .dx-colorview-container label { line-height: 36px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; margin: 1px 1px 10px 0; } .dx-colorview-hue-scale-cell { margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { width: 90px; margin-left: 27px; } .dx-colorview-container label { color: #767676; } .dx-colorview-palette-cell, .dx-colorview-alpha-channel-border, .dx-colorview-hue-scale-wrapper, .dx-colorview-color-preview-container { padding: 1px; margin: 1px; margin-top: 0; background-color: #fff; box-shadow: 0 0 0 1px lightgray; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-state-focused.dx-colorview { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-rtl .dx-colorview-controls-container { margin-left: 0; margin-right: 27px; } .dx-rtl .dx-colorview-hue-scale-cell { margin-left: 0; margin-right: 19px; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 0; margin-right: 43px; } .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-left: 40px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0; } .dx-colorbox-color-result-preview { border-color: #d3d3d3; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-colorbox-overlay .dx-popup-content { padding: 20px; } .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 40px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-bottom: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-pager, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview { border-top: 1px solid #d3d3d3; } .dx-datagrid .dx-menu { background-color: transparent; height: 100%; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content { padding: 6px 5px 4px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0 3px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053 "; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054 "; } .dx-datagrid .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals:before { content: "\f044 "; } .dx-datagrid .dx-icon-filter-operation-default { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0 0; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; padding: 0; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid .dx-icon-filter-operation-default:before { content: "\f027 "; } .dx-datagrid .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals:before { content: "\f045 "; } .dx-datagrid .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less:before { content: "\f046 "; } .dx-datagrid .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal:before { content: "\f048 "; } .dx-datagrid .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater:before { content: "\f047 "; } .dx-datagrid .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal:before { content: "\f049 "; } .dx-datagrid .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains:before { content: "\f063 "; } .dx-datagrid .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains:before { content: "\f066 "; } .dx-datagrid .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with:before { content: "\f064 "; } .dx-datagrid .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with:before { content: "\f065 "; } .dx-datagrid .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NI+J/A8B8DJoAQbgmsEKwDC8QtAQC2WDWbJkSICQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center center; background-size: 14px 5px; } .dx-datagrid .dx-menu-items-container .dx-menu-item-has-icon.dx-menu-item-selected .dx-icon-filter-operation-between { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAGUlEQVQY02P8/5+BkQET/GfEJ4EVMJJsFACqkg38+KlM0gAAAABJRU5ErkJggg==); } .dx-datagrid .dx-row-alt>td { background-color: #f6f6f6; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { color: #606060; } .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before { width: 6px; height: 6px; left: 4px; top: 4px; } .dx-datagrid .dx-row-lines>td { border-bottom: 1px solid #d3d3d3; } .dx-datagrid .dx-column-lines>td { border-left: 1px solid #d3d3d3; } .dx-datagrid .dx-error-row td { background-color: rgba(234,68,68,.6); color: #fff; padding: 7px; } .dx-datagrid .dx-error-row td .dx-error-message { white-space: normal; word-wrap: break-word; padding-right: 35px; } .dx-datagrid .dx-error-row td .dx-closebutton { float: right; margin-top: 2px; margin-right: 2px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0 0; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row td .dx-closebutton:before { content: "\f00a "; } .dx-datagrid .dx-row>td { padding: 7px; } .dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input { padding: 7px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 64px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input { padding-right: 90px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 90px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input { padding-right: 60px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 60px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 34px; } .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-datagrid-export-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { font-size: 12px; } .dx-editor-cell .dx-texteditor { background: #fff; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: #fff; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 34px; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 74px; } .dx-editor-cell .dx-dropdowneditor { background-color: #fff; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-checkbox-size { line-height: normal; } .dx-datagrid-checkbox-size .dx-checkbox-icon { height: 16px; width: 16px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-message { color: #a8a8a8; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; background-color: #fff; color: #767676; border: 1px solid #d3d3d3; padding: 7px; -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-drag-header { -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); color: #767676; padding: 7px; border: 1px solid rgba(96,96,96,.5); background-color: #fff; } .dx-datagrid-columns-separator { background-color: #d3d3d3; } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight>td { background-color: #606060; color: #fff; } .dx-datagrid-focus-overlay { border: 2px solid #606060; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) { background-color: #efefef; color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-right-color: #efefef; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: #efefef; color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td.dx-pointer-events-none { background-color: transparent; } .dx-datagrid-table .dx-row .dx-command-select { width: 70px; min-width: 70px; } .dx-datagrid-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-datagrid-table .dx-row .dx-command-expand { width: 30px; min-width: 30px; } .dx-datagrid-headers { color: #767676; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-headers .dx-datagrid-table .dx-row>td { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: #232323; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused { background-color: transparent; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { border: 2px solid #606060; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #fff; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-datagrid-filter-row .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-datagrid-filter-row .dx-menu-item-content .dx-icon { color: #898989; } .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 7px 7px 32px; } .dx-datagrid-filter-range-overlay .dx-overlay-content { border: 1px solid #d3d3d3; overflow: inherit; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15); box-shadow: 2px 2px 3px rgba(0,0,0,.15); } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after { border-color: #b8e8a1; left: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { background-color: #fff; padding: 7px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after { border: 2px solid #606060; } .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-highlight-outline { padding: 7px; } .dx-datagrid-header-panel { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-header-panel .dx-button { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: #eaffe0; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -moz-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -ms-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -o-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: linear-gradient(180deg,#eaffe0 0%,#eaffe0 100%); } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: #a8dd8f; } .dx-datagrid-header-panel .dx-apply-button:not(.dx-state-hover):not(.dx-state-disabled):not(.dx-state-active) { background-color: #b8e8a1; background-color: #cdf8b9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -moz-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -ms-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -o-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: linear-gradient(180deg,#cdf8b9 0%,#b9e9a2 100%); } .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-icon-column-chooser:before { content: "\f04d "; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b "; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c "; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041 "; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050 "; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f "; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f060 "; } .dx-datagrid-group-panel { margin-bottom: 10px; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: #767676; padding: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 10px; color: #767676; border: 1px solid #d3d3d3; padding: 7px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 10px; color: #767676; padding: 8px; background-color: rgba(96,96,96,.1); } .dx-datagrid-search-panel { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child>td { border-top-width: 0; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-row.dx-edit-row>td { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-master-detail-row>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form)>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell { background-color: #f9f9f9; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after { border: 1px solid rgba(234,68,68,.4); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused>.dx-highlight-outline::after { border: 1px solid #ea4444; } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px 9px; } .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-datagrid-rowsview .dx-row-removed>td { background-color: #b8e8a1; border-top: 1px solid #b8e8a1; border-bottom: 1px solid #b8e8a1; } .dx-datagrid-rowsview .dx-row.dx-group-row { color: #767676; background-color: #ececec; font-weight: bold; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #d3d3d3; border-bottom-color: #d3d3d3; } .dx-datagrid-rowsview .dx-selection.dx-row>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td { background-color: #dfdfdf; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-datagrid-group-space { border-right-color: #dfdfdf; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-pointer-events-none { border-left-color: #d3d3d3; border-right-color: #d3d3d3; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-focused { background-color: #fff; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines)>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines)>td { border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; } .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines>td { border-left-color: #d3d3d3; } .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines>td { border-bottom-color: #d3d3d3; } .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 0; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-opened:before { content: "\f001 "; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-closed:before { content: "\f04e "; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { width: 100%; } .dx-datagrid-search-text { color: #fff; background-color: #606060; } .dx-datagrid-nodata { color: #a8a8a8; font-size: 17px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #d3d3d3; } .dx-datagrid-pager { border-top: 3px double #d3d3d3; } .dx-datagrid-pager.dx-widget { color: #232323; } .dx-datagrid-summary-item { color: rgba(35,35,35,.7); } .dx-datagrid-total-footer { border-top: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer>td { background-color: #fff; border-top: 1px solid #d3d3d3; border-left-width: 0; } .dx-datagrid-revert-tooltip .dx-overlay-content { background-color: transparent; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button { margin: 0 1px; background-color: #ea4444; border-color: #ea4444; } .dx-datagrid-revert-tooltip .dx-revert-button>.dx-button-content { padding: 6px; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover, .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused { border-color: #a22; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active { background-color: #a22; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon .dx-icon { color: #fff; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #efefef; border-right-color: transparent; } .dx-rtl .dx-datagrid .dx-column-lines>td { border-right: 1px solid #d3d3d3; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #dfdfdf; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td { border-right-color: #d3d3d3; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-pointer-events-none { border-left-color: #d3d3d3; } .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-left: 0; } .dx-rtl .dx-datagrid-search-panel { margin-bottom: 10px; margin-right: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-left: 10px; } .dx-datagrid-table-fixed .dx-row.dx-group-row td { background-color: #ececec; } .dx-pivotgrid .dx-area-description-cell .dx-button-content { padding: 5px; } .dx-menu-item { color: #232323; } .dx-menu-item .dx-icon { color: #606060; } .dx-menu-item.dx-menu-item-has-text .dx-icon { margin-right: -18px; } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-active, .dx-menu-item-expanded { outline: none; background-color: rgba(96,96,96,.1); color: #232323; } .dx-menu-base { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-menu-base input, .dx-menu-base textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-menu-base .dx-menu-item-selected, .dx-menu-base .dx-menu-item-selected.dx-state-focused, .dx-menu-base .dx-menu-item-selected.dx-state-active { background-color: #606060; } .dx-menu-base .dx-menu-item-selected>.dx-menu-item-content *, .dx-menu-base .dx-menu-item-selected.dx-state-focused>.dx-menu-item-content *, .dx-menu-base .dx-menu-item-selected.dx-state-active>.dx-menu-item-content * { color: #fff; } .dx-menu-base.dx-state-focused { outline: none; } .dx-menu-base .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu-base .dx-menu-item-content { padding: 3px 5px 7px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-text { padding: 0 25px 5px 23px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 23px 5px 25px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon { margin-left: -18px; } .dx-context-menu-container-border { background-color: transparent; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15); box-shadow: 0 1px 1px rgba(0,0,0,.15); } .dx-context-menu-content-delimiter { background-color: #fff; } .dx-menu { color: #232323; } .dx-menu .dx-menu-item-expanded { background-color: #fff; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 19px 0 3px; } .dx-menu .dx-menu-item-has-text .dx-menu-item-text { padding: 0 0 5px 5px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 19px 5px 5px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before { content: "\f001 "; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { content: "\f04e "; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 3px 0 19px; } .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text { padding: 0 5px 5px 0; } .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 5px 5px 19px; } .dx-context-menu { color: #232323; } .dx-context-menu.dx-overlay-content.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-context-menu .dx-submenu { background-color: #fff; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); } .dx-context-menu .dx-menu-item-selected>.dx-menu-item-content { color: #fff; } .dx-context-menu .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-context-menu .dx-menu-item-popout:before { content: "\f04e "; } .dx-context-menu .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-context-menu .dx-menu-separator { background-color: #d3d3d3; } .dx-context-menu .dx-menu-no-icons>.dx-menu-item-wrapper>.dx-menu-item>.dx-menu-item-content .dx-menu-item-text { padding-left: 5px; } .dx-rtl .dx-context-menu .dx-menu-no-icons>.dx-menu-item-wrapper>.dx-menu-item>.dx-menu-item-content .dx-menu-item-text, .dx-rtl.dx-context-menu .dx-menu-no-icons>.dx-menu-item-wrapper>.dx-menu-item>.dx-menu-item-content .dx-menu-item-text { padding-right: 5px; padding-left: 25px; } .dx-context-menu.dx-rtl .dx-menu-item-content { padding: 5px 3px 5px 5px; } .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 23px 5px 25px; } .dx-calendar { width: 282px; min-width: 282px; height: 268.6px; min-height: 268.6px; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 323.6px; min-height: 293.6px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { text-align: center; height: 45px; width: 100%; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button { background: none; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator { line-height: 1.6; height: 36px; display: table; border-collapse: collapse; } .dx-calendar-navigator .dx-button { height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: table-cell; border-color: #e0e0e0; } .dx-calendar-navigator .dx-button .dx-icon { font-size: 16px; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; border-color: #b7b7b7; } .dx-calendar-navigator .dx-calendar-caption-button { font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: uppercase; right: 32px; left: 32px; background: none; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content { padding: 2px 15px 4px; } .dx-calendar-navigator-previous-month { width: 32px; background: none; } .dx-calendar-navigator-previous-month.dx-button { margin: 0 2px; } .dx-calendar-navigator-previous-month .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-next-view { width: 32px; background: none; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button { margin: 0 1px; } .dx-calendar-navigator-previous-month .dx-button-content, .dx-calendar-navigator-next-view .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-view, .dx-calendar-navigator-previous-month { left: 0; } .dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-next-month { right: 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .dx-calendar-body { top: 52px; } .dx-calendar-body thead { border-bottom: 1px double #d3d3d3; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } .dx-calendar-body thead tr th { color: #a8a8a8; padding-bottom: 10px; } .dx-calendar-body table { padding: 1px 1px; } .dx-calendar-body table th { color: #a8a8a8; text-align: center; font-size: 12px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 1px 0 6px 0; } .dx-calendar-cell { text-align: center; padding: 1px 8px 2px; color: #232323; font-size: 15px; border: 1px double transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; width: 39px; } .dx-calendar-cell.dx-calendar-today { text-shadow: 0 1px 0 #232323; } .dx-calendar-cell.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell { color: #9f9f9f; } .dx-calendar-cell.dx-calendar-other-view.dx-state-hover, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover { color: #9f9f9f; } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat; } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover { background-color: transparent; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) { background-color: rgba(96,96,96,.2); } .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today { color: #fff; background-color: #606060; text-shadow: 0 1px 0 white; font-weight: normal; } .dx-calendar-cell.dx-calendar-contoured-date { border: 1px double #606060; border-color: rgba(96,96,96,.4); } .dx-state-focused.dx-calendar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-invalid.dx-calendar { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #ea4444; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-treeview .dx-loadindicator { top: 8px; left: -1px; width: 14px; height: 14px; } .dx-treeview.dx-treeview-border-visible { border: 1px solid #d3d3d3; } .dx-treeview.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 26px; } .dx-treeview.dx-treeview-border-visible .dx-scrollable-content>.dx-treeview-node-container { padding: 1px 1px 1px 7px; } .dx-treeview .dx-treeview-select-all-item { margin: 0 0 7px 0; border-bottom: 1px solid #d3d3d3; padding: 9px 0 11px 20px; } .dx-treeview .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 31px; } .dx-treeview .dx-treeview-node { padding-left: 15px; } .dx-treeview .dx-treeview-node.dx-state-selected>.dx-treeview-item { color: #232323; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 36px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox { top: 5px; left: 19px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused>.dx-checkbox .dx-checkbox-icon { border: 1px solid #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item { background-color: #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item * { color: #fff; } .dx-treeview .dx-treeview-item { padding: 6px 6px; min-height: 32px; } .dx-treeview .dx-treeview-item .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview .dx-treeview-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-treeview .dx-treeview-toggle-item-visibility { font: 14px/1 DXIcons; font-size: 22px; text-align: center; line-height: 22px; width: 21px; height: 32px; top: 0; left: -4px; } .dx-treeview .dx-treeview-toggle-item-visibility:before { content: "\f04e "; } .dx-treeview .dx-treeview-toggle-item-visibility:before { position: absolute; display: block; width: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -11px; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { font: 14px/1 DXIcons; font-size: 22px; text-align: center; line-height: 22px; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { content: "\f001 "; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { position: absolute; display: block; width: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -11px; } .dx-treeview.dx-rtl .dx-loadindicator { left: auto; right: 0; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content>.dx-treeview-node-container { padding-left: 1px; padding-right: 7px; } .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 15px; } .dx-treeview.dx-rtl .dx-treeview-item .dx-icon { margin-left: 5px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 36px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 19px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 19px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 0; padding-right: 31px; } .dx-treeview.dx-rtl.dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility { right: -4px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { overflow: visible; } .dx-field { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-field input, .dx-field textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-field-label { color: #767676; cursor: default; } .dx-field-value.dx-attention { color: #ea4444; padding-left: 28px; } .dx-field-value.dx-attention:before { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: 60%; } .dx-field-label { padding: 8px 15px 9px 0; } .dx-field { min-height: 36px; padding: 0; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget)>.dx-widget { margin: 0; } .dx-field-value:not(.dx-widget)>.dx-button, .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-checkbox { margin: 7px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget)>.dx-switch { margin: 6px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget)>.dx-slider { margin: 4px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget)>.dx-radiogroup { margin: 5px 0; } .dx-field-value.dx-attention { padding: 8px 10px 9px; position: relative; padding-left: 28px; } .dx-field-value.dx-attention:before { left: 0; } .dx-field-value-static { padding: 8px 10px 9px; } .dx-fieldset { margin: 30px 20px; padding: 0; } .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget)>.dx-button, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-button, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget)>.dx-switch, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-switch { float: left; } .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-field { margin: 0 0 10px 0; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-button, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-button, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-switch, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget)>.dx-switch { float: left; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-device-mobile .dx-field { margin: 0 0 10px 0; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: rgba(96,96,96,.1); } .dx-tabpanel .dx-tab { width: 140px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-tabpanel .dx-tab-selected:before { content: ""; pointer-events: none; position: absolute; top: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; border-bottom: 1.5px solid #fff; bottom: -1.4px; } .dx-tabpanel .dx-indent-wrapper { display: block; } .dx-tabpanel.dx-state-focused .dx-multiview-wrapper { border: 1px solid #606060; } .dx-tabpanel.dx-state-focused .dx-tab-selected:after { border-top: 1px solid #606060; border-right: 1px solid #606060; border-left: 1px solid #606060; } .dx-tabpanel .dx-multiview-wrapper { border: 1px solid #d3d3d3; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content>.dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0 7px; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border: none; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; border: 3px dashed #d3d3d3; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 14px 3px; margin: -3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-fileuploader-dragover .dx-fileuploader-input-label { padding: 14px 9px; } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: #a8a8a8; } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 8px 9px; color: #232323; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-files-container { padding: 12px 3px 0; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-invalid .dx-fileuploader-files-container { padding-top: 50px; } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding: 0; } .dx-fileuploader-file { padding-top: 5px; line-height: 13px; } .dx-fileuploader-file-name { padding-bottom: 3.5px; color: #232323; } .dx-fileuploader-file-size { padding-bottom: 3.5px; } .dx-timeview { height: auto; width: auto; } .dx-timeview-clock { min-height: 199px; min-width: 199px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAAC/CAQAAAAF48WNAAAQA0lEQVR42u2deXQV1R3HJwkh7CQsshyxIVqkxUBYYlgihE1StRxOKxb6FQm9KMKxEEUoixBLa1W2IGpaQQ0eyyJooQItCpICKopCFFQqClEWlyKEHVF40z/end/MvDdvnzuZl3fP94+8vDdz585n7tzld3/3/hQocaCWyMVwTMECLMN67MQBHMNJnIYKFSrO4CSO4QB2YgNewEJMxW+Qh1bxcGfuzVorDMZkLMNunOOYI9UF7MELeBCD0VriD0/JuAET8CIORok8kL7E3zEBXZAi8VurNYqwCidsxu6rE1iFIve8DW7IRAc8hD3wBIF2BnvxKp7AFIzBUPRBR2QhAxloCAUNkIEMZOF69MZQjMGDWIR1+ABngqTnwR7MRsdEx98e01AZANH3eA/PYhIGoEWUqbdAf0zEUuzC9wGu8QFm4NpExJ+G4diMK5bVw1oUIw+ptl6tNx7EP3Hc8k3YghFISxz8P8F8fOuH4Qp2YQ56CW0ck5GLWXgbly0e+gJk1X783bESP/rc+mVswd1o6WAumoPhdb+HcBmrcWPtxT8QW/1K3U6Mr7EBUguMw9t+OdqOwbUPf74f+hNYjGwX9Ls6odSvu7sd/WoP/q7Y5HN7lShCPRcNf9IwGnt98rgZXeMff0s859O/eR0DXWkASMIQbDaNPq7gObSJX/x1MRnVJvSb7GvaWCZLp88FrED/Lyb1wEZTjs9iBurGI/48n9e5Avk2gS9lFUxlKiuAAoWVsGqmMpVVsyKbct4bm005/wS94wt/I5SaqpyPUWhf6kxlVQb8FayClfAHkm7bVQrxsakaegqN4wV/P1QZsl6N+1HHzvRZJhQD/hwoUFi6/o1NqoMJplHyYRFtlt0JpuJRQ7n3oDxqi02oN8AEm2Uylaks0+brZOBZQ2N8BfPsNk7YbbvcZSgvBzFIVJ3ph38tU1m5kGsV4IDhnnbjZ27FfzvOGkrKfDQQ12Mw42flTGWVNtb8ZtXH4wYDxTmMdB/+OphneE0Po7/Y/rIRv2D4Xt2ELwzvwCK77LF2Da6MJoU1yBA9SDI0veVMZeWC4StQ0BQrTWaJVm7B3wmHDJMk4xxBr6nE9F+B4GuPwUXD7HG2G/APxClDpeOAwZZVGFRk+i9H+NW7GSqhM7GPZmLNDnCJsvOGozb7mlJzvE53/AOKahL/RENzu9TewZWLlYIyw8imuKbwzzZkYnqCoNc02TC4fKgm8P+FLn8JIxIMvgIFv8YFIvC40/jn0KXP4+YEhO8dD58mCvOdxD+VLnsaNyUofO/sgD5N+Sen8N9nmK/tkcDwFSjIwf+IxlQn8IN6O6ecdstwpbrRuMcDiMY/gPr55xO62jGqF7nAX8IAkfivo7nbSwnb4FoXygtUI2SLwt8Sn0X/mtVyDaUq+Ugk3hGRjPV0q+Y0CdxP04jOjvB9I8JPfh4lXyZhW6rMMB9gM/7b6eWqcNsCHRfZgnRvPtiJvwOtFTmcEFbN6K2hVdQv7GQX/ro0gX4JuRJyUHXFec5qH+rbg/9ReqXukYBDqohoPWkH/n40y79awg1Ly6l7PiRW/I1ocu2w+An0WqIm1AIcQZPY8JfSwpv+EmzYyqcaoywW/HmUzHwJNSI9ShVQfrT4U8lF/HORHmu1UvXwKWe3P5hfaPD5TO0JDpJAI1ZfGqhOjwZ/S5pKe17CjErP0AqZNpHjX0r++c0lyqiUTusDlkWKP4ccKSZKkFFrPFXfuZHh30QNR6rEGIMRbh8ZKiPAn08D50IJMcZ5MI1k//DxVwR/ZlIRSKtH3goXf396YvkSX8y6MVhNEqzsb5LwbNGrgcu/lcVae1rSi8ce5dAArGdo/Kv4oVslONu0IZDJ3vfAa2izoyESm40WUG2953XB8c+lbQCSJDYbtdPaB8J3VldzGB0jkdmqkeSUXC8w/uH8oJPhTBNLRaC6+MbKBcV8kLaRyhMSmO3SVgP9JxD+9mRmy5a4bFcW73560MEa/zTaXVDCEiFtOFtijX8P/3m8RCVEjPP9yAp/B/JpuEqiEqJm+IEzvsEf/yz+0xYJSpi0bfrm+OPfzX+6W2ISptGc8V5f/K14u3xFVj0C1ZT8ptqZ8WvP5R0JSah2cM5jzfhX8K//KBEJ1XTO+R9G/Mm0OjtPIhKqbrQCso6OP5sMQskSkVAlke2nu47/Xv7VWglIuNZw1pN0/C/yr4olHuG6n7N+Scd/SM7uOu75cFTDfxX/4qLIrdKluOrQ4rurvfgH83/flXAckRYv5lYv/gf4v89KNI7or/rWDAoUlBvbYinh0vyel3vxa8a2ARKNI8rX7f4KFNoMSBrbnDK8aXsEpChoSatYJBin9B1nnqn3Q3dLLI7pfa26V3AH//iyxOK44aFI35NzocTimLStqWYpWMA/PiCxOKZiznyxgmX846h4yLgaUnGBfxRnvlLBev4x3jaGTEZdNEQj1DdubhYn+Ido8SsVvBOH1s4kNMC1KMQ9uA93oBuaaY8gTvDncubvKxSVqoP1oSyTFdgejizWct8cv8QafAcPPLiI3ZiC67yTd+7BzwqCcMvizKsUHDG7PpiSSOexEFVW6qpR43BUmoJafod5yESSW/CzHB7GU2XW84dteL6/VmgD6KYWyZQzlVXzmKBFrrGX5+LffiG+j2ICGroGfwGrZCWsnKkBuGlmh1PB8VczlQ2DwoqYyipcU/bH+0QB9gaxWY/2rsGfzv9WMJWVWBzRWIt9pNCiRwsfBy0WFitgKlNd0ui2xUJTTGmVNm7sg2S31P0skxWwIqay6gD1P881fbBMpIKprJIVeFsAl5T+n2CJBXwVBzDQRfhLQgRyI/xaSUoK0oRUugh/K8wzBLDUtRc9kaS6p9+j1f3DguMPUvfzhHLYMBfV/Y0x1hTGWKv716Cd2/r9rDQAN0PdH6zpTefdz0qmMrf4AKWgM172Kf8eHMIo1HNPx5P/XRug62no+RzV3R4sarBKVsGqmcoqXVSqGuAWbKeVIiqu4ChmeyOIqm6p+atZBY8ob1X5tNb7/Z8FHvWyYayKqazakYCskagh+mIpqnAW53AcW3E3WnvbLpfgH8bRVwao+Q2jXs3m0yvOnJVaIhe3YyQGob2+CDzObD679d02hsad1TwJyUgx99jiz+K5LJ52cagl9v47OfNV+mzXZInfMU3SZ7v+IOd6HZe2bc9sBSMowL3E4rSnwxjdz2eXxFITfj7Sy815aV5u7RXoPp5yq2xn1ITsVCkKFHwgPZwdVT7tl6co0CPtSP9+Z6T596/y4p8pV7c4qjI9qoUCBb+Qa7sc1Q7z2q42cmWjo8bC87prj/crLcxXb4lHuHpw1l9B0fBrje8Uiccxe88aHf8E/tU6iccxg0Oxjr8L/+q43NFE+BzFV5x1ro4/GSf5l10lIqHKoVhehv18FKzWV1pLCdQ089Y92tdakN8dEpFQbeOcx5nxt+XebpfRTEISpqbkHnONGb++tYDcuV+cRvluI6z/VMJ/Wi8xCZO2ju4Rf/wdaacBWf2IUTouccad/fEr+JD/eI9EJURjKA6mYoV/Bv/5TYlKiN7gfB+2xn8t+fp3krBsVybFBrneGr+CLfyAUonLds2xGlmZDxlJCzXTJDBblUq2nlGB8afRupG7JDJbdQe589QPjF/BQn7YhzJqna3aaR2Sy/ew9jJmowD1Cjdmo4KXZLRe27Uu0HSW/6F5tFytuwRnizpTh75PaPx6eK+NEp0tWhs4HJ3V4YW0ZrCXhBezulPZvy08/Ho7LWN4xa5/BQvFaH3KYCr/N0uAMalfcJKhzEP7vFPCUlEphbZ92mZ9RKATe5CB6D6JMWqNpV5kz8jwK3ie7D9y+iU6NaHQ68sDHRP45NY4zU9eIlFGpac5v/NW+2WEwq/7pHhQIGFGrD5Ufc8KfFSwBNLwX9opqp4EGpHS8Ek47IIn0p+GDI9JpFFNroSoOUIls4RiWN8koUZg4fwxvHYzVEJNaZvVL5AuwYalxjjImR0LxSx0YgOpAlou0YalZVTx3Brq2HCSm0sD599JuCEFovVM6KPDSbAuDZ0voJsEHFRdaOHcfjSwB7+CjpToF2ghIQdUOj6ngtolnDPCTXgEvVKvGcMVSJkMbBuJ0tjwzgk/8VJKukyittQTROj5cM8JP/FUbKfk5RIkf40nOu+G76QWyQWuojGAJw73PRSrobSv7pHABrbY8CvIpi2Hz8vtZwzqS12TU8iO5MxILzSAlgickxPxXHlUKC+jMLJzoxlWeOhJy1XACrJxgmr98ZGeHc0F76fLHU/4B9CFZrRUzIj8/OguOosuWZ3Qu6DcaCj586JJIdoLP0aXPZuwjXBfmo5VsSi6NKK/uP4ALuBXCdnVPE8EFkbrjh9LBmYaAhgkWrzT3xviZ8yJPp3YMlFsCOH0dMLYglIMBhgVU2NJK9asjKZxgIpNzm/EynIcjyiZbjCs/RiuaU0UfgUDadCh4pCTHVGWQxElcxzsaH5Od3sm9hVAdmSpE76kLF1EkUPw01kVU1kFK2HlrMCxmSy9uT2ibw1Qs/gVtKa9Kb1zwk0cwF/icCyxxig33OPbaGtHqnZlLtVg7VZR5b+Mxnb8lUxlRayIlThS9nsaKh0VZXbteGpnFn9reDUv4xGxm7IylakUFVdshVcXc8hvR8VFjLYvbXsz+nPaDd27NqCXYPzlPDBflUD4fchd0HtP2Xambndm07DAMBa4gjJRzlms2oFgtul4ihxlVXiw2G5fVxGZHkSBCL1W0QkiVsiwtd5QxKxYUOlPBjOF5jwWqS2/pvAraIIyQ6lRsc9+F3Vvqec9/2Lb76AAe0whOZeIeYvF1Zn52G+KKrrR7iEZj4xYZTv8HhTJz6tP0U8UJZE9hjTMxFlTGXolPOejGlRnrDWFIj+LmeY9SOIHvwIFbfCcqRryYAMGuRR9f2wwofdgBdqJvaYTt9UTW31iS1fiTleFakjFCIqlpWl7oNWI8Ybf6yHxps/tfYt56OgC9D/FY/jWJ287MdiZqzt5o4V4y+c2PdgGVmMLVzMwBhWm6kaFindCe+XHJ34FCnrjFVNb4A0fthFFjq6dSccorDfMVGiDxFecdhyoiVKXhUUGDwF96mIbpqOr0E3MktAV07HNYMFRyWdpse9OU7UVvwIF9QFs83vxVaj4BqtRjDyk2ni1OuiOYqzG1xbXU7Edd4nsXLoRv1cdUIKPLZGoOIe38DeMRx80jXrs3RvjUIYdFJXSV/vxcM02/27o9t2AOdgbAJC2r8R7WI25mIQ7UYhcZKEZMtCYn98IGWiGLOSiEMBEzMVq7DJ4n1npE/zZDUNA9/S9r8ZYvGyYNxajs1iHe5Hplrt228hTq6WP2oz9a96iuGx3IvdaX9rhFkzDCuzD91Eiv4SPsBLTcJsWqsN9ige3piS0RR+Mwiw8iRV4DXtwEMdxEmfI4eMkvsNB7MFrWIEnMRujMRDt48Ht6/8v5DIilGMhYAAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 191px; } .dx-timeview-hourarrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA5CAQAAABU3im4AAAANUlEQVQoU2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZxDCR0g5SipIDcr4AsTwAUieEZJG7FqcAAAAASUVORK5CYII=); background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABPCAQAAACJpcdkAAAAN0lEQVQ4T2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZo0xsTKTcgpSH5ICcL0AsDwAA0RyP9T484wAAAABJRU5ErkJggg==); background-size: 5px 79px; } .dx-timeview-field { min-height: 50px; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler-time-panel { margin-top: -50px; } .dx-scheduler-time-panel-cell { height: 100px; } .dx-scheduler-date-table-cell { height: 50px; } .dx-scheduler-all-day-title { height: 75px; line-height: 75px; font-size: 14px; font-weight: bold; top: 56px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 25px; line-height: 25px; } [dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 96px; } [dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -41px; height: 40px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 126px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -71px; height: 70px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 156px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -101px; height: 100px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 106px; } .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 136px; } .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -81px; height: 80px; } .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 166px; } .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -111px; height: 110px; } .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 196px; } .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -141px; height: 140px; } .dx-scheduler-all-day-table { height: 75px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 25px; } .dx-scheduler-header-panel { margin-top: 10px; } .dx-scheduler-header-panel-cell { height: 40px; } .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 145px; margin-bottom: -145px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 175px; margin-bottom: -175px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 35px; margin-bottom: -35px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 65px; margin-bottom: -65px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 95px; margin-bottom: -95px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title { top: 57px; } .dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 13px; } .dx-scheduler-appointment-tooltip .dx-button-content { font-size: 12.307692308px; } .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon { font-size: 16px; } .dx-scheduler-appointment-tooltip .dx-scheduler-appointment-tooltip-title { font-size: 16px; } .dx-scheduler-dropdown-appointments .dx-button-content { padding: 0; } .dx-scheduler.dx-state-focused, .dx-scheduler-header.dx-state-focused, .dx-scheduler-navigator.dx-state-focused, .dx-scheduler-work-space.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-header { background-color: #eee; border: 1px solid rgba(211,211,211,.6); height: 56px; } .dx-scheduler-navigator { height: 36px; } .dx-scheduler-navigator .dx-button { margin: -1px 5px 0 0; height: 36px; } .dx-scheduler-view-switcher.dx-tabs { font-size: 14px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); border-top: 1px solid #606060; border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after { height: 56px; } .dx-scheduler-navigator, .dx-scheduler-view-switcher.dx-dropdownmenu { margin-top: 10px; } .dx-scheduler-view-switcher-label { margin-top: 16px; right: 60px; } .dx-rtl .dx-scheduler-view-switcher-label { left: 60px; right: auto; } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: 1px solid rgba(211,211,211,.6); } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header { font-size: 14px; color: #232323; } .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: bold; font-size: 18px; color: #232323; } .dx-scheduler-all-day-panel { background-color: #fafafa; } .dx-scheduler-work-space { padding-top: 56px; margin-top: -56px; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(211,211,211,.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(211,211,211,.5); color: #767676; } .dx-recurrence-editor-container { position: relative; margin-top: 15px; margin-bottom: 21px; padding-top: 17px; } .dx-scheduler-appointment-popup .dx-popup-content { padding: 0; } .dx-scheduler-appointment-popup .dx-fieldset { margin: 0 15px 15px 10px; } .dx-scheduler-appointment-popup .dx-popup-title { background-color: #fff; border-bottom: none; } .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl { margin: 0; } .dx-scheduler-appointment-popup .dx-toolbar-after { margin-right: 4px; } .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after { margin-left: 4px; margin-right: 0; } .dx-scheduler-appointment-popup .dx-recurrence-repeat-end-container { margin: 0; } .dx-scheduler-appointment-popup .dx-recurrence-switch { margin-top: 6px; } .dx-scheduler-appointment-popup .dx-scheduler-appointment-popup-recurrence-field { margin-bottom: 13px; } .dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label, .dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label { line-height: 36px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before { background-color: #fafafa; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .dx-scheduler-appointment-tooltip-buttons:before, .dx-scheduler-appointment-tooltip-buttons:after { display: table; content: ""; line-height: 0; } .dx-scheduler-appointment-tooltip-buttons:after { clear: both; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(even) { float: right; margin-right: 0; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(odd) { float: left; margin-left: 0; } .dx-scheduler-appointment-tooltip-buttons .dx-button .dx-button-content { padding: 2px 10px 3px 10px; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { font-size: 16px; } .dx-scheduler-header-panel, .dx-scheduler-time-panel { font-size: 20px; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5), .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-right: 1px solid #a0a0a0; } .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-left: 1px solid #a0a0a0; border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-group-header:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-group-header:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-group-header:last-child { border-right: none; } .dx-scheduler-appointment.dx-state-focused { color: #fff; } .dx-scheduler-dropdown-appointment { border-bottom: 1px solid rgba(211,211,211,.6); } .dx-scheduler-dropdown-appointment-date { color: #767676; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { background-color: #fafafa; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 146px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 176px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 66px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 96px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 36px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-form-group-with-caption>.dx-form-group-content { border-top: 1px solid #d3d3d3; } .dx-form-group-caption { font-size: 20px; } .dx-form-group-with-caption .dx-form-group-content { padding-bottom: 20px; } .dx-field-item-label-text { color: #767676; } .dx-field-item-help-text { color: #767676; } .dx-field-item-required-mark { color: #ea4444; } .dx-field-item-optional-mark { color: #afafaf; } .dx-desktop-layout-main-menu { background: #606060; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected { background: #efefef; border-top: 1px solid #d6d6d7; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover { background: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover { background: #696969; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text { color: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text { color: #efefef; } .dx-desktop-layout-copyright { color: #818181; } .dx-desktop-layout-toolbar { background: #efefef; border-bottom-color: #d6d6d7; } .dx-splitter { border-right-color: #d6d6d7; } .dx-widget { max-width: 100% !important; } .dx-toast, .dx-loadpanel { height: auto !important; } .dx-switch-wrapper { width: inherit; } .dx-checkbox-text { margin-left: -10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgb(85, 85, 85); } .dx-checkbox-container { overflow: inherit; } .dx-state-disabled .dx-checkbox-text { color: #D1CFCF; } /* ##planning */ .dx-scheduler-time-panel { /*margin-top: -36px !important;*/ margin-top: -28px !important; } .dx-scheduler-date-table-cell { /*height: 36px !important;*/ height: 28px !important; } .dx-scheduler-time-panel-cell { border-bottom: 0; height: 56px !important; } .dx-button-has-icon { padding: 3px !important; } .dx-scheduler-navigator { margin-top: 8px !important; } .dx-scheduler-navigator .dx-button { height: 29px !important; } .dx-button-has-icon .dx-icon { font-size: 17px !important; } .dx-scheduler-header { height: 45px !important; } .dx-scheduler-appointment { color: #000; } .dx-scheduler-appointment-content { padding: 2px 7px 0 7px !important; } .dx-tab { padding: 0px !important; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after { height: 43px !important; } .dx-scheduler-header-panel { margin-top: 0px !important; } .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: 500 !important; font-size: 16px; } .dx-scheduler-navigator .dx-button-has-icon .dx-button-content { padding: 2px !important; } .dx-scheduler-navigator .dx-button-has-text .dx-button-content { padding: 3px 18px 8px !important; } /* / réduction hauteur planning */ .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-content-details > * { white-space: nowrap !important; } .dx-overlay-wrapper { z-index: 2000 !important; width: inherit; } .dx-invalid-message>.dx-overlay-content { display: none; } /* modal de confirmation */ .dx-overlay-content { margin: 0px auto; width: 50%; } .dx-toast-warning { background-color: #E21937 !important; } /* datagrid */ .dx-datagrid-summary-item { color: inherit; } /* * Don't modify things marked with ! - unless you know what you're doing */ /* ! vertical layout */ .multiSelect .vertical { float: none; } /* ! horizontal layout */ .multiSelect .horizontal:not(.multiSelectGroup) { float: left; } /* ! create a "row" */ .multiSelect .line { max-height: 34px; overflow: hidden; } /* ! create a "column" */ .multiSelect .acol { display: inline-block; min-width: 12px; } /* ! */ .multiSelect .inlineBlock { display: inline-block; } /* the multiselect button */ .multiSelect .button { display: block; position: relative; text-align: center; cursor: pointer; border: 1px solid #c6c6c6; padding: 1px 8px 1px 8px; font-size: 14px; min-height: 38px !important; border-radius: 4px; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: normal; background-color: #fff; background-image: linear-gradient(#fff, #f7f7f7); } /* button: hover */ .multiSelect .button:hover { background-image: linear-gradient(#fff, #e9e9e9); } /* button: clicked */ .multiSelect .buttonClicked { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); } /* labels on the button */ .multiSelect .buttonLabel { display: inline-block; padding: 5px 0px 5px 0px; } /* downward pointing arrow */ .multiSelect .caret { display: inline-block; width: 0; height: 0; margin: 0px 0px 1px 12px !important; vertical-align: middle; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; } /* the main checkboxes and helper layer */ .multiSelect .checkboxLayer { background-color: #fff; position: absolute; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); min-width: 278px; display: none !important; margin-right: 30px; } /* container of helper elements */ .multiSelect .helperContainer { border-bottom: 1px solid #ddd; padding: 8px 8px 0px 8px; } /* helper buttons (select all, none, reset); */ .multiSelect .helperButton { display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 26px; font-size: 13px; border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.6; margin: 0px 0px 8px 0px; } /* clear button */ .multiSelect .clearButton { position: absolute; display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 22px; width: 22px; font-size: 13px; border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.4; right: 2px; top: 2px; } /* filter */ .multiSelect .inputFilter { border: 1px solid #ccc; height: 26px; font-size: 14px; width: 100%; padding-left: 7px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #888; margin: 0px 0px 8px 0px; } /* helper elements on hover & focus */ .multiSelect .clearButton:hover, .multiSelect .helperButton:hover { border: 1px solid #ccc; color: #999; background-color: #f4f4f4; } /* container of multi select items */ .multiSelect .checkBoxContainer { display: inline-block; padding: 8px; } /* ! to show / hide the checkbox layer above */ .multiSelect .show { display: block !important; } /* item labels */ .multiSelect .multiSelectItem { display: block; padding: 3px; color: #444; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border: 1px solid transparent; position: relative; min-width: 278px; } /* change mouse pointer into the pointing finger */ .multiSelect .multiSelectItem span:hover, .multiSelect .multiSelectGroup span:hover { cursor: pointer; } /* ! group labels */ .multiSelect .multiSelectGroup { display: block; clear: both; } /* right-align the tick mark (✔) */ .multiSelect .tickMark { display: inline-block; position: absolute; right: 10px; top: 7px; font-size: 10px; } /* hide the original HTML checkbox away */ .multiSelect .checkbox { color: #ddd !important; position: absolute; left: -9999px; cursor: pointer; } /* checkboxes currently disabled */ .multiSelect .disabled, .multiSelect .disabled:hover, .multiSelect .disabled label input:hover ~ span { /*color: #c4c4c4 !important;*/ cursor: not-allowed !important; } /* If you use images in button / checkbox label, you might want to change the image style here. */ .multiSelect img { vertical-align: middle; margin-bottom: 0px; height: 22px; width: 22px; } /* * Don't modify things marked with ! - unless you know what you're doing */ /* ! vertical layout */ .multiSelect .vertical { float: none; } /* ! horizontal layout */ .multiSelect .horizontal:not(.multiSelectGroup) { float: left; } /* ! create a "row" */ .multiSelect .line { padding: 2px 0px 4px 0px; max-height: 30px; overflow: hidden; box-sizing: content-box; } /* ! create a "column" */ .multiSelect .acol { display: inline-block; min-width: 12px; } /* ! */ .multiSelect .inlineBlock { display: inline-block; } /* the multiselect button */ .multiSelect > button { display: inline-block; position: relative; text-align: center; cursor: pointer; border: 1px solid #c6c6c6; padding: 1px 8px 1px 8px; font-size: 14px; min-height: 38px !important; border-radius: 4px; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; white-space: normal; background-color: #fff; background-image: linear-gradient(#fff, #f7f7f7); } /* button: hover */ .multiSelect > button:hover { background-image: linear-gradient(#fff, #e9e9e9); } /* button: disabled */ .multiSelect > button:disabled { background-image: linear-gradient(#fff, #fff); border: 1px solid #ddd; color: #999; } /* button: clicked */ .multiSelect .buttonClicked { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); } /* labels on the button */ .multiSelect .buttonLabel { display: inline-block; padding: 5px 0px 5px 0px; } /* downward pointing arrow */ .multiSelect .caret { display: inline-block; width: 0; height: 0; margin: 0px 0px 1px 12px !important; vertical-align: middle; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; } /* the main checkboxes and helper layer */ .multiSelect .checkboxLayer { background-color: #fff; position: absolute; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); min-width: 278px; display: none !important; } /* container of helper elements */ .multiSelect .helperContainer { border-bottom: 1px solid #ddd; padding: 8px 8px 0px 8px; } /* helper buttons (select all, none, reset); */ .multiSelect .helperButton { display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 26px; font-size: 13px; border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.6; margin: 0px 0px 8px 0px; } .multiSelect .helperButton.reset { float: right; } .multiSelect .helperButton:not( .reset) { margin-right: 4px; } /* clear button */ .multiSelect .clearButton { position: absolute; display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 22px; width: 22px; font-size: 13px; border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.4; right: 2px; top: 4px; } /* filter */ .multiSelect .inputFilter { border: 1px solid #ccc; height: 26px; font-size: 14px; width: 100%; padding-left: 7px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #888; margin: 0px 0px 8px 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } /* helper elements on hover & focus */ .multiSelect .clearButton:hover, .multiSelect .helperButton:hover { border: 1px solid #ccc; color: #999; background-color: #f4f4f4; } .multiSelect .helperButton:disabled { color: #ccc; border: 1px solid #ddd; } .multiSelect .clearButton:focus, .multiSelect .helperButton:focus, .multiSelect .inputFilter:focus { outline: 0; } /* container of multi select items */ .multiSelect .checkBoxContainer { display: block; padding: 8px; overflow: hidden; } /* ! to show / hide the checkbox layer above */ .multiSelect .show { display: block !important; } /* item labels */ .multiSelect .multiSelectItem { display: block; padding: 3px; color: #444; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border: 1px solid transparent; position: relative; min-width: 278px; min-height: 32px; } /* Styling on selected items */ .multiSelect .multiSelectItem .acol label { display: inline-block; padding-right: 30px; margin: 0px; font-weight: normal; line-height: normal; } /* change mouse pointer into the pointing finger */ .multiSelect .multiSelectItem span:hover, .multiSelect .multiSelectGroup span:hover { cursor: pointer; } /* ! group labels */ .multiSelect .multiSelectGroup { display: block; clear: both; } /* right-align the tick mark (✔) */ .multiSelect .tickMark { display: inline-block; position: absolute; right: 10px; top: 7px; font-size: 10px; } /* hide the original HTML checkbox away */ .multiSelect .checkbox { color: #ddd !important; position: absolute; left: -9999px; cursor: pointer; } /* checkboxes currently disabled */ .multiSelect .disabled, .multiSelect .disabled:hover, .multiSelect .disabled label input:hover ~ span { /*color: #c4c4c4 !important;*/ cursor: not-allowed !important; } /* If you use images in button / checkbox label, you might want to change the image style here. */ .multiSelect img { vertical-align: middle; margin-bottom: 0px; max-height: 22px; max-width: 22px; } .cc_banner-wrapper { z-index: 9001; position: absolute; } .cc_container .cc_btn { cursor: pointer; text-align: center; font-size: 0.6em; transition: font-size 200ms; line-height: 1em; } .cc_container .cc_message { font-size: 0.6em; transition: font-size 200ms; margin: 0; padding: 0; line-height: 1.5em; } .cc_container .cc_logo { display: none; text-indent: -1000px; overflow: hidden; width: 100px; background-size: cover; background-image: url(/RessourcesCommunes/Content/img/visuels/logo_city_zen.png); opacity: 0.9; transition: opacity 200ms; } .cc_container .cc_logo:hover, .cc_container .cc_logo:active { opacity: 1; } @media screen and (min-width: 500px) { .cc_container .cc_btn { font-size: 0.8em; } .cc_container .cc_message { font-size: 0.8em; } } @media screen and (min-width: 768px) { .cc_container .cc_btn { font-size: 1em; } .cc_container .cc_message { font-size: 1em; line-height: 1em; } } @media screen and (min-width: 992px) { .cc_container .cc_message { font-size: 1em; } } @media print { .cc_banner-wrapper, .cc_container { display: none; } } .cc_container { position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 10px 15px 50px; } .cc_container .cc_btn { font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 13px; border: 1px solid transparent; padding: 8px 16px; background-color: #f1d600; position: absolute; border-radius: 2px; bottom: 10px; left: 15px; right: 15px; text-align: center; } @media screen and (min-width: 500px) { .cc_container { left: initial; right: 20px; bottom: 20px; width: 300px; padding-bottom: 77px; } .cc_container .cc_btn { right: 15px; bottom: 42px; } .cc_container .cc_logo { display: block; position: absolute; bottom: 8px; left: calc(50% - 50px); } } @media screen and (min-width: 768px) { .cc_container { padding-bottom: 87px; } .cc_container .cc_message { font-size: 1em; } } .cc_container { background: #fff; color: #999; font-size: 17px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; box-sizing: border-box; border: 1px solid #ccc; } .cc_container::-moz-selection { background: #ff5e99; color: #fff; text-shadow: none; } .cc_container .cc_btn, .cc_container .cc_btn:visited { border-color: #82bc00; color: #82bc00; background-color: #ffffff; transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; } .cc_container .cc_btn:hover, .cc_container .cc_btn:active { background-color: #82bc00; color: #fff; } .cc_container a, .cc_container a:visited { text-decoration: none; color: #1681C3; transition: 200ms color; } .cc_container a:hover, .cc_container a:active { color: #136899; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .cc_container { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @media screen and (min-width: 500px) { .cc_container { border-radius: 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); } } .erreur-cellure-datagrid { background-color: #FFB5BE !important; } #rendezvousmodal .buttonLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 335px; } .btn-actions-del { border: 1px solid rgb(204, 204, 204); padding: 15px 0px; } .btn-50-pourcent { width: 50%; } .souscription-en-ligne #panierTpl .picto-devis { padding: 0 40px; } .sel-paiement-titre { font-size: 22px; padding-top: 10px; } .sel-paiement-titre .sel-paiement-montant { font-size: 18px; } .sel-paiement-sstitre { padding-top: 7px; } .sel-paiement-sstitre, .sel-paiement-sstitre .sel-paiement-montant { font-size: 16px; } .sel-paiement-prestaformule, .sel-paiement-prestaformule .sel-paiement-montant { font-size: 14px; } .datetime-picker-dropdown > li.date-picker-menu div > table .btn-default { border: 0; } /* Paybox */ .statut-paybox { margin-top: 30px; margin-bottom: 30px; font-weight: 700; font-size: 23px; } .statut-ok-paybox { font-size: 17px; } /* / Paybox */ /* page d'impression */ .entete-impression { font-size: 20px; margin-top: 30px; text-transform: uppercase; text-align: center; } .container-donnees { margin-top: 30px; } .tableau-donnees { margin-top: 20px; } .tableau-donnees .col { padding: 0 5px; text-align: center; } .date-edition { text-transform: uppercase; } .date-edition .titre { width: 200px; float: left; } .date-edition div { padding-left: 5px; } .gras { font-weight: 600; } /* prospect */ .permis1EuroPanier { height: 50px; width: auto; } .permis1Euro { width: 150px; height: auto; } .permis1EuroTexte { text-align: center; margin-top: 20px; } /* / prospect */ /* tableau */ .col { font-weight: bold; float: none; display: table-cell; vertical-align: bottom; } .enteteTabl { border-bottom: 2px solid #ddd; padding-bottom: 8px; } .tableau-donnees .row { display: table; width: 100%; } .tableau-donnees .ligne-donnees { padding: 5px 0; border-bottom: 1px solid #dddddd; } .tableau-donnees .ligne-regroupement { background-color: #F5F5F5; -webkit-print-color-adjust: exact; } .tableau-donnees .ligne-regroupement { border-top: 1px solid #ddd; margin-top: 1px; } .tableau-donnees .ligne-donnees .col { font-weight: 200; } .tableau-donnees .ligne-regroupement .col { font-weight: bold; display: block; } .tableau-donnees .ligne-donnees .total-libelle.col { font-size: 16px; font-weight: bold; text-align: right; } .tableau-donnees .ligne-donnees .total-montant.col { font-weight: bold; vertical-align: middle; } .col { width: 8%; } .col-total { width: 40%; margin-left: 20px; text-align: right; padding-right: 20px !important; } /* / page d'impression */ /* planning*/ #choixVuePlanning { } #choixVuePlanning .multiSelect .caret { border-top: 4px solid #ffffff; } #choixVuePlanning .multiSelect .button { margin-top: 2px; border: none; background-color: transparent; color: #ffffff; font-size: 20px; } /* /planning*/ /* save button sur les datagrid de batch */ .dx-datagrid-save-button, .dx-datagrid-cancel-button { visibility: hidden; height: 0px; } #captchaDIV { display: flex; justify-content: center; } #refreshCaptchaButton { width: fit-content !important; height: fit-content !important; padding: 1%; margin-right: 3%; background-color: #82bc00; border-color: #82bc00; color: white; border-style: solid; } .ln-connection { display: flex; align-items: center; height: 100%; padding-block: 15px; gap: 15px; padding-inline: 0px; margin-inline: 0px; } .ln-connected-indicator { font-weight: bold; color: #82bc00; letter-spacing: 1px !important; z-index: 15; border-radius: 2px; white-space: nowrap; border: 1px solid transparent; line-height: 1.42857143; padding: 6px 12px; } .ln-agence { font-weight: bold; color: #82bc00; } .lnligneTableau > td { background-color: white !important; border: 1px solid #0c0c0c1c; } .lnligneErreur > td { background-color: #FF9F9F !important; } .lnligneDeclare > td { background-color: #72727272 !important; } .lnligneNonDeclarable > td { background-color: #FFE19F !important; }