/* Minification failed. Returning unminified contents. (5065,23): run-time error CSS1036: Expected expression, found '$' (5066,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9026,31): run-time error CSS1036: Expected expression, found '$' (9027,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9236,11): run-time error CSS1036: Expected expression, found '$' (9237,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9565,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9568,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9572,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9574,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9577,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9674,26): run-time error CSS1039: Token not allowed after unary operator: '-thead' (9676,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9682,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9686,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9697,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9708,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9710,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9715,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9717,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9721,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9728,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9730,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9744,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9751,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9764,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9778,26): run-time error CSS1039: Token not allowed after unary operator: '-table-hover-lighter' (9786,20): run-time error CSS1039: Token not allowed after unary operator: '-black-color-light' (9788,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9802,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-light' (9839,28): run-time error CSS1039: Token not allowed after unary operator: '-thead' (9861,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9863,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9886,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9888,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-light' (9893,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9895,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9910,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9912,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-light' (9918,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9920,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-light' (9926,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9928,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9956,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color' (10046,30): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (10048,19): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (11812,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (11988,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (13463,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns-hover' (13985,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (14343,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-color' (14347,20): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (14351,20): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (14534,15): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (14538,15): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (14740,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (16145,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color' (16150,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-color' (20985,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (20987,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (21510,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (21575,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (21578,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (21598,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (21600,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24372,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24383,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24385,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24403,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24405,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24407,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns-hover' (24413,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24418,26): run-time error CSS1039: Token not allowed after unary operator: '-past-due-color' (24422,26): run-time error CSS1039: Token not allowed after unary operator: '-due-today-color' (24426,26): run-time error CSS1039: Token not allowed after unary operator: '-scheduled-color' (24436,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24467,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-light' (24475,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24477,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24483,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24490,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24493,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24505,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24510,15): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (24515,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24520,20): run-time error CSS1039: Token not allowed after unary operator: '-black-color-lighter' (24520,41): run-time error CSS1019: Unexpected token, found '!important' (24520,41): run-time error CSS1042: Expected function, found '!important' (24520,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (24542,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-color-lightest' (24548,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24550,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24563,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-lightest' (24567,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24569,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24582,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24592,15): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24668,20): run-time error CSS1039: Token not allowed after unary operator: '-light-red' (24672,20): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (24678,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24688,15): run-time error CSS1039: Token not allowed after unary operator: '-text' (24710,14): run-time error CSS1039: Token not allowed after unary operator: '-thead' (24715,20): run-time error CSS1039: Token not allowed after unary operator: '-blue-btns' (24731,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24741,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24743,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24748,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (24750,15): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (24783,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (24791,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (24799,15): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (24811,26): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (24820,26): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (24843,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (25208,15): run-time error CSS1039: Token not allowed after unary operator: '-text' (25320,11): run-time error CSS1039: Token not allowed after unary operator: '-var-thead' */ /*@import url('https://fonts.googleapis.com/css?family=Roboto:300'); @import url('https://fonts.googleapis.com/css?family=Open+Sans');*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0; font-size: 2em } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100% !important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } select { background: #fff !important } .navbar { display: none } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important } .label { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important } } @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\2a" } .glyphicon-plus:before { content: "\2b" } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) } body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } figure { margin: 0 } img { vertical-align: middle } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777 } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 18px } .h5, h5 { font-size: 14px } .h6, h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width:768px) { .lead { font-size: 21px } } .small, small { font-size: 85% } .mark, mark { padding: .2em; background-color: #fcf8e3 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:hover { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ol, ul { margin-top: 0; margin-bottom: 10px } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; margin-left: -5px; list-style: none } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px } dl { margin-top: 0; margin-bottom: 20px } dd, dt { line-height: 1.42857143 } dt { font-weight: 700 } dd { margin-left: 0 } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777 } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0 } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014' } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { margin-right: -15px; margin-left: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table > thead > tr > th { vertical-align: top; border-bottom: 2px solid #ddd } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px } .table-bordered { border: 1px solid; border-color: rgba(67,43,93, 0.3); } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { /*border:1px solid #ddd*/ } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px } .table-striped > tbody > tr:nth-of-type(odd) { /*background-color:rgba(174,170,234,0.1);*/ } table col[class*=col-] { position: static; display: table-column; float: none } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5 } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8 } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8 } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6 } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7 } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3 } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3 } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; /*border: 1px solid #ddd*/ } .table-responsive > .table { margin-bottom: 0 } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap } .table-responsive > .table-bordered { border: 0 } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 4px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #fff; opacity: 1 } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: 34px } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px } } .form-group { margin-bottom: 15px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 6px \9; margin-left: -20px } .checkbox + .checkbox, .radio + .radio { margin-top: -5px } .checkbox-inline, .radio-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm, textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.form-group-sm .form-control { height: 30px; line-height: 30px } select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control { height: auto } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg, textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.form-group-lg .form-control { height: 46px; line-height: 46px } select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control { height: auto } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442 } .has-error .form-control-feedback { color: #a94442 } .has-feedback label ~ .form-control-feedback { top: 25px } .has-feedback label.sr-only ~ .form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group > .form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px } } /*.btn { display: inline-block; padding: 7px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px }*/ .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.active, .btn:active { background-image: none; outline: 0; /*-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)*/ } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65 } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } /*.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #375a90; }*/ .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 2px } .btn-group-xs > .btn, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none; visibility: hidden } .collapse.in { display: block; visibility: visible } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(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 { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777 } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open > .dropdown-menu { display: block } .open > a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right > .dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { right: auto; left: 0 } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2 } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group > .btn-group { float: left } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical > .btn-group > .btn { float: none } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1% } .btn-group-justified > .btn-group .btn { width: 100% } .btn-group-justified > .btn-group .dropdown-menu { left: auto } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; /*background-color: #eee;*/ border: 1px solid #ccc; border-radius: 4px } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn > .btn { position: relative } .input-group-btn > .btn + .btn { margin-left: -1px } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2 } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav > li { position: relative; display: block } .nav > li > a { position: relative; display: block; padding: 10px 15px; overflow: hidden; } .nav > li.disabled > a { color: #777 } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav > li > a > img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .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: 3px 3px 0 0; padding: 6px 15px; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified > li { float: none } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1% } .nav-tabs.nav-justified > li > a { margin-bottom: 0 } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff } } .nav-pills > li { float: left } .nav-pills > li > a { border-radius: 4px } .nav-pills > li + li { margin-left: 2px } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7 } .nav-stacked > li { float: none } .nav-stacked > li + li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified > li { float: none } .nav-justified > li > a { margin-bottom: 5px; text-align: center } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-justified > li { display: table-cell; width: 1% } .nav-justified > li > a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff } } .tab-content > .tab-pane { display: none; visibility: hidden } .tab-content > .active { display: block; visibility: visible } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar { position: relative; margin-bottom: 20px; border: 1px solid transparent } @media (min-width:768px) { .navbar { border-radius: 4px } } @media (min-width:768px) { .navbar-header { float: left } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1) } .navbar-collapse.in { overflow-y: auto } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { 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-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { 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; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand > img { display: block } @media (min-width:768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px } @media (min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px -15px } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none } } @media (min-width:768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav > li { float: left } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1) } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group > .form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px } } @media (min-width:768px) { .navbar-left { float: left !important } .navbar-right { float: right !important; margin-right: -15px } .navbar-right ~ .navbar-right { margin-right: 0 } } .navbar-default { background-color: #ffffff; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav > li > a { color: #777 } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent } /*.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd }*/ .navbar-default .navbar-toggle .icon-bar { /*background-color: #888*/ background: #fff; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808 } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb > li { display: inline-block } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb > .active { color: #777 } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px } .pagination > li { display: inline } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #23527c; background-color: #eee; border-color: #ddd } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none } .pager li { display: inline } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee } .pager .next > a, .pager .next > span { float: right } .pager .previous > a, .pager .previous > span { float: left } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #777 } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44 } .label-info { background-color: $primary-color; background-color: var(--primary-color); font-weight: normal; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff } .list-group-item > .badge { float: right } .list-group-item > .badge + .badge { margin-right: 5px } .nav-pills > li > a > .badge { margin-left: 3px } .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron .h1, .jumbotron h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron > hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding: 48px 0 } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } .jumbotron .h1, .jumbotron h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7 } .thumbnail .caption { padding: 9px; color: #333 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert > p, .alert > ul { margin-bottom: 0 } .alert > p + p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media, .media-body { overflow: hidden; zoom: 1 } .media-body { width: 10000px } .media-object { display: block } .media-right, .media > .pull-right { padding-left: 10px } .media-left, .media > .pull-left { padding-right: 10px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { padding-left: 0; margin-bottom: 20px } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } a.list-group-item { color: #555 } a.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5 } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -o-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-heading > .dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0 } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0 } .list-group + .panel-footer { border-top-width: 0 } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0 } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0 } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0 } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 } .panel > .table-responsive { margin-bottom: 0; border: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel + .panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; /*border-color: #ddd*/ } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7 } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6 } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1 } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1 } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10400; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5) } .modal-backdrop { position: fixed; top: 0; right: 0; left: 0; background-color: #000; bottom: 0; z-index: 9999; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 } .modal-header { min-height: 16.43px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn + .btn { margin-left: -1px } .modal-footer .btn-block + .btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .part-history-dialog { width: 940px !important; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; font-weight: 400; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0 } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover > .arrow { border-width: 11px } .popover > .arrow:after { content: ""; border-width: 10px } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0 } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0 } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25) } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block } .carousel-inner > .active { left: 0 } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100% } .carousel-inner > .next { left: 100% } .carousel-inner > .prev { left: -100% } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0 } .carousel-inner > .active.left { left: -100% } .carousel-inner > .active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=50); opacity: .5 } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1 } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: 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 } @-ms-viewport { width: device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } } @media (max-width:767px) { .visible-xs-block { display: block !important } } @media (max-width:767px) { .visible-xs-inline { display: inline !important } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } } @media (min-width:1200px) { .visible-lg-block { display: block !important } } @media (min-width:1200px) { .visible-lg-inline { display: inline !important } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } /*! * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ body { background-color: #f6f6f6; /*font-family: Myriad Pro;*/ } .d-block { display: block; } .right-border-lg-md{ border-right: solid 1px #ccc; } body.modal-open { padding: 0px !important; } #wrapper { /*width: 100%; height:100vh;*/ width: 100%; position: relative; left: 0; overflow-x: hidden !important; min-height: 100vh !important; /*height: 100%;*/ } /*.main-content{ height:100%; }*/ .btn-default { border-color: #cbd8e0 !important; color: #656565 !important; } @media(min-width:768px) { #page-wrapper { position: inherit; margin: 0 0 0 50px; padding: 0 15px; border-left: 1px solid #e7e7e7; } /***toggle menu er 01-22-2018**/ .sidebar, #page-wrapper, sidetoggle, .sidetoggle .nav > li > a label, .sidetoggle .sidebar .fa.arrow:before { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .sidetoggle #page-wrapper { margin-left: 215px; } .sidetoggle .sidebar { width: 215px; } .sidetoggle .sidebar .fa.arrow:before, .sidetoggle .nav-text { display: none; -webkit-transform: translateZ(0); } /****naver hover*/ .sidebar ul li .nav-text { display: none; } .sidetoggle .sidebar ul li .nav-text { display: block; } .sidetoggle .sidebar ul li:hover .nav-text { display: block; left: 44px; } .sidebar ul li:hover .nav-text { position: fixed; width: 130px; z-index: 99999999 !important; display: block; left: 50px; height: 40px; margin-top: -10px; line-height: 40px; padding: 0 6px; border-radius: 0 4px 4px 0; } /****end here*/ /***collaps icon*/ .collap-btn-f { cursor: pointer; } .collap-btn-f:before { position: absolute; right: -16px; padding: 0px 4px; content: "\f101"; font-family: 'FontAwesome'; } .sidetoggle .collap-btn-f:after { position: absolute; right: -16px; padding: 0px 4px; content: "\f100"; font-family: 'FontAwesome'; } } #side-menu { background-color: #fff; height: calc(100vh - 102px); } /***end*/ @media(max-width:768px) { /* For Mobile only*/ .footer div { text-align: center; } .text-center-xs { text-align: center; } } @media(max-width:767px) { .right-border-lg-md { border-right: none; } } @media(max-width:600px) { /* For Mobile only*/ .padding-l-15 { padding-left: 15px !important; } .pull-none { float: none !important; } .notification_box { margin-right: 5px !important; margin-left: 5px !important; padding-right: 5px !important; padding-left: 0px; margin-top: 10px; margin-bottom: 13px; } } .navbar-top-links { margin-right: 0; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 15px; } .navbar-top-links li a { padding: 15px; min-height: 50px; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } .sidebar .sidebar-search { padding: 15px; } .sidebar ul li { border-bottom: 1px solid #e7e7e7; } /*.sidebar ul li a.active { background-color: #eee; }*/ .sidebar .arrow { float: right; } .sidebar .fa.arrow:before { content: "\f104"; } .sidebar .active > a > .fa.arrow:before { content: "\f107"; } .sidebar .nav-second-level li, .sidebar .nav-third-level li { border-bottom: 0 !important; } .sidebar .nav-second-level li a { padding-left: 16px; } .sidebar .nav-third-level li a { padding-left: 52px; } @media(min-width:768px) { .sidebar { z-index: 1; position: absolute; width: 50px; margin-top: 1px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-primary.btn-outline { color: #428bca; } .btn-success.btn-outline { color: #5cb85c; } .btn-info.btn-outline { color: #5bc0de; } .btn-warning.btn-outline { color: #f0ad4e; } .btn-danger.btn-outline { color: #d9534f; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } .dataTables_wrapper { position: relative; clear: both; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: 0 0; } table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: "Font Awesome 5 Free"; font-weight: 900; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: "Font Awesome 5 Free"; font-weight: 900; } table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgba(50, 50, 50, .5); } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } .show-grid { margin: 15px 0; } .huge { font-size: 40px; } .panel-green { border-color: #5cb85c; } .panel-green .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } .panel-green a { color: #5cb85c; } .panel-green a:hover { color: #3d8b3d; } .panel-red { border-color: #d9534f; } .panel-red .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } .panel-red a { color: #d9534f; } .panel-red a:hover { color: #b52b27; } .panel-yellow { border-color: #f0ad4e; } .panel-yellow .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } .panel-yellow a { color: #f0ad4e; } .panel-yellow a:hover { color: #df8a13; } .white-navbar { background-color: #FFF !important; } .f12 { font-size: 12px !important; } .space10 { height: 10px; } .h-auto { height: auto !important; } .nav li a:first-child { border: none; } .nav li a { border-top: #CCC 1px solid; } .logo { padding-left: 5px; padding-top: 0px; padding-bottom: 0px; /*border-bottom: #dddddd 1px solid;*/ border-right: #dddddd 1px solid; width: 215px; height: 46px; float: left; } .logo img { height: 34px !important; margin-top: 5px; } /*.lead_name span { color: #555555 !important; }*/ .header-actions a { font-size: 14px; padding-right: 4px; padding-left: 4px; color: #aaaaaa !important; border-right: #CCC 1px solid; } .header-actions a.active-menu { color: #1494d1 !important; } .panel-heading { background: none !important; } .header-actions a:hover { color: #1494d1 !important; } .header-actions a:last-child { border-right: none !important; } .header-actions a:last-child { border: none; } .panel-title { /*padding-top: 5px;*/ display: block; font-size: 13px; color: #00518a; letter-spacing: 1px; text-transform: capitalize; } .panel { padding: 13px 20px; box-shadow: none; } .no-padding-left { padding-left: 0px; } .user_name { font-size: 14px; color: #00518a; text-decoration: underline; text-transform: capitalize; } .user_details { padding-top: 10px; padding-left: 10px; /*padding-right: 15px;*/ } .last_visit { font-size: 11px; color: #555555; } .last_visit span { color: #1395d3; } .open-menu { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } .user-header { background: #FFF; /*border-bottom: #dddddd 1px solid;*/ } .control-label { font-weight: normal; color: #999999; } .form-group { clear: both; } .panel-body { /*padding: 17px 0;*/ /*padding: 17px 0 0 0;*/ padding: 0 0 0 0; font-size: 13px; line-height: 20px; color: #555555; } .no-padding-right { padding-right: 0px !important; } .panel-heading { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 2px; padding: 10px 0; } .f-14 { font-size: 14px; color: #313131; } .l-height { line-height: 40px !important; } .pt-20 { padding-top: 20px; } .pt-15 { padding-top: 15px; } .alert .fa { margin-right: 10px; } .lead_details { color: #555555; padding-top: 10px; font-size: 13px; /*border-bottom: #CCC 1px solid;*/ padding-bottom: 10px; } .lead_details span { color: #375a90; } .no-padding { padding: 0px; } .pt-10 { padding-top: 10px; } .nav-white .dropdown .active { background-color: #ffffff !important; } .nav-white .dropdown a { border-right: #CCC 1px solid !important; cursor: pointer; } .nav-white .dropdown .active i { background-color: #ffffff !important; color: #a9a9a9; } .lead_details .short-desc { /*width: 83%;*/ font-size: 12px; line-height: 14px; height: auto; } .lead_details .edit a { width: 20%; font-size: 30px; text-align: right; color: #999999; } .lead_details .edit a:hover { color: #1494d1; } .notification_box { margin-right: 10px; margin-left: 10px; padding-right: 15px; padding-left: 0px; margin-top: 10px; margin-bottom: 13px; } .notification_box a { border-right: #ddd 1px solid; padding: 0 8px; } .pt-5 { padding-top: 2px; padding-bottom: 5px; } #page-wrapper { /*min-height: 772px;*/ } /* footer */ .footer { background: #fff; position: absolute; width: 100%; /*height: 55px;*/ height:auto; bottom: 0px; border-top: #dddddd 1px solid; padding: 15px 15px; font-size: 11px; color: #555555; clear: both !important; z-index: 2; } .custom-search-form { width: 200px; } .header-actions-links a { font-size: 14px; color: #3ea7da !important; } .breadcrumb { background-color: #f5f5f5; border-radius: 4px; list-style: outside none none; margin-bottom: 5px; padding: 8px 0px; } .breadcrumb_container { border-bottom: 1px solid #dce3e8; } .row_actions a { font-size: 15px !important; white-space: nowrap; margin: 0px 5px; color: #999999; } /*.row_actions a:hover { color: #337ab7; }*/ *::after, *::before { box-sizing: border-box; } *::after, *::before { box-sizing: border-box; } .form-control { background-color: #fff; background-image: none; border: 1px solid #cbd8e0; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #656565; display: block; font-size: 13px; height: 34px; line-height: 1.42857; padding: 3px 6px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .form-group { margin-bottom: 10px; height: auto; overflow: hidden; } .button-container-bottom { margin-top: 20px; text-align: right; padding-left: 15px; } .selected_dropdown, .selected_dropdown:hover { background-color: #4baddd !important; color: #ffffff !important; } .adv_search { padding-top: 9px; padding-left: 5px; } .sub_heading { padding: 4px 12px; border-bottom: #dddddd 1px solid; margin: 10px 0px; font-size: 12px; font-weight: bold; } .section_header { padding-top: 5px; padding-bottom: 1px; } .admin_link_dashboard a { display: block; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border: 0; outline: 0; text-decoration: none; font-size: 14px; } .admin_link_dashboard a:hover { padding-left: 5px; text-decoration: none; } .green { color: #00CC33 !important; } .red { color: #CC0000 !important; } .panel-primary .panel-heading { background-color: #337ab7 !important; border-color: #337ab7; color: #fff; } .panel-green { overflow: visible; background-color: #5cb85c !important; border-radius: 4px; padding: 0px 0px; } .panel-primary { background-color: #337ab7; border-radius: 4px; padding: 0px 0px; } .panel-yellow { background-color: #f0ad4e; border-radius: 4px; padding: 0px 0px; } .panel-red { background-color: #d9534f; border-radius: 4px; padding: 0px 0px; } .panel-green i, .panel-primary i, .panel-yellow i, .panel-red i { padding-left: 15px; } .counts { padding-right: 35px !important; } /************ ashwani styles **************/ .control-label-min-h { min-height: 200px; } .margin-5 { margin: 5px; } .border-radius-none { border-radius: 0 !important; } .height-34 { height: 34px; } .padding-10 { padding: 10px !important; } .padding-0 { padding: 0px !important; } .post-img { height: 100%; width: auto; } .chater-nav { width: 100%; height: 26px; margin-bottom: 5px; border: 0; float: left; margin-top: 5px; } .chater-nav ul { margin: 0px; padding: 0px; } .chater-nav ul li { list-style: none; text-align: center; color: #666666; font-size: 12px; height: 26px; line-height: 26px; float: left; border: 0px; } .chater-nav ul li a { text-decoration: none; padding: 0 20px 0 0; color: #666666; display: block; } .chater-nav ul li a:hover { color: #337ab7; } .panel-default p { line-height: 16px !important; margin-bottom: 5px !important; font-size: 12px; } .chat-post { width: 100%; height: auto; border-bottom: 1px solid #CCCCCC; padding: 5px 0 !important; margin-bottom: 0px !important; } .chat-post img { margin-right: 10px !important; } .chat-post p img { max-width: 150px !important; } .border-b-none { border-bottom: none !important; } .img-w-50 { width: 50px; } .padding-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .padding-tb-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .padding-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .padding-tb-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .padding-tb-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .margin-none { margin: 0px !important; } .padding-b-20 { padding-bottom: 20px !important; } .control-h-28 { height: 28px !important; } .chat-body p { font-size: 12px; line-height: 18px; } .padding-none { padding: 0px !important; } .margin-b-20 { margin-bottom: 20px !important; } .fg-dial { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 100px; width: 100%; } .fg-dial-label { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 180px; width: 100%; } .stage-label { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 180px; width: 100%; } canvas { text-align: center !important; display: block; margin: 25px auto 0; } .fg-dial-label { font-size: 20px; margin-top: 30px; } .fg-dial { font-size: 50px; margin-top: 30px; } a .panel:hover { text-decoration: none !important; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08); } .highcharts-button { display: none; } .kpi { width: 100%; height: auto; border: 1px solid #ECECEC; float: left; margin-bottom: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 2px; } .kpi-border-l { border-left: 1px solid #ECECEC; } .dashboard-bg { background: #2A2A2A !important; } .kpi-min-height { min-height: 200px; } .kpi-min-height-100 { min-height: 100px; } .kpi .kpi-title { width: 100%; height: auto; padding: 5px 0px; background: #ECECEC; border-bottom: 1px solid #ECECEC; font-size: 12px; color: #1494D1; /*font-weight: bold;*/ text-transform: uppercase; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-head { width: 100%; height: auto; padding: 5px 15px 5px 15px; border: 1px solid #dce3e8; font-size: 14px; font-weight: bold; float: left; text-transform: uppercase; margin-bottom: 5px; } .panel-head .fa { color: #666666; } .panel-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px; /*clear:both;*/ } .kpi .kpi-sub-title { width: 100%; height: auto; padding: 5px 10px; border-bottom: 1px solid #E6E6E6; font-size: 14px; color: #313131; float: left; margin-bottom: 15px; } .kpi .kpi-title .control { color: #B6B6B6; cursor: pointer; } .kpi .kpi-title .control .fa { color: #C3C3C3; } .kpi .kpi-title .control .fa:hover { color: #848484 !important; } .kpi .kpi-title .control .fa { font-size: 16px; } .kpi .kpi-title .control:hover { color: #337ab7; } .kpi .kpi-graph { width: 100%; height: auto; margin-top: 10px !important; } .kpi select { width: 50%; height: 28px; font-size: 12px !important; color: #333333 !important; border: 1px solid #EBEBEB; padding: 0 10px; float: left; } .kpi .select3 { width: 33.33%; height: 28px; font-size: 14px; color: #333333 !important; border: 1px solid #EBEBEB; padding: 0 10px; float: left; } .kpi table { margin-bottom: 0px !important; } .kpi table tr { padding: 0px 15px !important; } .kpi .table > tbody > tr > td { line-height: 10px !important; text-align: left; } .kpi .table > tbody > tr > th { line-height: 18px !important; text-align: right; } .margin-t-none { margin-top: 0px !important; } #chartContainer canvas { margin-top: 0px !important; } .dashboard-container { width: 100%; height: auto; } .dashboard-container .dashboard-pane { width: 100%; height: auto; padding: 5px 5px 0px; background: #fff; } .dashboard-container .tabs { width: 100%; height: 28px; padding: 0; } .dashboard-container .tabs .tab { height: 28px; width: auto; line-height: 28px; text-align: center; background: #E0E0E0; padding: 0 8px; color: #999999; font-size: 16px; text-decoration: none; float: left; font-weight: 700; margin-right: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .dashboard-container .tabs .tab a { text-decoration: none; } .dashboard-container .tabs .active { background: #fff; } .dashboard-container .tabs .tab .fa { color: #666666; cursor: pointer; } .dashboard-container .tabs .tab .fa:hover { color: #5C5C5C; } .dashboard-container .dashboard-pane .controls span { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #737373; font-weight: 400; cursor: pointer; } .dashboard-container .dashboard-pane .controls span:hover { color: #5C5C5C; } #pie { margin: 0px; } .dashboard-table-cell { padding: 30px 8px 15px; } /*.dashboard-page-wraper{margin:0 0 0 50px!important;}*/ .padding-lr-10 { padding-left: 10px !important; padding-right: 10px !important; } .padding-lr-5 { padding-left: 0px !important; padding-right: 5px !important; } .dashboard-pane .controls { height: 48px; padding: 10px 0; } .dashboard-pane .controls select { border: 1px solid #C4C4C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 2px; height: 28px; font-size: 14px; } .kpi table tr td .fa { font-size: 18px; margin-left: 3px; } .padding-r-10 { padding-right: 5px; } .padding-r-5 { padding-right: 5px; } .tat-value { font-size: 20px; color: #000; padding: 5px 40px 0; } .f40 { font-size: 40px; } .padding-t-10 { padding-top: 10px; } .f18 { font-size: 18px; } .kpi .value { font-size: 20px; font-weight: bold; color: #666666; } .kpi .percent-up { font-size: 60px; color: #228B22; } .login-drop-btn { height: 25px; line-height: 10px; margin-top: 13px; font-size: 24px; padding: 0 5px !important; background: #fff; margin-right: 10px; color: #999999; margin-bottom: 15px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125); } .gray { color: #999999; } .kpi .f-12 { font-size: 12px; color: #313131; line-height: 10px; } .kpi .f-14 { font-size: 14px !important; color: #999999; line-height: 10px; } .kpi .f-20 { font-size: 20px; line-height: 10px; } .kpi .f-25 { font-size: 25px; line-height: 10px; } .kpi .f-30 { font-size: 30px; line-height: 10px; } .kpi .f-40 { font-size: 40px; line-height: 10px; } .kpi .f-50 { font-size: 50px; line-height: 10px; } .kpi .f-60 { font-size: 60px; line-height: 10px; } .margin-t-5 { margin-top: 5px; } .margin-t-7 { margin-top: 7px; } .margin-t-10 { margin-top: 10px; } .margin-t-15 { margin-top: 15px; } .margin-t-16 { margin-top: 16px; } .margin-t-20 { margin-top: 20px; } .margin-t-25 { margin-top: 25px; } .margin-t-30 { margin-top: 30px; } .margin-t-35 { margin-top: 35px; } .margin-t-40 { margin-top: 40px; } .margin-b-5 { margin-bottom: 5px; } .margin-b-6 { margin-bottom: 6px; } .margin-b-7 { margin-bottom: 7px; } .margin-b-8 { margin-bottom: 9px; } .margin-b-10 { margin-bottom: 10px; } .margin-b-11 { margin-bottom: 11px; } .margin-b-0 { margin-bottom: 0px; } .kpi-gray { color: #666666; } .bold { font-weight: bold; } .paddig-l-10 { padding-left: 10px; } .mtt-graduationValueText { font-size: 0px !important; font-weight: bold !important; } .mtt-majorGraduationText { color: #333333; font-size: 12px; text-align: right !important; } circle { background: #CCCCCC !important; } .border-none { border: 0px !important; margin-bottom: 1px; } .margine-t-neg20 { margin-top: -20px; } .min-h-kpi { min-height: 250px; } .guage-value { width: 100%; height: 40px; font-size: 40px; text-align: center; color: #313131; } .guage-target { height: 24px; line-height: 24px !important; width: 60px; display: block; font-size: 16px; margin: 0 auto; text-align: center; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #00CC33; margin-top: -35px; margin-bottom: 10px; } .black { color: #313131; } .mtt-majorGraduationText { text-align: right !important; float: right; } .bgred { background: #CC0000; } svg line { display: none !important; } /* ved */ .product_box { min-height: 150px; width: 100%; border: #e4e4e4 1px solid; margin-bottom: 20px; box-shadow: 2px 2px 3px #fff; cursor: pointer; transition: all 0.5s ease; margin-top: 20px; } .product_detal_box { min-height: 350px; width: 100%; margin-bottom: 20px; transition: all 0.5s ease; margin-top: 20px; } .product_box:hover { -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, .25); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, .25); box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, .25); } .pro_img_price { } .product_image { padding-top: 10px; } .product_detail_image { padding-top: 10px; margin-bottom: 15px; } .product_image img { max-width: 94px !important; height: auto !important; } .product_detail_image img { width: 100%; height: auto; } .product_price_code { padding-top: 5px; } .prod_name { text-transform: uppercase; font-size: 1.2em !important; color: #1494d1; padding-top: 5px; } .prod_desc { font-size: 1em !important; width: 100%; color: #6d6d6d !important; padding: 5px 10px; line-height: 20px !important; } .prod_code { font-size: 1em !important; color: #626262; text-transform: uppercase; } .prod_price { font-size: 1.2em !important; color: #000000; } .product_price_code .form-group { margin-bottom: 0px !important; } /****KK_CSS****Start****/ .checkbox a { float: right; color: #333; } .loginBox { /*background: rgb(244, 193, 162, .60);*/ box-shadow: #5c5c5c 0px 0px 5px; } .login-logo { width: 193px; } .kpi-title .dropdown ul li a { font-size: 12px; padding: 3px 10px; text-transform: none; } .kpi-title .dropdown ul li a .fa { color: #262626 !important; padding: 0px 0px 0px 5px; font-size: 14px !important; } .calendarRange { position: relative; } .calendarRange .daterangepicker { position: absolute; top: 20% !important; left: 25% !important; } .dateInput input { width: 85%; margin: 0px 10px; font-size: 12px; font-weight: normal; color: #262626; border-radius: 2px; border: solid #b0b0b0 1px; text-align: center; } .funnelGP text { font-size: 30px; text-align: center; } .sidebar ul .sub-menu li a, .sidebar li .sub-menu li a { color: #555555; text-decoration: none; } .sidebar ul .sub-menu li a:hover, .sidebar li .sub-menu li a:hover { background-color: transparent !important; } .sidebar ul .sub-menu li.active, .sidebar li .sub-menu li.active { color: #d19b3d; } .sidebar ul .sub-menu li.active a, .sidebar li .sub-menu li.active a { color: #d19b3d; } .sidebar ul .sub-menu li, .sidebar li .sub-menu li { background-color: #f0f0f0; border: none; line-height: 28px; border-bottom: 1px solid #e7e7e7; margin-left: 0px; } .sidebar ul .sub-menu li:hover, .sidebar li .sub-menu li:hover { background-color: #eaeaea; } .sidebar ul .sub-menu li::before, .sidebar li .sub-menu li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; color: #555555; } .sidebar ul .sub-menu { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; } .sub-menu li a.active { background-color: transparent !important; background: transparent !important; } .sub-menu li:hover a { background-color: transparent !important; background: transparent !important; } .kpi-title ul.dropdown-menu { right: 0 !important; top: 100% !important; position: absolute !important; } /****No-Padding****/ .no-padding { padding: 0px !important; } .no-padding-left-right { padding-left: 0px !important; padding-right: 0px !important; } .no-padding-left { padding-left: 0px !important; } .no-padding-right { padding-right: 0px !important; } .no-padding-r-5 { padding: 0px 5px 0px 0px !important; } .barPanel { height: 200px; min-height: 200px; width: 100%; padding: 10px 0px 0px 0px; float: left; } .funnelPanel { min-width: 320px; max-width: 400px; min-height: 370px; height: 425px; margin: 0 auto } .graphPanel { min-width: 310px; height: 160px; min-height: 160px; margin: 0 auto } .progress { margin: 0px; border: solid 1px #fff; height: 15px; } .progress_primaryCont { background: #337ab7; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_primaryCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_primaryCont h2 span { float: right; } .progress_successCont { background: #5cb85c; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_successCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_successConth2 span { float: right; } .progress_warningCont { background: #f0ad4e; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_warningCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_warningCont h2 span { float: right; } .progress_dangerCont { background: #d9534f; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_dangerCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_dangerCont h2 span { float: right; } #example_paginate { float: right; } #example_filter { float: right; } /*.table{ margin-bottom:0px; }*/ .table-bordered > thead > tr > th { border-bottom-width: 2px; font-size: 13px; /*font-weight: 600;*/ white-space: nowrap; width: auto; font-weight: normal; } .table-responsive { width: 100%; overflow-x: auto; /*padding-bottom: 20px;*/ } .ThAction { width: 9% !important; } /****KK_CSS****End****/ /*******21-nov-2018*/ .v-scroll-10 { max-height: 552px; overflow-y: auto; } .v-scroll-8 { max-height: 500px; overflow-y: auto; } .pay_slip{ display: inline-block; font-size: 13px; color: #484848; text-transform: uppercase; } /***onboard**/ .v-list-checkbox { display: flex; flex-direction: column; } .v-list-checkbox label{ display:block !important; margin-bottom:10px; } .v-list-checkbox label{ margin-left:0px !important;} /****progressing tab css*/ #regForm { background-color: #ffffff; margin: 100px auto; font-family: Raleway; padding: 40px; width: 70%; min-width: 300px; } .tab-form-heading { font-size: 20px; margin: 0; margin: 0 0 25px 0; border-bottom: solid 1px #ccc; padding: 0 0 12px 0; } .processing-tab-form input { padding: 10px; width: 100%; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ /* Hide all steps by default: */ .tab { display: none; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: $primary-color !important; background-color: var(--primary-color) !important; } /***end here*/ /*****contract template table hide show*/ .dropdown { position: relative; display: block; margin-top: 0.5em; padding: 0; } /* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */ .dropdown select { width: 100%; margin: 0; background: none; border: 1px solid transparent; outline: none; /* Prefixed box-sizing rules necessary for older browsers */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove select styling */ appearance: none; -webkit-appearance: none; /* Magic font size number to prevent iOS text zoom */ font-size: 1.25em; /* General select styles: change as needed */ /* font-weight: bold; */ color: #444; padding: .6em 1.9em .5em .8em; line-height: 1.3; } .dropdown select, label { /*font-family: AvenirNextCondensed-DemiBold, Corbel, "Lucida Grande","Trebuchet Ms", sans-serif;*/ /*font-family: 'Roboto', sans-serif;*/ font-family: 'Lato', sans-serif; } /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */ .dropdown::after { content: ""; position: absolute; width: 9px; height: 8px; top: 50%; right: 1em; margin-top: -4px; z-index: 2; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat; /* These hacks make the select behind the arrow clickable in some browsers */ pointer-events: none; } /* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .dropdown select::-ms-expand { display: none; } /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */ select:focus::-ms-value { background: transparent; color: #222; } } /* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */ /* Show only the native arrow */ body:last-child .dropdown::after, x:-moz-any-link { display: none; } /* reduce padding */ body:last-child .dropdown select, x:-moz-any-link { padding-right: .8em; } /* Firefox 7+ -- Will let us hide the arrow, but inconsistently (see FF 30 comment below). We've found the simplest way to hide the native styling in FF is to make the select bigger than its container. */ /* The specific FF selector used below successfully overrides the previous rule that turns off the custom icon; other FF hacky selectors we tried, like `*>.dropdown::after`, did not undo the previous rule */ /* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */ _::-moz-progress-bar, body:last-child .dropdown { overflow: hidden; } /* Show only the custom icon */ _::-moz-progress-bar, body:last-child .dropdown:after { display: block; } _::-moz-progress-bar, body:last-child .dropdown select { /* increase padding to make room for menu icon */ padding-right: 1.9em; /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */ -moz-appearance: window; text-indent: 0.01px; text-overflow: ""; /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */ width: 110%; } /* At first we tried the following rule to hide the native select arrow in Firefox 30+ in Windows 8, but we'd rather simplify the CSS and widen the select for all versions of FF since this is a recurring issue in that browser */ /* @supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) { .dropdown select { width:110%; } } */ /* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */ _::-moz-progress-bar, body:last-child .dropdown select:focus { outline: 2px solid rgba(180,222,250, .7); } /* Opera - Pre-Blink nix the custom arrow, go with a native select button */ x:-o-prefocus, .dropdown::after { display: none; } /* Hover style */ .dropdown:hover { border: 1px solid #888; } /* Focus style */ select:focus { outline: none; box-shadow: 0 0 1px 3px rgba(180,222,250, 1); background-color: transparent; color: #222; border: 1px solid #aaa; } /* Firefox focus has odd artifacts around the text, this kills that */ select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } option { font-weight: normal; } /* These are just demo button-y styles, style as you like */ .button { border: 1px solid #bbb; border-radius: .3em; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */ } .output { margin: 0 auto; padding: 1em; } .colors { padding: 2em; color: #fff; display: none; } .red { background: #c04; } .yellow { color: #000; background: #f5e000; } .blue { background: #079; } /****end here*/ /****progress tab*/ @media(max-width:767px) { .progressbar li { width: 100%; } .progressbar li::after { height: 0px; } } .download-icon-exl { min-width: 29px } .download-icon-exl a svg { width: 22px; height: 22px; fill: $primary-color; fill: var(--primary-color); } @media only screen and (min-width: 1136px) { .vertical-middle { vertical-align: middle; display: inline-block; float: none; height: 1rem; } } /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\f95b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\f952"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\f905"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\f95c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\f95d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\f95e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\f95f"}.fa-handshake-slash:before{content:"\f960"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\f961"}.fa-head-side-cough-slash:before{content:"\f962"}.fa-head-side-mask:before{content:"\f963"}.fa-head-side-virus:before{content:"\f964"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\f965"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\f955"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\f966"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\f967"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\f956"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\f968"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\f969"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\f96a"}.fa-pump-soap:before{content:"\f96b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\f96c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\f957"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\f96e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\f96f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\f970"}.fa-store-slash:before{content:"\f971"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\f972"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\f974"}.fa-virus-slash:before{content:"\f975"}.fa-viruses:before{content:"\f976"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f884"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud,.fa.fa-spotify{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cab:before{content:"\f1ba"} /*font-family: 'Open Sans', sans-serif; font-family: 'Lato', sans-serif; font-family: 'Libre Barcode 39 Extended Text', cursive;*/ @font-face { font-family: 'Lato'; src: url("/dist/fonts/lato/lato-bold-webfont.woff2") format("woff2"), url("/dist/fonts/lato/lato-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Lato'; src: url("/dist/fonts/lato/lato-bolditalic-webfont.woff2") format("woff2"), url("/dist/fonts/lato/lato-bolditalic-webfont.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Lato'; src: url("/dist/fonts/lato/lato-italic-webfont.woff2") format("woff2"), url("/dist/fonts/lato/lato-italic-webfont.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Lato'; src: url("/dist/fonts/lato/lato-regular-webfont.woff2") format("woff2"), url("/dist/fonts/lato/lato-regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Libre Barcode 39 Extended Text'; src: url("/dist/fonts/lato/librebarcode39extendedtext-regular-webfont.woff2") format("woff2"), url("/dist/fonts/lato/librebarcode39extendedtext-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-bold-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-bolditalic-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-bolditalic-webfont.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-extrabold-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-extrabold-webfont.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-extrabolditalic-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-extrabolditalic-webfont.woff") format("woff"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-italic-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-italic-webfont.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-regular-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-semibold-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-semibold-webfont.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/dist/fonts/opensans/opensans-semibolditalic-webfont.woff2") format("woff2"), url("/dist/fonts/opensans/opensans-semibolditalic-webfont.woff") format("woff"); font-weight: 600; font-style: italic; } /*$primary-color:#375a90;*/ /*$past-due-color:#fd857f;*/ /*$table-border-color: rgba(67,43,93, 0.3);*/ /*$table-hover-lighter: rgba(174,170,234,0.1);*/ /*====================================================================================================== BORDER RADIUS SHORT MIXIN ======================================================================================================*/ /*====================================================================================================== BORDER RADIUS FULL MIXIN ======================================================================================================*/ /*====================================================================================================== BOX SHADOW MIXIN ======================================================================================================*/ /*====================================================================================================== TRANSITION MIXIN ======================================================================================================*/ /*====================================================================================================== DISPLAY FLEX MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX DIRECTION MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX WRAP MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX FLOW MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ORDER MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX GROW MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX SHRINK MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX BASIS MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX JUSTIFY CONTENT MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN CONTENT MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN ITEMS MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN ITEMS MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION NAME MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION DURATION MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION FILL MODE MIXIN ======================================================================================================*/ /*====================================================================================================== TRANSLATE 3D MIXIN ======================================================================================================*/ /*====================================================================================================== PLACEHOLDER ======================================================================================================*/ :root { --black-color: #000; --black-color-light: #2f2f2f; --black-color-lighter: #333333; --gray-color: #999999; --gray-color-light: #f5f5f5; --gray-color-lighter: #ECECEC; --gray-color-lightest: #ccc; --gray-color-thin: #f6f6f6; --white-color: #fff; --white-color-lighter: #f7f7f7; --danger-color: #ff0000; --red-color: #ff3300; --red-color-light: #f74316; --green-color: #00cc00; } .skin-blue { --light-green: #4cb051; --green-color-lightest: #e7f9e7; --light-red: #f54336; /*--primary-color: #375a90;*/ --primary-color: #00518a; --primary-color-light: #428bca; --primary-color-lighter: rgba(67,43,93, 0.3); --primary-color-lightest: #4da6e4; --status-unassigned-color: #0000FF; /*--status-tech-assigned-color: ;*/ --status-resolved-color: #008000; --status-on-hold-color: #f4c141; /*--past-due-color: #fd857f;*/ --past-due-color: #ff965d; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #5f8bc1; --border-black-color-light: #727272; --border-gray-color: #ddd; /*--table-border-color: rgba(67,43,93, 0.3);*/ --table-border-color: rgb(220, 227, 232); /*--table-hover-lighter: rgba(174,170,234,0.1);*/ --table-hover-lighter: rgba(217, 232, 249, 0.27); --pagination-color: rgba(9, 122, 202, 0.6); --thead: #2581ca; --blue-btns: #0587ef; --blue-btns-hover: #0876ce; --text: #656565; } .skin-skyblue { --primary-color: #00adef; --primary-color-light: #5bc5ed; --primary-color-lighter: rgba(0,173,239, 0.3); --primary-color-lightest: #77d4f9; --status-unassigned-color: #0000FF; /*--status-tech-assigned-color: ;*/ --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #02acf0; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(186,226,241,0.1); } .skin-orange { --primary-color: #fe7c00; --primary-color-light: #e6863b; --primary-color-lighter: rgba(254,124,0, 0.3); --primary-color-lightest: #f4a364; --status-unassigned-color: #0000FF; --status-tech-assigned-color: #3c953c; --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #f39e4c; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(250,193,139,0.1); } .skin-red { --primary-color: #ff3000; --primary-color-light: #fe5732; --primary-color-lighter: rgba(255,87,56, 0.3); --primary-color-lightest: #f5694a; --status-unassigned-color: #0000FF; --status-tech-assigned-color: #3c953c; --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #ff3000cf; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(243,161,161,0.1); } .skin-green { --primary-color: #53af1c; --primary-color-light: #7cd547; --primary-color-lighter: rgba(83,175,48, 0.3); --primary-color-lightest: #8cce64; --status-unassigned-color: #0000FF; --status-tech-assigned-color: #3c953c; --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #53af1cbd; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(157,247,160,0.1); } .skin-purple { --primary-color: #6200ee; --primary-color-light: #8e4fe9; --primary-color-lighter: rgba(98,0,238, 0.3); --primary-color-lightest: #8c5ecc; --status-unassigned-color: #0000FF; --status-tech-assigned-color: #3c953c; --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #8a3ef7; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(181,137,244,0.1); } .skin-pink { --primary-color: #e81d62; --primary-color-light: #ee5b8d; --primary-color-lighter: rgba(232,29,98, 0.3); --primary-color-lightest: #e14b7e; --status-unassigned-color: #0000FF; --status-tech-assigned-color: #3c953c; --status-resolved-color: #008000; --status-on-hold-color: #f4c141; --past-due-color: #fd857f; --due-today-color: #ffff00; --scheduled-color: #95e994; --scroll-to-top-color: #d95884; --border-black-color-light: #727272; --border-gray-color: #ddd; --table-border-color: rgba(67,43,93, 0.3); --table-hover-lighter: rgba(246,161,190,0.1); } html, body { position: relative; box-sizing: border-box; min-height: 100vh; /*height: 100%;*/ margin: 0; padding: 0; font-family: "Open Sans", sans-serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } body { overflow-x: hidden; overflow-y: auto; } ::-moz-selection { /* Code for Firefox */ color: #0587ef; background: #f0f5ff; } ::selection { color: #0587ef; background: #f0f5ff; } *, *::before, *::after { box-sizing: inherit; margin: 0; padding: 0; border: 0; outline: 0; } img { max-width: 100%; } ul { list-style: none; } a:focus, a:hover { text-decoration: underline; } a:focus { /*outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px*/ outline: none !important; box-shadow: none !important; } textarea { resize: vertical; } /*====================================================================================================== HEADER ======================================================================================================*/ /****repoart*/ /******end here*/ .lead_name { font-size: 20px; font-weight: 600; color: #565656; padding-bottom: 2px; padding-top: 5px; /*border-bottom: 1px solid; border-color: $table-border-color; border-color: var(--table-border-color);*/ overflow: hidden; } @media (max-width: 465px) { .lead_name { font-size: 18px; } } .version { text-align: center; padding: 5px 0px; background-color: #2581ca; background-color: var(--thead); color: #fff; color: var(--white-color); font-size: 11.4px; width: 100%; } .adv_search-case a { color: #00518a; color: var(--primary-color); } .navbar-default .navbar-toggle { background-color: #00518a; background-color: var(--primary-color); } /*====================================================================================================== SIDEBAR ======================================================================================================*/ /*****report*/ /***end*****/ .nav li a { color: #00518a; color: var(--primary-color); } .nav li a i { font-size: 20px; padding-right: 8px; width: 35px; float: left; } .nav li:hover a, .nav li:hover a i { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } .nav a.active, .nav a.active i { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } .sidebar ul li:hover .nav-text { background-color: #00518a; background-color: var(--primary-color); } .nav > li > a:focus, .nav > li > a:focus i, .nav > li > a:hover { text-decoration: none; background-color: #00518a; background-color: var(--primary-color); color: #fff; color: var(--white-color); border: none; outline: none; } /*====================================================================================================== GRID ======================================================================================================*/ /******repoart css*/ /***end here*/ thead, .box-heade { background-color: #2581ca; color: #fff; color: var(--white-color); } .panel-head { /*background-color: $gray-color-lighter; background-color: var(--gray-color-lighter);*/ background-color: #f2f5f7; color: #fff; color: var(--white-color); -webkit-border-radius: 1px 1px 0 0px; -moz-border-radius: 1px 1px 0 0px; -ms-border-radius: 1px 1px 0 0px; border-radius: 1px 1px 0 0px; } .ui-jqgrid tr.ui-row-ltr td a { margin: 0px 2px; /*color: $gray-color; cursor: var(--gray-color);*/ } .ui-jqgrid tr.ui-row-ltr td a:hover { color: #00518a; color: var(--primary-color); } .grid-vscroll-10row-mb { max-height: 300px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 5px 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid; border-color: #dce3e8; } .table-hover > tbody > tr:hover { background-color: rgba(217, 232, 249, 0.27); background-color: var(--table-hover-lighter); box-shadow: none; transition: none; /*@include box-shadow(0 3px 5px rgba(184, 197, 214, 0.5));*/ } input.active-tab, button.active-tab { background: #00518a; background: var(--black-color-light); color: #fff; color: var(--white-color); } /*.first-tr tbody tr:first-child{ display:none; }*/ /*.ui-jqgrid tr.ui-row-ltr td a.owner-link { color: $primary-color-light; color: var(--primary-color-light); font-size: 13px !important; }*/ .ui-jqgrid-htable thead tr th { vertical-align: top; } .ui-jqgrid tr.ui-row-ltr td a.owner-link { color: #428bca; color: var(--primary-color-light); font-size: 13px !important; } .table-responsive .ui-state-highlight { background: rgba(12, 189, 0, 0.08) !important; } .table-responsive .ui-state-highlight td { color: #004c06 !important; } @media (max-width: 767px) { input.active-tab, button.active-tab { margin-bottom: 5px; } } /***subgrid scroll*/ .subgrid-data > .tablediv { width: 1200px !important; overflow-x: auto !important; } /*====================================================================================================== BREADCRUMB ======================================================================================================*/ /*====================================================================================================== MODAL POPUP ======================================================================================================*/ .modal-content { border: 1px solid rgba(70, 70, 70, 0.2) !important; box-shadow: 0 5px 12px rgba(70, 70, 70, 0.5) !important; /*.modal-footer { border-top: none; padding: 0 15px 15px 15px; }*/ } .modal-content .modal-header { background-color: #2581ca !important; background-color: var(--thead); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .modal-content .modal-body { padding-bottom: 0px; } .modal-content .modal-body div { font-size: 13px; } /*#page-wrapper { background-color: $gray-color-thin; background-color: var(--gray-color-thin); margin-top: 0; padding-top: 45px; margin-bottom: 41px; }*/ .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #fff; color: var(--white-color); background-color: #428bca; background-color: var(--primary-color-light); } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); cursor: pointer; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 0px; border: none !important; font-weight: normal; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff; color: var(--white-color); background-color: primary-color-light; background-color: var(--primary-color-light); } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff; color: var(--white-color); background-color: primary-color-light; background-color: var(--primary-color-light); } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } body { background-color: #f6f6f6; background: -moz-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f6f6f6)); background: -webkit-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 100%); background: -o-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 100%); background: -ms-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 100%); background: radial-gradient(ellipse at center, white 0%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 ); /*font-family: Myriad Pro;*/ } .d-block { display: block; } .d-none { display: none; } .right-border-lg-md { border-right: solid 1px #ccc; } body.modal-open { padding: 0px !important; } .border-right { border-right: solid 1px; border-color: var(--table-border-color); } #wrapper { /*width: 100%; height:100vh;*/ width: 100%; position: relative; left: 0; overflow-x: hidden !important; min-height: 100vh !important; /*height: 100%;*/ } @media (max-width: 767px) { #wrapper { min-height: initial !important; } } /*.main-content{ height:100%; }*/ .btn-default { border-color: #eaeff3 !important; color: #656565 !important; border: 1px solid #eaeff3; background: #eaeff3; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 57px; padding: 0 15px; } /***toggle menu er 01-22-2018**/ .sidebar, #page-wrapper, sidetoggle, .sidetoggle .nav > li > a label, .sidetoggle .sidebar .fa.arrow:before { -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .sidetoggle #page-wrapper { margin-left: 215px; } .sidetoggle .sidebar { width: 215px; } .sidetoggle .sidebar .fa.arrow:before, .sidetoggle .nav-text { display: none; -webkit-transform: translateZ(0); } /****naver hover*/ .sidebar ul li .nav-text { display: none; position: absolute; left: 50px; } .sidetoggle .sidebar ul li .nav-text { display: block; } .sidetoggle .sidebar ul li:hover .nav-text { display: block; left: 44px; text-align: left; } /****This code enable side text box to expand on li hover when sidenav collapse*/ .sidebar ul li:hover .nav-text { position: fixed; width: 130px; z-index: 99999999 !important; display: block; left: 49px; height: 40px; margin-top: -10px; line-height: 40px; padding: 0 6px; border-radius: 0 4px 4px 0; } /***collaps icon*/ .collap-btn-f { cursor: pointer; } .collap-btn-f { position: absolute; top: -19px; } .collap-btn-f:before { position: absolute; padding: 0px 4px; content: "\f054"; font-family: "Font Awesome 5 Free"; background-color: #0587ef; background-color: var(--blue-btns); color: #fff; color: var(--white-color); width: 64px; text-align: center; font-weight: 900; } .sidetoggle .collap-btn-f:after { position: absolute; padding: 0px 4px; content: "\f053"; font-family: "Font Awesome 5 Free"; text-align: center; width: 215px; font-weight: 900; } } #side-menu { background-color: #fff; /***Uncomment below code for enabling scrollbar on side nav.*/ /*@media (min-width: 768px) { overflow-y: auto; height: 89vh; padding-bottom: 40px; border-right: 1px solid #e7e7e7; }*/ } @media (min-width: 768px) { #side-menu { height: 100vh; border-right: 1px solid #e7e7e7; } } /***end*/ @media (max-width: 768px) { /* For Mobile only*/ .footer div { text-align: center; } .text-center-xs { text-align: center; } } @media (max-width: 767px) { .right-border-lg-md { border-right: none; } } @media (max-width: 600px) { /* For Mobile only*/ .padding-l-15 { padding-left: 15px !important; } .pull-none { float: none !important; } .notification_box { margin-right: 5px !important; margin-left: 5px !important; padding-right: 5px !important; padding-left: 0px; margin-top: 10px; margin-bottom: 13px; } } .navbar-top-links { margin-right: 0; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 15px; } .navbar-top-links li a { padding: 15px; min-height: 50px; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } /*Uncomment below code form making scrollbar content sidenav*/ /*#sideMenu { position: relative; z-index: 9999; }*/ .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } @media (max-width: 767px) { .sidebar .sidebar-nav.navbar-collapse { padding: 8px 10px; background: #eaeff3; } } .sidebar .sidebar-search { padding: 15px; } .sidebar ul li { border-bottom: 1px solid #e7e7e7; } /*.sidebar ul li a.active { background-color: #eee; }*/ .sidebar .arrow { float: right; } .sidebar .fa.arrow:before { content: "\f104"; } .sidebar .active > a > .fa.arrow:before { content: "\f107"; } .sidebar .nav-second-level li, .sidebar .nav-third-level li { border-bottom: 0 !important; } .sidebar .nav-second-level li a { padding-left: 16px; } .sidebar .nav-third-level li a { padding-left: 52px; } @media (min-width: 768px) { .sidebar { z-index: 999999; position: fixed; width: 64px; margin-top: 67px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-primary.btn-outline { color: #428bca; } .btn-success.btn-outline { color: #5cb85c; } .btn-info.btn-outline { color: #5bc0de; } .btn-warning.btn-outline { color: #f0ad4e; } .btn-danger.btn-outline { color: #d9534f; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } .dataTables_wrapper { position: relative; clear: both; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: 0 0; } table.dataTable thead .sorting_asc:after { content: "\f0de"; /*float: right;*/ margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; /*float: right;*/ margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; } table.dataTable thead .sorting:after { content: "\f0dc"; /*float: right;*/ margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgba(50, 50, 50, 0.5); } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } .show-grid { margin: 15px 0; } .huge { font-size: 40px; } .panel-green { border-color: #5cb85c; } .panel-green .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } .panel-green a { color: #5cb85c; } .panel-green a:hover { color: #3d8b3d; } .panel-red { border-color: #d9534f; } .panel-red .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } .panel-red a { color: #d9534f; } .panel-red a:hover { color: #b52b27; } .panel-yellow { border-color: #f0ad4e; } .panel-yellow .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } .panel-yellow a { color: #f0ad4e; } .panel-yellow a:hover { color: #df8a13; } .white-navbar { background-color: #FFF !important; } .f12 { font-size: 12px !important; } .space10 { height: 10px; } .h-auto { height: auto !important; } .nav li a:first-child { border: none; } .nav li a { border-top: #CCC 1px solid; text-align: center; } @media (max-width: 465px) { .nav li a { font-size: 13px; } } .logo { padding-left: 5px; padding-top: 0px; padding-bottom: 0px; /*border-bottom: #dddddd 1px solid;*/ border-right: #dddddd 1px solid; /*width: 215px;*/ width: 185px; height: 46px; float: left; } @media (max-width: 775px) { .logo { width: 177px; } } @media (max-width: 365px) { .logo { width: 156px; } } .logo img { height: 34px !important; margin-top: 5px; } /*.lead_name span { color: #555555 !important; }*/ .header-actions a { font-size: 14px; padding-right: 4px; padding-left: 4px; color: #aaaaaa !important; border-right: #CCC 1px solid; } .header-actions a.active-menu { color: #1494d1 !important; } .panel-heading { background: none !important; } .header-actions a:hover { color: #1494d1 !important; } .header-actions a:last-child { border-right: none !important; } .header-actions a:last-child { border: none; } .panel-title { /*padding-top: 5px;*/ display: block; font-size: 13px; color: #00518a; letter-spacing: 0.4px; text-transform: capitalize; } .panel { padding: 13px 16px; box-shadow: none; } @media (max-width: 465px) { .panel { padding: 8px; } } .no-padding-left { padding-left: 0px; } .user_name { font-size: 14px; color: #00518a; text-decoration: underline; text-transform: capitalize; } .user_details { padding-top: 10px; padding-left: 10px; /*padding-right: 15px;*/ } .last_visit { font-size: 11px; color: #555555; } .last_visit span { color: #1395d3; } .open-menu { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } .user-header { background: #FFF; /*border-bottom: #dddddd 1px solid;*/ } .control-label { font-weight: normal; /*color: #999999;*/ } .panel-body { /*padding: 17px 0;*/ /*padding: 17px 0 0 0;*/ padding: 0 0 0 0; font-size: 13px; line-height: 20px; color: #555555; } .no-padding-right { padding-right: 0px !important; } .panel-heading { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 0; } .f-14 { font-size: 14px; color: #313131; } .l-height { line-height: 40px !important; } .pt-20 { padding-top: 20px; } .pt-15 { padding-top: 15px; } .alert .fa { margin-right: 10px; } .lead_details { color: #555555; padding-top: 2px; font-size: 13px; padding-bottom: 4px; display: inline-block; width: 100%; height: auto; } .lead_details span { color: #375a90; } .pt-10 { padding-top: 10px; } .nav-white .dropdown .active { background-color: #ffffff !important; } .nav-white .dropdown a { border-right: #CCC 1px solid !important; cursor: pointer; } .nav-white .dropdown .active i { background-color: #ffffff !important; color: #a9a9a9; } .lead_details .short-desc { border: 1px solid #dce3e8; background: #ffffff; } .lead_details .short-desc b, .lead_details .short-desc strong { font-weight: 600; } .lead_details .short-desc ul { padding-bottom: 0px; margin-bottom: 0px; } .lead_details .short-desc ul li { font-size: 13px; color: #101010; display: inline-block; padding: 6px 15px; } .lead_details .short-desc ul li span { color: #375a90; } .lead_details .short-desc ul li .status-title-color { color: #fff; padding: 2px 5px; border-radius: 1px; } .lead_details .edit a { width: 20%; font-size: 30px; text-align: right; color: #999999; } .lead_details .edit a:hover { color: #1494d1; } .notification_box { margin-right: 10px; margin-left: 10px; padding-right: 15px; padding-left: 0px; margin-top: 10px; margin-bottom: 13px; } .notification_box a { border-right: #ddd 1px solid; padding: 0 8px; } .pt-5 { padding-top: 2px; padding-bottom: 5px; } #page-wrapper { /*min-height: 772px;*/ } /* footer */ .footer { background: #fff; /*position: absolute;*/ position: relative; width: 100%; display: inline-block; /*height: 55px;*/ height: auto; bottom: -5px; border-top: #e7e7e7 1px solid; padding: 15px 15px; font-size: 13px; color: #656565; clear: both !important; /*@media (max-width: 767px) { position: relative; display: inline-block; }*/ } .custom-search-form { width: 200px; } .header-actions-links a { font-size: 14px; color: #3ea7da !important; } .breadcrumb { background-color: #f5f5f5; border-radius: 4px; list-style: outside none none; margin-bottom: 0px; padding: 4px 0px; font-size: 13px; } .breadcrumb_container { border-bottom: 1px solid #dce3e8; } .row_actions a { font-size: 15px !important; white-space: nowrap; margin: 0px 5px; color: #999999; } /*.row_actions a:hover { color: #337ab7; }*/ *::after, *::before { box-sizing: border-box; } *::after, *::before { box-sizing: border-box; } .form-control, .multiselect { background-color: #fff; background-image: none; border: 1px solid #cbd8e0 !important; border-radius: 2px; box-shadow: none; color: #656565; display: block; font-size: 13px; font-weight: 400; height: 34px; line-height: 1.42857; padding: 3px 6px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .form-control:focus, .multiselect:focus { border-color: #0587ef; box-shadow: none; outline: 2px solid #0587ef; } .multiselect .caret { display: none; } .multiselect-search, .digitsOnly { padding: 3px 6px !important; } .form-group { margin-bottom: 8px; height: auto; overflow: hidden; clear: both; /*p { margin-bottom: 0px; font-size: 11px; color: #f3392b !important; }*/ } .form-group .btn { border-radius: 2px; } .form-group label { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #101010; font-weight: 600; text-transform: capitalize; padding-top: 5px; height: 45px; display: table-cell; vertical-align: middle; } .button-container-bottom { margin-top: 20px; text-align: right; padding-left: 15px; } .selected_dropdown, .selected_dropdown:hover { background-color: #4baddd !important; color: #ffffff !important; } .adv_search { padding-top: 9px; padding-left: 5px; } .sub_heading { padding: 4px 12px; border-bottom: #dddddd 1px solid; margin: 10px 0px; font-size: 12px; font-weight: bold; } .section_header { padding-top: 5px; } .admin_link_dashboard a { display: block; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border: 0; outline: 0; text-decoration: none; font-size: 14px; } .admin_link_dashboard a:hover { padding-left: 5px; text-decoration: none; } .green { color: #00CC33 !important; } .red { color: #CC0000 !important; } .panel-primary .panel-heading { background-color: #337ab7 !important; border-color: #337ab7; color: #fff; } .panel-green { overflow: visible; background-color: #5cb85c !important; border-radius: 4px; padding: 0px 0px; } .panel-primary { background-color: #337ab7; border-radius: 4px; padding: 0px 0px; } .panel-yellow { background-color: #f0ad4e; border-radius: 4px; padding: 0px 0px; } .panel-red { background-color: #d9534f; border-radius: 4px; padding: 0px 0px; } .panel-green i, .panel-primary i, .panel-yellow i, .panel-red i { padding-left: 15px; } .counts { padding-right: 35px !important; } .control-label-min-h { min-height: 200px; } .margin-5 { margin: 5px; } .border-radius-none { border-radius: 0 !important; } .height-34 { height: 34px; } .padding-10 { padding: 10px !important; } .padding-0 { padding: 0px !important; } .padding-5 { padding: 5px !important; } .padding-l-5 { padding-left: 5px !important; } .post-img { height: 100%; width: auto; } .chater-nav { width: 100%; height: 26px; margin-bottom: 5px; border: 0; float: left; margin-top: 5px; } .chater-nav ul { margin: 0px; padding: 0px; } .chater-nav ul li { list-style: none; text-align: center; color: #666666; font-size: 12px; height: 26px; line-height: 26px; float: left; border: 0px; } .chater-nav ul li a { text-decoration: none; padding: 0 20px 0 0; color: #666666; display: block; } .chater-nav ul li a:hover { color: #337ab7; } .panel-default p { line-height: 16px !important; margin-bottom: 5px !important; font-size: 12px; } .chat-post { width: 100%; height: auto; border-bottom: 1px solid #CCCCCC; padding: 5px 0 !important; margin-bottom: 0px !important; } .chat-post img { margin-right: 10px !important; } .chat-post p img { max-width: 150px !important; } .border-b-none { border-bottom: none !important; } .w-100 { width: 100% !important; } .img-w-50 { width: 50px; } .lh-22 { line-height: 22px; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .padding-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .padding-tb-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .padding-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .padding-tb-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .padding-tb-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .margin-none { margin: 0px !important; } .padding-b-20 { padding-bottom: 20px !important; } .padding-b-4 { padding-bottom: 4px !important; } .control-h-28 { height: 28px !important; } .chat-body p { font-size: 12px; line-height: 18px; } .padding-none { padding: 0px !important; } .margin-b-20 { margin-bottom: 20px !important; } .fg-dial { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 100px; width: 100%; } .fg-dial-label { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 180px; width: 100%; } .stage-label { font-size: 200%; font-weight: bold; left: 0; position: absolute; text-align: center; top: 180px; width: 100%; } canvas { text-align: center !important; display: block; margin: 25px auto 0; } .fg-dial-label { font-size: 20px; margin-top: 30px; } .fg-dial { font-size: 50px; margin-top: 30px; } a .panel:hover { text-decoration: none !important; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.08); } .highcharts-button { display: none; } .kpi { width: 100%; height: auto; border: 1px solid #ECECEC; float: left; margin-bottom: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .kpi-border-l { border-left: 1px solid #ECECEC; } .dashboard-bg { background: #2A2A2A !important; } .kpi-min-height { min-height: 200px; } .kpi-min-height-100 { min-height: 100px; } .kpi .kpi-title { width: 100%; height: auto; padding: 5px 0px; background: #ECECEC; border-bottom: 1px solid #ECECEC; font-size: 12px; color: #1494D1; /*font-weight: bold;*/ text-transform: uppercase; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-head { width: 100%; height: auto; padding: 5px 15px 5px 15px; border: 1px solid #dce3e8; font-size: 14px; font-weight: 600; float: left; text-transform: capitalize; margin-bottom: 5px; } .panel-head .fa { color: #666666; } .panel-head .fa-file-excel-o { color: #00b307; font-size: 17px; vertical-align: middle; } .panel-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px; /*clear:both;*/ } .kpi .kpi-sub-title { width: 100%; height: auto; padding: 5px 10px; border-bottom: 1px solid #E6E6E6; font-size: 14px; color: #313131; float: left; margin-bottom: 15px; } .kpi .kpi-title .control { color: #B6B6B6; cursor: pointer; } .kpi .kpi-title .control .fa { color: #C3C3C3; } .kpi .kpi-title .control .fa:hover { color: #848484 !important; } .kpi .kpi-title .control .fa { font-size: 16px; } .kpi .kpi-title .control:hover { color: #337ab7; } .kpi .kpi-graph { width: 100%; height: auto; margin-top: 10px !important; } .kpi select { width: 50%; height: 28px; font-size: 12px !important; color: #333333 !important; border: 1px solid #EBEBEB; padding: 0 10px; float: left; } .kpi .select3 { width: 33.33%; height: 28px; font-size: 14px; color: #333333 !important; border: 1px solid #EBEBEB; padding: 0 10px; float: left; } .kpi table { margin-bottom: 0px !important; } .kpi table tr { padding: 0px 15px !important; } .kpi .table > tbody > tr > td { line-height: 10px !important; text-align: left; } .kpi .table > tbody > tr > th { line-height: 18px !important; text-align: right; } .margin-t-none { margin-top: 0px !important; } .margin-left-none { margin-left: 0px !important; } .margin-lr-none { margin-left: 0px !important; margin-right: 0px !important; } .padding-lr-none { padding-left: 0px !important; padding-right: 0px !important; } .border-left { border-left: 1px solid #cbd8e0 !important; } .border-right-none { border-right: none !important; } #chartContainer canvas { margin-top: 0px !important; } .dashboard-container { width: 100%; height: auto; padding: 5px; background: #fff; border-radius: 1px; } .tab-content { /*background: #fff;*/ } .dashboard-container .tabs { width: 100%; height: 28px; padding: 0; } .dashboard-container .tabs .tab { height: 28px; width: auto; line-height: 28px; text-align: center; background: #E0E0E0; padding: 0 8px; color: #999999; font-size: 16px; text-decoration: none; float: left; font-weight: 700; margin-right: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .dashboard-container .tabs .tab a { text-decoration: none; } .dashboard-container .tabs .active { background: #fff; } .dashboard-container .tabs .tab .fa { color: #666666; cursor: pointer; } .dashboard-container .tabs .tab .fa:hover { color: #5C5C5C; } .dashboard-container .dashboard-pane .controls span { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #737373; font-weight: 400; cursor: pointer; } .dashboard-container .dashboard-pane .controls span:hover { color: #5C5C5C; } #pie { margin: 0px; } .dashboard-table-cell { padding: 30px 8px 15px; } /*.dashboard-page-wraper{margin:0 0 0 50px!important;}*/ .padding-lr-15 { padding-left: 15px !important; padding-right: 15px !important; } .padding-lr-10 { padding-left: 10px !important; padding-right: 10px !important; } .padding-lr-5 { padding-left: 0px !important; padding-right: 5px !important; } .dashboard-pane .controls { height: 48px; padding: 10px 0; } .dashboard-pane .controls select { border: 1px solid #C4C4C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 28px; font-size: 14px; } .kpi table tr td .fa { font-size: 18px; margin-left: 3px; } .padding-r-10 { padding-right: 5px; } .padding-r-20 { padding-right: 20px; } .padding-r-5 { padding-right: 5px; } .tat-value { font-size: 20px; color: #000; padding: 5px 40px 0; } .f40 { font-size: 40px; } .padding-t-5 { padding-top: 5px !important; } .padding-t-10 { padding-top: 10px !important; } .f18 { font-size: 18px; } .kpi .value { font-size: 20px; font-weight: bold; color: #666666; } .kpi .percent-up { font-size: 60px; color: #228B22; } .login-drop-btn { height: 25px; line-height: 10px; margin-top: 13px; font-size: 24px; padding: 0 5px !important; background: #fff; margin-right: 10px; color: #00518a; margin-bottom: 15px; } .login-drop-btn:hover { color: #0587ef; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125); } .gray { color: #999999; } .kpi .f-12 { font-size: 12px; color: #313131; line-height: 10px; } .kpi .f-14 { font-size: 14px !important; color: #999999; line-height: 10px; } .kpi .f-20 { font-size: 20px; line-height: 10px; } .kpi .f-25 { font-size: 25px; line-height: 10px; } .kpi .f-30 { font-size: 30px; line-height: 10px; } .kpi .f-40 { font-size: 40px; line-height: 10px; } .kpi .f-50 { font-size: 50px; line-height: 10px; } .kpi .f-60 { font-size: 60px; line-height: 10px; } .margin-tb-8 { margin-top: 8px; margin-bottom: 8px; } .margin-t-5 { margin-top: 5px; } .margin-t-2 { margin-top: 2px; } .margin-t-7 { margin-top: 7px; } .margin-t-10 { margin-top: 10px; } .margin-t-15 { margin-top: 15px; } .margin-t-16 { margin-top: 16px; } .margin-t-20 { margin-top: 20px; } .margin-t-25 { margin-top: 25px; } .margin-t-30 { margin-top: 30px; } .margin-t-35 { margin-top: 35px; } .margin-t-40 { margin-top: 40px; } .margin-b-5 { margin-bottom: 5px; } .margin-b-6 { margin-bottom: 6px; } .margin-b-7 { margin-bottom: 7px; } .margin-b-8 { margin-bottom: 9px; } .margin-b-10 { margin-bottom: 10px; } .margin-b-15 { margin-bottom: 15px; } .margin-b-11 { margin-bottom: 11px; } .margin-b-0 { margin-bottom: 0px !important; } .margin-b-3 { margin-bottom: 3px; } .kpi-gray { color: #666666; } .bold { font-weight: bold; } .paddig-l-10 { padding-left: 10px; } .mtt-graduationValueText { font-size: 0px !important; font-weight: bold !important; } .mtt-majorGraduationText { color: #333333; font-size: 12px; text-align: right !important; } circle { background: #CCCCCC !important; } .border-none { border: 0px !important; margin-bottom: 1px; } .margine-t-neg20 { margin-top: -20px; } .min-h-kpi { min-height: 250px; } .guage-value { width: 100%; height: 40px; font-size: 40px; text-align: center; color: #313131; } .guage-target { height: 24px; line-height: 24px !important; width: 60px; display: block; font-size: 16px; margin: 0 auto; text-align: center; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #00CC33; margin-top: -35px; margin-bottom: 10px; } .black { color: #313131; } .mtt-majorGraduationText { text-align: right !important; float: right; } .bgred { background: #CC0000; } svg line { display: none !important; } /* ved */ .product_box { min-height: 150px; width: 100%; border: #e4e4e4 1px solid; margin-bottom: 20px; box-shadow: 2px 2px 3px #fff; cursor: pointer; transition: all 0.5s ease; margin-top: 20px; } .product_detal_box { min-height: 350px; width: 100%; margin-bottom: 20px; transition: all 0.5s ease; margin-top: 20px; } .product_box:hover { -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, 0.25); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, 0.25); box-shadow: 0px 0px 5px 5px rgba(0, 144, 255, 0.25); } .product_image { padding-top: 10px; } .product_detail_image { padding-top: 10px; margin-bottom: 15px; } .product_image img { max-width: 94px !important; height: auto !important; } .product_detail_image img { width: 100%; height: auto; } .product_price_code { padding-top: 5px; } .prod_name { text-transform: uppercase; font-size: 1.2em !important; color: #1494d1; padding-top: 5px; } .prod_desc { font-size: 1em !important; width: 100%; color: #6d6d6d !important; padding: 5px 10px; line-height: 20px !important; } .prod_code { font-size: 1em !important; color: #626262; text-transform: uppercase; } .prod_price { font-size: 1.2em !important; color: #000000; } .product_price_code .form-group { margin-bottom: 0px !important; } /****KK_CSS****Start****/ .checkbox a { float: right; color: #333; } .loginBox { /*background: rgb(244, 193, 162, .60);*/ } .login-logo { /*width: 193px;*/ width: 173px; } .kpi-title .dropdown ul li a { font-size: 12px; padding: 3px 10px; text-transform: none; } .kpi-title .dropdown ul li a .fa { color: #262626 !important; padding: 0px 0px 0px 5px; font-size: 14px !important; } .calendarRange { position: relative; } .calendarRange .daterangepicker { position: absolute; top: 20% !important; left: 25% !important; } .dateInput input { width: 85%; margin: 0px 10px; font-size: 12px; font-weight: normal; color: #262626; border-radius: 3px; border: solid #b0b0b0 1px; text-align: center; } .funnelGP text { font-size: 30px; text-align: center; } .sidebar ul .sub-menu li a, .sidebar li .sub-menu li a { color: #555555; text-decoration: none; } .sidebar ul .sub-menu li a:hover, .sidebar li .sub-menu li a:hover { background-color: transparent !important; } .sidebar ul .sub-menu li.active, .sidebar li .sub-menu li.active { color: #d19b3d; } .sidebar ul .sub-menu li.active a, .sidebar li .sub-menu li.active a { color: #d19b3d; } .sidebar ul .sub-menu li, .sidebar li .sub-menu li { background-color: #f0f0f0; border: none; line-height: 28px; border-bottom: 1px solid #e7e7e7; margin-left: 0px; } .sidebar ul .sub-menu li:hover, .sidebar li .sub-menu li:hover { background-color: #eaeaea; } .sidebar ul .sub-menu li::before, .sidebar li .sub-menu li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; color: #555555; } .sidebar ul .sub-menu { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; } .sub-menu li a.active { background-color: transparent !important; background: transparent !important; } .sub-menu li:hover a { background-color: transparent !important; background: transparent !important; } .kpi-title ul.dropdown-menu { right: 0 !important; top: 100% !important; position: absolute !important; } /****No-Padding****/ .no-padding-left-right { padding-left: 0px !important; padding-right: 0px !important; } .no-padding-right { padding-right: 0px !important; } .no-padding-r-5 { padding: 0px 5px 0px 0px !important; } .barPanel { height: 200px; min-height: 200px; width: 100%; padding: 10px 0px 0px 0px; float: left; } .funnelPanel { min-width: 320px; max-width: 400px; min-height: 370px; height: 425px; margin: 0 auto; } .graphPanel { min-width: 310px; height: 160px; min-height: 160px; margin: 0 auto; } .progress { margin: 0px; border: solid 1px #fff; height: 15px; } .progress_primaryCont { background: #337ab7; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_primaryCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_primaryCont h2 span { float: right; } .progress_successCont { background: #5cb85c; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_successCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_successConth2 span { float: right; } .progress_warningCont { background: #f0ad4e; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_warningCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_warningCont h2 span { float: right; } .progress_dangerCont { background: #d9534f; border-radius: 5px; padding: 10px; margin: 10px 0px; } .progress_dangerCont h2 { font-size: 20px; color: #fff; margin: 0px; padding: 0px; } .progress_dangerCont h2 span { float: right; } #example_paginate { float: right; } #example_filter, dataTables_filter { float: right; } .dataTables_filter input { height: 21px; } .dataTables_length select { border: none !important; border-radius: 0px !important; line-height: normal; font-size: 12px; } .table { margin-bottom: 5px; } .table-bordered > thead > tr > th { border-bottom-width: 2px; font-size: 13px; /*font-weight: 600;*/ white-space: nowrap; width: auto; font-weight: normal; } .table-responsive { width: 100%; /*padding-bottom: 20px;*/ } .ThAction { width: 9% !important; } /****KK_CSS****End****/ .v-scroll-10 { max-height: 552px; overflow-y: auto; } .v-scroll-8 { max-height: 500px; overflow-y: auto; } .pay_slip { display: inline-block; font-size: 13px; color: #484848; text-transform: uppercase; } /***onboard**/ .v-list-checkbox { display: flex; flex-direction: column; } .v-list-checkbox label { display: block !important; margin-bottom: 10px; } .v-list-checkbox label { margin-left: 0px !important; } /****progressing tab css*/ #regForm { background-color: #ffffff; margin: 100px auto; font-family: Raleway; padding: 40px; width: 70%; min-width: 300px; } .tab-form-heading { font-size: 20px; margin: 0; margin: 0 0 25px 0; border-bottom: solid 1px #ccc; padding: 0 0 12px 0; } .processing-tab-form input { padding: 10px; width: 100%; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ /* Hide all steps by default: */ .tab { display: none; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #00518a !important; background-color: var(--primary-color) !important; } /***end here*/ /*****contract template table hide show*/ .dropdown { position: relative; display: block; margin-top: 0.5em; padding: 0; } /* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */ .dropdown select { width: 100%; margin: 0; background: none; border: 1px solid transparent; outline: none; /* Prefixed box-sizing rules necessary for older browsers */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove select styling */ appearance: none; -webkit-appearance: none; /* Magic font size number to prevent iOS text zoom */ font-size: 1.25em; /* General select styles: change as needed */ /* font-weight: bold; */ color: #444; padding: .6em 1.9em .5em .8em; line-height: 1.3; } .dropdown select, label { /*font-family: AvenirNextCondensed-DemiBold, Corbel, "Lucida Grande","Trebuchet Ms", sans-serif;*/ /*font-family: 'Roboto', sans-serif;*/ font-family: 'Lato', sans-serif; } /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */ .dropdown::after { content: ""; position: absolute; width: 9px; height: 8px; top: 50%; right: 1em; margin-top: -4px; z-index: 2; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat; /* These hacks make the select behind the arrow clickable in some browsers */ pointer-events: none; } /* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .dropdown select::-ms-expand { display: none; } /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */ select:focus::-ms-value { background: transparent; color: #222; } } /* Show only the native arrow */ body:last-child .dropdown::after, x:-moz-any-link { display: none; } /* reduce padding */ body:last-child .dropdown select, x:-moz-any-link { padding-right: .8em; } /* Firefox 7+ -- Will let us hide the arrow, but inconsistently (see FF 30 comment below). We've found the simplest way to hide the native styling in FF is to make the select bigger than its container. */ /* The specific FF selector used below successfully overrides the previous rule that turns off the custom icon; other FF hacky selectors we tried, like `*>.dropdown::after`, did not undo the previous rule */ /* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */ _::-moz-progress-bar, body:last-child .dropdown { overflow: hidden; } /* Show only the custom icon */ _::-moz-progress-bar, body:last-child .dropdown:after { display: block; } _::-moz-progress-bar, body:last-child .dropdown select { /* increase padding to make room for menu icon */ padding-right: 1.9em; /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */ -moz-appearance: window; text-indent: 0.01px; text-overflow: ""; /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */ width: 110%; } /* At first we tried the following rule to hide the native select arrow in Firefox 30+ in Windows 8, but we'd rather simplify the CSS and widen the select for all versions of FF since this is a recurring issue in that browser */ /* @supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) { .dropdown select { width:110%; } } */ /* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */ _::-moz-progress-bar, body:last-child .dropdown select:focus { outline: 2px solid rgba(180, 222, 250, 0.7); } /* Opera - Pre-Blink nix the custom arrow, go with a native select button */ x:-o-prefocus, .dropdown::after { display: none; } /* Hover style */ .dropdown:hover { border: 1px solid #888; } /* Focus style */ select:focus { outline: none; box-shadow: 0 0 1px 3px #b4defa; background-color: transparent; color: #222; border: 1px solid #aaa; } /* Firefox focus has odd artifacts around the text, this kills that */ select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } option { font-weight: normal; } /* These are just demo button-y styles, style as you like */ .button { border: 1px solid #bbb; border-radius: .3em; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */ } .output { margin: 0 auto; padding: 1em; } .colors { padding: 2em; color: #fff; display: none; } .red { background: #c04; } .yellow { color: #000; background: #f5e000; } .blue { background: #079; } /****end here*/ /****progress tab*/ @media (max-width: 767px) { .progressbar li { width: 100%; } .progressbar li::after { height: 0px; } } .download-icon-exl { min-width: 29px; } .download-icon-exl a svg { width: 22px; height: 22px; fill: #00518a; fill: var(--primary-color); } @media only screen and (min-width: 1136px) { .vertical-middle { vertical-align: middle; display: inline-block; float: none; height: 1rem; } } /* ********* Css Starts Here MB ********************** */ body { padding: 0px !important; } select, .multiselect { background-image: url(../../images/select-icon.png) !important; background-repeat: no-repeat !important; background-size: 10px 7px !important; background-position: 97% 50% !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } select.multiSelect { background-image: none !important; } .show-tick:after { display: none; } select::-ms-expand { display: none; } /****icon***/ .add-move { background: url(../../images/add-mov-icon.png) no-repeat; background-repeat: no-repeat; width: 22px !important; height: 19px; background-size: cover; float: left; margin-right: 15px; margin-top: 1px; } .nav li a:hover .add-move { background-image: url(../../images/add-mov-icon.png); background-position: 0px -18px; background-size: cover; background-repeat: no-repeat; } /*.nav a.active*/ .nav a.active i.add-move { background-image: url(../../images/add-mov-icon.png); background-position: 0px -18px; background-size: cover; background-repeat: no-repeat; } /**call**/ .call-icon { background: url(../../images/call-icon.png) no-repeat; background-repeat: no-repeat; width: 22px !important; height: 19px; background-size: cover; float: left; margin-right: 15px; margin-top: 1px; } .nav li a:hover .call-icon { background-image: url(../../images/call-icon.png); background-position: 0px -24px; background-size: cover; background-repeat: no-repeat; } /*.nav a.active*/ .nav a.active i.call-icon { background-image: url(../../images/call-icon.png); background-position: 0px -23px; background-size: cover; background-repeat: no-repeat; } /***icon ened here****/ a { border: none; outline: none; } .grid_input { width: 80px; } td .label-danger, td .label-success { padding: 4px; font-size: 12px; } tr .btn_grid { width: 206px !important; } tr .btn_grid2 { width: 110px !important; } .search_wrap label { /*font-weight: 300;*/ color: #211f1f; } .btn_searchfilter { padding-top: 25px; } .search_wrap .form-control, table .form-control { height: 34px; } .search_wrap .panel-head { padding: 2px; margin-bottom: 5px; } .search_wrap .panel-title { padding: 0; } .search_wrap .header-actions a { font-size: 12px; } label { font-weight: normal; } .search_filter .lead_name { border-bottom: none; } /* radio btn css starts here */ .checkbox { padding-left: 15px; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"] { opacity: 0; } .multiselect-container input[type="checkbox"] { opacity: 1; } .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #428bca; border-color: #428bca; } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; } .radio { padding-left: 20px; outline: none; } .radio label { display: inline-block; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } #MoniterCallEdit .radio label::before { margin-top: 3px; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; outline: 0; } label.radio input[type="radio"] { opacity: 1; outline: inherit; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #428bca; } .radio-primary input[type="radio"]:checked + label::before { border-color: #428bca; } #MoniterCallEdit .radio-primary input[type="radio"]:checked + label::before { margin-top: 3px; } .radio-primary input[type="radio"]:checked + label::after { background-color: #428bca; } #MoniterCallEdit .radio-primary input[type="radio"]:checked + label::after { margin-top: 3px; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } .radio-primary { width: 33%; float: left; } /* radio btn css ends here */ /****file upload css*/ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } #img-upload { width: 100%; } /******end here*/ /*tabs css starts here*/ .panel.with-nav-tabs .panel-heading { padding: 5px 5px 0 5px; } .panel.with-nav-tabs .nav-tabs { border-bottom: none; } .panel.with-nav-tabs .nav-justified { margin-bottom: -1px; } .with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent; outline: none; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9; } .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color: #4a9fe9; } .custom_panelBody { background: #fff; padding: 15px 5px 5px 5px; } /*.......................................................*/ /*.modal-body .form-control, .modal-body, .modal-body label, .tab-pane .form-group, .tab-pane label { margin-bottom: 0px; }*/ /* .modal-body .form-control { height: 29px; } */ /*tabs css ends here*/ .text_color { color: #337AB7; } .ticket_modal { padding-bottom: 1px; } .custom_breadcrumb { border-bottom: 1px solid transparent; } .pdd_1 { padding-left: 1px; } .mt_top_10 { margin-top: 10px; } .default_bg { background: #F5F5F5; overflow: hidden; } .padd_btn { margin-top: 23px; } .modal_ftr { border-top: none; } .radio_height { height: 50px; } .paging_SZ { margin: 0; } .paging_SZ li a i { font-size: 14px; } .grid_input_2 { width: 148px; } .btn_grid { border-left: none !important; border-right: none !important; border-bottom: none !important; } .btn_grid .btn { padding: 0 9px; height: 24px; line-height: 24px; } .show_hide_div { margin-bottom: 10px; padding-bottom: 1px; } .show_hide_div .panel-body { padding-bottom: 4px; } .search_filter .btn-xs { padding: 7px 12px; } /*header css starts here*/ .user-header .notification_box { margin-top: 13px; margin-bottom: 4px; } .user-header .user_details { padding-top: 3px; } .user-header .login-drop-btn { height: 25px; margin-top: 6px; } .main-addmin-right-pop { float: right; padding-left: 8px; } /*header css ends here*/ /*thead { background: #375a90; color: #fff; }*/ .modal-body .control-label { /*font-size: 13px; padding-top: 5px;*/ } /* date css starts here*/ /*.add-on*/ .input-group-btn > .btn { border-left-width: 0; left: 0px; border-width: 1px; border-style: solid; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ border-color: #cbd8e0 !important; padding-top: 8px; height: 34px; } /* stop the glowing blue shadow */ .add-on .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #cccccc; } /* enable absolute positioning */ .inner-addon { position: relative; } /* style glyph */ .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; } /* align glyph */ .left-addon .glyphicon { left: 0px; } .right-addon .glyphicon { right: 0px; } /* add padding */ .left-addon input { padding-left: 30px; } .right-addon input { padding-right: 30px; } /* align button at bottom */ .vertical-align-bottom { vertical-align: bottom !important; } .padding_date_icon { /*padding-bottom: 0px;*/ /*padding-right: 9px; padding-top: 4px;*/ height: 34px; line-height: 20px; color: #388ac3; } .modal-body .padding_date_icon { /*padding-bottom: 1px;*/ /*padding-right: 9px;*/ /*padding-top: 5px;*/ /*top: -2px; height: 28px;*/ } .modal-body .padding_date_icon:hover { color: #23A5E5; } /* date css ends here*/ .radio_label { font-size: 13px; } .modal-body .radio { margin-bottom: 2px; padding-top: 5px; } /*table .form-control { height: 20px; }*/ .text_area { min-height: 50px; } .icon_btn { border: none; color: #31B0D5; } .icon_btn:hover { color: #337AB7; } .panel-primary i { padding-left: 0px; } .mt_12 { margin-top: 12px; } .title_location { font-size: 17px; padding-top: 8px; } .sorting_img { margin-top: -16px; color: #fff; } thead i { color: #fff; } thead i:hover { color: #ccc; } /*dropdown css starts here*/ select:after { border: none; } /*dropdown css ends here*/ .modal-body .panel-head { margin-bottom: 3px; } .modal_footer { padding-top: 2px; padding-bottom: 3px; } .red_grid { background-color: #D9534F; vertical-align: middle; } .green_grid { background-color: #5CB85C; } .table > tbody > tr > td.green_grid, .table > tbody > tr > td.red_grid { vertical-align: middle; } #page-wrapper { margin-top: 45px; overflow: hidden; margin-bottom: 40px; } @media (max-width: 767px) { #page-wrapper { margin-bottom: 10px; } } .sidebar-nav { position: relative; } .btn-xs { border-radius: 3px; font-size: 14px; } .radio input[type="radio"]:active { outline: none !important; } a:active { outline: none; } .panel-head .fa { outline: none; } .btn, a { outline: none; } .modal-title { font-size: 16px; color: #fff; } .modal-body .panel-primary { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .modal-footer { padding: 10px 15px 10px; /*border-top: 1px solid#efefef;*/ border-top: none; background: rgba(247, 247, 247, 0.58); } .modal-footer .btn { padding: 4px 14px; } .a_link { display: inline-block; } .select_input { width: 100%; height: 28px; padding: 0 10px 0 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("/D:/PROJECT/CommdelSZ/ServiceZone/images/down-arrow.svg"); background-repeat: no-repeat; background-position: 98% center; background-size: 15px; border: 1px solid #ccc; border-radius: 2px; text-overflow: ellipsis; } .select_input:focus { border: 1px solid #51B1DF; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: none !important; outline: none !important; outline-offset: none !important; } .hvr-shutter-in-horizontal { border-radius: 0px !important; } /* ********* Css Ends Here MB ********************** */ .skills { animation-name: skills; } main { padding: 0; margin: 0; box-sizing: border-box; } main { position: relative; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; } section { /*background: #5aa8e8;*/ } section article.skills { /*width: 500px;*/ height: auto; } section article.skills p { z-index: 2; color: #fff; padding: 3px; position: relative; box-sizing: border-box; overflow: hidden; } section article.skills div span:nth-child(1) { z-index: -2; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; height: 100%; width: 100%; } section article.skills div span:nth-child(2) { z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #5E95E8; height: 100%; } section article.skills div:nth-child(1) span:nth-child(2) { width: 51%; animation-delay: 0; } section article.skills div:nth-child(2) span:nth-child(2) { width: 60%; animation-delay: 0.05s; } section article.skills div:nth-child(3) span:nth-child(2) { width: 53%; animation-delay: 0.1s; } section article.skills div:nth-child(4) span:nth-child(2) { width: 60%; animation-delay: 0.15s; } section article.skills div:nth-child(5) span:nth-child(2) { width: 72%; animation-delay: 0.2s; } section article.skills div:nth-child(6) span:nth-child(2) { width: 79%; animation-delay: 0.25s; } section article.skills div:nth-child(7) span:nth-child(2) { width: 74%; animation-delay: 0.3s; } section article.skills div:nth-child(8) span:nth-child(2) { width: 75%; animation-delay: 0.35s; } .skills { animation: skills 1.25s cubic-bezier(0.17, 0.67, 0, 1); } @keyframes skills { 0% { left: -500px; opacity: 0; } 100% { left: 0; opacity: 1; } } #skills p { margin-bottom: 2px; } /* chart css ends here*/ .ucLeft { width: 85%; float: left; font-weight: bold; border-right: 1px solid #d2caca; padding: 0px 7px; } .ucRight { width: 15%; float: left; font-weight: bold; padding-left: 7px; } .cases_box { border: 1px solid #d2caca; padding: 0px 0; overflow: hidden; float: left; width: 100%; } .radiobutton-status { float: left; margin-right: 10px; } .row-tow { padding: 0px 0; margin: 15px 0px; } .addeditbutton { clear: both; } .blank-border { border-top: solid 1px #ccc; clear: both; margin-bottom: 25px; } .heaing { display: block; margin: 10px 0 15px 0; font-size: 13px; color: #484848; font-weight: bold; text-transform: uppercase; background: #dedede; padding: 7px 10px 5px 10px; border-radius: 3px; } .margtop { margin-top: 15px; } .popupadvance { margin: 15px 0px; } .executionrow { margin-top: 15px; } .w_100px { width: 93px; } .overallcomment { margin-bottom: 15px; } .advance { color: #fff; } .selectheight { height: auto !important; } .qtygood { border-bottom: solid 1px #ccc; margin: 10px 0 5px 0px; } .qtygood span { color: #7c7c7c; } .heightauto { height: auto !important; } .label-info { padding: 4px; font-size: 12px; } .file-upload { font-size: 11px; color: #33af08; margin-top: -5px; } .downloadexcel { margin-bottom: 10px; overflow: hidden; } .check-green i { color: #090; padding-top: 9px; } .check-red i { color: #F00; padding-top: 9px; } .pagination-small { padding: 7px 0 0 0; } .appoinment-pop-dialog { width: 55% !important; margin: 30px auto !important; } .posboxform { clear: both; margin: 10px 0px; overflow: hidden; } .progress-bar-fos .progress { height: 18px; border: solid 1px #ccc; margin-bottom: 10px; } .progress-bar-fos .progress-bar { line-height: 14px; text-align: left; padding-left: 10px; } .progress-bar-fos .progress-bar span { font-size: 10px; } /**end here***/ .sidebar .arrow { margin-top: 5px; } .clint-tab { background: #fff; padding: 7px 15px; border: solid 1px #ccc; clear: both; margin-bottom: 20px; /*border-top: none;*/ } .no-margin { margin: 0px !important; } .formclint { margin-bottom: 5px; margin-top: 5px; } .toamdoc { padding: 10px 0px; } .mgT { margin-top: 24px; } /****end here****/ .bordered { border: solid 1px #000; } .ticket-container { width: 1170px; margin: 0 auto; padding: 0 15px; overflow: hidden; position: relative; } .tophead { font-size: 25px; } .srno { color: #868686; font-size: 25px; } .srno span { color: #000; font-size: 18px; } .list-checkbox { border-bottom: solid 1px #2b241e; margin: 15px 0 0px 0px; overflow: hidden; padding-bottom: 15px; } .list-checkbox ul { list-style: none; font-size: 16px; font-weight: bold; padding: 0px; } .list-checkbox ul li { float: left; padding-right: 35px; font-size: 16px; } .list-checkbox ul li label { font-weight: bold; } .list-checkbox ul li:last-child { padding-right: 0px; } .list-checkbox ul li input { margin: 5px 5px 0 0px; float: left; } .retailshead { border-bottom: solid 1px #2b241e; float: left; font-size: 20px; } .blank-line { border-bottom: solid 1px #2b241e; width: 100%; display: block; height: 16px; } .engdetals { border-bottom: solid 1px #2b241e; margin-bottom: 15px; } .observation-detail { min-height: 150px; clear: both; } .brdbtm { border-bottom: solid 1px; } .seprat-tabel { margin-bottom: px; } /*****er*end here****/ .addappoinment-head { margin-bottom: 20px; } .btn-bs-file { position: relative; color: #fff !important; } .btn-bs-file input[type="file"] { position: absolute; top: -9999999; filter: alpha(opacity=0); opacity: 0; width: 0; height: 0; outline: none; cursor: inherit; } .filename { padding: 0px; list-style: none; } .filename li { color: #666; font-size: 11px; } .file-bg { background: #337ab7; } .time-progress { padding: 0px; list-style: none; margin: 0; position: relative; } .time-progress li { display: inline; font-size: 8px; padding: 0 6px; } .time-progress li:before { content: "|"; position: absolute; bottom: -1px; margin-left: -2px; } .time-progress li:first-child:before { content: ""; } .faq-list ul { padding: 0px; margin: 0px; list-style: none; } .faq-list strong { background: #337ab7; color: #fff; padding: 2px 10px; display: block; } .faq-list ul li i { padding-right: 5px; } .faxmix-text strong i { padding-right: 10px; } .faxmix-text p { line-height: 24px !important; } .searchfaq { border: solid 1px #337ab7; border-radius: 5px; padding: 5px 10px 15px 10px; background: #efefef; } .searchfaq h4 { color: #337ab7; } .searchfaq input { margin-bottom: 10px; } /***end here*****/ .need-atach { padding-top: 5px; padding-bottom: 10px; } .need-atach label { padding-left: 5px; } .selct-part-heda { padding-top: 15px; } input.vx-check { margin-right: 5px; } .graph tr th { text-align: center; font-size: 9px; } .agent { background: #999; color: #fff; } .progressbar-work { border-radius: 0px !important; background: url(../../images/progress-bg.png) repeat-x !important; height: 12px; } .progress-bg-gray { background: #80807f !important; } .progress-bg-black { background: #80807f !important; } .graph tr td { font-size: 11px; } .graph tr th { font-size: 11px !important; background: #f6f6f6; } /***bar**/ .slod-bg { background: #afaeac; margin-right: 5px; height: 5px; float: left; } .first-bar { background: #45515f; width: 15px; height: 10px; margin-right: 10px; margin-left: 5px; float: left; position: relative; margin-top: -3px; } .second-bar { background: #45515f; width: 20px; height: 10px; margin-right: 5px; margin-left: 5px; float: left; position: relative; margin-top: -3px; } .central-pnal { background: #e9e9e9; padding: 5px 20px 0px 20px; font-size: 11px; overflow: hidden; clear: both; } .qty-date { text-align: right; } .qty-date button { border-radius: 0px !important; padding: 2px 5px; font-size: 11px; } .head-central { font-size: 11px; float: left; padding: 3px 5px; font-weight: bold; } .agent-pagination { padding: 0px; margin: 0px; } .agent-pagination li a { padding: 3px 5px; } .date-agent { padding-top: 5px; } .green-bar { background: #24cf20 !important; } .yelow-bar { background: #ffce5d !important; } .blue-bar { background: #0498cf !important; } .serach-case input { width: 108px; font-size: 10px; font-weight: normal; color: #000; float: left; } .serach-case button { float: left; background: #ccc; border: 0; padding: 2px 6px; margin-left: 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /****end here****/ /****custome css***/ table.ui-jqgrid tr.jqgrow td { font-weight: normal; padding: 5px 8px !important; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; font-size: 13px !important; } table.ui-jqgrid .ui-jqgrid-htable th { padding: 5px 8px !important; } table.ui-jqgrid .ui-jqgrid-htable th div { height: auto !important; } table table.ui-pg-table { border: 1px solid #ddd; } table table.ui-pg-table td { border: 1px solid #ddd; padding: 0 9px !important; } /*table table.ui-pg-table td:last-child{ padding-right:0px !important; }*/ .ui-icon { text-indent: 0 !important; } .ui-jqgrid tr.ui-row-ltr td a { margin: 0px 5px 0 0; cursor: pointer; } .ui-jqgrid tr.ui-row-ltr td a:hover { text-decoration: none; } .ui-jqgrid tr.jqgrow td { font-size: 13px !important; } .cellClass { display: block; line-height: 12px; color: #fff; text-align: center; white-space: normal; vertical-align: baseline; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: 4px 2px; font-size: 11.3px; font-weight: normal; } /****12-02-2017******/ .user-header .dropdown-menu { right: 15px; } /****12-06-2017****/ .ui-jqgrid-htable thead tr th { vertical-align: top; } /*.ui-jqgrid-htable .ui-jqgrid-resize { display: none; }*/ .verifone-logo { float: left; padding: 0 5px; height: 47px; display: flex; align-items: center; /*max-width: 130px;*/ max-width: 174px; } .verifone-logo img { /*width: 135px;*/ /*margin-left: 5px;*/ max-height: 100%; max-width: 100%; width: 100%; } .update-owner-btn { padding-top: 10px; } .barcode { height: 33px !important; /*background: url(../images/bar-code.png) no-repeat !important;*/ border: solid 1px #ccc; padding: 0px 6px; font-size: 14px; font-weight: 500; color: #000; margin-right: 6px; float: left; margin-bottom: 8px; text-transform: uppercase; } a.gray-icon-color { color: #999999 !important; } .invetory-grid table { width: 100%; } .webGrid, .webGrid tr { border: 1px solid; border-color: rgba(67, 43, 93, 0.3); width: 100%; } #gridT, #gridT table tbody tr { background-color: #fff !important; } /*#gridT tbody tr:hover { background-color: rgba(174,170,234,0.1); box-shadow: 0 1px 2px rgba(43, 59, 93, .29), 0 0 13px rgba(43, 59, 93, .29); transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; }*/ #subT, #subT tr { border: 1px solid; border-color: rgba(109, 84, 135, 0.3); } #subT { margin: 0px 0px 0px 0px; padding: 5px; width: 99% !important; } #subT th { font-size: 13px; } #subT th a { color: #fff; text-decoration: none; } .hoverEff { cursor: pointer; } .hoverEff:hover { background-color: #f8f2f2; } .expand { background-image: url("../../dist/images/pm.png"); background-position-x: -1px; background-repeat: no-repeat; width: 22px; padding: 5px 10px !important; } .collapse-plus-icon { background-image: url("../../dist/images/pm.png"); background-position-x: -21px; background-repeat: no-repeat; width: 22px; padding: 5px 10px !important; } .collapseBtn { position: relative; top: 8px; } .invetory-grid table thead tr th { font-size: 13px; font-weight: normal; } .invetory-grid table th, td { padding: 5px !important; line-height: 16px; } .invetory-grid table > tbody > tr > td, .invetory-grid table > tbody > tr > th, .invetory-grid table > tfoot > tr > td, .invetory-grid table > tfoot > tr > th, .invetory-grid table > thead > tr > td, .invetory-grid table > thead > tr > th, .invetory-grid table > tr > td { /*border: 1px solid #ddd;*/ vertical-align: top; } .invetory-grid table td table thead { background: #737c8a !important; } input.inbond-out-bond-btn, button.inbond-out-bond-btn, .inbond-out-bond-btn { background-color: #0587ef; border: 0px; color: #fff; padding: 5px 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 100%; font-weight: normal; font-size: 13px; text-transform: capitalize; } input.inbond-out-bond-btn .fa, button.inbond-out-bond-btn .fa, .inbond-out-bond-btn .fa { color: #fff; } input.inbond-out-bond-btn:hover, input.inbond-out-bond-btn:focus, button.inbond-out-bond-btn:hover, button.inbond-out-bond-btn:focus, .inbond-out-bond-btn:hover, .inbond-out-bond-btn:focus { background-color: var(--blue-btns-hover); color: #fff !important; } .view-inbound-text { line-height: 29px; } /**end grid inventory***/ /****eand***/ /***table pull nav width ***/ .ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid, .ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-btable { width: 100% !important; } /**end**/ /*****loader css****/ .loader-main { background: rgba(18, 18, 18, 0.5); width: 100%; height: 100%; position: fixed; z-index: 999999; left: 0; right: 0; top: 0; bottom: 0; display: none; } .sk-circle { margin: 0px auto; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background: white; /*background: linear-gradient(86deg, rgba(254,0,0,1) 10%, rgba(0,51,151,1) 87%);*/ border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /****end*****/ /***end*****/ /***01-25-2018*****/ /****01-29-2018******/ @-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; position: absolute; } } @keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; position: absolute; } } /**end**/ .pagination_moveorder #gridT tfoot tr td { padding: 10px 10px !important; } .pagination_moveorder #gridT tfoot a { padding: 3px 8px; border: solid 1px; margin: 0px 0; border-color: rgba(67, 43, 93, 0.3); text-decoration: none; position: relative; } /**success erroe messages popup**/ .toaster { position: fixed; right: 0; z-index: 9999999; width: 20%; padding: 10px; border-radius: 0px 0px 2px 2px; color: #fff; text-align: center; font-size: 13px; cursor: pointer; } .toaster_error { background: #ff5350; } .toaster_warning { background: #ffa500; } .toaster_success { background: #3ca922; } .toaster_icon { position: absolute; right: 8px; top: 3px; color: #fff; } .toaster_icon:hover { color: #fff; } .toaster_text i { margin-right: 5px; font-size: 16px; } /*end***/ .adduser-thumb-img img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: solid 1px #ccc; width: 150px; } table.adduser-form-control .form-control { height: auto; } @media (max-width: 1024px) { .adv_search-case { float: right; } .custom-search-form-case { max-width: 174px; } } @media (max-width: 399px) { #page-wrapper { margin-top: 95px; overflow: hidden; } .verifone-logo img { width: 84px; } .btn-xs { font-size: 13px; } } @media (max-width: 300px) { .verifone-logo img { width: 90px; } } @media (min-width: 220) and (max-width: 767px) { #page-wrapper { margin-top: 90px; overflow: hidden; } .nav { margin-top: 100px; } input.inbond-out-bond-btn { margin-bottom: 5px; } } @media (max-width: 767px) { .user_name { padding-left: 5px; } .last_visit { padding-left: 5px; } .lead_details .short-desc { margin-bottom: 10px; } .receive-btn { margin: 8px 0px 15px 5px; } .sidebar-nav { margin-top: 96px !important; } /*#page-wrapper { padding-top: 98px !important; overflow: hidden; }*/ .logo { border: none !important; } .create-mov-brd-r { border-right: none !important; } .toaster { width: 85%; } .header-sear-top-mr-0-ml-0-mb { margin-left: 0px !important; margin-right: 0px !important; } .page-wrapper-pr-15-pl-15-mb { padding-left: 15px !important; padding-right: 15px !important; } /***hscrol**/ .entitlement-table-scroll-mb-767 { width: 750px; } .current-status-scroll-h { overflow: auto; } .main-addmin-right-pop { padding-left: 0; width: 100%; } } /*@media(max-width:954px) { #page-wrapper { padding-top: 48px; overflow: hidden; } .sidebar-nav { margin-top: 93px; } }*/ @media (max-width: 767px) { #page-wrapper { margin-top: 92px; } } @media (max-width: 581px) { #page-wrapper { /*padding-top: 53px !important; overflow: hidden;*/ } .sidebar-nav { /*margin-top: 96px !important;*/ } } @media (max-width: 564px) { #page-wrapper { /*padding-top: 94px !important; overflow: hidden;*/ } .sidebar-nav { /*margin-top: 136px !important;*/ } } @media (max-width: 480px) { .lead_name span { /*font-size: 16px;*/ } } @media (max-width: 340px) { .main-addmin-right-pop { float: right; padding-left: 0px; } .user_details { padding-left: 0px; } .user_name { font-size: 12px; } #gridT tfoot { position: relative !important; bottom: 0 !important; } } @media (max-width: 1280px) { .table-responsive-scroll { width: 100%; overflow-x: auto; } } /****Inventory Pop up***/ .inventorypopup { text-align: left !important; border: 1px solid #ddd; } /**********Web grid pager************/ .webgrid-table-pager { border-left: 0 none !important; border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap; overflow: hidden; font-size: 11px; z-index: 101; width: 100% !important; } .webgrid-table-pager > td { padding: 8px 0px !important; } .webgrid-table-pager > td > a { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 8px 18px 9px 18px; margin: 0 -2px; background: none !important; text-decoration: none; font-size: 12px; color: #000; } .webgrid-table-pager > td > a:hover { background-color: #f0f0f0; } #gridT tfoot { /*position: absolute;*/ bottom: 38px; border: 1px solid rgba(67, 43, 93, 0.3); } #gridT tfoot tr { border: none; } /***02-12-2018***/ .Downloadapk-w { float: left; } .download-app-btn { background: #5cb85c; border: solid 1px #4ca84c; color: #fff; padding: 8px 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-weight: normal; font-size: 14px; } .download-app-btn:hover { background: #61be61; } .req-type-head { margin: 5px 0px 10px 0; font-size: 22px; color: #375a90; padding-bottom: 5px; border-bottom: #CCC 1px solid; } /***02-16-2018***/ .btm-padding { padding-bottom: 60px; } .create-mov-brd-r { border-right: solid 1px #ccc; } /**02-21-2018***/ .verifi-comment textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; color: #555; display: block; font-size: 13px; height: 34px; line-height: 1.42857; padding: 3px 6px; width: 100%; } /****27-02-2018****/ .operational-tab { margin-bottom: 4px; border-bottom: 1px solid #cbd8e0; } .morecontent span { display: none; } .morelink { display: block; color: #40b144 !important; font-size: 13px; font-weight: 600; } .less { color: #f3392b !important; } /**02-28-2018**/ .operational-tab li a { padding: 5px 15px !important; } .permission-label { border: 0 !important; background: none; pointer-events: none; outline: 0px; width: 100%; } .role-permison-table-scroll-v { max-height: 348px; overflow: auto; } .margin-left-5 { margin-left: 5px; } /***23-March-2018****/ @media (min-width: 1024px) { .bordre-right { border-right: solid 1px #ccc; } .bordre-left { border-left: solid 1px #ccc; min-height: 710px; } .select-table-date:after { content: ''; position: absolute; top: 50%; right: -25px; width: 0; height: 0; border: 13px solid transparent; border-left: 12px solid; border-left-color: #00518a; border-left-color: var(--primary-color); } } .panel_api_body { background: #fff; /*padding: 15px;*/ overflow: hidden; } .cell-date { padding: 2px; border-radius: 4px; } .cell-date a { display: block; text-decoration: none; color: #555555; } .red-light { background: rgba(255, 83, 80, 0.15); } .light-skyblue { background: rgba(33, 150, 243, 0.15); } .light-green { background: rgba(64, 177, 68, 0.15); } .select-table-date { box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29); overflow: hidden; padding: 10px 0; background: #f8f8f8; } .select-table-date2 { border: 2px solid #cbd8e0; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 2px; /*box-shadow: 0px 0px 4px 0.1px #cbd8e0;*/ } .main-date-box { padding: 10px 15px; margin-bottom: 5px; } .selected-div { /*background: #32508038;*/ background: #6da5ff38; box-shadow: 0 1px 2px #95e994, 0 1px 13px #b3f8b6; } .select-table-date a:hover { color: #375a90 !important; } /***4-March-2018**/ /******role******/ @media (max-width: 480px) { .notofication-list ul { float: none !important; } .notofication-list ul li { display: block !important; padding: 5px !important; } .notofication-list ul li:first-child { border-right: none !important; } } .role-top { overflow: hidden; margin-bottom: 10px; } .notofication-list ul { padding: 7px 7px 7px 7px; margin: 4px 0px 10px; float: left; border: solid 1px #ccc; background: #fff; } .notofication-list ul li { list-style: none; display: inline; padding: 10px 7px 13px 7px; } .notofication-list ul li:first-child { border-right: solid 1px #ccc; font-weight: bold; padding-right: 12px; } .notofication-list { clear: both; overflow: hidden; } /****end***/ @media (max-width: 768px) { .notofication-list ul { width: 100%; } } .success-border { border: 1px #08d408 solid; } .fail-border { border: 1px red solid; } @media (min-width: 768px) { .record-Details-popup { width: 80% !important; } .modal-dialog { /*width: 700px;*/ } .modal-dialog-veiw-technic { width: 870px !important; } /*.initiate-poup{ width:450px !important; }*/ .contract-template { width: 1100px !important; } .assign-calander-width-980 { width: 980px; } .assign-fsc-900 { width: 980px; } .modal-dialog-edit-case { width: 70%; } .modal-dialog-edit-billing { width: 30%; } .current-status-scroll-h { overflow: auto; } } /*@media (max-width: 1400px) { #table__product{ width: 1600px; } }*/ .is-disabled { cursor: not-allowed; background-color: #fff; opacity: 1; user-select: none; } .custom-notification { position: fixed; top: 50%; left: 50%; z-index: 999; transform: translate(-50%, -50%); width: 550px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); } .custom-notification__header { background-color: #375a90; font-size: 16px; color: #fff; padding: 8px 15px; margin: 0; } .custom-notification__body { padding: 8px 15px; font-size: 14px; background-color: #fff; } /* FSR TEMPLATE DESIGN */ .fsr__wrapper { padding: 15px 0 0; margin: 15px auto; border: 1px solid #ddd; overflow-x: hidden; } .company__details { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .company__logo { position: absolute; top: 15px; left: 15px; width: 150px; } .company__details p { margin: 0; } .template-name { font-size: 24px; font-weight: bolder; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 25px; } .no-padding { padding: 0px !important; } .no-padding-left { padding-left: 0; } .no-padding-right { padding-right: 0; } .spacer { width: 100%; height: 8px; background-color: #ddd; background: repeating-linear-gradient(45deg, #ddd, #ddd 10px, #ccc 10px, #ccc 20px); margin-bottom: 15px; } .report__section .row { margin-bottom: 15px; padding-bottom: 3px; } .report__section .table-bordered > tbody > tr > td, .report__section .table-bordered > tbody > tr > th { border: 1px solid #ddd; } .report__section .table-bordered > tbody > tr > td { vertical-align: middle; } .report__section td strong { width: 175px; display: inline-block; } .border-bottom { border-bottom: 1px solid #eee; } .border-top { border-top: 1px solid #eee; } .barcode-font { font-family: 'Libre Barcode 39 Extended Text'; } .fz35 { font-size: 35px; } .text-error { color: red !important; } /**** drag and drop td***/ /* drag objects (DIV inside table cells) */ .drag { position: relative; cursor: move; margin: 2px auto; z-index: 10; font-size: 12px; /* needed for vertical text align */ line-height: 33px; } /* drag objects border for the first table */ .t1 { border: 0px solid #9B9EA2; } /* tables */ div#drag table { background-color: #e0e0e0; border-collapse: collapse; } /* table cells */ div#drag td { height: 50px; border: 1px solid white; text-align: center; font-size: 12px; padding: 2px; } /* message cell (marked as forbidden) */ .mark { color: white; background-color: #9B9EA2; } /****end here***/ /****status popup*/ .progressbar { width: 1240px; } .progressbar li { list-style: none; float: left; width: 20%; position: relative; text-align: center; } .progressbar li p { font-size: 12px; } .progressbar li p b { font-size: 14px; } .progressbar li:not(:last-child)::after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; top: 13px; } .check-gr label { background: green; padding: 5px; border-radius: 50%; color: #fff; position: relative; z-index: 1; } .lebel-checked-gr span { color: green; } .check-red label { background: red; padding: 5px; border-radius: 50%; color: #fff; position: relative; z-index: 1; } .lebel-checked-red span { color: red; } .check-wth label { background: #ddd; padding: 5px; border-radius: 50%; color: #ddd; position: relative; z-index: 1; border: solid 1px #ccc; } .lebel-checked-wth span { color: #ddd; } .legal-profile-check li { float: left; padding: 0 15px; text-align: center; font-size: 12px; } .legal-profile-check li input { margin: 0px !important; } .legal-profile-check li .very-check { color: #375a90; } .the-fieldset { border: solid 1px #ccc; margin: 12px 15px; } .the-legend { font-size: 14px; border: solid 1px #ccc; float: left; width: auto; margin: -10px 15px 10px 12px; background: #fff; padding: 2px 5px; } /**end here****/ .dis_block { display: block !important; } /*****verify legal page css*****/ .status_color .gray-color { background: gray-color; background: var(--gray-color); } .status_color .red-color { background: #ff3300; background: var(--red-color); } .status_color .green-color { background: green-color; background: var(--green-color); } .status_color .color-box { width: 33px; float: left; text-align: center; height: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 2px; } /****end here*****/ /*.collapse .minus{ } .collapsed.plus { display:none }*/ .hamburg { float: left; width: 20px; height: 20px; text-align: center; line-height: 13px; } .collapsed .hamburg:after { content: '-'; font-size: 20px !important; } .hamburg:after { content: '+'; font-size: 20px !important; } /******color style*/ .color-green { color: #0db225; } .color-orange { color: #ef6500; } .red-bg { background-color: #ffc5c5a1; } .table-bordered-none tr td, .table-bordered-none tr th { border: none !important; } .acordian { display: flex; align-items: center; } .acordian .acordian_heading { flex: 1; padding: 4px 0; } .claerboth { clear: both; } .bs-caret .caret { display: none; } /*......TAGS...............*/ /* bootstrap-tagsinput.css file - add in local */ .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; } .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777; } .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; } .bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } /*****er 11-20-2019*/ .checkbox_yeno { overflow: hidden; margin-bottom: 9px; } /******acordian collaps start here****/ /*.collapse .minus{ } .collapsed.plus { display:none }*/ .collapse_hamburg { /*float: left; width: 20px; height: 20px; text-align: left; position: relative; width: 100%; display: flex; align-items: center*/ display: inline-block; vertical-align: middle; text-align: center; width: 22px; height: 18px; } .collapsed .collapse_hamburg:after { content: "\f139"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px !important; line-height: 14px; color: #0587ef; } .collapse_hamburg:after { content: "\f13a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px !important; line-height: 14px; color: #0587ef; } /******end here****/ /***query page**/ .query-box__content { border: 1px solid #cbd8e0; padding: 15px 15px; margin-bottom: 15px; margin-top: 15px; } .query-box__content h5 { font-weight: normal; } .query-box__content h4 strong { padding-right: 6px; } .query-box__content h5 strong { font-size: 12px; display: inline-block; padding-right: 3px; font-weight: 600; } .green-color { color: #00cc00; color: var(--green-color); } .red-color { color: #ff3300; color: var(--red-color); } /***query page css end here*/ .fileDownload { font-weight: 500; font-size: 12px; } .selectpicker { border: 1px solid #cbd8e0 !important; } .welcome-box { display: block; width: 400px; margin: 0 auto; } @media (max-width: 475px) { .welcome-box { width: 250px; } } .amcheading { width: 100%; text-align: center; } .amcheading h5 { font-weight: 600; color: #777777; display: inline-block; border-bottom: 1px solid #dce3e8; padding-bottom: 4px; } .greettable tbody > tr > td:first-child { width: 78px; } .amcreport { padding: 20px 15px; } .sign, .stamp { display: block; width: auto; height: 130px; padding: 5px 0px; text-align: left; } /*.stamp{ height: 90px; }*/ .reportgreeting { padding-top: 20px; } .text-underline { text-decoration: underline; } .hdfclogo-amcreport { max-width: 120px; } .tabularline .form-group { border-bottom: 1px solid #ebf0f3; padding-bottom: 2px; } .detailTable { font-size: 14px !important; line-height: 1.4 !important; color: #333 !important; } .detailTable table { margin-bottom: 5px; } .detailTable table tbody tr { border: 1px solid #ebf0f3; } .detailTable table tbody tr td { border: 1px solid #ebf0f3; width: 58%; white-space: normal; height: auto; word-break: break-word; overflow: hidden; text-overflow: ellipsis; } .detailTable table tbody tr td:first-child { width: 42%; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #101010; font-weight: 600; text-transform: capitalize; padding-top: 5px !important; padding-bottom: 5px !important; background: #fafafb; } .sign-and-image { display: inline-block; width: auto; } .sign-and-image img { max-height: 90px; width: auto; display: inline-block; margin: 0px 5px; border: 1px solid #e8e8e8; } /*Fixed header Table CSS*/ .tableFixHead { overflow-y: scroll; max-height: 263px; } .tableFixHead thead th { position: sticky; top: 0; background-color: #2581ca; } .btn-smm { padding: 4px 15px !important; border-radius: 1px !important; font-size: 13px !important; line-height: 24px !important; } .tabs-father a.collapsed + .nav-tabs { margin-bottom: 10px; } .table500char tbody tr td:nth-child(even) { white-space: normal !important; } .text500 { border-bottom: 1px solid #bfbfbf; } .chung-timepicker * { box-sizing: border-box; color: #333; font-size: 14px; text-align: center; } .chung-timepicker { position: absolute; top: 0; left: 0; z-index: 99999999; display: block; min-width: 160px; padding: 10px; margin: 2px 0 0; text-align: left; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-color: #fff; } .chung-timepicker:before { content: ''; position: absolute; display: inline-block; left: 10px; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .chung-timepicker:after { content: ''; position: absolute; display: inline-block; left: 11px; top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .chung-timepicker > .chung-timepicker-hours, .chung-timepicker > .chung-timepicker-minutes { vertical-align: top; } .chung-timepicker table { width: 100%; } .chung-timepicker .title:hover { cursor: auto; background: #fff; } .table-condensed thead tr th:hover { background: none !important; } .chung-timepicker td:hover, .chung-timepicker th:hover, .chung-timepicker-bottom .bottom-btn:hover { background: #eeeeee; cursor: pointer; } .chung-timepicker td.active { background: #375a90; color: white; } .chung-timepicker td, .chung-timepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0; padding: 5px; } .chung-timepicker thead th { color: #fff; color: var(--white-color); } .chung-timepicker .icon-arrow-left { display: inline-block; width: 14px; height: 14px; margin-top: 2px; line-height: 14px; vertical-align: text-top; background-image: url(../../images/ui-icons-calender.png); background-position: -81px -192px; background-repeat: no-repeat; } .chung-timepicker-bottom { margin-top: 5px; } .chung-timepicker-bottom .bottom-btn { display: inline-block; margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.15); font-weight: 500; } .timeline { position: relative; padding: 20px 0 20px; list-style: none; } .timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #eeeeee; } .timeline > li { position: relative; margin-bottom: 20px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid #d4d4d4; border-radius: 2px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -15px; border-top: 15px solid transparent; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; border-left: 15px solid #ccc; } .timeline > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -14px; border-top: 14px solid transparent; border-right: 0 solid #fff; border-bottom: 14px solid transparent; border-left: 14px solid #fff; } .timeline > li > .timeline-badge { z-index: 100; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #fff; background-color: #999999; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } .timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { top: 16px; left: 15px; margin-left: 0; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } ul.timeline > li > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /*Grid*/ .ui-jqgrid { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .ui-jqgrid .ui-jqgrid-view { position: relative; left: 0; top: 0; padding: 0; font-size: 11px; z-index: 100; } .ui-jqgrid-disablePointerEvents { pointer-events: none; background: #ddd; cursor: not-allowed !important; } .ui-jqgrid .ui-common-table { border-width: 0px; border-style: none; border-spacing: 0px; padding: 0; } /* caption*/ .ui-jqgrid .ui-jqgrid-titlebar { height: 19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none; border-right: 0 none; border-top: 0 none; } .ui-jqgrid .ui-jqgrid-caption { text-align: left; } .ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; } .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; cursor: pointer; } .ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; } .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; } /* header*/ .ui-jqgrid .ui-jqgrid-hdiv { position: relative; margin: 0; padding: 0; /*overflow: hidden;*/ border-left: 0 none !important; border-top: 0 none !important; border-right: 0 none !important; z-index: 9999; /*height:30px;*/ } .ui-jqgrid .ui-jqgrid-hbox { /*float: left; padding-right: 20px;*/ /*margin-bottom:-11px;*/ } .ui-jqgrid .ui-jqgrid-htable { table-layout: fixed; margin: 0; border-collapse: separate; } .ui-jqgrid .ui-jqgrid-htable th { padding: 5px 5px; /*border-right: solid 1px #c5c5c5;*/ font-size: 13px; line-height: 16px; vertical-align: top; /*height: 27px;*/ font-weight: normal; word-break: break-word; } .ui-jqgrid .ui-jqgrid-htable th div { /*overflow: hidden; position: relative; margin: .1em 0em .1em 0em;*/ } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { /*overflow: hidden; white-space: nowrap;*/ text-align: left; border-top: 0 none; border-bottom: 0 none; } .ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header { overflow: hidden; white-space: nowrap; text-align: center; border-top: 0 none; height: 26px; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 0 none; } .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { border-right: 0 none; } .ui-first-th-ltr { border-right: 1px solid; } .ui-first-th-rtl { border-left: 1px solid; } .ui-jqgrid .ui-th-div-ie { white-space: nowrap; zoom: 1; height: 17px; } .ui-jqgrid .ui-jqgrid-resize { height: 20px !important; position: relative; cursor: e-resize; display: inline; overflow: hidden; /***resizer bar none*/ display: none; } .ui-jqgrid .ui-grid-ico-sort { overflow: hidden; position: absolute; display: inline; cursor: pointer !important; } .ui-jqgrid .ui-icon-asc { margin-top: -5px; height: 12px; width: 12px; } .ui-jqgrid .ui-icon-desc { margin-top: 2px; margin-left: -1px; height: 12px; width: 12px; } .ui-jqgrid .ui-i-asc { margin-top: 0; height: 18px; } .ui-jqgrid .ui-i-desc { margin-top: 0; margin-left: 12px; height: 18px; } .ui-jqgrid .ui-single-sort-asc { margin-top: 0; height: 18px; } .ui-jqgrid .ui-single-sort-desc { margin-top: -1px; height: 18px; } .ui-jqgrid .ui-jqgrid-sortable { cursor: pointer; /*height: 14px*/ } .ui-jqgrid .ui-search-table td.ui-search-clear { width: 25px; } .ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px; width: 95%; } /* body */ .ui-jqgrid .ui-jqgrid-bdiv { position: relative; margin: 0; padding: 0; /*overflow: auto;*/ text-align: left; z-index: 101; } .ui-jqgrid .ui-jqgrid-btable { table-layout: fixed; margin: -12px 0 0 0; outline-style: none; /*border-collapse: separate;*/ } .ui-jqgrid tr.jqgrow { outline-style: none; } .ui-jqgrid tr.jqgroup { outline-style: none; } .ui-jqgrid tr.jqgrow td { font-weight: normal; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ height: 19px; padding: 5px; border-bottom-width: 0px; /* border-bottom-color: inherit; border-bottom-style: solid;*/ word-wrap: break-word; } .ui-jqgrid tr.jqgfirstrow td { /*padding: 0 2px 0 2px; border-left-width: 1px; border-left-style: solid; height: auto;*/ } .ui-jqgrid tr.jqgroup td { font-weight: normal; overflow: hidden; white-space: pre; height: 23px; padding: 1px 2px 1px 2px; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.jqfoot td { font-weight: bold; overflow: hidden; white-space: pre; height: 22px; padding: 0 2px 0 2px; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.ui-row-ltr td { text-align: left !important; border-right-width: 0px; border-right-color: inherit; border-right-style: solid; } .ui-jqgrid tr.ui-row-rtl td { text-align: right; border-left-width: 1px; border-left-color: inherit; border-left-style: solid; } .ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none; } .ui-jqgrid .ui-jqgrid-resize-mark { width: 2px; left: 0; background-color: #777; cursor: e-resize; cursor: col-resize; position: absolute; top: 0; height: 100px; overflow: hidden; display: none; border: 0 none; z-index: 99999; } /* footer */ .ui-jqgrid .ui-jqgrid-sdiv { position: relative; margin: 0; padding: 0; overflow: hidden; border-left: 0 none !important; border-top: 0 none !important; border-right: 0 none !important; } .ui-jqgrid .ui-jqgrid-ftable { table-layout: fixed; margin-bottom: 0; border-collapse: separate; } .ui-jqgrid tr.footrow td { font-weight: bold; overflow: hidden; white-space: nowrap; height: 20px; padding: 0 2px 0 2px; border-top-width: 1px; border-top-color: inherit; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.footrow-ltr td { text-align: left; border-right-width: 1px; border-right-color: inherit; border-right-style: solid; } .ui-jqgrid tr.footrow-rtl td { text-align: right; border-left-width: 1px; border-left-color: inherit; border-left-style: solid; } /* Pager*/ .ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important; border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap; overflow: hidden; font-size: 11px; z-index: 101; width: 100% !important; } .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { position: relative; border-left: 0; border-bottom: 0; border-top: 0; margin: 10px 0 7px 0; } .ui-jqgrid .ui-pg-table { position: relative; padding: 1px 0; width: auto; margin: 0; } .ui-jqgrid .ui-pg-table td { font-weight: normal; vertical-align: middle; padding: 0px 1px; font-size: 12px; color: #337ab7; } .ui-jqgrid .ui-pg-table td:last-child select { width: 40px; padding: 0px !important; } .ui-jqgrid .ui-pg-button { height: auto; } .ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float: left; padding: 0px 10px 0 10px; } /*.ui-jqgrid .ui-pg-button:hover { padding: 0; } .ui-jqgrid .ui-state-disabled:hover { padding: 0px; }*/ .ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height: 14px; width: auto; font-size: .9em; margin: 0; line-height: inherit; border: none; padding: 3px 2px; } .ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox { font-size: .9em; line-height: inherit; display: block; height: 19px; margin: 0; padding: 3px 0px; border: none; color: #337ab7; } .ui-jqgrid .ui-separator { height: 18px; border-left: 2px solid #ccc; } .ui-separator-li { height: 2px; border: none; border-top: 2px solid #ccc; margin: 0; padding: 0; width: 100%; } .ui-jqgrid .dropdownmenu { padding: 3px 0 3px 0; margin-left: 4px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div { padding: 1px 0; float: left; position: relative; line-height: 20px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-button, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor: pointer; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button:hover { color: #23527c; background-color: #eee; border-color: #ddd; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon { float: left; margin: 2px; width: 18px; } .ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top: 5px; padding-bottom: 5px; } .ui-jqgrid td textarea { width: auto; height: auto; } .ui-jqgrid .ui-jqgrid-toppager { border-left: 0 none !important; border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; white-space: nowrap; overflow: hidden; } .ui-jqgrid .ui-jqgrid-pager .ui-pager-table, .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table { width: 100%; table-layout: fixed; height: 100%; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-info, .ui-jqgrid .ui-jqgrid-toppager .ui-paging-info { font-weight: normal; height: auto; margin-top: 3px; margin-right: 4px; display: inline; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-pager, .ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager { table-layout: auto; height: 100%; } .ui-jqgrid .ui-jqgrid-pager .navtable, .ui-jqgrid .ui-jqgrid-toppager .navtable { float: left; table-layout: auto; height: 100%; } /*subgrid*/ .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { display: inline-block; } .ui-jqgrid .ui-subgrid { margin: 0; padding: 0; width: 100%; } .ui-jqgrid .ui-subgrid table { table-layout: fixed; } .ui-jqgrid .ui-subgrid tr.ui-subtblcell td { height: 18px; border-right-width: 1px; border-right-color: inherit; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid .ui-subgrid td.subgrid-data { border-top: 0 none !important; border-left: 0 none !important; } .ui-jqgrid .ui-subgrid td.subgrid-cell { border-width: 0 1px 1px 0; } .ui-jqgrid .ui-th-subgrid { height: 20px; } /* loading */ .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important; font-size: 11px; } .ui-jqgrid .jqgrid-overlay { display: none; z-index: 100; } /* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */ * .jqgrid-overlay iframe { position: absolute; top: 0; left: 0; z-index: -1; } /* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ /* end loading div */ /* toolbar */ .ui-jqgrid .ui-userdata { border-left: 0 none; border-right: 0 none; height: 27px; overflow: hidden; } /*Modal Window */ .ui-jqdialog { font-size: 11px !important; } .ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size: 11px; overflow: visible; } .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height: 20px; } .ui-jqdialog .ui-jqdialog-title { margin: .3em .2em .2em .2em; } .ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor: pointer; } .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; } .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; } .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height: auto; } .ui-jqdialog .ui-jqconfirm { padding: .4em 1em; border-width: 3px; position: absolute; bottom: 10px; right: 10px; overflow: visible; display: none; height: 80px; width: 220px; text-align: center; } .ui-jqdialog > .ui-resizable-se { bottom: -3px; right: -3px; } .ui-jqgrid > .ui-resizable-se { bottom: -3px; right: -3px; } /* end Modal window*/ /* Form edit */ .ui-jqdialog-content .FormGrid { margin: 0; overflow: auto; position: relative; } .ui-jqdialog-content .EditTable { width: 100%; margin-bottom: 0; } .ui-jqdialog-content .DelTable { width: 100%; margin-bottom: 0; } .EditTable td input, .EditTable td select, .EditTable td textarea { margin: 0; } .EditTable td textarea { width: auto; height: auto; } .ui-jqdialog-content td.EditButton { text-align: right; border-top: 0 none; border-left: 0 none; border-right: 0 none; padding-bottom: 5px; padding-top: 5px; } .ui-jqdialog-content td.navButton { text-align: center; border-left: 0 none; border-top: 0 none; border-right: 0 none; padding-bottom: 5px; padding-top: 5px; } .ui-jqdialog-content input.FormElement { padding: .5em .3em; margin-bottom: 3px; } .ui-jqdialog-content select.FormElement { padding: .3em; margin-bottom: 3px; } .ui-jqdialog-content .data-line { padding-top: .1em; border: 0 none; } .ui-jqdialog-content .CaptionTD { vertical-align: middle; border: 0 none; padding: 2px; white-space: nowrap; } .ui-jqdialog-content .DataTD { padding: 2px; border: 0 none; vertical-align: top; } .ui-jqdialog-content .form-view-data { white-space: pre; } .fm-button { height: 18px; display: inline-block; margin: 2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; zoom: 1; } .fm-button-icon-left { padding-left: 1.9em; } .fm-button-icon-right { padding-right: 1.9em; } .fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; } .fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; } #nData, #pData { float: left; margin: 3px; padding: 0; width: 15px; } .ViewTable { border-width: 0; border-style: none; border-spacing: 1px; padding: 4px; table-layout: fixed; } .ViewTable .CaptionTD, .ViewTable .DataTD { padding: 4px; } /* End Eorm edit */ /*cell edit*/ .ui-jqgrid .edit-cell { padding: 4px 0px 4px 4px; } .ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td { font-style: normal; border-left: 0 none; } /* inline edit actions button*/ .ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span, .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span { margin: -1px; } .ui-inline-del, .ui-inline-cancel { margin-left: 8px; } .ui-jqgrid .inline-edit-cell { padding: 4px 0px 4px 4px; } /* Tree Grid */ .ui-jqgrid .tree-wrap { float: left; position: relative; height: 18px; white-space: nowrap; overflow: hidden; } .ui-jqgrid .tree-minus { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .tree-plus { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .tree-leaf { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .treeclick { cursor: pointer; } /* moda dialog */ * iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; } /* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ .ui-jqgrid-dnd tr td { border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height: 20px; } /* RTL Support */ .ui-jqgrid .ui-jqgrid-caption-rtl { text-align: right; } .ui-jqgrid .ui-jqgrid-hbox-rtl { float: right; } .ui-jqgrid .ui-jqgrid-resize-ltr { float: right; margin: -2px -2px -2px 0; } .ui-jqgrid .ui-jqgrid-resize-rtl { float: left; margin: -2px 0 -1px -3px; } .ui-jqgrid .ui-sort-rtl { left: 0; } .ui-jqgrid .tree-wrap-ltr { float: left; } .ui-jqgrid .tree-wrap-rtl { float: right; } .ui-jqgrid .ui-ellipsis { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /* Toolbar Search Menu , Nav menu*/ .ui-search-menu, .ui-nav-menu { position: absolute; padding: 2px 5px; z-index: 99999; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } .ui-search-menu.ui-menu .ui-menu-item, .ui-nav-menu.ui-menu .ui-menu-item { list-style-image: none; padding-right: 0; padding-left: 0; } .ui-search-menu.ui-menu .ui-menu-item a, .ui-nav-menu.ui-menu .ui-menu-item a { display: block; } .ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover, .ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover { margin: -1px; font-weight: normal; } .ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height: 20px; width: 100%; } .ui-jqgrid .ui-search-table .ui-search-oper { width: 20px; } a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; } .ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button { font-size: 11px; } .ui-jqgrid .ui-scroll-popup { width: 95px; } .ui-search-table select, .ui-search-table input { padding: 4px 3px; } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator { /*margin-left: 3px; margin-right: 3px;*/ } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon { margin-left: 3px; margin-right: 3px; } /* Column menu */ .ui-jqgrid .ui-jqgrid-htable .colmenu { position: absolute; right: 1px; height: 100%; color: black; } .ui-jqgrid .ui-jqgrid-htable .colmenu-rtl { right: auto; left: 1px; } .ui-jqgrid .ui-jqgrid-htable .colmenuspan { display: inline-block; } .ui-jqgrid .ui-jqgrid-htable .ui-th-div { height: 17px; margin-top: 5px; display: inine-block; } .column-menu, .ui-search-menu { padding: 10px 10px; } .column-menu .divider { background-color: #e5e5e5; height: 1px; padding: 0 0; margin: 5px 0; overflow: hidden; } .ui-menu-item .ui-common-table .menu_icon { white-space: pre; padding-right: 4px; padding-left: 4px; width: auto; } .ui-menu-item .ui-common-table .menu_icon .ui-icon { display: inline-block; position: relative; } td.menu_text { width: auto; white-space: nowrap; } .ui-search-menu .ui-menu-item { padding: 0 0; } .ui-col-menu .ui-menu-item td.menu_text { padding-top: 0; padding-bottom: 0; padding-left: 1px; } .ui-col-menu .ui-menu-item td.menu_icon { padding-top: 0; padding-bottom: 0; vertical-align: middle; } .ui-col-menu .ui-menu-item td.menu_icon input { margin: 2px 0; } #search_menu .ui-menu-item div { margin: 3px 0; white-space: nowrap; } #search_menu .ui-menu-item div input, #search_menu .ui-menu-item div select { padding: 3px 2px; } #search_menu .search_buttons { display: inline-block; width: 50%; } #column_menu.ui-menu .ui-menu-item { position: static; } /*****custome css*****/ .ui-state-default .ui-icon { /*background-image: url(../../images/ui-icons_e0fdff_256x240.png); background-repeat: no-repeat;*/ } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../../images/ui-icons_e0fdff_256x240.png); /*background-image: url("../../images/ui-icons-calender.png") !important;*/ background-repeat: no-repeat; } #pager_center .ui-icon { background-image: none !important; } table.first-tr tbody tr td:nth-child(1) { /*display: none;*/ } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-jqgrid .ui-pg-table td input { text-align: center; height: 18px; line-height: 30px; padding: 5px 0px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-radius: 1px; } .ui-jqgrid .ui-pg-table td:first-child { display: none; } /****12-19-2017****/ .ui-jqgrid .ui-pg-table td:nth-child(2) { width: auto !important; padding: 5px 5px 5px 0 !important; text-align: center; } /***peger line none*/ .ui-jqgrid .ui-pg-table td:nth-child(3) { width: auto !important; text-align: right; } table table.ui-pg-table tr td:nth-child(3) { display: none; } .ui-jqgrid .ui-pg-table td:nth-child(5) { display: none; } /***peger line none end here*/ /*******jqgrid css for mobile tablet ****/ @media (max-width: 1024px) { /*.ui-jqgrid{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-view{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-hdiv{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-bdiv{ height: 100%; width: 1000px !important; } .ui-jqgrid .ui-jqgrid-pager { width: 1000px !important; } .ui-jqgrid .ui-jqgrid-btable { width: 1000px !important; } .ui-jqgrid .ui-jqgrid-htable { width: 1000px !important; }*/ .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { width: auto !important; } .ui-jqgrid tr.jqgfirstrow td { width: auto !important; } /***inventory table*/ #gridT { width: 1550px !important; } /***end*/ } /****jqgrid mobile tablet css***/ .editable { width: 100%; } .cellWithoutBackground { float: left; line-height: 12px; color: #fff; text-align: center; white-space: normal; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: 4px; font-size: 13px; } /*#gridT { width: 1480px !important; }*/ .mov-action { position: relative; } .mov-action { left: -26px; } @media (max-width: 768px) { /****common width and scroll evry page same*****/ .ui-jqgrid .ui-jqgrid-pager { /**width for scroll and clear font**/ width: 1220px !important; } .ui-jqgrid .ui-jqgrid-bdiv { /**width for scroll and clear font**/ width: 1220px !important; } .ui-jqgrid .ui-jqgrid-hdiv { /**width for scroll and clear font**/ width: 1220px !important; } } @media (max-width: 1366px) { /**revion history popup**/ .revion-history-popup .ui-jqgrid .ui-jqgrid-pager { width: 100% !important; } .revion-history-popup .ui-jqgrid .ui-jqgrid-bdiv { width: 100% !important; } .revion-history-popup .ui-jqgrid .ui-jqgrid-hdiv { width: 100% !important; } /***end mediaquery***/ } .tablediv { width: 100%; overflow-x: scroll; } .tablediv table thead { background-color: #737c8a; } .ui-icon-plus { background-position: -16px -128px; background-image: url(../../images/ui-icons-calender.png) !important; } .ui-icon-minus { background-position: -48px -128px; background-image: url(../../images/ui-icons-calender.png) !important; } td#input_pager { min-width: 90px; } /***grid action end here**/ /***only for sub grid this css using*/ .ui-pager-control > table:nth-child(1) { border: none !important; } .ui-jqgrid .ui-pg-table td:nth-child(2) { border: none !important; } .ui-jqgrid-htable { border: solid 1px; border-color: var(--table-border-color); border-color: #dce3e8; } .ui-jqgrid-htable tbody tr td { border-top: solid 1px; border-color: var(--table-border-color); border-color: #dce3e8; } .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover { -webkit-transform: scale(0.9); transform: scale(0.9); } @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-push:active, .hvr-push:focus, .hvr-push:hover { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover { -webkit-transform: rotate(4deg); transform: rotate(4deg); } .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:active, .hvr-float:focus, .hvr-float:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover { -webkit-transform: translateY(8px); transform: translateY(8px); } @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { -webkit-animation-name: hvr-bob-float,hvr-bob; animation-name: hvr-bob-float,hvr-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal, alternate; } @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover { -webkit-animation-name: hvr-hang-sink,hvr-hang; animation-name: hvr-hang-sink,hvr-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal, alternate; } .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg); } .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg); } .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover { -webkit-transform: skew(10deg); transform: skew(10deg); } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-forward:active, .hvr-forward:focus, .hvr-forward:hover { -webkit-transform: translateX(8px); transform: translateX(8px); } .hvr-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-backward:active, .hvr-backward:focus, .hvr-backward:hover { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color; transition-property: color, background-color; } .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color: #2098D1; color: #fff; } @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color,background-color; transition-property: color, background-color; } .hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098D1; background-color: #2098d1; color: #fff; } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #fff; } .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover { color: #fff; } .hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover { color: #fff; } .hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover { color: #fff; } .hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: #fff; } .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover { color: #fff; } .hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color: #fff; } .hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover { color: #fff; } .hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color: #fff; } .hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before { -webkit-transform: scale(2); transform: scale(2); } .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover { color: #fff; } .hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before { -webkit-transform: scale(0); transform: scale(0); } .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover { color: #fff; } .hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before { -webkit-transform: scale(0); transform: scale(0); } .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover { color: #fff; } .hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before { -webkit-transform: scale(1); transform: scale(1); } .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover { color: #fff; } .hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover { color: #fff; } .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover { color: #fff; } .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before { -webkit-transform: scaleY(0); transform: scaleY(0); } .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover { color: #fff; } .hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; } .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; } .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; } .hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover { background: 0 0; } .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: #fff solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before { opacity: 1; } @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top, right, bottom, left; } .hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top, right, bottom, left; } .hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover { border-radius: 1em; } .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before { right: 0; } .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before { left: 0; right: 0; } .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before { left: 0; } .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before { right: 0; } .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before { left: 0; right: 0; } .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before { left: 0; } .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098D1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); } .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); } .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow,transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform,opacity; transition-property: transform, opacity; } .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-shadow-radial:after, .hvr-shadow-radial:before { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; height: 5px; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0, transparent 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%); } .hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before { opacity: 1; } .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1; } .hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent; } .hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #e1e1e1; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0; border-color: #e1e1e1 transparent transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-left: 2.2em; -webkit-transition-duration: .1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before { -webkit-transform: translateX(4px); transform: translateX(4px); } @-webkit-keyframes hvr-icon-down { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-up { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%,100%,50% { -webkit-transform: translateY(0); transform: translateY(0); } 25%,75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100%,51% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100%,51% { opacity: 1; } } .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before { color: #0F9E5E; } @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:after, .hvr-icon-float-away:before { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:after, .hvr-icon-sink-away:before { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before { -webkit-transform: scale(0.8); transform: scale(0.8); } @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before { -webkit-transform: translateY(4px); transform: translateY(4px); } @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before { -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob; animation-name: hvr-icon-bob-float,hvr-icon-bob; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal, alternate; } @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before { -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang; animation-name: hvr-icon-hang-sink,hvr-icon-hang; -webkit-animation-duration: .3s,1.5s; animation-duration: .3s,1.5s; -webkit-animation-delay: 0s,.3s; animation-delay: 0s,.3s; -webkit-animation-timing-function: ease-out,ease-in-out; animation-timing-function: ease-out,ease-in-out; -webkit-animation-iteration-count: 1,infinite; animation-iteration-count: 1,infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal,alternate; animation-direction: normal, alternate; } @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; -webkit-transition-duration: .3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: #fff; background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width, height; } .hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before { width: 25px; height: 25px; } .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: #fff; background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width, height; } .hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before { width: 25px; height: 25px; } .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: #fff; background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width, height; } .hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before { width: 25px; height: 25px; } .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: #fff; background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: width,height; transition-property: width, height; } .hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before { width: 25px; height: 25px; } .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker .datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { /*background: #eeeeee;*/ } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child .cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.42857143; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; border: 1px solid #c5c5c5; z-index: 9999999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { /*left: 1px;*/ } .ui-datepicker .ui-datepicker-next-hover { /*right: 1px;*/ } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; font-size: 0px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker > table > tbody > tr > td { padding: 1px !important; } .ui-datepicker > table > tbody > tr > td, .ui-datepicker > table > tbody > tr > th, .ui-datepicker > table > tfoot > tr > td, .ui-datepicker > table > tfoot > tr > th, .ui-datepicker > table > thead > tr > td, .ui-datepicker > table > thead > tr > th { border: 1px solid #ddd; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; } /*.ui-datepicker td { border: 0; padding: 1px; padding: 5px -1px !important; }*/ .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; } .ui-datepicker td a:hover { background-color: #00518a; background-color: var(--primary-color); color: #fff; color: var(--white-color); } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: 'Open Sans', sans-serif; font-size: 13px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; border: solid 1px #ccc; padding: 0 5px; box-sizing: border-box; } .ui-widget.ui-widget-content { /*border: 1px solid #c5c5c5;*/ } .ui-widget-content { /*border: 1px solid #dddddd;*/ background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; /*background-color: $primary-color; background-color: var(--primary-color);*/ color: #000; color: var(--black-color); font-weight: 600; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { /*border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545;*/ } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { /*color: #454545;*/ text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { /*border: 1px solid #cccccc; background: #ededed; font-weight: normal;*/ /*color: #2b2b2b;*/ } /*.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; }*/ .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color: #00518a; background-color: var(--primary-color); font-weight: normal; color: #fff; color: var(--white-color); } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { /*border: 1px solid #dad55e;*/ background: #00518a; background: var(--primary-color); color: #fff; color: var(--white-color); } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #00860a; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /*.ui-icon, .ui-widget-content .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; }*/ .ui-widget-header .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; } /*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; }*/ .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; } .ui-button .ui-icon { background-image: url("../../images/ui-icons-calender.png") !important; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /******date picker css end here*/ .ui-datepicker table td { border: 0; padding: 1px; padding: 5px 1px !important; } /** default and google theme **/ /*.selectstyle{position:relative;}*/ .ss_dib { display: inline-block; vertical-align: top; } .ss_button { margin: 0; vertical-align: top; color: #595959; border: 1px solid #cbcbcb; border-radius: 3px; width: 250px; cursor: pointer; text-decoration: none; background: none; padding: 10px; overflow: hidden; clear: both; display: inline-block; vertical-align: top; font-size: 12px; font-weight: bold; word-break: break-all; } .ss_text { white-space: normal; text-overflow: ellipsis; text-indent: 0; white-space: nowrap; overflow: hidden; } .ss_image { position: absolute; width: 7px; height: 11px; background: url("../images/google.png") no-repeat; } .ss_ul { list-style: none; padding: 8px 0; margin: 0; margin-top: -35px; position: absolute; background: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none; overflow: auto; z-index: 100; } .ss_ulsearch { margin: 0; margin-top: -47px; position: absolute; background: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 100; display: none; } .ss_ulsearch .ss_ul { display: block; position: relative; margin-top: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .ss_ulsearch .search { border-bottom: 1px solid #ccc; padding: 0; } .ss_ulsearch .search input { background: inherit; border: none; height: 100%; padding: 10px 15px; outline: none; font-size: 14px; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); background: url("../images/ful_grid_img.png") no-repeat; background-position: top 8px right 6px; } .ss_ulsearch .search input:focus { outline: none; } .ss_ulsearch .nosearch { text-align: center; font-size: 12px; padding-bottom: 10px; background: #fff; } .ss_ul li { padding: 10px 15px; cursor: pointer; border: none; text-align: left; color: #595959; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; font-size: 14px; } .ss_ul li:hover { border: none; background: #eee; } .ss_ul li .ssli_text { vertical-align: top; display: inline-block; } .ss_ul li .ssli_image { display: inline-block; width: 16px; height: 16px; margin-right: 10px; margin-top: -1px; vertical-align: top; } .ss_ul li .ssli_image img { width: 16px; height: 16px; } .ss_ul::-webkit-scrollbar { width: 10px; } .ss_ul::-webkit-scrollbar:horizontal { height: 10px; } .ss_ul::-webkit-scrollbar-track { border-left: 1px solid #D3D3D3; background: #F5F5F5; } .ss_ul::-webkit-scrollbar-thumb { background: #C4C4C4; } /*Grid*/ .ui-jqgrid { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .ui-jqgrid .ui-jqgrid-view { position: relative; left: 0; top: 0; padding: 0; font-size: 11px; z-index: 100; } .ui-jqgrid-disablePointerEvents { pointer-events: none; background: #ddd; cursor: not-allowed !important; } .ui-jqgrid .ui-common-table { border-width: 0px; border-style: none; border-spacing: 0px; padding: 0; } /* caption*/ .ui-jqgrid .ui-jqgrid-titlebar { height: 19px; padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none; border-right: 0 none; border-top: 0 none; } .ui-jqgrid .ui-jqgrid-caption { text-align: left; } .ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; } .ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; cursor: pointer; } .ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; } .ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; } /* header*/ .ui-jqgrid .ui-jqgrid-hdiv { position: relative; margin: 0; padding: 0; /*overflow: hidden;*/ border-left: 0 none !important; border-top: 0 none !important; border-right: 0 none !important; z-index: 9999; /*height:30px;*/ } .ui-jqgrid .ui-jqgrid-hbox { /*float: left; padding-right: 20px;*/ /*margin-bottom:-11px;*/ } .ui-jqgrid .ui-jqgrid-htable { table-layout: fixed; margin: 0; border-collapse: separate; } .ui-jqgrid .ui-jqgrid-htable th { padding: 5px 5px; /*border-right: solid 1px #c5c5c5;*/ font-size: 13px; line-height: 16px; vertical-align: top; /*height: 27px;*/ font-weight: normal; word-break: break-word; } .ui-jqgrid .ui-jqgrid-htable th div { /*overflow: hidden; position: relative; margin: .1em 0em .1em 0em;*/ } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { /*overflow: hidden; white-space: nowrap;*/ text-align: left; border-top: 0 none; border-bottom: 0 none; } .ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header { overflow: hidden; white-space: nowrap; text-align: center; border-top: 0 none; height: 26px; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 0 none; } .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { border-right: 0 none; } .ui-first-th-ltr { border-right: 1px solid; } .ui-first-th-rtl { border-left: 1px solid; } .ui-jqgrid .ui-th-div-ie { white-space: nowrap; zoom: 1; height: 17px; } .ui-jqgrid .ui-jqgrid-resize { height: 20px !important; position: relative; cursor: e-resize; display: inline; overflow: hidden; /***resizer bar none*/ display: none; } .ui-jqgrid .ui-grid-ico-sort { overflow: hidden; position: absolute; display: inline; cursor: pointer !important; } .ui-jqgrid .ui-icon-asc { margin-top: -5px; height: 12px; width: 12px; } .ui-jqgrid .ui-icon-desc { margin-top: 2px; margin-left: -1px; height: 12px; width: 12px; } .ui-jqgrid .ui-i-asc { margin-top: 0; height: 18px; } .ui-jqgrid .ui-i-desc { margin-top: 0; margin-left: 12px; height: 18px; } .ui-jqgrid .ui-single-sort-asc { margin-top: 0; height: 18px; } .ui-jqgrid .ui-single-sort-desc { margin-top: -1px; height: 18px; } .ui-jqgrid .ui-jqgrid-sortable { cursor: pointer; /*height: 14px*/ } .ui-jqgrid .ui-search-table td.ui-search-clear { width: 25px; } .ui-jqgrid tr.ui-search-toolbar td > input { padding-right: 0px; width: 95%; } /* body */ .ui-jqgrid .ui-jqgrid-bdiv { position: relative; margin: 0; padding: 0; /*overflow: auto;*/ text-align: left; z-index: 101; } .ui-jqgrid .ui-jqgrid-btable { table-layout: fixed; margin: -12px 0 0 0; outline-style: none; /*border-collapse: separate;*/ } .ui-jqgrid tr.jqgrow { outline-style: none; } .ui-jqgrid tr.jqgroup { outline-style: none; } .ui-jqgrid tr.jqgrow td { font-weight: normal; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ height: 19px; padding: 5px; border-bottom-width: 0px; /* border-bottom-color: inherit; border-bottom-style: solid;*/ word-wrap: break-word; } .ui-jqgrid tr.jqgfirstrow td { /*padding: 0 2px 0 2px; border-left-width: 1px; border-left-style: solid; height: auto;*/ } .ui-jqgrid tr.jqgroup td { font-weight: normal; overflow: hidden; white-space: pre; height: 23px; padding: 1px 2px 1px 2px; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.jqfoot td { font-weight: bold; overflow: hidden; white-space: pre; height: 22px; padding: 0 2px 0 2px; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.ui-row-ltr td { text-align: left !important; border-right-width: 0px; border-right-color: inherit; border-right-style: solid; } .ui-jqgrid tr.ui-row-rtl td { text-align: right; border-left-width: 1px; border-left-color: inherit; border-left-style: solid; } .ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none; } .ui-jqgrid .ui-jqgrid-resize-mark { width: 2px; left: 0; background-color: #777; cursor: e-resize; cursor: col-resize; position: absolute; top: 0; height: 100px; overflow: hidden; display: none; border: 0 none; z-index: 99999; } /* footer */ .ui-jqgrid .ui-jqgrid-sdiv { position: relative; margin: 0; padding: 0; overflow: hidden; border-left: 0 none !important; border-top: 0 none !important; border-right: 0 none !important; } .ui-jqgrid .ui-jqgrid-ftable { table-layout: fixed; margin-bottom: 0; border-collapse: separate; } .ui-jqgrid tr.footrow td { font-weight: bold; overflow: hidden; white-space: nowrap; height: 20px; padding: 0 2px 0 2px; border-top-width: 1px; border-top-color: inherit; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid tr.footrow-ltr td { text-align: left; border-right-width: 1px; border-right-color: inherit; border-right-style: solid; } .ui-jqgrid tr.footrow-rtl td { text-align: right; border-left-width: 1px; border-left-color: inherit; border-left-style: solid; } /* Pager*/ .ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important; border-right: 0 none !important; border-bottom: 0 none !important; border-top: 0 none; margin: 0 !important; padding: 0 !important; position: relative; height: auto; min-height: 28px; white-space: nowrap; overflow: hidden; font-size: 11px; z-index: 101; width: 100% !important; } .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { position: relative; border-left: 0; border-bottom: 0; border-top: 0; margin: 7px 0 7px 0; } .ui-jqgrid .ui-pg-table { position: relative; padding: 1px 0; width: auto; margin: 0; } .ui-jqgrid .ui-pg-table td { font-weight: normal; vertical-align: middle; padding: 0px 1px; font-size: 12px; color: #337ab7; } .ui-jqgrid .ui-pg-table td:last-child select { width: 40px; padding: 0px !important; } .ui-jqgrid .ui-pg-button { height: auto; } .ui-jqgrid .ui-pg-button span { display: block; margin: 2px; float: left; padding: 0px 10px 0 10px; } /*.ui-jqgrid .ui-pg-button:hover { padding: 0; } .ui-jqgrid .ui-state-disabled:hover { padding: 0px; }*/ .ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input { height: 14px; width: auto; font-size: .9em; margin: 0; line-height: inherit; border: none; padding: 3px 2px; } .ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox { font-size: .9em; line-height: inherit; display: block; height: 19px; margin: 0; padding: 3px 0px; border: none; color: #337ab7; } .ui-jqgrid .ui-separator { height: 18px; border-left: 2px solid #ccc; } .ui-separator-li { height: 2px; border: none; border-top: 2px solid #ccc; margin: 0; padding: 0; width: 100%; } .ui-jqgrid .dropdownmenu { padding: 3px 0 3px 0; margin-left: 4px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div { padding: 1px 0; float: left; position: relative; line-height: 20px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-button, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor: pointer; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button:hover { color: #23527c; background-color: #eee; border-color: #ddd; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon { float: left; margin: 2px; width: 18px; } .ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; padding-top: 5px; padding-bottom: 5px; } .ui-jqgrid td textarea { width: auto; height: auto; } .ui-jqgrid .ui-jqgrid-toppager { border-left: 0 none !important; border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; white-space: nowrap; overflow: hidden; } .ui-jqgrid .ui-jqgrid-pager .ui-pager-table, .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table { width: 100%; table-layout: fixed; height: 100%; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-info, .ui-jqgrid .ui-jqgrid-toppager .ui-paging-info { font-weight: normal; height: auto; margin-top: 3px; margin-right: 4px; display: inline; } .ui-jqgrid .ui-jqgrid-pager .ui-paging-pager, .ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager { table-layout: auto; height: 100%; } .ui-jqgrid .ui-jqgrid-pager .navtable, .ui-jqgrid .ui-jqgrid-toppager .navtable { float: left; table-layout: auto; height: 100%; } /*subgrid*/ .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { display: inline-block; } .ui-jqgrid .ui-subgrid { margin: 0; padding: 0; width: 100%; } .ui-jqgrid .ui-subgrid table { table-layout: fixed; } .ui-jqgrid .ui-subgrid tr.ui-subtblcell td { height: 18px; border-right-width: 1px; border-right-color: inherit; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid; } .ui-jqgrid .ui-subgrid td.subgrid-data { border-top: 0 none !important; border-left: 0 none !important; } .ui-jqgrid .ui-subgrid td.subgrid-cell { border-width: 0 1px 1px 0; } .ui-jqgrid .ui-th-subgrid { height: 20px; } /* loading */ .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important; font-size: 11px; } .ui-jqgrid .jqgrid-overlay { display: none; z-index: 100; } /* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */ * .jqgrid-overlay iframe { position: absolute; top: 0; left: 0; z-index: -1; } /* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ /* end loading div */ /* toolbar */ .ui-jqgrid .ui-userdata { border-left: 0 none; border-right: 0 none; height: 27px; overflow: hidden; } /*Modal Window */ .ui-jqdialog { font-size: 11px !important; } .ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size: 11px; overflow: visible; } .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative; height: 20px; } .ui-jqdialog .ui-jqdialog-title { margin: .3em .2em .2em .2em; } .ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute; top: 50%; width: 19px; margin: -12px 0 0 0; padding: 1px; height: 18px; cursor: pointer; } .ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; } .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; } .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height: auto; } .ui-jqdialog .ui-jqconfirm { padding: .4em 1em; border-width: 3px; position: absolute; bottom: 10px; right: 10px; overflow: visible; display: none; height: 80px; width: 220px; text-align: center; } .ui-jqdialog > .ui-resizable-se { bottom: -3px; right: -3px; } .ui-jqgrid > .ui-resizable-se { bottom: -3px; right: -3px; } /* end Modal window*/ /* Form edit */ .ui-jqdialog-content .FormGrid { margin: 0; overflow: auto; position: relative; } .ui-jqdialog-content .EditTable { width: 100%; margin-bottom: 0; } .ui-jqdialog-content .DelTable { width: 100%; margin-bottom: 0; } .EditTable td input, .EditTable td select, .EditTable td textarea { margin: 0; } .EditTable td textarea { width: auto; height: auto; } .ui-jqdialog-content td.EditButton { text-align: right; border-top: 0 none; border-left: 0 none; border-right: 0 none; padding-bottom: 5px; padding-top: 5px; } .ui-jqdialog-content td.navButton { text-align: center; border-left: 0 none; border-top: 0 none; border-right: 0 none; padding-bottom: 5px; padding-top: 5px; } .ui-jqdialog-content input.FormElement { padding: .5em .3em; margin-bottom: 3px; } .ui-jqdialog-content select.FormElement { padding: .3em; margin-bottom: 3px; } .ui-jqdialog-content .data-line { padding-top: .1em; border: 0 none; } .ui-jqdialog-content .CaptionTD { vertical-align: middle; border: 0 none; padding: 2px; white-space: nowrap; } .ui-jqdialog-content .DataTD { padding: 2px; border: 0 none; vertical-align: top; } .ui-jqdialog-content .form-view-data { white-space: pre; } .fm-button { height: 18px; display: inline-block; margin: 2px 4px 0 0; padding: .6em .5em .2em .5em; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; zoom: 1; } .fm-button-icon-left { padding-left: 1.9em; } .fm-button-icon-right { padding-right: 1.9em; } .fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; } .fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; } #nData, #pData { float: left; margin: 3px; padding: 0; width: 15px; } .ViewTable { border-width: 0; border-style: none; border-spacing: 1px; padding: 4px; table-layout: fixed; } .ViewTable .CaptionTD, .ViewTable .DataTD { padding: 4px; } /* End Eorm edit */ /*cell edit*/ .ui-jqgrid .edit-cell { padding: 4px 0px 4px 4px; } .ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td { font-style: normal; border-left: 0 none; } /* inline edit actions button*/ .ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span, .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span { margin: -1px; } .ui-inline-del, .ui-inline-cancel { margin-left: 8px; } .ui-jqgrid .inline-edit-cell { padding: 4px 0px 4px 4px; } /* Tree Grid */ .ui-jqgrid .tree-wrap { float: left; position: relative; height: 18px; white-space: nowrap; overflow: hidden; } .ui-jqgrid .tree-minus { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .tree-plus { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .tree-leaf { position: absolute; height: 18px; width: 18px; overflow: hidden; } .ui-jqgrid .treeclick { cursor: pointer; } /* moda dialog */ * iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; } /* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ .ui-jqgrid-dnd tr td { border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height: 20px; } /* RTL Support */ .ui-jqgrid .ui-jqgrid-caption-rtl { text-align: right; } .ui-jqgrid .ui-jqgrid-hbox-rtl { float: right; } .ui-jqgrid .ui-jqgrid-resize-ltr { float: right; margin: -2px -2px -2px 0; } .ui-jqgrid .ui-jqgrid-resize-rtl { float: left; margin: -2px 0 -1px -3px; } .ui-jqgrid .ui-sort-rtl { left: 0; } .ui-jqgrid .tree-wrap-ltr { float: left; } .ui-jqgrid .tree-wrap-rtl { float: right; } .ui-jqgrid .ui-ellipsis { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /* Toolbar Search Menu , Nav menu*/ .ui-search-menu, .ui-nav-menu { position: absolute; padding: 2px 5px; z-index: 99999; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } .ui-search-menu.ui-menu .ui-menu-item, .ui-nav-menu.ui-menu .ui-menu-item { list-style-image: none; padding-right: 0; padding-left: 0; } .ui-search-menu.ui-menu .ui-menu-item a, .ui-nav-menu.ui-menu .ui-menu-item a { display: block; } .ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover, .ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover { margin: -1px; font-weight: normal; } .ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height: 20px; width: 100%; } .ui-jqgrid .ui-search-table .ui-search-oper { width: 20px; } a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; } .ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button { font-size: 11px; } .ui-jqgrid .ui-scroll-popup { width: 95px; } .ui-search-table select, .ui-search-table input { padding: 4px 3px; } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator { /*margin-left: 3px; margin-right: 3px;*/ } .ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-pg-div > .ui-icon { margin-left: 3px; margin-right: 3px; } /* Column menu */ .ui-jqgrid .ui-jqgrid-htable .colmenu { position: absolute; right: 1px; height: 100%; color: black; } .ui-jqgrid .ui-jqgrid-htable .colmenu-rtl { right: auto; left: 1px; } .ui-jqgrid .ui-jqgrid-htable .colmenuspan { display: inline-block; } .ui-jqgrid .ui-jqgrid-htable .ui-th-div { height: 17px; margin-top: 5px; display: inine-block; } .column-menu, .ui-search-menu { padding: 10px 10px; } .column-menu .divider { background-color: #e5e5e5; height: 1px; padding: 0 0; margin: 5px 0; overflow: hidden; } .ui-menu-item .ui-common-table .menu_icon { white-space: pre; padding-right: 4px; padding-left: 4px; width: auto; } .ui-menu-item .ui-common-table .menu_icon .ui-icon { display: inline-block; position: relative; } td.menu_text { width: auto; white-space: nowrap; } .ui-search-menu .ui-menu-item { padding: 0 0; } .ui-col-menu .ui-menu-item td.menu_text { padding-top: 0; padding-bottom: 0; padding-left: 1px; } .ui-col-menu .ui-menu-item td.menu_icon { padding-top: 0; padding-bottom: 0; vertical-align: middle; } .ui-col-menu .ui-menu-item td.menu_icon input { margin: 2px 0; } #search_menu .ui-menu-item div { margin: 3px 0; white-space: nowrap; } #search_menu .ui-menu-item div input, #search_menu .ui-menu-item div select { padding: 3px 2px; } #search_menu .search_buttons { display: inline-block; width: 50%; } #column_menu.ui-menu .ui-menu-item { position: static; } /*****custome css*****/ .ui-state-default .ui-icon { /*background-image: url(../../images/ui-icons_e0fdff_256x240.png); background-repeat: no-repeat;*/ } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../../images/ui-icons_e0fdff_256x240.png); /*background-image: url("../../images/ui-icons-calender.png") !important;*/ background-repeat: no-repeat; } #pager_center .ui-icon { background-image: none !important; } table.first-tr tbody tr td:nth-child(1) { /*display: none;*/ } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-jqgrid .ui-pg-table td input { text-align: center; height: 30px; line-height: 30px; padding: 0px 0px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-radius: 1px; } .ui-jqgrid .ui-pg-table td:first-child { /*display: none;*/ } .ui-jqgrid .ui-pg-table td:nth-child(2) { width: auto !important; padding: 5px 5px 5px 0 !important; text-align: center; } /***peger line none*/ .ui-jqgrid .ui-pg-table td:nth-child(3) { width: auto !important; text-align: right; } table table.ui-pg-table tr td:nth-child(3) { display: none; } .ui-jqgrid .ui-pg-table td:nth-child(5) { display: none; } /***peger line none end here*/ /*******jqgrid css for mobile tablet ****/ @media (max-width: 1024px) { /*.ui-jqgrid{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-view{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-hdiv{ width:1000px !important; } .ui-jqgrid .ui-jqgrid-bdiv{ height: 100%; width: 1000px !important; } .ui-jqgrid .ui-jqgrid-pager { width: 1000px !important; } .ui-jqgrid .ui-jqgrid-btable { width: 1000px !important; } .ui-jqgrid .ui-jqgrid-htable { width: 1000px !important; }*/ .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { width: auto !important; } .ui-jqgrid tr.jqgfirstrow td { width: auto !important; } /***inventory table*/ #gridT { width: 1550px !important; } /***end*/ } /****jqgrid mobile tablet css***/ .editable { width: 100%; } .cellWithoutBackground { float: left; line-height: 12px; color: #fff; text-align: center; white-space: normal; border-radius: .25em; -moz-border-radius: .25em; -webkit-border-radius: .25em; padding: 4px; font-size: 13px; } /*#gridT { width: 1480px !important; }*/ .mov-action { position: relative; } .mov-action { left: -26px; } @media (max-width: 768px) { /****common width and scroll evry page same*****/ .ui-jqgrid .ui-jqgrid-pager { /**width for scroll and clear font**/ width: 1220px !important; } .ui-jqgrid .ui-jqgrid-bdiv { /**width for scroll and clear font**/ width: 1220px !important; } .ui-jqgrid .ui-jqgrid-hdiv { /**width for scroll and clear font**/ width: 1220px !important; } } @media (max-width: 1366px) { /**revion history popup**/ .revion-history-popup .ui-jqgrid .ui-jqgrid-pager { width: 100% !important; } .revion-history-popup .ui-jqgrid .ui-jqgrid-bdiv { width: 100% !important; } .revion-history-popup .ui-jqgrid .ui-jqgrid-hdiv { width: 100% !important; } /***end mediaquery***/ } .tablediv { width: 100%; overflow: hidden !important; } .tablediv table thead { background-color: #737c8a; } .ui-icon-plus { background-position: -16px -128px; background-image: url(../../images/ui-icons-calender.png) !important; } .ui-icon-minus { background-position: -48px -128px; background-image: url(../../images/ui-icons-calender.png) !important; } td#input_pager { min-width: 90px; } @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*=jconfirm-no-scroll-] { overflow: hidden !important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .4s; transition: opacity 0.4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform, -webkit-transform; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none !important; transition: none !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: 0; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%,100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%,100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%,100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%,100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%,100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%,100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%,100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%,100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%,100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%,100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%,100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%,100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ''; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: .6; content: ''; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: .6; text-align: center; font-size: 27px !important; line-height: 14px !important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height .4s ease-in; transition: height .4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; min-height: 1em; -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease; -webkit-tap-highlight-color: transparent; border: 0; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: #3498db; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: #2980b9; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: #2ecc71; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: #27ae60; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: #e74c3c; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: #c0392b; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: #f1c40f; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: #f39c12; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: #ecf0f1; color: #000; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7; color: #000; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: #9b59b6; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: #8e44ad; color: #FFF; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: #34495e; color: #FFF; text-shadow: none; -webkit-transition: background .2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: #2c3e50; color: #FFF; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71 !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6 !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: 0.2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: 0.4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: 0; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-transition: background .1s; transition: background .1s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #fff; background: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #666; } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%,90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%,80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%,50%,70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%,60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @keyframes shake { 10%,90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%,80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%,50%,70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%,60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @-webkit-keyframes glow { 0%,100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%,100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px, -100px); transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px, 0px); transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px, 100px); transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: 0; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: 0.6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; -webkit-transform: scale(0); transform: scale(0); display: block; margin-right: 0; margin-left: 0; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background .1s; transition: background .1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); transform: scale(1); } /*====================================================================================================== BUTTONS ======================================================================================================*/ /****repoart css***/ .hvr-grow { background-color: #00518a; background-color: var(--primary-color); } /****end here*/ /*.collap-btn-f:before { background-color: $blue-btns; background-color: var(--blue-btns); color: $white-color; color: var(--white-color); }*/ .sidetoggle .collap-btn-f:after { background-color: #0587ef; background-color: var(--blue-btns); color: #fff; color: var(--white-color); } .down-arrow { padding-bottom: 15px; } .down-arrow a { font-size: 17px; box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 30px; width: 30px; line-height: 31px; text-decoration: none; position: relative; background-color: #0587ef; background-color: var(--blue-btns); color: #fff; color: var(--white-color); } .down-arrow a:hover, .down-arrow a:focus { background-color: var(--blue-btns-hover); color: #fff !important; } .down-arrow a { text-decoration: none; color: #fff; color: var(--white-color); font-size: 15px; } .red-dark { background-color: #ff965d; background-color: var(--past-due-color); } .dark-skyblue { background-color: #ffff00; background-color: var(--due-today-color); } .dark-green { background-color: #95e994; background-color: var(--scheduled-color); } #scroll { position: fixed; right: 5px; bottom: 5px; cursor: pointer; width: 30px; height: 30px; background-color: #0587ef; background-color: var(--blue-btns); display: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; z-index: 9999; text-align: center; } #scroll .fa { transition: all ease 0.3s; } #scroll:hover .fa { transform: translateY(-5px); } .up { color: #fff; font-size: 20px; padding: 5px; } #scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #ffffff; } #scroll:hover { background-color: #428bca; background-color: var(--primary-color-light); opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } /***end here****/ .btn-primary { background-color: #00518a; background-color: var(--primary-color); color: #fff; color: var(--white-color); } .btn-red, .btn-danger { background-color: #ff4d34; border: 1px solid #ff4d34; color: #fff; color: var(--white-color); } .btn-red:hover, .btn-red:focus, .btn-danger:hover, .btn-danger:focus { background-color: #ff351a; color: #fff !important; } .btn-blue { background-color: #0587ef !important; background-color: var(--blue-btns); border: 1px solid #0587ef; color: #fff; color: var(--white-color); } .btn-blue:hover, .btn-blue:focus { background-color: #0876ce !important; color: #fff !important; } .btn.focus, .btn:focus, .btn:hover { /*color: $gray-color-lightest; color: var(--gray-color-lightest);*/ text-decoration: none; } .btn-blue a { color: #fff; color: var(--white-color); text-decoration: none; } .btn-blue a:hover { color: #000; color: var(--black-color); } .btn-active, .btn-active:hover { color: #fff; color: var(--white-color); font-size: 14px; } .btn-black { background: #333333 !important; background: var(--black-color-lighter !important); border-radius: 0px !important; border: 0px !important; padding: 5px !important; font-size: 14px; } .btn-login { background: #00518a !important; border-radius: 2px !important; border: 0px !important; padding: 5px !important; font-size: 14px; /*&:hover { background: #00416f !important; }*/ } .btn-login:focus, .btn-login:hover { outline: none !important; box-shadow: none !important; background: #00416f !important; } .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { olor: #ccc; color: var(--gray-color-lightest); /*background-color: $primary-color-lightest; background-color: var(--primary-color-lightest);*/ } .btn-warning { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { /*color: $white-color !important; color: var(--white-color) !important; background-color: $blue-btns; background-color: var(--blue-btns);*/ background-color: rgba(77, 153, 214, 0.13) !important; color: #00518a !important; border-color: rgba(77, 153, 214, 0.13) !important; } .row_actions a:hover { color: #4da6e4; color: var(--primary-color-lightest); } .adduser-btn { color: #fff; color: var(--white-color); background-color: #00518a; background-color: var(--primary-color); } .adduser-btn { padding: 1px 10px; font-weight: normal; border-radius: 2px; } .adduser-btn:hover { color: #ccc; text-decoration: none; } .adduser-btn:focus { color: #fff; color: var(--white-color); text-decoration: none; outline: none; } .add-user-fields { clear: both; overflow: hidden; } a { color: #0587ef; color: var(--blue-btns); text-decoration: none; } a:focus, a:hover { color: #00518a; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .close { float: right; font-size: 28px; font-weight: 700; line-height: 28px; color: #fff; /*text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2*/ } .close:focus, .close:hover { /*color: $primary-color-light; color: var(--primary-color-light);*/ text-decoration: none; cursor: pointer; /*filter:alpha(opacity=50);opacity:.5*/ color: #fff; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .checked-btn, .cross-btn { -webkit-box-shadow: 0px 14px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 14px 7px rgba(0, 0, 0, 0.5); box-shadow: 0px 14px 7px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .backbtn { position: absolute; top: 3px; /*&::before { position: absolute; padding: 0px 4px; content: "\f101"; font-family: 'FontAwesome'; background-color: #0587ef; background-color: var(--blue-btns); color: #fff; color: var(--white-color); width: 50px; text-align: center; }*/ } /*****checkbox_yeno****/ .checkbox_yeno li { float: left; margin: 0 5px; line-height: 18px; } .checked-btn i, .cross-btn i { color: #fff !important; } .checked-btn i, .cross-btn i { font-weight: normal; } .cross-btn { background: #f54336; background: var(--light-red); } .checked-btn { background: #4cb051; background: var(--light-green); } .checked-btn, .cross-btn { margin-bottom: 5px; color: #fff; color: var(--white-color); width: 21px; min-height: 20px; text-align: center; line-height: 20px !important; } /*****checkbox_yeno end**/ .last-login_btn { padding: 7px 2px 7px 7px; color: #656565; color: var(--text); font-size: 12px; /*background: #eb2226;*/ /*background: $thead;*/ /*background: linear-gradient(90deg, rgba(0,76,141,1) 11%, rgba(16,30,134,1) 75%);*/ margin-top: 6px; float: left; margin-right: 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } @media (max-width: 457px) { .last-login_btn { display: none; } } .last-login_btn svg { width: 18px; height: 18px; float: left; margin-right: 5px; fill: #2581ca; fill: var(--thead); } /****multiselect***/ .multiselect-item .input-group .input-group-addon { background: #0587ef; background: var(--blue-btns); padding: 7px 11px; color: #fff; } .multiselect-container .active > a { background: #4da6e4 !important; background: var(-primary-color-lightest) !important; } /******multiselect end here*/ /*====================================================================================================== MULTISELECT ======================================================================================================*/ .tab input.invalid { border-color: #00518a; border-color: var(--primary-color); } /*====================================================================================================== TABS ======================================================================================================*/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { cursor: default; background-color: #00518a; background-color: var(--primary-color); color: #fff; color: var(--white-color); border-bottom-color: transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #00518a; background-color: var(--primary-color); color: #fff; color: var(--white-color); border: none; outline: none; } @media (min-width: 768px) { .border-right-desk-t { border-right: solid 1px #ccc; } .border-right-desk-t:nth-child(even) { border-right: none; } } @media (max-width: 767px) { .border-right-desk-t .border-right-desk-t { border-right: none !important; } } /*.border-right-desk-t { &:nth-child(even) { border-right: none; } }*/ /*====================================================================================================== PAGINATION ======================================================================================================*/ .ui-jqgrid .ui-pg-table td input { background-color: #eaeff3; color: #00518a; } .ui-icon-seek-prev:before { content: "\f053"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; color: rgba(9, 122, 202, 0.6); color: var(--pagination-color); } .ui-icon-seek-end:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f051"; font-size: 13px; color: rgba(9, 122, 202, 0.6); color: var(--pagination-color); } .ui-icon-seek-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: 13px; color: rgba(9, 122, 202, 0.6); color: var(--pagination-color); } .ui-icon-seek-first:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; font-size: 13px; color: #1494d1; } /***tab processing bar*/ .step.finish { background-color: rgba(9, 122, 202, 0.6) !important; background-color: var(--pagination-color) !important; } /****end here*/ /**bootstrap pagination*/ .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: rgba(9, 122, 202, 0.6) !important; background-color: var(--pagination-color) !important; border-color: transparent; } /*****end here bootstrap pagination*/ /*====================================================================================================== LOGIN PAGE ======================================================================================================*/ .loginCont p { text-align: center; padding: 9px 0; margin: 30px 0px 0px 0px !important; font-size: 12px; background: #014c90; font-weight: 400; color: white; border-radius: 0px; /* letter-spacing: 0.5px; */ border: 1px solid #2d6c98; } .login_body { background: #00518a url(../../../images/commdel_bg.png) no-repeat; background: var(--primary-color) url(../../../images/commdel_bg.png) no-repeat; /*background-size: cover;*/ background-size: contain; background-position: right center; } .commdel-logo-loging-inn { margin-top: 25%; min-height: 350px; position: relative; } .commdel-logo-loging-inn .img-container { margin: 0; position: absolute; width: 100%; margin: 114px auto; text-align: center; } @media (max-width: 767px) { .commdel-logo-loging-inn .img-container { margin: 0px auto; } .commdel-logo-loging-inn .img-container img { width: 200px; height: auto; } } @media (max-width: 767px) { .commdel-logo-loging-inn { margin-top: 5%; min-height: 44px; text-align: center; } } @media (max-width: 767px) { .login-panel { margin-top: 10%; } } .forgetpassword:focus { color: #00518a; } /*====================================================================================================== Home PAGE ======================================================================================================*/ .DateDDLReport-table > thead > tr > th { white-space: pre; } .RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell { background: #fff url(../../images/select-icon.png) no-repeat !important; height: 30px; background-size: 18px !important; background-size: 9px !important; background-position: 96% 50% !important; } .RadComboBox .rcbArrowCell a { width: auto !important; } /*Dashboard Stylesheet*/ .bg-w { background: #fff; } .box { width: 100%; height: 115px; border-radius: 3px; box-shadow: 0 2px 4px rgba(157, 166, 171, 0.23); background: #fff; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); margin: 10px auto; margin-bottom: 15px; padding: 0px; position: relative; text-align: center; border: 1px solid #bdcfd6; } .text-box { position: absolute; left: 0; top: 20px; width: 100%; z-index: 12; transform: translate3d(0, 0, 0); } .title, .title a { font-weight: 600; margin: 11px auto; margin-bottom: 0px; color: #03182b; font-size: 17px; border-bottom: 1px solid rgba(105, 105, 105, 0.25); } .card-text { display: block; color: #18344a; font-size: 24px; background: rgba(62, 62, 62, 0.12); } .wave { opacity: .4; position: absolute; top: -152%; left: 50%; background: rgba(39, 0, 255, 0.24); width: 500px; height: 450px; margin-left: -250px; margin-top: -250px; transform-origin: 50% 48%; border-radius: 1%; animation: drift 50s infinite linear; } .wave.-three { animation: drift 40s infinite linear; } .wave.-two { animation: drift 30s infinite linear; opacity: .1; background: #ffffff; } .box:after { content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #03A9F4, rgba(221, 238, 255, 0) 80%, rgba(255, 255, 255, 0.5)); z-index: 11; transform: translate3d(0, 0, 0); } @keyframes drift { from { transform: rotate(0deg); } from { transform: rotate(360deg); } } .box2 { width: 100%; height: 115px; border-radius: 3px; /*box-shadow: 0 3px 13px rgba(0, 0, 0, 0.11);*/ background: #2face4; position: relative; margin: 10px auto; position: relative; text-align: center; transition: all ease 0.3s; } .box2 .title, .box2 .title a { font-weight: 600; margin: 5px auto; margin-bottom: 0px; color: #0e3558; font-size: 14px; border-bottom: none; transition: all ease 0.3s; } .box2 .card-text { display: block; color: #fff; border-top: none; font-size: 24px; } .box2:hover .title, .box2:hover .title a { transform: translateY(-5px); } .bg1 { background-color: #4ec2f7 !important; border: 1px solid #16a1e0; } .bg1 .title, .bg1 .title a { color: #002535 !important; } .bg2 { background-color: #7ad47e !important; border: 1px solid #31b537; } .bg2 .title, .bg2 .title a { color: #004a03 !important; } .bg3 { background-color: #f5b920 !important; border: 1px solid #ce9400; } .bg3 .title, .bg3 .title a { color: #380400 !important; } .bg4 { background-color: #b3abe6 !important; border: 1px solid #988ddc; } .bg4 .title, .bg4 .title a { color: #001823 !important; } /*====================================================================================================== BORDER RADIUS SHORT MIXIN ======================================================================================================*/ /*====================================================================================================== BORDER RADIUS FULL MIXIN ======================================================================================================*/ /*====================================================================================================== BOX SHADOW MIXIN ======================================================================================================*/ /*====================================================================================================== TRANSITION MIXIN ======================================================================================================*/ /*====================================================================================================== DISPLAY FLEX MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX DIRECTION MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX WRAP MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX FLOW MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ORDER MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX GROW MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX SHRINK MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX FLEX BASIS MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX JUSTIFY CONTENT MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN CONTENT MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN ITEMS MIXIN ======================================================================================================*/ /*====================================================================================================== FLEXBOX ALIGN ITEMS MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION NAME MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION DURATION MIXIN ======================================================================================================*/ /*====================================================================================================== ANIMATION FILL MODE MIXIN ======================================================================================================*/ /*====================================================================================================== TRANSLATE 3D MIXIN ======================================================================================================*/ /*====================================================================================================== PLACEHOLDER ======================================================================================================*/ .table-bordered { border-color: #dce3e8 !important; } .table-responsive { font-size: 13px; line-height: 20px; color: #555555; } .table-scroll { max-height: 250px; overflow-y: auto; } .no-bg { background: none !important; background-color: none !important; background-image: none !important; } /*.table { margin-bottom: 0px; }*/ .file-uploaded { color: forestgreen; font-weight: 600; text-transform: capitalize; } .field-disabled { background: #dadada; } .d-inline-block { display: inline-block !important; } .po-relative { position: relative !important; } .text-success { color: #40b144 !important; } .text-danger { color: #f3392b !important; } .border { border: 1px solid #cbd8e0 !important; } .overflow-hidden { overflow: hidden !important; } .bg-light-grey { background: #f6f6f6; } .notification-bell { background: transparent; border: 1px solid rgba(77, 153, 214, 0.1); border-radius: 50%; transition: ease 0.1s all; position: relative; } .notification-bell .fa { font-size: 14px; } .notification-bell .badge { right: -2px; position: absolute; top: -4px; background: #eaeff3; color: #00518a; font-weight: 600; } .notification-bell:hover { background: #eaeff3; } .notification-bell:hover .badge { background: #fff; } .dropdown-menu { font-size: 13px; color: #656565; color: var(--text); } .pagination { margin-top: 2px !important; border-radius: 0px; font-size: 13px; line-height: 20px; color: #555555; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .table-bordered .fa, .table-bordered .fas, .input-group-addon .fa, .input-group-addon .fas { color: #2a8cc5; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(0, 95, 255, 0.06); } .pagination { margin-bottom: 0px !important; } .input-group.date .input-group-addon { border: 1px solid #cbd8e0; padding: 5px 12px; border-left: none; border-radius: 0px 2px 2px 0px; background: #fff; } .vertical-align-top { vertical-align: top !important; } .status-box { padding: 2px 6px; min-width: 143px; border-radius: 1px; display: inline-block; text-align: left; color: #fff; } .error { color: #f3392b !important; font-size: 11px; line-height: 11px; padding-left: 2px; } .sub-status { width: 143px; display: block; color: #484848; font-weight: 600; font-size: 12px; background: #f2f5f7; padding: 0px 6px; } .color-grey { color: #777777; } .bg-red { background-color: #ffeeee; color: #cc3333; } .bg-dark { background-color: #1b71b5 !important; color: #ffffff !important; } .case-danger { background-color: #fff; color: #333333; } .unassigned { background-color: #8691a2 !important; } .danger { background-color: #ff5350 !important; } .success { background-color: #40b144 !important; } .pending { background-color: #d880ea !important; } .dispatched, .blue { background-color: #2196F3 !important; } .reached-mr { background-color: #00b18d !important; } .partial-dispatched, .violet { background-color: #e009ca !important; } .color-red { color: #f3392b !important; } .color-inherit { color: inherit !important; } .color-green { color: #28c12f !important; } .color-white { color: #fff !important; } .blue-icon-color { color: #2581ca; color: --var-thead; } .dropdown-menu > li > a { color: #656565; } .btn { font-size: 13px; } @media (min-width: 768px) { .text-sm-right { text-align: right; } } .table-override table { overflow-x: scroll; } .table-override table tr td, .table-override table tr th { /*max-width: 150px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;*/ white-space: normal !important; height: auto !important; word-break: break-word; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; /*br { display: none; }*/ } .table-override table tr td:nth-child(1), .table-override table tr th:nth-child(1) { /*width: 10px !important;*/ } .table-override table tr td:nth-child(2), .table-override table tr th:nth-child(2) { /*width: 50px !important;*/ } /****action td width*/ .grid-action-w-130 table tr th:nth-child(2), .grid-action-w-130 table tr td:nth-child(2) { width: 118px !important; } .grid-action-w-70 table tr th:nth-child(2), .grid-action-w-70 table tr td:nth-child(2) { width: 70px !important; } .grid-action-w-70-child-one table tr th:nth-child(1), .grid-action-w-70-child-one table tr td:nth-child(1) { width: 70px !important; } .grid-action-w-130-child-one table tr th:nth-child(1), .grid-action-w-130-child-one table tr td:nth-child(1) { width: 118px !important; } .grid-action-w-205 table tr th:nth-child(1), .grid-action-w-205 table tr td:nth-child(1) { width: 205px !important; } /*.multiselect { background-color: #fff; background-image: none; border: 1px solid #cbd8e0 !important; border-radius: 2px; box-shadow: none; color: #656565; display: block; font-size: 13px; height: 34px; line-height: 1.42857; padding: 3px 6px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; &:focus { border-color: #0587ef; box-shadow: none; outline: 1px solid #0587ef; } }*/ .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #0587ef; } .btn-xss { padding: 3px 8px; font-size: 10px; border-radius: 1.5px; line-height: 15px; } .link-white { background: #f6f6f6; } .link-white:hover, .link-white:focus { background: #fff; } /*#basic-details, #other-details, #flag-details,*/ .label-pt-0 .form-group label { padding-top: 0px; padding-bottom: 0px; } .accordian-btn { display: inline-block !important; float: right; } /* DATA TABLES STYLES*/ .dataTables_length { float: left; } .dataTables_filter { float: right; margin-left: 10px; } .dataTables_filter label input [type=search] { padding-left: 10px; } .dataTables_length, .dataTables_filter, #example_filter { margin-bottom: 2px; border: 1px solid #cbd8e0; padding: 1px 10px; } .dataTables_filter { border: none !important; } .dataTables_length label, #example_filter label, .dataTables_filter label { margin-bottom: 0px; } .dataTables_length select { padding: 4px 9px; width: auto !important; background: #f1f1f1; } .dataTables_length select:hover, .dataTables_length select:focus { outline: none; box-shadow: none; border: none; } #example_filter label, .dataTables_filter label { font-weight: bold; } .dt-buttons { margin-left: 5px; } .dt-buttons button { padding: 9px 12px 6px; margin-right: 5px; } table.dataTable { border: 1px solid #e6e6e6; } table.dataTable td { border-top: 1px solid #e6e6e6; } table.dataTable thead th, table.dataTable thead td { border-bottom: none !important; font-size: 13px; line-height: 22px; vertical-align: top; font-weight: normal !important; word-break: break-word; } table.dataTable.no-footer { border-bottom-color: #e6e6e6 !important; } .dataTables_info { font-size: 11px; } .overflow-inherit { overflow: inherit !important; display: inline-block; width: 100%; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: #eaeff3 !important; color: #00518a !important; border: none !important; } .dataTables_paginate .paginate_button { padding: 0px 0px !important; font-size: 12px; float: left; display: inline-block !important; border: solid 1px #ccc; } .dataTables_paginate .paginate_button a { padding: 2px 12px !important; } .multiselect-container .multiselect-item .input-group span { line-height: inherit !important; font-size: inherit !important; position: relative !important; } .multiselect-container .multiselect-item .input-group span .fa { color: inherit !important; } .font-0 { font-size: 0px !important; } .toast { box-shadow: none !important; opacity: 1 !important; } .toast-error { background-color: #c55050 !important; } .list-group-item:hover { background-color: #f9f9f9; } .avatar { position: relative; display: inline-block; width: 3rem; height: 3rem; font-size: 1rem; } .avatar img { border-radius: 50% !important; vertical-align: middle; border-style: none; } .avatar-sm { width: 3.5rem; height: 3.5rem; font-size: .83333rem; } .notif-title { font-weight: 600; margin-top: 0px; margin-bottom: 3px; } .notif-msg { color: #6e84a3 !important; font-size: 13px; } /* Non-Password Input Type Bullet Replacement*/ /*@font-face { font-family: 'dotsfont'; src: url('../../font-awesome/fonts/dotsfont.eot'); src: url('../../font-awesome/fonts/dotsfont.eot?#iefix') format('embedded-opentype'), url('../../font-awesome/fonts/dotsfont.woff') format('woff'), url('../../font-awesome/fonts/dotsfont.ttf') format('truetype'), url('../../font-awesome/fonts/dotsfont.svg#dotsfontregular') format('svg'); }*/ /*Absolute Path Set for Font calling, Check for Production/Local use only.*/ @font-face { font-family: 'dotsfont'; src: url("/dist/fonts/dotsfont/dotsfont.eot"); src: url("/dist/fonts/dotsfont/dotsfont.eot?#iefix") format("embedded-opentype"), url("/dist/fonts/dotsfont/dotsfont.woff") format("woff"), url("/dist/fonts/dotsfont/dotsfont.ttf") format("truetype"), url("/dist/fonts/dotsfont/dotsfont.svg#dotsfontregular") format("svg"); } [conceal]:not(:active):not(:focus) { font-family: 'dotsfont'; } .checkbox label::before { content: none; } .checkbox input[type="checkbox"] { opacity: 1; } input#password { font-family: 'dotsfont'; font-size: 7px; font-style: normal; font-weight: normal; speak: none; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input#password::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 13px; } input#password::-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size: 13px; } input#password:-ms-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 13px; } input#password:-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size: 13px; } /*Something went wrong page*/ .something-wrong-page { text-align: center; display: block; max-width: 480px; height: auto; margin: 0 auto; } .something-wrong-page img { max-width: 100%; height: auto; } .sometitle { margin-bottom: 25px; font-size: 55px; font-weight: 600; color: #afafc3; text-shadow: 1px 1px 2px #8e8ea0; font-family: 'Open Sans'; font-style: italic; } .btn-home { background: #0587ef; color: #fff; cursor: pointer; } .btn-home:hover { background: #0876ce; } .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { margin: 0px 0 0px 0; } .panel-sub-heading { width: 100%; height: auto; padding: 5px 15px 5px 15px; border: 1px solid #dce3e8; font-size: 12px; font-weight: 600; float: left; text-transform: capitalize; margin-bottom: 5px; background: #e1f3ff; } .editable-form-styles table.darkgrid thead td { background: #00518a; } .editable-form-styles table.darkgrid tbody tr .form-control { height: auto; } .editable-form-styles table.darkgrid tbody tr td:nth-child(1) { background: #fafafb; } .editable-form-styles table.darkgrid tbody tr td:nth-child(2) { background: #eaecef; } .editable-form-styles table.darkgrid tbody tr td:nth-child(4) { padding: 0px !important; } .editable-form-styles table.darkgrid tbody tr td:nth-child(4) .form-control, .editable-form-styles table.darkgrid tbody tr td:nth-child(4) .multiselect { border-top: none !important; border-bottom: none !important; } .editable-form-validations thead td:nth-child(1), .editable-form-validations thead td:nth-child(5) { text-align: center; } .editable-form-validations table tbody tr td:nth-child(1) { background: #fafafb; text-align: center; } .editable-form-validations table tbody tr td:nth-child(2) { background: #fafafb; } .editable-form-validations table tbody tr td:nth-child(5) { text-align: center; } /*JQ Grid Pagination Override CSS*/ #pager_left { display: none !important; } #first_pager, .ui-jqgrid .ui-pg-table tbody tr td[title~="First"] { width: inherit !important; display: table-cell !important; } /*Notification List*/ .indicators { background: #c8e7ff; } .indicators .avatar::after { content: "\A"; width: 8px; height: 8px; border-radius: 50%; background: #F44336; display: inline-block; position: absolute; right: 0px; } .indicators .notif-title { font-weight: 900; } .indicators .notif-msg { font-weight: 600; color: #484848 !important; } .indicators small.text-muted { font-weight: 700; color: #075192; } .indicators:hover { background: #c8e7ff; } /*** Print stylesheet ***/ @media screen, print { @page { size: A4 portrait; margin: 0mm; margin-left: 0.5cm; margin-right: 0.5cm; } /* page-break-after works, as well */ .pagebreak { page-break-before: always; } body.report { font-size: 11px !important; } body.report table { word-break: keep-all; white-space: nowrap; } body.report table thead tr th { font-size: 11px !important; } body.report .table-condensed > tbody > tr > td, body.report .table-condensed > tbody > tr > th, body.report .table-condensed > tfoot > tr > td, body.report .table-condensed > tfoot > tr > th, body.report .table-condensed > thead > tr > td, body.report .table-condensed > thead > tr > th { padding: 2px !important; } body.report .report-container { position: relative; width: 100%; margin: 0; float: none; background: #fff !important; border-radius: 1px !important; padding: 10px 10px; padding-bottom: 0px; } body.report .report-container p { font-size: 12px !important; margin-bottom: 7px; } body.report .report-container .logo-report { display: block; width: 100%; text-align: center; padding: 2px 0px; margin-top: 20px; margin-bottom: 15px; } body.report .report-container .logo-report img { width: 160px; height: auto; } body.report .report-container .underline, body.report .report-container .underline--left { border-bottom: 1px solid #bfbfbf; display: block; height: 16px; line-height: 18px; } body.report .report-container .underline--left { display: inline-block; } body.report .report-container .w-100 { width: 100px; } body.report .report-container .report-heading { color: #000; text-align: center; font-weight: 600; text-decoration: underline; font-size: 16px; margin-top: 0px; } body.report .double-border { width: 100%; display: block; border-top: 1px dashed #000000; height: 6px; border-bottom: 1px dashed #000000; } body.report .print-btn { position: absolute; } body.report .sub-heading, body.report .sub-heading--left { text-align: center; } body.report .sub-heading h4, body.report .sub-heading--left h4 { font-size: 14px; color: #000; font-weight: 600; } body.report .sub-heading--left { text-align: left; } body.report .sign, body.report .stamp { display: block; width: 100%; height: 60px; padding: 2px 0px; text-align: left; } body.report .sign-and-image img { border: none; height: 90px; } body.report .tr-photo { border-bottom: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; } body.report .footer-override { padding: 0px; color: inherit; bottom: inherit; border-top: none; } body.report .list-checkbox-print { border-bottom: none; margin: 0; padding-bottom: 0px; } body.report .list-checkbox-print ul li { padding-top: 0px; float: none; } body.report .list-checkbox-print ul li label { font-weight: 600; font-size: 12px; } body.report .imageDetail { height: 150px !important; width: 150px !important; cursor: pointer; } body.report .imageDetail90 { height: 90px !important; width: 90px !important; cursor: pointer; } } @media screen and (max-width: 991px) { body.report .mt24-responsive { margin-top: 70px; } } @media screen and (max-width: 576px) { body.report .list-checkbox-print ul li { float: left; padding-left: 0px; } body.report .table500char tbody tr td:nth-child(even) { white-space: nowrap !important; } } /*# sourceMappingURL=main-style.css.map */