/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (6487,24): run-time error CSS1019: Unexpected token, found ':' (6487,24): run-time error CSS1042: Expected function, found ':' (6487,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6511,24): run-time error CSS1019: Unexpected token, found ':' (6511,24): run-time error CSS1042: Expected function, found ':' (6511,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6518,24): run-time error CSS1019: Unexpected token, found ':' (6518,24): run-time error CSS1042: Expected function, found ':' (6518,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6523,24): run-time error CSS1019: Unexpected token, found ':' (6523,24): run-time error CSS1042: Expected function, found ':' (6523,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6531,24): run-time error CSS1019: Unexpected token, found ':' (6531,24): run-time error CSS1042: Expected function, found ':' (6531,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6538,24): run-time error CSS1019: Unexpected token, found ':' (6538,24): run-time error CSS1042: Expected function, found ':' (6538,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6544,24): run-time error CSS1019: Unexpected token, found ':' (6544,24): run-time error CSS1042: Expected function, found ':' (6544,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6706,26): run-time error CSS1019: Unexpected token, found ':' (6706,26): run-time error CSS1042: Expected function, found ':' (6706,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6717,26): run-time error CSS1019: Unexpected token, found ':' (6717,26): run-time error CSS1042: Expected function, found ':' (6717,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6724,26): run-time error CSS1019: Unexpected token, found ':' (6724,26): run-time error CSS1042: Expected function, found ':' (6724,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' : run-time error CSS1036: Expected expression, found '' (8292,26): run-time error CSS1019: Unexpected token, found ':' (8292,26): run-time error CSS1042: Expected function, found ':' (8292,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8316,26): run-time error CSS1019: Unexpected token, found ':' (8316,26): run-time error CSS1042: Expected function, found ':' (8316,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8486,26): run-time error CSS1019: Unexpected token, found ':' (8486,26): run-time error CSS1042: Expected function, found ':' (8486,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8664,26): run-time error CSS1019: Unexpected token, found ':' (8664,26): run-time error CSS1042: Expected function, found ':' (8664,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8731,26): run-time error CSS1019: Unexpected token, found ':' (8731,26): run-time error CSS1042: Expected function, found ':' (8731,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8735,26): run-time error CSS1019: Unexpected token, found ':' (8735,26): run-time error CSS1042: Expected function, found ':' (8735,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8739,26): run-time error CSS1019: Unexpected token, found ':' (8739,26): run-time error CSS1042: Expected function, found ':' (8739,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8855,26): run-time error CSS1019: Unexpected token, found ':' (8855,26): run-time error CSS1042: Expected function, found ':' (8855,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8881,26): run-time error CSS1019: Unexpected token, found ':' (8881,26): run-time error CSS1042: Expected function, found ':' (8881,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8902,26): run-time error CSS1019: Unexpected token, found ':' (8902,26): run-time error CSS1042: Expected function, found ':' (8902,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8920,26): run-time error CSS1019: Unexpected token, found ':' (8920,26): run-time error CSS1042: Expected function, found ':' (8920,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (8925,26): run-time error CSS1019: Unexpected token, found ':' (8925,26): run-time error CSS1042: Expected function, found ':' (8925,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (9647,30): run-time error CSS1019: Unexpected token, found ':' (9647,30): run-time error CSS1042: Expected function, found ':' (9647,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (9652,30): run-time error CSS1019: Unexpected token, found ':' (9652,30): run-time error CSS1042: Expected function, found ':' (9652,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (9695,30): run-time error CSS1019: Unexpected token, found ':' (9695,30): run-time error CSS1042: Expected function, found ':' (9695,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10032,26): run-time error CSS1019: Unexpected token, found ':' (10032,26): run-time error CSS1042: Expected function, found ':' (10032,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10236,26): run-time error CSS1019: Unexpected token, found ':' (10236,26): run-time error CSS1042: Expected function, found ':' (10236,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10250,26): run-time error CSS1019: Unexpected token, found ':' (10250,26): run-time error CSS1042: Expected function, found ':' (10250,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10256,24): run-time error CSS1019: Unexpected token, found ':' (10256,24): run-time error CSS1042: Expected function, found ':' (10256,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10267,26): run-time error CSS1019: Unexpected token, found ':' (10267,26): run-time error CSS1042: Expected function, found ':' (10267,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10284,26): run-time error CSS1019: Unexpected token, found ':' (10284,26): run-time error CSS1042: Expected function, found ':' (10284,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10306,26): run-time error CSS1019: Unexpected token, found ':' (10306,26): run-time error CSS1042: Expected function, found ':' (10306,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10310,26): run-time error CSS1019: Unexpected token, found ':' (10310,26): run-time error CSS1042: Expected function, found ':' (10310,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10345,26): run-time error CSS1019: Unexpected token, found ':' (10345,26): run-time error CSS1042: Expected function, found ':' (10345,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (10679,26): run-time error CSS1019: Unexpected token, found ':' (10679,26): run-time error CSS1042: Expected function, found ':' (10679,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11013,26): run-time error CSS1019: Unexpected token, found ':' (11013,26): run-time error CSS1042: Expected function, found ':' (11013,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11025,26): run-time error CSS1019: Unexpected token, found ':' (11025,26): run-time error CSS1042: Expected function, found ':' (11025,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11498,30): run-time error CSS1019: Unexpected token, found ':' (11498,30): run-time error CSS1042: Expected function, found ':' (11498,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11597,30): run-time error CSS1019: Unexpected token, found ':' (11597,30): run-time error CSS1042: Expected function, found ':' (11597,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11602,30): run-time error CSS1019: Unexpected token, found ':' (11602,30): run-time error CSS1042: Expected function, found ':' (11602,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (11616,30): run-time error CSS1019: Unexpected token, found ':' (11616,30): run-time error CSS1042: Expected function, found ':' (11616,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (15040,30): run-time error CSS1019: Unexpected token, found ':' (15040,30): run-time error CSS1042: Expected function, found ':' (15040,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (15044,30): run-time error CSS1019: Unexpected token, found ':' (15044,30): run-time error CSS1042: Expected function, found ':' (15044,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (15393,28): run-time error CSS1019: Unexpected token, found ':' (15393,28): run-time error CSS1042: Expected function, found ':' (15393,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (16859,26): run-time error CSS1019: Unexpected token, found ':' (16859,26): run-time error CSS1042: Expected function, found ':' (16859,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (17237,30): run-time error CSS1019: Unexpected token, found ':' (17237,30): run-time error CSS1042: Expected function, found ':' (17237,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (17241,30): run-time error CSS1019: Unexpected token, found ':' (17241,30): run-time error CSS1042: Expected function, found ':' (17241,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (18112,26): run-time error CSS1019: Unexpected token, found ':' (18112,26): run-time error CSS1042: Expected function, found ':' (18112,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (18137,26): run-time error CSS1019: Unexpected token, found ':' (18137,26): run-time error CSS1042: Expected function, found ':' (18137,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (18992,26): run-time error CSS1019: Unexpected token, found ':' (18992,26): run-time error CSS1042: Expected function, found ':' (18992,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (19031,26): run-time error CSS1019: Unexpected token, found ':' (19031,26): run-time error CSS1042: Expected function, found ':' (19031,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (19039,26): run-time error CSS1019: Unexpected token, found ':' (19039,26): run-time error CSS1042: Expected function, found ':' (19039,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (19044,26): run-time error CSS1019: Unexpected token, found ':' (19044,26): run-time error CSS1042: Expected function, found ':' (19044,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (20883,25): run-time error CSS1019: Unexpected token, found ':' (20883,25): run-time error CSS1042: Expected function, found ':' (20883,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (20888,25): run-time error CSS1019: Unexpected token, found ':' (20888,25): run-time error CSS1042: Expected function, found ':' (20888,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21289,30): run-time error CSS1019: Unexpected token, found ':' (21289,30): run-time error CSS1042: Expected function, found ':' (21289,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21398,26): run-time error CSS1019: Unexpected token, found ':' (21398,26): run-time error CSS1042: Expected function, found ':' (21398,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21429,26): run-time error CSS1019: Unexpected token, found ':' (21429,26): run-time error CSS1042: Expected function, found ':' (21429,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21433,26): run-time error CSS1019: Unexpected token, found ':' (21433,26): run-time error CSS1042: Expected function, found ':' (21433,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21455,26): run-time error CSS1019: Unexpected token, found ':' (21455,26): run-time error CSS1042: Expected function, found ':' (21455,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21459,26): run-time error CSS1019: Unexpected token, found ':' (21459,26): run-time error CSS1042: Expected function, found ':' (21459,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21619,26): run-time error CSS1019: Unexpected token, found ':' (21619,26): run-time error CSS1042: Expected function, found ':' (21619,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (21761,25): run-time error CSS1019: Unexpected token, found ':' (21761,25): run-time error CSS1042: Expected function, found ':' (21761,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ .bg-white.tile-box a.tile-footer.btn-link { background-color: #337ab7; color: #fff; text-decoration: none; } .bg-white.tile-box a.tile-footer.btn-link { text-decoration: underline; } .form-group .multiLevelAccordion h4 { margin-top: 0; margin-bottom: 0; } .multiLevelAccordion .panel-default { position: relative; } .multiLevelAccordion .panel-group { margin-bottom: 0; } .multiLevelAccordion.panel-group .panel-heading a:after { content: '-'; font-size: 24px; position: absolute; right: 30px; top:5px; } .multiLevelAccordion .panel-body .panel-group .panel-heading a:after { right: 22px; } .multiLevelAccordion.panel-group .panel-heading a.collapsed:after { content: '+'; } .multiLevelAccordion .panel-body { padding: 5px 8px; } .panel-default.bg-white { border: none; } .panel-default.bg-white > .panel-heading { background-color: #fff; } .textToImage { font-size: 1px; text-indent: -9999px; display: block; } .tile-content-dual-line { white-space: normal; overflow: visible; height: 86px; display: table; width: 100%; } .tile-content-dual-line .tile-content { display: table-cell; height: 63px; padding: 0 20px; vertical-align: middle; font-size: 23px; text-align: center; } .tile-content-single-line .tile-content { font-size: 20px; } .front-end-course-list tr td { padding-bottom: 20px; } .front-end-course-list th { font-size: 20px; font-weight:normal } .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; } .bottomBorder { border-bottom: 1px solid #ccc; } .detailBox { border: 2px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; clear: both; box-sizing: border-box; padding: 10px; } .detailBox p { font-size: 12px; line-height: 14px; } .detailBox p span { font-weight: bold; } .detailBox .dl-horizontal { margin-bottom: 5px; } .detailBox .dl-horizontal dt { text-align: left; width: 30px; } .detailBox .dl-horizontal dd { margin-left: 0; } .form-group .radio, .form-group .checkbox, .form-group .radio-inline, .form-group .checkbox-inline { margin-bottom: 0; margin-top: 0; padding-top: 7px; padding-left: 0; min-height: 27px; } .thumbnail-box-wrapper { -webkit-box-shadow: 0 15px 13px -16px #333333; -ms-box-shadow: 0 15px 13px -16px #333333; box-shadow: 0 15px 13px -16px #333333; } .thumbnail-box-wrapper .thumb-pane { border-top: 1px solid #dfe8f1; } .rank1 { color:red } .rank2 { color:orange } .rank3 { color:green } .rank4 { color:darkgreen } /* Custom inputs */ div[id^='uniform-'], div[id^='uniform-'] span, div[id^='uniform-'] input { line-height: 18px; display: block; float: left; width: auto; width: 20px; height: auto; height: 20px; margin: 0 3px 0 0; padding: 0; cursor: pointer; } div[id^='uniform-'] { margin-right: 10px; } div[id^='uniform-'] span { position: relative; display: -moz-inline-box; display: inline-block; zoom: 1; margin-top: -1px; text-align: center; border-width: 1px; border-style: solid; *display: inline; } div.radio[id^='uniform-'] > span { margin-top: -7px; } .input-group-addon div[id^='uniform-'] span i, div[id^='uniform-'] span i { display: none; } div[id^='uniform-'] { opacity: .9; filter: alpha(opacity=90); } div[id^='uniform-'] span.checked i { font-size: 14px; line-height: 18px; display: block; height: 18px; } div.radio[id^='uniform-'] span.checked i { font-size: 9px; } div.radio[id^='uniform-'] span { border-radius: 50px; } div[id^='uniform-'] input { position: absolute; top: 0; left: 0; display: -moz-inline-box; display: inline-block; zoom: 1; opacity: 0; border: none; background: none; filter: alpha(opacity=0); *display: inline; } div.checker[id^='uniform-'] label { line-height: 19px; } /* Custom Select */ div.selector { line-height: 38px; position: relative; display: block; overflow: hidden; width: auto !important; height: 38px; margin: 0; padding: 0 10px !important; cursor: pointer; white-space: nowrap; text-decoration: none; border-width: 1px; border-style: solid; } .selector i { line-height: 38px; position: absolute; z-index: 4; top: 50%; right: 0; display: block; width: 38px; height: 38px; margin-top: -19px; margin-top: -19px; padding: 0 !important; text-align: center; border-left: 1px solid transparent; } div.selector select { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 38px; opacity: 0; border: none; background: none; filter: alpha(opacity=0); } div.selector span { line-height: 38px; display: block; width: auto !important; height: 38px; padding: 0 !important; } /* Forms */ fieldset { margin: 0; padding: 0; border: 0; } legend { font-size: 21px; line-height: inherit; display: block; width: 100%; margin-bottom: 20px; padding: 0; color: #333; border: 0; border-bottom: 1px solid #dfe8f1; } label { font-weight: bold; display: inline-block; } input[type='radio'], input[type='checkbox'] { line-height: normal; } input[type='file'] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { height: auto; } output { font-size: 14px; line-height: 1.428571429; display: block; padding-top: 7px; vertical-align: middle; color: #555; } div.dataTables_filter input, .chosen-container-single .chosen-search input, .input, .form-control, .dataTables_length select, .chosen-container-multi, .bootstrap-timepicker-widget table td input, .ui-toolbar select, .ui-toolbar input { font-size: 13px; display: block; float: none; background: #fff; width: 100%; height: 34px; padding: 6px 12px; color: #2b2f33; border: #dfe8f1 solid 1px; -webkit-box-shadow: inset 1px 1px 3px #f6f6f6; -moz-box-shadow: inset 1px 1px 3px #f6f6f6; box-shadow: inset 1px 1px 3px #f6f6f6; } .chosen-container-multi.chosen-with-drop.chosen-container-active { border: #ddd solid 1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 0 transparent; } div.dataTables_filter input:focus, .input:focus, .form-control:focus, .chosen-container-active, .chosen-container-multi.chosen-container-active, .selector.focus, .bootstrap-timepicker-widget table td input:focus, .ui-toolbar select:focus, .ui-toolbar input:focus { color: #333; border-color: #3da6ff; } .form-control:-moz-placeholder { color: #999; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } textarea.form-control { height: auto; } .form-group { margin-bottom: 25px; } .form-group h4 { margin-top: 10px; margin-bottom: 10px; clear: both; } .form-group label { margin-top: 10px; margin-bottom: 1px; } .form-group .switch-toggle { margin-top: 6px; } .radio, .checkbox { display: block; min-height: 20px; /*padding-left: 20px;*/ margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .radio label, .checkbox label { font-weight: normal; display: inline; margin-bottom: 0; cursor: pointer; } .radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { float: left; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { font-weight: normal; line-height: 19px; display: inline-block; height: 19px; margin-bottom: 0; cursor: pointer; vertical-align: middle; } .radio-inline label, .checkbox-inline label { font-weight: normal; line-height: 17px; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type='radio'][disabled], input[type='checkbox'][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; border-radius: 3px; } select.input-sm { line-height: 30px; height: 30px; } textarea.input-sm { height: auto; } .input-lg { font-size: 18px; line-height: 1.33; height: 45px; padding: 10px 16px; border-radius: 6px; } select.input-lg { line-height: 45px; height: 45px; } textarea.input-lg { height: auto; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 0; 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; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; } .form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { float: none; margin-left: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal > .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: ' '; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: ' '; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .input-group { position: relative; display: table; width: 100%; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 18px; line-height: 1.33; height: 45px; padding: 10px 16px; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { line-height: 45px; height: 45px; } 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 { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { line-height: 30px; height: 30px; } 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-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon div[id^='uniform-'] { margin: 0 -3px; } .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; white-space: nowrap; } .input-group-addon { font-size: 14px; font-weight: normal; line-height: 1; padding: 6px 12px; text-align: center; color: #2b2f33; background-color: rgba(239, 244, 246, 0.36); border: 1px solid #dfe8f1; border-radius: 4px; } .input-group-addon .glyph-icon { display: block; min-width: 20px; margin: 0 -4px; text-align: center; } .input-group-addon.addon-inside { line-height: 24px; position: absolute; top: 5px; left: 6px; display: block; width: 32px; height: 24px; padding: 0; border-width: 1px; border-style: solid; } .input-group-lg .input-group-addon.addon-inside { top: 10px; left: 10px; } .input-group-addon.addon-inside .glyph-icon { margin: 0; } .input-group-addon.addon-inside + input { padding-left: 48px; } .input-group-addon.input-sm { font-size: 12px; padding: 5px 10px; border-radius: 3px; } .input-group-addon.input-lg { font-size: 18px; padding: 10px 16px; border-radius: 6px; } .input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { 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 > .dropdown-toggle, .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-addon.addon-inside:first-child { border-right-width: 1px; border-right-style: solid; border-color: transparent; } .input-group-btn + .form-control, .input-group-addon + .form-control, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } [data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] { display: none; } /* Textarea */ textarea.textarea-no-resize, textarea.textarea-autoresize { resize: none; } .textarea-autosize { transition: height 0.3s; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; } textarea.form-control { line-height: 1.6em; padding: 8px 12px; } textarea.textarea-xs { height: 50px; } textarea.textarea-sm { height: 125px; } textarea.textarea-md { height: 200px; } textarea.textarea-lg { height: 275px; } /* Spinner */ .ui-spinner { position: relative; display: block; } .ui-spinner .ui-spinner-button { font-size: 9px; line-height: 17px; position: absolute; right: 0; width: 17px; height: 17px; cursor: pointer; text-align: center; border-width: 1px; border-style: solid; } .ui-spinner .ui-spinner-up { top: 0; } .ui-spinner .ui-spinner-down { bottom: 0; } .parsley-errors-list li { font-size: 12px; padding-top: 5px; } /* Row border */ .bordered-row > .form-group { padding: 20px 0; margin-bottom: 0; border-top-width: 1px; border-top-style: dashed; } .bordered-row > .form-group:last-child { padding-bottom: 0; } .form-group .ui-slider { margin-top: 14px; } .form-group .ui-slider + .input-group { margin-top: 20px; } /* Datepicker */ .ui-datepicker { z-index: 55 !important; display: none; padding: 0; } .ui-datepicker-inline { position: static !important; width: 100%; float: none; margin-top: 0; } .ui-datepicker-header, .ui-datepicker .ui-datepicker-header { font-size: 13px; line-height: 40px; position: relative; height: 40px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; overflow: hidden; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; border-width: 1px; border-style: solid; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-next { right: 5px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { line-height: 28px; display: block; float: none; height: 28px; margin: 0 auto; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: bold; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 13px; height: 28px; margin: 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { font-size: 13px; line-height: 1.6em; width: 96%; margin: 2%; border-collapse: collapse; } .ui-datepicker th { font-weight: bold; padding: 0 0 5px; text-align: center; border: 0; } .ui-datepicker td { padding: 1px; border: 0; } .ui-datepicker td span, .ui-datepicker td a { font-size: 13px; display: block; padding: 2px 5px; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { padding: 10px; } .ui-datepicker .ui-datepicker-buttonpane button { line-height: 26px; float: right; height: 28px; padding: 0 15px; border-width: 1px; border-style: solid; background: #fff; } .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-middle .ui-datepicker-header { border-radius: 0; } .ui-datepicker-row-break { font-size: 0; clear: both; width: 100%; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); -ms-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); -ms-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); -ms-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); transition-timing-function: cubic-bezier(.215, .610, .355, 1.000); } 0% { -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } 100% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } 100% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-animation-name: flip; animation-name: flip; -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } 40% { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); -ms-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: center; transform-origin: center; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; transform: none; -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } @keyframes rollOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInDown { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInLeft { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInRight { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } @keyframes zoomInUp { 0% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 1; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } @keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; opacity: 0; } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -ms-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; opacity: 0; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; opacity: 0; } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } 100% { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -ms-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; opacity: 0; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } @keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190); animation-timing-function: cubic-bezier(.550, .055, .675, .190); opacity: 1; } 100% { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1); animation-timing-function: cubic-bezier(.175, .885, .320, 1); opacity: 0; } } .zoomOutUp { transition: height .35s ease; -webkit-animation-name: zoomOutUp; } .icon-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); } .icon-flip-vertical { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition: height .35s ease; transition: height .35s ease; } .icon-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); } } @-webkit-keyframes fadebottom { 0% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 25% { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); } 30% { opacity: 0; transform: translateY(0px); -webkit-transform: translateY(0px); } 45% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } } /* Blurred backgrounds */ .blurred-bg-1 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-1.jpg'); } .blurred-bg-2 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-2.jpg'); } .blurred-bg-3 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-3.jpg'); } .blurred-bg-4 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-4.jpg'); } .blurred-bg-5 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-5.jpg'); } .blurred-bg-6 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-6.jpg'); } .blurred-bg-7 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-7.jpg'); } .blurred-bg-8 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-8.jpg'); } .blurred-bg-9 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-9.jpg'); } .blurred-bg-10 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-10.jpg'); } .blurred-bg-11 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-11.jpg'); } .blurred-bg-12 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-12.jpg'); } .blurred-bg-13 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-13.jpg'); } .blurred-bg-14 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-14.jpg'); } .blurred-bg-15 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-15.jpg'); } .blurred-bg-16 { background-image: url('/assets/image-resources/blurred-bg/blurred-bg-16.jpg'); } /* Polygon backgrounds */ .poly-bg-1 { background-image: url('/assets/image-resources/poly-bg/poly-bg-1.jpg'); } .poly-bg-2 { background-image: url('/assets/image-resources/poly-bg/poly-bg-2.jpg'); } .poly-bg-3 { background-image: url('/assets/image-resources/poly-bg/poly-bg-3.jpg'); } .poly-bg-4 { background-image: url('/assets/image-resources/poly-bg/poly-bg-4.jpg'); } .poly-bg-5 { background-image: url('/assets/image-resources/poly-bg/poly-bg-5.jpg'); } .poly-bg-6 { background-image: url('/assets/image-resources/poly-bg/poly-bg-6.jpg'); } .poly-bg-7 { background-image: url('/assets/image-resources/poly-bg/poly-bg-7.jpg'); } .poly-bg-8 { background-image: url('/assets/image-resources/poly-bg/poly-bg-8.jpg'); } .poly-bg-9 { background-image: url('/assets/image-resources/poly-bg/poly-bg-9.jpg'); } .poly-bg-10 { background-image: url('/assets/image-resources/poly-bg/poly-bg-10.jpg'); } /* Blurred images */ .blurred-img-1 { background-image: url('/assets/image-resources/blurred-img/blurred-img-1.jpg'); } .blurred-img-2 { background-image: url('/assets/image-resources/blurred-img/blurred-img-2.jpg'); } .blurred-img-3 { background-image: url('/assets/image-resources/blurred-img/blurred-img-3.jpg'); } .blurred-img-4 { background-image: url('/assets/image-resources/blurred-img/blurred-img-4.jpg'); } .blurred-img-5 { background-image: url('/assets/image-resources/blurred-img/blurred-img-5.jpg'); } /* Full images */ .full-bg-1 { background-image: url('/assets/image-resources/full-bg/full-bg-1.jpg'); } .full-bg-2 { background-image: url('/assets/image-resources/full-bg/full-bg-2.jpg'); } .full-bg-3 { background-image: url('/assets/image-resources/full-bg/full-bg-3.jpg'); } .full-bg-4 { background-image: url('/assets/image-resources/full-bg/full-bg-4.jpg'); } .full-bg-5 { background-image: url('/assets/image-resources/full-bg/full-bg-5.jpg'); } .full-bg-6 { background-image: url('/assets/image-resources/full-bg/full-bg-6.jpg'); } .full-bg-7 { background-image: url('/assets/image-resources/full-bg/full-bg-7.jpg'); } .full-bg-8 { background-image: url('/assets/image-resources/full-bg/full-bg-8.jpg'); } .full-bg-9 { background-image: url('/assets/image-resources/full-bg/full-bg-9.jpg'); } .full-bg-10 { background-image: url('/assets/image-resources/full-bg/full-bg-10.jpg'); } .full-bg-11 { background-image: url('/assets/image-resources/full-bg/full-bg-11.jpg'); } .full-bg-12 { background-image: url('/assets/image-resources/full-bg/full-bg-12.jpg'); } .full-bg-13 { background-image: url('/assets/image-resources/full-bg/full-bg-13.jpg'); } .full-bg-14 { background-image: url('/assets/image-resources/full-bg/full-bg-14.jpg'); } .full-bg-15 { background-image: url('/assets/image-resources/full-bg/full-bg-15.jpg'); } .full-bg-16 { background-image: url('/assets/image-resources/full-bg/full-bg-16.jpg'); } /* Pattern backgrounds */ .pattern-bg-1 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-1.png'); } .pattern-bg-2 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-2.png'); } .pattern-bg-3 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-3.png'); } .pattern-bg-4 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-4.png'); } .pattern-bg-5 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-5.png'); } .pattern-bg-6 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-6.png'); } .pattern-bg-7 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-7.png'); } .pattern-bg-8 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-8.png'); } .pattern-bg-9 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-9.png'); } .pattern-bg-10 { background-image: url('/assets/image-resources/pattern-bg/pattern-bg-10.png'); } /* Gradients */ .bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-gradient-4, .bg-gradient-5, .bg-gradient-6, .bg-gradient-7, .bg-gradient-8, .bg-gradient-9 { background-color: transparent !important; } .bg-gradient-1 { background: radial-gradient(circle at 8.75% 8.45%, #003973, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #E5E5BE, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%); } .bg-gradient-2 { background: radial-gradient(circle at 1.98% 3.00%, #348F50, transparent 100%),radial-gradient(circle at 98.02% 98.00%, #56B4D3, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%); } .bg-gradient-3 { background: radial-gradient(circle at 1.98% 74.02%, #E55D87, transparent 100%),radial-gradient(circle at 98.02% 35.97%, #5FC3E4, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-4 { background: radial-gradient(circle at 1.98% 2.00%, #B993D6, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #8CA6DB, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-5 { background: radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-6 { background: radial-gradient(circle at 1.98% 40.96%, #00c6ff, transparent 100%),radial-gradient(circle at 98.02% 52.04%, #0072ff, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-7 { background: radial-gradient(circle at 1.98% 85.01%, #134E5E, transparent 100%),radial-gradient(circle at 98.02% 18.98%, #71B280, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-8 { background: radial-gradient(circle at 1.98% 20.98%, #4b6cb7, transparent 100%),radial-gradient(circle at 98.02% 20.98%, #182848, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); } .bg-gradient-9 { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c)); background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: -ms-linear-gradient(-65deg, #008fe2 0, #00b29c 100%); background: linear-gradient(154deg, #008fe2 0, #00b29c 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1); } /* Boilerplate */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: '\201C''\201D''\2018''\2019'; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button { margin: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } button[disabled] { cursor: default; } input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } 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; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-spacing: 0; border-collapse: collapse; } @media print { * { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ' (' attr(href)')'; } abbr[title]:after { content: ' (' attr(title)')'; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .jGrowl { display: none; } } small { font-size: 85%; } a { text-decoration: none; } a, a:visited, a:focus, a:active, *:visited, *:focus, *:active { outline: none; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jqstooltip { box-sizing: content-box; } /* Border Radius */ /* 2px */ .radius-all-2 { border-radius: 2px !important; } .radius-top-left-2 { border-top-left-radius: 2px !important; } .radius-top-right-2 { border-top-right-radius: 2px !important; } .radius-bottom-right-2 { border-bottom-right-radius: 2px !important; } .radius-bottom-left-2 { border-bottom-left-radius: 2px !important; } .radius-top-all-2 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; } .radius-bottom-all-2 { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .radius-right-all-2 { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .radius-left-all-2 { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } /* 4px */ .radius-all-4 { border-radius: 4px !important; } .radius-top-left-4 { border-top-left-radius: 4px !important; } .radius-top-right-4 { border-top-right-radius: 4px !important; } .radius-bottom-right-4 { border-bottom-right-radius: 4px !important; } .radius-bottom-left-4 { border-bottom-left-radius: 4px !important; } .radius-top-all-4 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .radius-bottom-all-4 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .radius-right-all-4 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .radius-left-all-4 { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } /* 6px */ .radius-all-6 { border-radius: 6px !important; } .radius-top-left-6 { border-top-left-radius: 6px !important; } .radius-top-right-6 { border-top-right-radius: 6px !important; } .radius-bottom-right-6 { border-bottom-right-radius: 6px !important; } .radius-bottom-left-6 { border-bottom-left-radius: 6px !important; } .radius-top-all-6 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .radius-bottom-all-6 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .radius-right-all-6 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .radius-left-all-6 { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } /* 8px */ .radius-all-8 { border-radius: 8px !important; } .radius-top-left-8 { border-top-left-radius: 8px !important; } .radius-top-right-8 { border-top-right-radius: 8px !important; } .radius-bottom-right-8 { border-bottom-right-radius: 8px !important; } .radius-bottom-left-8 { border-bottom-left-radius: 8px !important; } .radius-top-all-8 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .radius-bottom-all-8 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; } .radius-right-all-8 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .radius-left-all-8 { border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } /* 10px */ .radius-all-10 { border-radius: 10px !important; } .radius-top-left-10 { border-top-left-radius: 10px !important; } .radius-top-right-10 { border-top-right-radius: 10px !important; } .radius-bottom-right-10 { border-bottom-right-radius: 10px !important; } .radius-bottom-left-10 { border-bottom-left-radius: 10px !important; } .radius-top-all-10 { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .radius-bottom-all-10 { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } .radius-right-all-10 { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .radius-left-all-10 { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } /* 100px */ .ra-100, .radius-all-100 { border-radius: 100px !important; } .radius-top-left-100 { border-top-left-radius: 100px !important; } .radius-top-right-100 { border-top-right-radius: 100px !important; } .radius-bottom-right-100 { border-bottom-right-radius: 100px !important; } .radius-bottom-left-100 { border-bottom-left-radius: 100px !important; } .radius-top-all-100 { border-top-left-radius: 100px !important; border-top-right-radius: 100px !important; } .radius-bottom-all-100 { border-bottom-right-radius: 100px !important; border-bottom-left-radius: 100px !important; } .radius-right-all-100 { border-top-right-radius: 100px !important; border-bottom-right-radius: 100px !important; } .radius-left-all-100 { border-top-left-radius: 100px !important; border-bottom-left-radius: 100px !important; } /* 0px */ .radius-all-0 { border-radius: 0 !important; } .radius-top-left-0 { border-top-left-radius: 0 !important; } .radius-top-right-0 { border-top-right-radius: 0 !important; } .radius-bottom-right-0 { border-bottom-right-radius: 0 !important; } .radius-bottom-left-0 { border-bottom-left-radius: 0 !important; } .radius-top-all-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .radius-bottom-all-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .radius-right-all-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .radius-left-all-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Grids */ .container { margin-right: auto; margin-left: auto; } .row, .form-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: -10px; margin-left: -10px; } .row:before, .row:after, .form-row:before, .form-row:after { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ' '; } .row:after, .form-row:after { clear: both; } .row:after, .form-row:after { clear: both; } [class*='col-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 992px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 1200px) { .boxed-layout #page-wrapper, .boxed-layout #page-header, .container { max-width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } } .row.no-gutter { margin-left: 0; margin-right: 0; } .no-gutter > [class*="col-"] { padding-left:0; padding-right:0; } /* animation sets */ .page-transition { position: relative; width: 100%; height: 100%; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; perspective: 1200px; transform-style: preserve-3d; } /* move from / to */ .pt-page-moveFromLeft-init { -webkit-animation: moveFromLeft .6s ease both; -moz-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; } .pt-page-moveFromRight-init { -webkit-animation: moveFromRight .6s ease both; -moz-animation: moveFromRight .6s ease both; animation: moveFromRight .6s ease both; } .pt-page-moveFromTop-init { -webkit-animation: moveFromTop .6s ease both; -moz-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; } .pt-page-moveFromBottom-init { -webkit-animation: moveFromBottom .6s ease both; -moz-animation: moveFromBottom .6s ease both; animation: moveFromBottom .6s ease both; } /* fade */ .pt-page-fade-init { -webkit-animation: fade .7s ease both; -moz-animation: fade .7s ease both; animation: fade .7s ease both; } /* move from / to and fade */ .pt-page-moveFromLeftFade-init { -webkit-animation: moveFromLeftFade .7s ease both; -moz-animation: moveFromLeftFade .7s ease both; animation: moveFromLeftFade .7s ease both; } .pt-page-moveFromRightFade-init { -webkit-animation: moveFromRightFade .7s ease both; -moz-animation: moveFromRightFade .7s ease both; animation: moveFromRightFade .7s ease both; } .pt-page-moveFromTopFade-init { -webkit-animation: moveFromTopFade .7s ease both; -moz-animation: moveFromTopFade .7s ease both; animation: moveFromTopFade .7s ease both; } .pt-page-moveFromBottomFade-init { -webkit-animation: moveFromBottomFade .7s ease both; -moz-animation: moveFromBottomFade .7s ease both; animation: moveFromBottomFade .7s ease both; } /********************************* keyframes **************************************/ /* move from / to */ @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); } } @-moz-keyframes moveFromLeft { from { -moz-transform: translateX(-100%); } } @keyframes moveFromLeft { from { transform: translateX(-100%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } } @keyframes moveFromRight { from { transform: translateX(100%); } } @-webkit-keyframes moveFromTop { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes moveFromTop { from { -moz-transform: translateY(-100%); } } @keyframes moveFromTop { from { transform: translateY(-100%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } } @keyframes moveFromBottom { from { transform: translateY(100%); } } /* fade */ @-webkit-keyframes fade { to { opacity: .3; } } @-moz-keyframes fade { to { opacity: .3; } } @keyframes fade { to { opacity: .3; } } /* move from / to and fade */ @-webkit-keyframes moveFromLeftFade { from { -webkit-transform: translateX(-100%); opacity: .3; } } @-moz-keyframes moveFromLeftFade { from { -moz-transform: translateX(-100%); opacity: .3; } } @keyframes moveFromLeftFade { from { transform: translateX(-100%); opacity: .3; } } @-webkit-keyframes moveFromRightFade { from { -webkit-transform: translateX(100%); opacity: .3; } } @-moz-keyframes moveFromRightFade { from { -moz-transform: translateX(100%); opacity: .3; } } @keyframes moveFromRightFade { from { transform: translateX(100%); opacity: .3; } } @-webkit-keyframes moveFromTopFade { from { -webkit-transform: translateY(-100%); opacity: .3; } } @-moz-keyframes moveFromTopFade { from { -moz-transform: translateY(-100%); opacity: .3; } } @keyframes moveFromTopFade { from { transform: translateY(-100%); opacity: .3; } } @-webkit-keyframes moveFromBottomFade { from { -webkit-transform: translateY(100%); opacity: .3; } } @-moz-keyframes moveFromBottomFade { from { -moz-transform: translateY(100%); opacity: .3; } } @keyframes moveFromBottomFade { from { transform: translateY(100%); opacity: .3; } } /* scale and fade */ .pt-page-scaleUp-init { -webkit-animation: scaleUp .7s ease both; -moz-animation: scaleUp .7s ease both; animation: scaleUp .7s ease both; } .pt-page-scaleUpCenter-init { -webkit-animation: scaleUpCenter .4s ease-out both; -moz-animation: scaleUpCenter .4s ease-out both; animation: scaleUpCenter .4s ease-out both; } /********************************* keyframes **************************************/ /* scale and fade */ @-webkit-keyframes scaleUp { from { -webkit-transform: scale(.8); opacity: 0; } } @-moz-keyframes scaleUp { from { -moz-transform: scale(.8); opacity: 0; } } @keyframes scaleUp { from { transform: scale(.8); opacity: 0; } } @-webkit-keyframes scaleUpCenter { from { -webkit-transform: scale(.7); opacity: 0; } } @-moz-keyframes scaleUpCenter { from { -moz-transform: scale(.7); opacity: 0; } } @keyframes scaleUpCenter { from { transform: scale(.7); opacity: 0; } } /* flip */ .pt-page-flipInLeft-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInLeft .5s both ease-out; -moz-animation: flipInLeft .5s both ease-out; animation: flipInLeft .5s both ease-out; } .pt-page-flipInRight-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInRight .5s both ease-out; -moz-animation: flipInRight .5s both ease-out; animation: flipInRight .5s both ease-out; } .pt-page-flipInBottom-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInBottom .5s both ease-out; -moz-animation: flipInBottom .5s both ease-out; animation: flipInBottom .5s both ease-out; } .pt-page-flipInTop-init { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInTop .5s both ease-out; -moz-animation: flipInTop .5s both ease-out; animation: flipInTop .5s both ease-out; } /* pull */ .pt-page-rotatePullRight-init { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotatePullRight .5s both ease; -moz-animation: rotatePullRight .5s both ease; animation: rotatePullRight .5s both ease; } .pt-page-rotatePullLeft-init { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotatePullLeft .5s both ease; -moz-animation: rotatePullLeft .5s both ease; animation: rotatePullLeft .5s both ease; } .pt-page-rotatePullTop-init { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotatePullTop .5s both ease; -moz-animation: rotatePullTop .5s both ease; animation: rotatePullTop .5s both ease; } .pt-page-rotatePullBottom-init { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePullBottom .5s both ease; -moz-animation: rotatePullBottom .5s both ease; animation: rotatePullBottom .5s both ease; } /* unfold */ .pt-page-rotateUnfoldLeft-init { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateUnfoldLeft .7s both ease; -moz-animation: rotateUnfoldLeft .7s both ease; animation: rotateUnfoldLeft .7s both ease; } .pt-page-rotateUnfoldRight-init { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateUnfoldRight .7s both ease; -moz-animation: rotateUnfoldRight .7s both ease; animation: rotateUnfoldRight .7s both ease; } .pt-page-rotateUnfoldTop-init { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateUnfoldTop .7s both ease; -moz-animation: rotateUnfoldTop .7s both ease; animation: rotateUnfoldTop .7s both ease; } .pt-page-rotateUnfoldBottom-init { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateUnfoldBottom .7s both ease; -moz-animation: rotateUnfoldBottom .7s both ease; animation: rotateUnfoldBottom .7s both ease; } @-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-moz-keyframes flipInLeft { from { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipInLeft { from { transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-moz-keyframes flipInRight { from { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipInRight { from { transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-moz-keyframes flipInBottom { from { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipInBottom { from { transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @-moz-keyframes flipInTop { from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipInTop { from { transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } /* pull */ @-webkit-keyframes rotatePullRight { from { -webkit-transform: rotateY(-90deg); opacity: 0; } } @-moz-keyframes rotatePullRight { from { -moz-transform: rotateY(-90deg); opacity: 0; } } @keyframes rotatePullRight { from { transform: rotateY(-90deg); opacity: 0; } } @-webkit-keyframes rotatePullLeft { from { -webkit-transform: rotateY(90deg); opacity: 0; } } @-moz-keyframes rotatePullLeft { from { -moz-transform: rotateY(90deg); opacity: 0; } } @keyframes rotatePullLeft { from { transform: rotateY(90deg); opacity: 0; } } @-webkit-keyframes rotatePullTop { from { -webkit-transform: rotateX(-90deg); opacity: 0; } } @-moz-keyframes rotatePullTop { from { -moz-transform: rotateX(-90deg); opacity: 0; } } @keyframes rotatePullTop { from { transform: rotateX(-90deg); opacity: 0; } } @-webkit-keyframes rotatePullBottom { from { -webkit-transform: rotateX(90deg); opacity: 0; } } @-moz-keyframes rotatePullBottom { from { -moz-transform: rotateX(90deg); opacity: 0; } } @keyframes rotatePullBottom { from { transform: rotateX(90deg); opacity: 0; } } /* unfold */ @-webkit-keyframes rotateUnfoldLeft { from { -webkit-transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldLeft { from { -moz-transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @keyframes rotateUnfoldLeft { from { transform: translateX(-100%) rotateY(-90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldRight { from { -webkit-transform: translateX(100%) rotateY(90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldRight { from { -moz-transform: translateX(100%) rotateY(90deg); opacity: 0; } } @keyframes rotateUnfoldRight { from { transform: translateX(100%) rotateY(90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldTop { from { -webkit-transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldTop { from { -moz-transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @keyframes rotateUnfoldTop { from { transform: translateY(-100%) rotateX(90deg); opacity: 0; } } @-webkit-keyframes rotateUnfoldBottom { from { -webkit-transform: translateY(100%) rotateX(-90deg); opacity: 0; } } @-moz-keyframes rotateUnfoldBottom { from { -moz-transform: translateY(100%) rotateX(-90deg); opacity: 0; } } @keyframes rotateUnfoldBottom { from { transform: translateY(100%) rotateX(-90deg); opacity: 0; } } /* animation delay classes */ .pt-page-delay100-init { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; animation-delay: .1s; } .pt-page-delay180-init { -webkit-animation-delay: .180s; -moz-animation-delay: .180s; animation-delay: .180s; } .pt-page-delay200-init { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; } .pt-page-delay300-init { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; } .pt-page-delay400-init { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; } .pt-page-delay500-init { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; } .pt-page-delay700-init { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s; } .pt-page-delay1000-init { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } /* Paddings */ .pad5A { padding: 5px !important; } .pad5T { padding-top: 5px !important; } .pad5R { padding-right: 5px !important; } .pad5B { padding-bottom: 5px !important; } .pad5L { padding-left: 5px !important; } .pad10A { padding: 10px !important; } .pad10T { padding-top: 10px !important; } .pad10R { padding-right: 10px !important; } .pad10B { padding-bottom: 10px !important; } .pad10L { padding-left: 10px !important; } .pad15A { padding: 15px !important; } .pad15T { padding-top: 15px !important; } .pad15R { padding-right: 15px !important; } .pad15B { padding-bottom: 15px !important; } .pad15L { padding-left: 15px !important; } .pad20A { padding: 20px !important; } .pad20T { padding-top: 20px !important; } .pad20R { padding-right: 20px !important; } .pad20B { padding-bottom: 20px !important; } .pad20L { padding-left: 20px !important; } .pad25A { padding: 25px !important; } .pad25T { padding-top: 25px !important; } .pad25R { padding-right: 25px !important; } .pad25B { padding-bottom: 25px !important; } .pad25L { padding-left: 25px !important; } .pad45A { padding: 45px !important; } .pad45T { padding-top: 45px !important; } .pad45R { padding-right: 45px !important; } .pad45B { padding-bottom: 45px !important; } .pad45L { padding-left: 45px !important; } /* Remove paddings */ .pad0A { padding: 0 !important; } .pad0T { padding-top: 0 !important; } .pad0R { padding-right: 0 !important; } .pad0B { padding-bottom: 0 !important; } .pad0L { padding-left: 0 !important; } /* Margins */ .mrg5A { margin: 5px !important; } .mrg5T { margin-top: 5px !important; } .mrg5R { margin-right: 5px !important; } .mrg5B { margin-bottom: 5px !important; } .mrg5L { margin-left: 5px !important; } .mrg10A { margin: 10px !important; } .mrg10T { margin-top: 10px !important; } .mrg10R { margin-right: 10px !important; } .mrg10B { margin-bottom: 10px !important; } .mrg10L { margin-left: 10px !important; } .mrg15A { margin: 15px !important; } .mrg15T { margin-top: 15px !important; } .mrg15R { margin-right: 15px !important; } .mrg15B { margin-bottom: 15px !important; } .mrg15L { margin-left: 15px !important; } .mrg20A { margin: 20px !important; } .mrg20T { margin-top: 20px !important; } .mrg20R { margin-right: 20px !important; } .mrg20B { margin-bottom: 20px !important; } .mrg20L { margin-left: 20px !important; } .mrg25A { margin: 25px !important; } .mrg25T { margin-top: 25px !important; } .mrg25R { margin-right: 25px !important; } .mrg25B { margin-bottom: 25px !important; } .mrg25L { margin-left: 25px !important; } .mrg45A { margin: 45px !important; } .mrg45T { margin-top: 45px !important; } .mrg45R { margin-right: 45px !important; } .mrg45B { margin-bottom: 45px !important; } .mrg45L { margin-left: 45px !important; } /* Remove margins */ .mrg0A { margin: 0 !important; } .mrg0T { margin-top: 0 !important; } .mrg0R { margin-right: 0 !important; } .mrg0B { margin-bottom: 0 !important; } .mrg0L { margin-left: 0 !important; } /* Headings */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 20px; margin-top: 15px; margin-bottom: 10px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } h1 small, .h1 small { font-size: 24px; } h2 small, .h2 small { font-size: 18px; } h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 75%; } blockquote { margin: 0 0 20px; padding: 10px 20px; border-left: 5px solid #eee; } blockquote p { font-size: 17.5px; font-weight: 100; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { line-height: 1.428571429; display: block; color: #999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; } blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ''; } address { font-style: normal; line-height: 1.428571429; margin-bottom: 20px; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { font-size: 90%; padding: 0 4px; white-space: nowrap; color: #d05; border: 1px solid #dfe8f1; border-radius: 3px; background: #fafafa; } pre { font-size: 13px; line-height: 1.428571429; display: block; margin: 0 0 10px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333; border: 1px solid #ccc; border-radius: 4px; background-color: #f5f5f5; } pre code { font-size: inherit; padding: 0; white-space: pre-wrap; color: inherit; border-radius: 0; background-color: transparent; } p { line-height: 1.6em; margin: 0; } /* Titles */ .title-hero { margin: 0 0 15px; padding: 0; text-transform: uppercase; font-size: 14px; opacity: 0.7; } h4.title-hero { font-size: 15px; } .title-lead { color: #3F3F3F; } .title-hero .title-lead { font-size: 65%; margin: 5px 0 0; } .title-hero + .title-lead { margin-top: -10px; } /* Jumbotron */ .jumbotron { font-size: 21px; font-weight: 200; line-height: 2.1428571435; margin-bottom: 30px; padding: 30px; color: inherit; background-color: #eee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } /* Floats */ .pull-left, .float-left { float: left !important; } .pull-right, .float-right { float: right !important; } .float-none { float: none !important; } /* Font Size */ .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .font-size-23 { font-size: 23px !important; } .font-size-26 { font-size: 26px !important; } .font-size-28 { font-size: 28px !important; } .font-size-35 { font-size: 35px !important; } .font-size-50 { font-size: 50px !important; } /* Text */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify; } /* Text Transform */ .text-transform-none { text-transform: none; } .text-transform-upr { text-transform: uppercase; } .text-transform-low { text-transform: lowercase; } .text-transform-cap { text-transform: capitalize; } .text-no-wrap { white-space: nowrap; } /* Font Weight */ .font-bold { font-weight: bold !important; } .font-normal { font-weight: normal; } /* Font Style */ .font-italic { font-style: italic; } .font-none { font-style: none; } /* Other */ .clear { clear: both; } .clear-none { clear: none !important; } .ui-front { z-index: 100; } .wrapper-sticky { z-index: 15; } .lazy, .tab-pane, [data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox], .mix, .hide { display: none; } .tab-pane { padding: 15px; } .hidden, .ui-helper-hidden-accessible { display: none !important; } .display-block { position: relative !important; display: block !important; } .display-block .button-content { float: none; } .display-block.dropdown-menu { position: static !important; } .display-inline { display: inline-block; } .no-border { border-color: transparent !important; } .remove-border, .dropdown-menu.pad0A .hasDatepicker .ui-datepicker { border: 0 !important; } .border-top { border-top-width: 3px !important; border-top-style: solid !important; } .width-100 { box-sizing: border-box; width: 100%; } .center-margin { float: none !important; margin: 0 auto; } .container, .center-block { display: block; margin-right: auto; margin-left: auto; } .center-vertical { position: relative; z-index: 15; top: 0; left: 0; display: table; width: 100%; height: 100%; } .center-vertical .center-content { display: table-cell; vertical-align: middle; } .position-absolute { position: absolute; } .show { display: block !important; } .hidden { display: none !important; visibility: hidden !important; } .invisible { visibility: hidden; } .center-div { float: none !important; margin-right: auto !important; margin-left: auto !important; text-align: center !important; } .nav-divider, .divider { opacity: .70; filter: alpha(opacity: 70); } .divider { overflow: hidden; height: 1px; margin: 10px 0; padding: 0; } .divider-header { font-size: 11px; padding: 10px 15px; text-transform: uppercase; opacity: .2; color: #fff; } .overflow-hidden { overflow: hidden; } .width-reset { width: auto !important; } .opacity-10 { opacity: .10 !important; filter: alpha(opacity: 10) !important; } .opacity-30, .info-box b, .info-box.icon-wrapper .icon-large { opacity: .30 !important; filter: alpha(opacity: 30) !important; } .opacity-40 { opacity: .40 !important; filter: alpha(opacity: 40) !important; } .opacity-hover, .opacity-60, .info-box b, .label-description span { opacity: .60 !important; filter: alpha(opacity: 60) !important; } .opacity-80, .no-shadow.transparent.btn:hover i, .ui-datepicker-current.ui-priority-secondary { opacity: .80 !important; filter: alpha(opacity: 80) !important; } .opacity-hover:hover, .opacity-100 { opacity: 1 !important; filter: alpha(opacity: 100) !important; } .btn-link .glyph-icon.opacity-hover { margin: 0 -5px; } .transparent { border-color: transparent !important; background: none !important; box-shadow: 0 0 0 0 transparent !important; } .no-shadow { box-shadow: 0 0 0 transparent !important; } .remove-bg { background: transparent; } .nicescroll-rails { background: none !important; } .btn .caret { margin-left: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0); } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ''; border-top: 0; border-bottom: 4px solid; } .form-wizard > ul, .parsley-errors-list, .tabs-navigation > ul, .reset-ul, ul.progress-box, ul.messages-box, .chosen-results, ul.notifications-box, .nav-list-horizontal ul, .nav-list ul { margin: 0; padding: 0; list-style: none; } .comments-list li .panel-body:before, .comments-list li .panel-body:after, .posts-list li:before, .posts-list li:after, .container:before, .container:after, #page-wrapper:before, #page-wrapper:after, .todo-box li:before, .todo-box li:after, .files-box li:before, .files-box li:after, .notifications-box li:before, .notifications-box li:after, .pager:before, .pager:after, .nav:before, .nav:after, .btn-toolbar:before, .btn-toolbar:after, .content-box-header:before, .content-box-header:after, .example-box-wrapper:before, .example-box-wrapper:after, .nav-list li:before, .nav-list li:after, .tl-row:before, .tl-row:after, .tl-item:before, .tl-item:after, .clearfix:before, .clearfix:after, .info-box:before, .info-box:after, .button-pane:before, .button-pane:after, .ui-datepicker-buttonpane:before, .ui-datepicker-buttonpane:after, .form-input-prepend:before, .form-input-prepend:after, .form-row:before, .form-row:after, .btn-group:before, .btn-group:after, .ui-helper-clearfix:before, .ui-helper-clearfix:after, .chat-box li:before, .chat-box li:after, .notifications-box li:before, .notifications-box li:after, .messages-box li:before, .messages-box li:after { display: table; content: ''; } .comments-list li .panel-body:after, .posts-list li:after, .container:after, #page-wrapper:after, .todo-box li:after, .files-box li:after, .notifications-box li:after, .nav:after, .pager:after, .btn-toolbar:after, .content-box-header:after, .example-box-wrapper:after, .nav-list li:after, .tl-row:after, .tl-item:after, .clearfix:after, .info-box:after, .button-pane:after, .ui-datepicker-buttonpane:after, .form-input-prepend:after, .form-row:after, .btn-group:after, .ui-helper-clearfix:after, .chat-box li:after, .notifications-box li:after, .messages-box li:after { clear: both; } /* Sortable placehoder */ .ui-sortable-placeholder { visibility: visible !important; border: 1px dashed #efda2c !important; background: #fffce5 !important; } .daterangepicker td.in-range, .daterangepicker td.available.in-range:hover { background: #fffce5; } /* Disabled */ .ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow, .ui-rangeSlider-disabled .ui-rangeSlider-label, .checker.disabled, .checker.disabled span, .radio.disabled, .radio.disabled span, .ui-state-disabled, .disabled, button[disabled], .chosen-disabled { cursor: not-allowed !important; opacity: .65; filter: alpha(opacity: 65); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; opacity: .65; background: #fafafa; filter: alpha(opacity: 65); } input[readonly], select[readonly], textarea[readonly] { opacity: .80; background: #fdfdfd; filter: alpha(opacity: 80); } .login-img { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; } .fixed-bg { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ui-widget-overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; text-align: center; z-index: 16; } .ui-widget-overlay img { position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; } #loading { z-index: 5555; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .collapse { display: none; } .tab-pane.active, .collapse.in { display: block; } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition: height .35s ease; transition: height .35s ease; } /* Paddings */ .small-padding { padding: 25px 0; } .medium-padding { padding: 55px 0; } .large-padding { padding: 85px 0; } .xlarge-padding { padding: 115px 0; } /* Icons */ .glyph-icon { text-align: center; } .fc-icon, #page-sidebar li ul li a:before, #page-sidebar li a.sf-with-ul:after, .search-choice-close:before, .ui-dialog-titlebar-close:before, .glyph-icon:before, .ui-icon:before, .dataTables_paginate a i:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-align: center; text-decoration: none; background: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Resets */ .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { cursor: not-allowed; text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .rm-transition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } div[id^='uniform-'] span, button, a, .btn { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } /*.open > .dropdown-menu, .dropdown-sidebar-submenu:hover > .dropdown-menu { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; } .open > .dropdown-menu, .dropdown-sidebar-submenu:hover > .dropdown-menu { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } */ #page-header, #page-sidebar, .main-header, .top-bar { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } /* Demo */ .example-box-wrapper { margin-bottom: 15px; /*position: relative;*/ } .example-box-wrapper .ui-datepicker-inline { position: relative; width: 100%; } .panel-body .example-box-wrapper:last-child, .panel-body .col-md-6 .example-box-wrapper:last-child { margin-bottom: 0; } .example-box-wrapper .icon-box, .example-box-wrapper .ui-slider, .example-box-wrapper .ui-rangeSlider, .example-box-wrapper .panel-layout, .example-box-wrapper .image-box, .example-box-wrapper .ui-accordion, .example-box-wrapper .dashboard-box, .example-box-wrapper .content-box, .example-box-wrapper .tile-box, .example-box-wrapper .jvectormap-container, .example-box-wrapper > .hasDatepicker, .example-box-wrapper > .minicolors, .example-box-wrapper .minicolors, .example-box-wrapper .ui-tabs, .example-box-wrapper > img, .example-box-wrapper > .thumbnail, .example-box-wrapper > .img-humbnail, .example-box-wrapper > .display-block.dropdown-menu, .example-box-wrapper > .dropdown, .example-box-wrapper > .dropup, .example-box-wrapper > form, .example-box-wrapper > .progressbar, .example-box-wrapper .loading-spinner, .example-box-wrapper .loading-stick, .example-box-wrapper .nav, .example-box-wrapper .jcrop-holder, .example-box-wrapper .alert, .example-box-wrapper .list-group, .example-box-wrapper > h6, .example-box-wrapper .dataTables_wrapper, .example-box-wrapper .scrollable-content, .example-box-wrapper > .pagination, .example-box-wrapper > .btn-group-vertical, .example-box-wrapper > .btn-toolbar, .example-box-wrapper > .btn-group, .example-box-wrapper > .btn, .example-box-wrapper > .panel-layout { margin-bottom: 20px; } .demo-icon { font-size: 22px; line-height: 40px; float: left; width: 40px; height: 40px; margin: 10px; text-align: center; color: #92A0B3; border: 1px solid rgba(220, 233, 255, 0.54); border-radius: 3px; } .demo-icon:hover { color: #59606c; border-color: #92A0B3; } /* Font Colors */ .font-black { color: #464646 !important; } .font-blue { color: #1f6dca !important; } .font-blue-alt { color: #65a6ff !important; } .font-azure { color: #41e5c0 !important; } .text-muted, .font-gray { color: #c2c2c2 !important; } .text-info, .font-gray-dark { color: #828282 !important; } .text-success, .font-green { color: #2ecc71 !important; } .text-warning, .font-orange { color: #fa7753 !important; } .font-yellow { color: #fc0 !important; } .font-purple { color: #984dff !important; } .has-error .help-block, .field-validation-error, .text-danger, .font-red, .parsley-required { color: #ff5757 !important; } .font-white { color: #fff !important; } /* Other Background Colors */ .alert-info a, .alert-info { color: #6c6c6c; border-color: #c9c9c9; background: #dfe8f1; } .alert-notice a, .alert-notice { color: #0f2c62; border-color: #62baf6; background: #c6e8ff; } .alert-success a, .alert-success, .parsley-success { color: #1e620f; border-color: #7cd362; background: #d3ffc6; } .parsley-success { background: #fff; } .alert-warning a, .alert-warning, .warning { color: #624b0f; border-color: #ebc875; background: #ffeec6; } .alert-danger a, .alert-danger, .danger, .parsley-error { color: #620f0f; border-color: #db6a6a; background: #ffc6c6; } .parsley-error { background: #fff; } /* Social buttons */ .bg-facebook { color: #fff !important; background: #3b5998; } .btn.bg-facebook:hover { background: #304b85; } .bg-twitter { color: #fff !important; background: #3a92c8; } .btn.bg-twitter:hover { background: #2b80b4; } .bg-google { color: #fff !important; background: #dd4b39; } .btn.bg-google:hover { background: #c93b2a; } /* Background Colors */ /* Blue */ .progress-bar-info, .bootstrap-switch-info, .checkbox-info div[id^='uniform-'] span.checked, .radio-info div[id^='uniform-'] span.checked, .badge-info, .label-info, .btn-info, .hover-blue:hover, .hover-info:hover, .bg-blue { color: #fff; border-color: #308dcc; background: #3498db; } .label-info[href]:hover, .label-info[href]:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active, .btn-info.disabled.active, .btn-info[disabled].active { color: #fff; border-color: #308dcc; background: #52a7e0; } /* Red */ .progress-bar-danger, .bootstrap-switch-danger, .checkbox-danger div[id^='uniform-'] span.checked, .radio-danger div[id^='uniform-'] span.checked, .badge-danger, .label-danger, .btn-danger, .bg-danger, .hover-red:hover, .hover-danger:hover, .bg-red { color: #fff; border-color: #cf4436; background: #e74c3c; } .label-danger[href]:hover, .label-danger[href]:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger.disabled, .btn-danger[disabled], .btn-danger.disabled:hover, .btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled.active, .btn-danger[disabled].active { color: #fff; border-color: #cf4436; background: #eb6759; } /* Gray */ .badge-gray, .label-gray, .btn-gray, .hover-gray:hover, .bg-gray { color: #666; background: #efefef; } .label-gray[href]:hover, .label-gray[href]:focus, .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray, .btn-gray.disabled, .btn-gray[disabled], .btn-gray.disabled:hover, .btn-gray[disabled]:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, .btn-gray.disabled.active, .btn-gray[disabled].active { color: #333; background: #e7e7e7; } /* Gray Alt */ .badge-gray-alt, .label-gray-alt, .btn-gray-alt, .hover-gray-alt:hover, .bg-gray-alt { color: #888; background: #f6f6f6; } .label-gray-alt[href]:hover, .label-gray-alt[href]:focus, .btn-gray-alt:hover, .btn-gray-alt:focus, .btn-gray-alt:active, .btn-gray-alt.active, .open .dropdown-toggle.btn-gray-alt, .btn-gray-alt.disabled, .btn-gray-alt[disabled], .btn-gray-alt.disabled:hover, .btn-gray-alt[disabled]:hover, .btn-gray-alt.disabled:focus, .btn-gray-alt[disabled]:focus, .btn-gray-alt.disabled:active, .btn-gray-alt[disabled]:active, .btn-gray-alt.disabled.active, .btn-gray-alt[disabled].active { color: #444; background: #ededed; } /* Black */ .badge-black, .label-black, .btn-black, .hover-black:hover, .bg-black { color: #ccc; border-color: #000; background: #2d2d2d; } .boxed-layout.bg-black { background: #2d2d2d; } .label-black[href]:hover, .label-black[href]:focus, .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black, .btn-black.disabled, .btn-black[disabled], .btn-black.disabled:hover, .btn-black[disabled]:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, .btn-black.disabled:active, .btn-black[disabled]:active, .btn-black.disabled.active, .btn-black[disabled].active { color: #fdfdfd; background: #151515; } /* Black Opacity */ .badge-black-opacity, .label-black-opacity, .btn-black-opacity, .hover-black-opacity:hover, .bg-black-opacity { color: #a9b3bb; background: #2b323d; } .label-black-opacity[href]:hover, .label-black-opacity[href]:focus, .btn-black-opacity:hover, .btn-black-opacity:focus, .btn-black-opacity:active, .btn-black-opacity.active, .open .dropdown-toggle.btn-black-opacity, .btn-black-opacity.disabled, .btn-black-opacity[disabled], .btn-black-opacity.disabled:hover, .btn-black-opacity[disabled]:hover, .btn-black-opacity.disabled:focus, .btn-black-opacity[disabled]:focus, .btn-black-opacity.disabled:active, .btn-black-opacity[disabled]:active, .btn-black-opacity.disabled.active, .btn-black-opacity[disabled].active { color: #fff; background: #14171c; } /* Black Opacity Alt */ .badge-black-opacity-alt, .label-black-opacity-alt, .btn-black-opacity-alt, .hover-black-opacity-alt:hover, .bg-black-opacity-alt { color: #fff; background: rgba(0, 0, 0, .20); border-color: transparent; } .label-black-opacity-alt[href]:hover, .label-black-opacity-alt[href]:focus, .btn-black-opacity-alt:hover, .btn-black-opacity-alt:focus, .btn-black-opacity-alt:active, .btn-black-opacity-alt.active, .open .dropdown-toggle.btn-black-opacity-alt, .btn-black-opacity-alt.disabled, .btn-black-opacity-alt[disabled], .btn-black-opacity-alt.disabled:hover, .btn-black-opacity-alt[disabled]:hover, .btn-black-opacity-alt.disabled:focus, .btn-black-opacity-alt[disabled]:focus, .btn-black-opacity-alt.disabled:active, .btn-black-opacity-alt[disabled]:active, .btn-black-opacity-alt.disabled.active, .btn-black-opacity-alt[disabled].active { color: #fff; background: rgba(0, 0, 0, .30); } /* Green */ .progress-bar-success, .bootstrap-switch-success, .checkbox-success div[id^='uniform-'] span.checked, .radio-success div[id^='uniform-'] span.checked, .badge-success, .label-success, .btn-success, .hover-green:hover, .hover-success:hover, .bg-green { color: #fff; border-color: #29b765; background: #2ecc71; } .label-success[href]:hover, .label-success[href]:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success.disabled, .btn-success[disabled], .btn-success.disabled:hover, .btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled:active, .btn-success[disabled]:active, .btn-success.disabled.active, .btn-success[disabled].active { color: #fff; border-color: #29b765; background: #58d68d; } /* Orange */ .progress-bar-warning, .bootstrap-switch-warning, .checkbox-warning div[id^='uniform-'] span.checked, .radio-warning div[id^='uniform-'] span.checked, .badge-warning, .label-warning, .btn-warning, .bg-warning, .hover-orange:hover, .hover-warning:hover, .bg-orange { color: #fff; border-color: #d67520; background: #e67e22; } .label-warning[href]:hover, .label-warning[href]:focus, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning.disabled, .btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .btn-warning.disabled.active, .btn-warning[disabled].active { color: #fff; border-color: #d67520; background: #ea9143; } /* White */ .table, .label-white, .bg-white { background: #fff; } /* White Transparent */ .bg-white-opacity { background: rgba(255, 255, 255, .85); } .bg-white-opacity-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+13,ffffff+13,ffffff+86&0+0,0.7+13,0.7+86,0+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 13%, rgba(255,255,255,0.7) 86%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 13%,rgba(255,255,255,0.7) 86%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 13%,rgba(255,255,255,0.7) 86%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .hover-white:hover { background: #fafafa; } /* Yellow */ .badge-yellow, .label-yellow, .btn-yellow, .hover-yellow:hover, .bg-yellow { color: #fff; background: #fc0; border-color: #deb200; } .label-yellow[href]:hover, .label-yellow[href]:focus, .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .open .dropdown-toggle.btn-yellow, .btn-yellow.disabled, .btn-yellow[disabled], .btn-yellow.disabled:hover, .btn-yellow[disabled]:hover, .btn-yellow.disabled:focus, .btn-yellow[disabled]:focus, .btn-yellow.disabled:active, .btn-yellow[disabled]:active, .btn-yellow.disabled.active, .btn-yellow[disabled].active { color: #fff; background: #e1b400; border-color: #c59e00; } /* Purple */ .badge-purple, .label-purple, .btn-purple, .hover-purple:hover, .bg-purple { color: #fff; background: #984dff; border-color: #7a3ecc; } .label-purple[href]:hover, .label-purple[href]:focus, .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple, .btn-purple.disabled, .btn-purple[disabled], .btn-purple.disabled:hover, .btn-purple[disabled]:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, .btn-purple.disabled.active, .btn-purple[disabled].active { color: #fff; background: #8134eb; border-color: #752fd6; } /* Blue Alt */ .badge-blue-alt, .label-blue-alt, .btn-blue-alt, .hover-blue-alt:hover, .bg-blue-alt { color: #fff; background: #65a6ff; border-color: #5388d1; } .label-blue-alt[href]:hover, .label-blue-alt[href]:focus, .btn-blue-alt:hover, .btn-blue-alt:focus, .btn-blue-alt:active, .btn-blue-alt.active, .open .dropdown-toggle.btn-blue-alt, .btn-blue-alt.disabled, .btn-blue-alt[disabled], .btn-blue-alt.disabled:hover, .btn-blue-alt[disabled]:hover, .btn-blue-alt.disabled:focus, .btn-blue-alt[disabled]:focus, .btn-blue-alt.disabled:active, .btn-blue-alt[disabled]:active, .btn-blue-alt.disabled.active, .btn-blue-alt[disabled].active { color: #fff; background: #478ded; border-color: #4c7ec1; } /* Azure */ .badge-azure, .label-azure, .btn-azure, .hover-azure:hover, .bg-azure { color: #fff; background: #41e5c0; border-color: #3acead; } .label-azure[href]:hover, .label-azure[href]:focus, .btn-azure:hover, .btn-azure:focus, .btn-azure:active, .btn-azure.active, .open .dropdown-toggle.btn-azure, .btn-azure.disabled, .btn-azure[disabled], .btn-azure.disabled:hover, .btn-azure[disabled]:hover, .btn-azure.disabled:focus, .btn-azure[disabled]:focus, .btn-azure.disabled:active, .btn-azure[disabled]:active, .btn-azure.disabled.active, .btn-azure[disabled].active { color: #fff; background: #27d1ab; border-color: #24c19e; } /* Border Colors */ .border-black { border-color: #212121 !important; } .border-blue { border-color: #5bccf6 !important; } .border-blue-alt { border-color: #65a6ff !important; } .border-azure { border-color: #41e5c0 !important; } .border-gray { border-color: #c2c2c2 !important; } .border-gray-dark { border-color: #828282 !important; } .border-green { border-color: #2ecc71 !important; } .border-orange { border-color: #fa7753 !important; } .border-yellow { border-color: #fc0 !important; } .border-purple { border-color: #984dff !important; } .border-red { border-color: #ff5757 !important; } /* Box Shadow Colors */ .parsley-success { border-color: #77e038 !important; } .parsley-error { border-color: #e03838 !important; } /* Labels */ .bs-label { font-size: 80%; line-height: 1; display: inline; padding: .4em .6em .3em; text-align: center; text-transform: uppercase; vertical-align: baseline; white-space: nowrap; color: #fff; border-radius: .25em; } .bs-label[href]:hover, .bs-label[href]:focus { cursor: pointer; text-decoration: none; color: #fff; } .bs-label:empty { display: none; } .btn .bs-label { position: relative; top: -1px; } .label-default { background-color: #999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } /* Badges */ .badge, .bs-badge { font-size: 11px; font-weight: bold; line-height: 19px; display: inline-block; min-width: 20px; height: 20px; padding: 0 4px 0 5px; text-align: center; vertical-align: baseline; white-space: nowrap; color: #fff; border-radius: 10px; } .badge-small { min-width: 10px; height: 10px; } .bs-badge:empty { display: none; } .btn .bs-badge { position: relative; top: -2px; } .bs-badge.badge-absolute { position: absolute; z-index: 5; top: -10px; left: -15px; } .bs-badge.badge-absolute.float-right { right: -15px; left: auto; } /* Status badge */ .status-badge { position: relative; display: inline-block; } .status-badge .small-badge { position: absolute; right: 1px; bottom: 1px; } .small-badge { overflow: hidden; width: 12px; height: 12px; padding: 0; border: #fff solid 2px !important; border-radius: 20px; } /* Buttons */ .fc-button, .btn { font-size: 14px; font-weight: normal; position: relative; display: inline-block; padding: 0 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; white-space: nowrap; border-width: 1px; border-style: solid; border-color: transparent; background-image: none; -o-user-select: none; } .fc-button, .btn, .size-md { line-height: 32px; height: 34px; min-width: 34px; } .btn-abs { position: absolute; top: 50%; right: 0; margin-top: -17px; } /* Rounded Buttons */ .btn.hover-round:hover { border-radius: 100px; } .ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-next:active, .ui-datepicker .ui-datepicker-buttonpane button:active, .ui-dialog .ui-dialog-titlebar-close:active, .ui-dialog-buttonset button:active, .fc-state-down, .fc-state-active, .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .fc-state-disabled, .disabled, .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65); } .btn-link { cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {} .btn-link:hover, .btn-link:focus { text-decoration: underline; background-color: transparent; } .size-lg, .btn-lg, .btn-group-lg > .btn { line-height: 44px; min-width: 56px; height: 46px; } .btn-lg-abs { margin-top: -23px; } .btn-lg, .btn-group-lg > .btn { font-size: 18px; padding: 0 16px; } .size-sm, .btn-sm, .btn-group-sm > .btn { line-height: 28px; height: 30px; } .btn-sm-abs { margin-top: -15px; } .btn-sm, .btn-group-sm > .btn { font-size: 13px; padding: 0 10px; } .size-xs, .btn-xs, .btn-group-xs > .btn { line-height: 20px; min-width: 22px; height: 22px; } .btn-xs-abs { margin-top: -11px; } .btn-xs, .btn-group-xs > .btn { font-size: 11px; padding: 0 5px; } .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-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .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: 10px; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn-group { float: left; } .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-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-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; } .btn-group-justified > .btn-group .btn { width: 100%; } .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: 3px; 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: 3px; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .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 > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child, .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; } /* Pagination */ .pagination { display: inline-block; padding-left: 0; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { line-height: 1.42857143; position: relative; float: left; margin-left: -1px; padding: 6px 12px; text-decoration: none; border-width: 1px; border-style: solid; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; } .pagination-lg > li > a, .pagination-lg > li > span { font-size: 18px; padding: 10px 16px; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 12px; padding: 5px 10px; } .pager { margin-top: 0; padding-left: 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; border: 1px solid #ddd; border-radius: 15px; background-color: #fff; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { cursor: not-allowed; color: #999; background-color: #fff; } /* Icon separator */ .btn > .icon-separator { position: absolute; top: 0; left: 0; width: 32px; height: 100%; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .icon-separator + .button-content { margin-left: 32px; } .btn-xs .icon-separator { width: 22px; } .btn-xs .icon-separator + .button-content { margin-left: 22px; } .btn-sm .icon-separator { width: 25px; } .btn-sm .icon-separator + .button-content { margin-left: 25px; } .btn-lg .icon-separator { width: 44px; } .btn-lg .icon-separator + .button-content { margin-left: 44px; } .icon-separator.float-right { border-top-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Vertical button */ .vertical-button { line-height: 1.6em; height: auto; padding: 10px 0 5px; } .vertical-button .button-content { opacity: .7; filter: alpha(opacity=70); } .icon-separator-vertical { font-size: 25px; display: block; margin: 5px auto; } .dashboard-buttons .btn { width: 93px; margin: 5px 3px; } /* Outline buttons inverse */ .btn-outline, .btn-outline-inverse { display: inline-block; text-align: center; color: #fff; box-sizing: initial; border-width: 2px; border-style: solid; text-transform: uppercase; } .btn-outline-inverse { border-color: rgba(255, 255, 255, 0.47); } .btn-outline-inverse:hover { background: rgba(255,255,255,0.2); border-color: #fff; } .btn-outline-inverse.hero-btn { color: #fff; } /* Outline buttons */ .btn-outline { color: rgba(0, 0, 0, .8); border-color: rgba(0, 0, 0, .6); } .btn-outline:hover { color: #fff; border-color: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, .8); } /* Rounded buttons */ .btn.btn-round { border-radius: 150px; padding: 0; } .btn-round.btn-lg { width: 46px; min-width: 46px; } .btn-round.btn-xlg { width: 66px; min-width: 66px; height: 66px; line-height: 66px; } .btn-round.btn-xlg .glyph-icon { font-size: 24px; } .btn-round.btn-md { width: 34px; } .btn-round.btn-sm { width: 30px; } .btn-round.btn-xs { width: 22px; } /* Alternate style */ .btn-alt { font-weight: bold; text-transform: uppercase; font-size: 12px; } /* Animated icon hover */ .btn-hover span { padding: 0 20px; left: 0; position: relative; transition: opacity 0.2s ease-out, left 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out; } .btn-hover .glyph-icon { opacity: 0; -ms-filter: "alpha(opacity=0)"; position: absolute; right: 20px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .btn-hover:hover .glyph-icon { opacity: 1; right: 15px; -ms-filter: "alpha(opacity=100)"; } .btn-hover:hover span { left: -15px; } /* Bordered buttons */ .btn-border { border-width: 2px; border-style: solid; } .btn-border span { opacity: .75; filter: alpha(opacity=75); } .btn-border:hover { text-decoration: none; } .btn-border:hover span { opacity: 1; filter: alpha(opacity=100); } /* Boxes */ .content-box { background: #fff; margin-bottom: 20px; } .content-box, .content-box-header { position: relative; border-width: 1px; border-style: solid; } .content-box-header { font-size: 14px; text-transform: uppercase; margin: -1px -1px 0; padding: 15px; border-color: transparent; } .content-box-header small + .font-size-11.float-right { position: absolute; top: 14px; right: 10px; } .content-box-header-alt { padding: 15px 10px 14px; } .content-box-header-alt { font-size: 12px; font-weight: bold; text-transform: uppercase; } .content-box-header-alt small { font-size: 13px; font-weight: normal; display: block; padding: 5px 0 0; text-transform: none; opacity: .70; filter: alpha(opacity: 70); } .content-box .ui-widget-overlay { position: absolute; } .content-box .ui-widget-overlay img { position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .content-box .content-box-wrapper { line-height: 1.6em; padding: 15px; } .content-box .content-box-wrapper .scrollable-content, .content-box .content-box-wrapper p:last-child { margin-bottom: 0; } /* Icons */ .content-box .content-box-header > .glyph-icon { margin-right: 5px; opacity: .70; filter: alpha(opacity: 70); } .content-box-header-alt > .glyph-icon, .content-box-header-alt .icon-separator .glyph-icon { font-size: 22px; line-height: 30px; position: absolute; top: 50%; left: 15px; width: 30px; height: 30px; margin-top: -15px; } .content-box-header > .icon-separator { position: relative; top: 1px; left: -15px; padding: 18px 15px 16px; text-align: center; } .content-box-header > .icon-separator .glyph-icon { margin-left: 3px; } .content-box-header-alt > .header-wrapper { overflow: hidden; display: block; margin-left: 40px; } .content-box-header-alt > .icon-separator + .header-wrapper { margin-left: 65px; } .content-box-header-alt > .icon-separator { position: absolute; top: 0; left: 0; width: 60px; height: 100%; } .content-box-header-alt > .icon-separator .glyph-icon { left: 50%; margin-left: -15px; } /* Header single buttons */ .header-buttons { position: absolute; top: 0; right: 10px; height: 100%; display: block; } .header-buttons .btn-xs { top: 13px; } .header-buttons .btn-sm { top: 10px; } .header-buttons .btn-sm:last-child { margin-right: 0; } .header-buttons > .btn-group:last-child { margin-right: -2px; } .content-box-header-alt .header-buttons .btn-xs { top: 24px; } .content-box-header-alt .header-buttons .btn-sm { top: 20px; } .content-box-header-alt .header-buttons .btn-sm:last-child { margin-right: 5px; } /* Header button separators */ .header-buttons-separator { position: absolute; top: 0; right: 0; height: 100%; } .header-buttons-separator .icon-separator { top: 0; left: 0; display: block; float: left; min-width: 20px; height: 100%; padding: 0 10px; } .header-buttons-separator .icon-separator .glyph-icon { line-height: 30px; position: relative; top: 50%; display: block; min-width: 30px; height: 30px; margin: -15px 0 0; text-align: center; } /* Header button groups */ .header-buttons > .btn-group { margin-top: 8px; } .header-buttons .btn-group-xs { margin-top: 14px; } .header-buttons .btn-group-xs:last-child { margin-right: 0; } /* Button panes */ .ui-dialog-buttonpane, body .button-pane { padding: 10px; text-align: center; border-width: 1px 0 0 0; border-style: solid; border-top-left-radius: 0; border-top-right-radius: 0; } body .button-pane-top { border-width: 0 0 1px; border-radius: 0; } /* Scrollable boxes sizes */ .scrollable-content { overflow-y: scroll; overflow-x: hidden; height: 300px; padding-right: 0; } .scrollable-xs { overflow-y: scroll; height: 200px; } .scrollable-sm { overflow-y: scroll; height: 400px; } .scrollable-lg { overflow-y: scroll; height: 500px; } /* Toggle Boxes */ .toggle-button .glyph-icon { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } .hidden-button .content-box-header a, .hidden-button .content-box-header .btn, .hidden-button .content-box-header button { display: none; } /* Border colored content boxes */ .content-box.border-top .content-box-header { font-size: 18px; margin: 0; } .content-box.border-top .content-box-header small { opacity: .80; filter: alpha(opacity: 80); } .content-box.border-top .content-box-header + .content-box-wrapper { padding-top: 0; } /* Boxes widths */ .box-xs { width: 200px; } .box-sm { width: 324px; } .box-md { width: 400px; } .box-lg { width: 500px; } /* Content box tabs */ .content-box-header > .ui-tabs-nav { position: absolute; top: 2px; right: 0; padding: 0; list-style: none; border: 0; } .content-box-header > .ui-tabs-nav li > a { line-height: 49px; height: 49px; margin: 0 2px; color: rgba(255, 255, 255, .7); border: 0; background: none; } .content-box-header > .ui-tabs-nav li > a:hover { color: #fff; background: rgba(255, 255, 255, .2); } .content-box-header.bg-default > .ui-tabs-nav li.ui-tabs-active > a, .content-box-header.bg-gray > .ui-tabs-nav li.ui-tabs-active > a, .content-box-header.bg-white > .ui-tabs-nav li.ui-tabs-active > a, .content-box-header.bg-default > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a, .content-box-header.bg-gray > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a, .content-box-header.bg-white > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a { line-height: 50px; height: 50px; background: #F6F6F9; } .content-box-header.bg-default > .ui-tabs-nav li > a, .content-box-header.bg-gray > .ui-tabs-nav li > a, .content-box-header.bg-white > .ui-tabs-nav li > a { line-height: 50px; height: 50px; margin: 0; border-radius: 0; } .content-box-header.bg-default > .ui-tabs-nav, .content-box-header.bg-gray > .ui-tabs-nav, .content-box-header.bg-white > .ui-tabs-nav { top: 0; } .content-box-header > .ui-tabs-nav li.ui-tabs-active > a, .content-box-header > .ui-tabs-nav li.ui-tabs-active.ui-state-hover > a { line-height: 47px; height: 49px; background: #fff; } /* Bootstrap Panels */ .panel { margin-bottom: 20px; border-width: 1px; border-style: solid; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px 20px; position: relative; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { font-size: 16px; margin-top: 0; margin-bottom: 0; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; border-top: 1px solid transparent; background-color: #f5f5f5; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { overflow: hidden; margin-bottom: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid transparent; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid transparent; } /* Dashboard panels */ .dashboard-box { text-align: center; } .dashboard-box .content-wrapper { overflow: hidden; margin: 0 15px 15px; padding: 15px 0 0; } .dashboard-box canvas { display: block !important; margin: 0 auto; } .dashboard-box .header { font-size: 14px; line-height: 1.3em; padding: 0 0 15px; text-align: right; display: block; } .dashboard-box .header .btn { display: inline-block; } .dashboard-box .header > .glyph-icon { display: block; float: left; width: 20px; } .dashboard-box .header > span { font-size: 12px; font-weight: bold; display: block; opacity: .80; filter: alpha(opacity: 80); } .dashboard-box .button-pane { border-top: 0; color: #fff; background: rgba(0, 0, 0, .08); } .bg-white.dashboard-box .button-pane { border-top-style: solid; border-top-width: 1px; } .dashboard-box .heading { font-size: 15px; font-weight: bold; float: left; } .dashboard-box .center-div { margin: 5px auto -15px; } .dashboard-heading { font-size: 14px; padding: 0 0 10px; } .dashboard-heading span { font-size: 12px; display: block; } body .button-pane.button-pane-alt { background: transparent !important; } .dashboard-panel .chosen-container-single .chosen-single span { padding-right: 40px; } .dashboard-panel .chosen-container { margin-top: -3px; text-align: left; } a.dashboard-box, a.dashboard-box > span { display: block; } a.dashboard-box .button-pane { text-align: center; text-transform: uppercase; } a.dashboard-box .button-pane .heading { font-weight: normal; } .dashboard-box-chart .bs-label { position: absolute; right: 15px; top: 15px; } .dashboard-box-chart .header { text-align: left; font-size: 28px; font-weight: 100; letter-spacing: 1px; line-height: 1; } .dashboard-box-chart .header span { text-transform: uppercase; letter-spacing: 0; padding: 10px 0 0; line-height: 1.8em; text-align: center; opacity: .80; filter: alpha(opacity: 80); } .dashboard-box-chart .header span b { opacity: .65; filter: alpha(opacity: 65); } .dashboard-box-chart .list-grade { opacity: .50; filter: alpha(opacity: 50); margin-top: 25px; } .dashboard-box-chart .button-pane { padding: 10px 10px 10px 15px; } .dashboard-box-chart .button-pane .btn .glyph-icon { min-width: 11px; display: block; } .dashboard-box-chart .button-pane .size-md { font-size: 16px; } /* Images */ .carousel-inner > .item > img, .carousel-inner > .item > a > img, .img-responsive { display: block; width: 100%; max-width: 100%; height: auto; } .img-full { display: block; width: 100%; height: 100%; } .img-rounded { border-radius: 6px; } .thumbnail, .img-thumbnail { line-height: 1.428571429; display: inline-block; max-width: 100%; height: auto; padding: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-width: 1px; border-style: solid; border-radius: 4px; background-color: #fff; } .thumbnail img, .img-thumbnail img { display: block; } .img-circle { border-radius: 50%; } .img-bordered { padding: 3px; border-width: 1px; border-style: solid; background: #fff; } /* Icon helper */ .icon-helper { line-height: 36px; position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; } .icon-br { top: auto; right: 0; left: auto; } .icon-tr { top: 0; right: 0; bottom: auto; left: auto; } .icon-center { font-size: 50px; line-height: 50px; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; } /* Hover effects */ .thumbnail-box { position: relative; overflow: hidden; margin: 0 0 20px; } .thumbnail-box .thumb-link, .thumbnail-box .thumb-content, .thumbnail-box .thumb-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .thumbnail-box .thumb-link { z-index: 25; } .thumbnail-box .thumb-content { z-index: 20; display: none; } .thumbnail-box .thumb-overlay { z-index: 15; opacity: 0; filter: alpha(opacity: 0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; visibility: hidden; } .thumbnail-box .thumb-overlay.bg-black { background: #000; } .thumbnail-box img { display: block; width: 100%; position: relative; z-index: 10; -webkit-transition: .3s all linear; transition: .3s all linear; } .thumbnail-box:hover img { -ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); transform: matrix(1.1, 0, 0, 1.1, 0, 0); } .thumbnail-box:hover .thumb-overlay { opacity: 0.80; filter: alpha(opacity: 80); visibility: visible; } .thumbnail-box:hover .thumb-content { display: block; } /* Thumbnail heading */ .thumb-heading { text-align: center; font-size: 15px; text-transform: uppercase; } .thumbnail-box .thumb-heading { color: #fff; } .thumb-heading small { display: block; font-size: 13px; opacity: 0.65; padding: 5px 0 0; filter: alpha(opacity: 65); text-transform: none; } /* Thumbnail buttons */ .thumbnail-box .thumb-btn { text-align: center; padding: 15px; } .thumb-btn.zoomIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* Thumbnail inverse */ .thumbnail-box-inverse .thumb-overlay { display: block; opacity: 0.3; filter: alpha(opacity: 30); visibility: visible; } .thumbnail-box-inverse:hover .thumb-overlay { opacity: 0; filter: alpha(opacity: 0); visibility: hidden; } .thumbnail-box-inverse .thumb-content { display: block; } .thumbnail-box-inverse:hover .thumb-content { display: none; } /* Thumbnail pane */ .thumb-pane { border: transparent solid 1px; border-top: 0; padding: 25px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .thumbnail-box + .thumb-pane { margin-top: -20px; margin-bottom: 20px; } .owl-item .thumb-pane { margin: 0; } .owl-item .thumbnail-box { margin-bottom: 0; } /* Thumbnail wrapper */ .thumbnail-box-wrapper {} /* Image box */ .image-box { position: relative; overflow: hidden; max-height: 300px; padding: 0; } .image-box .image-content { position: absolute; top: 0; left: 0; width: 100%; padding: 20px; text-align: center; } /* Info Buttons */ .info-box { position: relative; display: block; min-height: 57px; padding: 10px; border-width: 3px 0 0; border-style: solid; } .info-box .stats { display: block; padding: 5px 0 0; } .info-box b { position: absolute; top: 10px; right: 10px; display: block; white-space: nowrap; } .info-box .stats { font-size: 30px; line-height: 35px; position: absolute; right: 10px; bottom: 10px; height: 35px; white-space: nowrap; } .info-box .stats span { font-size: 70%; } .info-box.icon-wrapper { overflow: hidden; padding-left: 95px; } .info-box.icon-wrapper .icon-large { font-size: 125px; line-height: 50px; position: absolute; top: 50%; left: -20px; width: 50px; height: 50px; margin-top: -25px; } .chart-icon { float: left; margin-right: 20px; } .info-box-alt { padding: 10px; border-width: 0; } .info-box-alt .chart-icon { margin-left: 5px; } .info-box-alt .stats { float: right; margin-right: 5px; } .info-box-alt .chart-icon { margin-top: 3px; } .info-box-alt h3 { font-size: 13px; margin: 0; margin: 0 0 10px; padding: 0 0 10px; text-transform: uppercase; color: rgba(0, 0, 0, .5); border-bottom: rgba(0, 0, 0, .3) solid 1px; } /* CSS3 basic */ .loading-spinner { position: relative; width: 65px; height: 65px; margin: 0 auto; } .loading-spinner i { position: absolute; top: 25px; left: 52px; display: block; -webkit-transform-origin: -20px; border-radius: 50%; } .loading-spinner i:nth-child(1) { width: 14px; height: 14px; -webkit-animation: spin 1.8s .1s infinite; } .loading-spinner i:nth-child(2) { width: 12px; height: 12px; -webkit-animation: spin 1.8s .2s infinite; } .loading-spinner i:nth-child(3) { width: 10px; height: 10px; -webkit-animation: spin 1.8s .3s infinite; } .loading-spinner i:nth-child(4) { width: 8px; height: 8px; -webkit-animation: spin 1.8s .4s infinite; } .loading-spinner i:nth-child(5) { width: 6px; height: 6px; -webkit-animation: spin 1.8s .5s infinite; } .loading-spinner i:nth-child(6) { width: 4px; height: 4px; -webkit-animation: spin 1.8s .6s infinite; } /* CSS3 alternate */ .loading-stick { width: 180px; margin: auto; text-align: center; vertical-align: middle; } .loading-stick h1 { font-size: 12px; margin: 10px 0 0; text-transform: uppercase; } .stick { display: inline-block; width: 30px; height: 3px; margin-left: -7px; } .stick:nth-child(n) { /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation: fall 2s infinite; -moz-animation: fall 2s infinite; } .stick:nth-child(2n) { /* IE 9 */ -webkit-transform: rotate(-30deg); /* Safari and Chrome */ -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-animation: rise 2s infinite; -moz-animation: rise 2s infinite; } @-webkit-keyframes rise { 50% { /* IE 9 */ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } } @-moz-keyframes rise { 50% { /* IE 9 */ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } } @-o-keyframes rise { 50% { /* IE 9 */ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } @keyframes rise { 50% { /* IE 9 */ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } } } @-webkit-keyframes fall { 50% { /* IE 9 */ -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } } @-moz-keyframes fall { 50% { /* IE 9 */ -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } } @-o-keyframes fall { 50% { /* IE 9 */ -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } @keyframes fall { 50% { /* IE 9 */ -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } } } @-webkit-keyframes fade { 50% { opacity: .5; } 100% { opacity: 1; } } @-moz-keyframes fade { 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes fade { 50% { opacity: .5; } 100% { opacity: 1; } @keyframes fade { 50% { opacity: .5; } 100% { opacity: 1; } } } /* Vertical navigation */ .nav { margin: 0; padding: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; margin-bottom: 5px; padding: 10px 15px; } .nav .nav-divider { overflow: hidden; height: 1px; margin: 5px 0; } .nav > li > a > img { max-width: none; } /* Tabs navigation */ .nav-tabs { padding-right: 10px; padding-left: 10px; border-bottom: 1px solid transparent; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 5px; margin-bottom: 0; border-bottom: 1px solid transparent; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .nav .dropdown-menu { margin-top: 10px; } /* Left tabs */ .nav-tabs-left { float: left; padding: 10px 0 5px; border-right: 1px solid transparent; border-bottom: 0; } .nav-tabs-left > li { float: none; margin-right: -1px; margin-bottom: 0; } .nav-tabs-left > li > a { margin-right: 0; margin-bottom: 5px; border-right: 1px solid transparent; border-bottom: 0; } .nav .dropdown-menu { margin-top: 10px; } /* Right tabs */ .nav-tabs-right { float: right; padding: 10px 0 5px; border-bottom: 0; border-left: 1px solid transparent; } .nav-tabs-right > li { float: none; margin-bottom: 0; margin-left: -1px; } .nav-tabs-right > li > a { margin-bottom: 5px; margin-left: 0; border-bottom: 0; border-left: 1px solid transparent; } /* Bottom tabs */ .nav-tabs-bottom { border-top: 1px solid transparent; border-bottom: 0; } .nav-tabs-bottom > li { margin-top: -1px; margin-bottom: 0; } .nav-tabs-bottom > li > a { border-top: 1px solid transparent; border-bottom: 0; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } /* Pills navigation */ .nav-pills > li { float: left; } .nav-pills > li > a { margin-bottom: 0; } .nav-pills > li + li { margin-left: 5px; } /* Pills vertical */ .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 5px; margin-left: 0; } /* Justified navigation */ .nav-tabs.nav-justified { width: 100%; padding-right: 0; padding-left: 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: -1px; } } .nav-justified { width: 100%; margin-right: -5px; margin-left: -5px; } .nav-justified > li { float: none; } .nav-justified > li > a { margin: 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; } /* List groups vertical navigation */ .list-group { margin-top: 0; padding: 0; list-style: none; } .list-group-separator a.list-group-item, .list-group-separator a.list-group-item:hover, .list-group-separator a.list-group-item:focus, .list-group.rm-border a.list-group-item, .list-group.rm-border a.list-group-item:hover, .list-group.rm-border a.list-group-item:focus {} .list-group-item { position: relative; display: block; margin-bottom: -1px; padding: 10px 15px; border-width: 1px; border-style: solid; } li.active a.list-group-item, li.active a.list-group-item:hover, li.active a.list-group-item:focus, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; } .list-group-item:last-child { margin-bottom: 0; } .list-group-item > .badge { float: right; margin-top: -2px; } .list-group-item > .badge + .badge { margin-right: 5px; } .list-group-item > .glyph-icon { margin-top: 2px; } .list-group-item > .glyph-icon:first-child { float: left; margin-top: 1px; margin-right: 15px; } .list-group-item > .glyph-icon:last-child { float: right; margin-left: 5px; } /* List groups horizontal icons */ .list-group-icons .list-group-item { font-weight: 700; display: block; padding: 15px 10px; text-align: center; text-overflow: ellipsis; } .list-group-icons .list-group-item > .glyph-icon { font-size: 18px; display: block; float: none; margin: 0 auto; } /* List groups horizontal separators */ .list-group-separator a.list-group-item:after { position: absolute; top: 0; right: -13px; display: block; overflow: hidden; width: 1px; height: 100%; content: ''; background: #ddd; } .list-group-separator li:last-child a.list-group-item:after { display: none; } /* Centered list groups */ .list-group-centered { text-align: center; } .list-group-centered li { display: inline-block; float: none; } /* Panel Boxes */ .panel-layout { display: table; width: 100%; table-layout: fixed; margin: 0 0 20px; } .panel-box { display: table-cell; float: none !important; padding: 0 !important; table-layout: fixed; vertical-align: middle; } .panel-content { position: relative; padding: 20px; text-align: center; } .panel-layout .panel-box .panel-content.image-box { margin-bottom: 0 !important; padding: 0; } .panel-layout .panel-box .panel-content.image-box .image-content { height: 100%; } .panel-box[class*=' col-xs'] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs'] { border-radius: 0; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs']:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .panel-box[class*=' col-xs'] .panel-content { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel-box[class*=' col-xs'] .panel-content:last-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs']:last-child .panel-content { border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs']:last-child .panel-content { border-top-right-radius: 3px; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs']:last-child .panel-content:last-child { border-top-right-radius: 0; border-bottom-right-radius: 3px; } .panel-box[class*=' col-xs'] .panel-content { border-top-width: 1px; border-right-width: 0; border-bottom-width: 0; border-left-width: 1px; } .panel-box + .panel-box .panel-content { border-top-width: 0; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0; } .panel-box .panel-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel-box .panel-content + .panel-content { border-radius: 0; } .panel-box .panel-content:last-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-content.bg-default, .panel-content.bg-gray, .panel-content.bg-white, .panel-box.bg-default, .panel-box.bg-gray, .panel-box.bg-white { border-width: 1px; border-style: solid; } .panel-box .panel-content p, .panel-box .panel-content .nav-justified { margin: 0; } /* Panel meta */ .meta-box { text-align: center; } .meta-box.meta-box-bottom { position: absolute; bottom: 15px; left: 0; width: 100%; } .meta-box-offset img { margin-top: -48px; } .meta-box .meta-heading { font-size: 21px; padding-bottom: 5px; } .meta-box .meta-image { margin-bottom: 5px; } .meta-box .meta-subheading { font-size: 16px; padding-bottom: 5px; opacity: .90; filter: alpha(opacity: 90); } .meta-box .meta-desc { padding-bottom: 5px; opacity: .60; filter: alpha(opacity: 60); } /* Info Boxes */ .alert { position: relative; padding: 10px; text-align: left; border-width: 0; border-style: solid; } .alert-close { padding-right: 36px; } .alert a { font-weight: bold; background: none; } .alert a:hover { text-decoration: underline; } .alert .alert-icon { line-height: 34px; float: left; width: 34px; height: 34px; margin: 5px 10px 0 0; text-align: center; } .alert .alert-title { font-size: 12px; font-weight: bold; margin: 4px 0 3px; padding: 0; text-transform: uppercase; } .alert .alert-content { overflow: hidden; } .alert p { padding: 0; opacity: .85; filter: alpha(opacity: 85); } .alert p:last-child { margin: 0; } .alert .alert-close-btn { font-size: 12px; line-height: 16px; position: absolute; z-index: 2; top: 50%; right: 10px; display: block; width: 16px; height: 16px; margin-top: -10px; text-align: center; opacity: .50; color: #000; filter: alpha(opacity=50); } .alert .alert-close-btn:hover { opacity: 1; filter: alpha(opacity=100); } /* Server response */ .server-message { text-align: center; color: #888; } .server-message h1 { font-size: 85px; margin: 0; } .server-message h2 { font-size: 40px; margin: 0 0 25px; text-transform: uppercase; } .server-message p { font-size: 20px; line-height: 1.8em; } .server-message.inverse { color: rgba(255, 255, 255, .8); } /* Hide columns */ @media only screen and (max-width: 1000px) { .hide-columns table td:nth-child(2), .hide-columns table th:nth-child(2) { display: none; } } @media only screen and (max-width: 810px) { .hide-columns table td:nth-child(4), .hide-columns table th:nth-child(4), .hide-columns table td:nth-child(7), .hide-columns table th:nth-child(7), .hide-columns table td:nth-child(8), .hide-columns table th:nth-child(8) { display: none; } } /* Scroll columns */ @media only screen and (max-width: 1000px) { .scroll-columns .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .scroll-columns * html .cf { zoom: 1; } .scroll-columns *:first-child+html .cf { zoom: 1; } .scroll-columns table { width: 100%; border-collapse: collapse; border-spacing: 0; } .scroll-columns th, .scroll-columns td { margin: 0; vertical-align: top; } .scroll-columns th { text-align: left; } .scroll-columns table { display: block; position: relative; width: 100%; } .scroll-columns thead { display: block; float: left; } .scroll-columns tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .scroll-columns thead tr { display: block; } .scroll-columns th { display: block; text-align: right; } .scroll-columns tbody tr { display: inline-block; vertical-align: top; } .scroll-columns td { display: block; min-height: 1.25em; text-align: left; } .scroll-columns th { border-bottom: 0; border-left: 0; } .scroll-columns td { border-left: 0; border-right: 0; border-bottom: 0; } .scroll-columns tbody tr { border-left: 1px solid #dfe8f1; } .scroll-columns th:last-child, .scroll-columns td:last-child { border-bottom: 1px solid #dfe8f1; } } /* Remove columns */ @media only screen and (max-width: 1000px) { .remove-columns table, .remove-columns thead, .remove-columns tbody, .remove-columns .table th, .remove-columns .table td, .remove-columns .table tr { display: block; } .remove-columns thead tr { position: absolute; top: -9999px; left: -9999px; } .remove-columns .table tr { border: 1px solid #dfe8f1; } .remove-columns .table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; } .remove-columns .table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } .remove-columns .table td:before { content: attr(data-title); } } /* The ribbons */ .corner-ribbon { position: absolute; z-index: 5; top: -1px; left: -1px; overflow: hidden; width: 48px; height: 48px; } .corner-ribbon > div, .corner-ribbon > a { line-height: 38px; position: absolute; top: -6px; left: -26px; display: block; width: 78px; height: 35px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; } .corner-ribbon .glyph-icon { display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .corner-ribbon-tr { right: -1px; left: auto; border-top-left-radius: 0; } .corner-ribbon-tr > div, .corner-ribbon-tr > a { right: -26px; left: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .corner-ribbon-tr .glyph-icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Alternate */ .ribbon { position: absolute; top: -1px; left: -1px; overflow: hidden; width: 100px; height: 100px; } .ribbon:after, .ribbon:before { position: absolute; z-index: -1; top: 2px; left: 77px; width: 10px; height: 10px; content: ''; -webkit-transform: rotate(-45deg); background-color: rgba(0, 0, 0, .3); } .ribbon:before { top: 79px; left: 0; } .ribbon > div { position: relative; z-index: 100; top: 15px; left: -30px; width: 120px; padding: 7px 0; -webkit-transform: rotate(-45deg); text-align: center; color: #fff; } .ribbon-tr { right: -1px; left: auto; } .ribbon-tr:after, .ribbon-tr:before { right: 79px; left: auto; -webkit-transform: rotate(45deg); } .ribbon-tr:before { top: 79px; right: 2px; } .ribbon-tr > div { right: -8px; left: auto; -webkit-transform: rotate(45deg); } /* Post it box */ .post-box textarea { font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 80px; padding: 15px; border: 0; } .post-box .button-pane .glyph-icon { font-size: 13px; } .post-box .button-pane .hover-white:hover { background: #fff; } .post-box .button-pane { text-align: left; } .post-box .button-pane .btn-post { font-size: 13px; font-weight: bold; text-transform: uppercase; } /* Profile box */ .profile-box.content-box .content-box-header { line-height: 1.6em; height: auto; padding: 15px !important; } .profile-box .content-box-header img { float: left; margin: 0 15px 0 0; } .profile-box .content-box-header .user-details { font-size: 16px; position: relative; overflow: hidden; padding-top: 5px; } .profile-box .content-box-header .user-details span { font-size: 13px; display: block; opacity: .80; text-transform: none; filter: alpha(opacity: 80); } /* Alternate profile box */ .profile-box-alt .content-box-header { text-align: center; } .profile-box .pie-wrapper { padding: 20px; text-align: center; } .profile-box .pie-wrapper canvas { display: block; margin: 0 auto; } /* Profile box with list group inside */ .profile-box div.list-group { margin-bottom: 0 !important; border: 0; } .profile-box div.list-group a.list-group-item { border-right: 0; border-left: 0; } .profile-box div.list-group a.list-group-item.active { margin-right: -1px; margin-left: -1px; } .profile-box div.list-group a.list-group-item:last-child { border-bottom: 0; border-radius: 0; } .profile-box div.list-group a.list-group-item:first-child { border-top: 0; border-radius: 0; } .profile-box .list-group.list-group-separator.row { padding: 10px; } .profile-box .list-group.list-group-separator a.list-group-item:after { right: -10px; } .profile-box ul.list-group { margin: 10px 0; } .profile-box .nav > li > a { padding: 0; } .profile-box .nav { margin-bottom: 0 !important; } .profile-box .nav.nav-justified { margin: 0 !important; } /* Default */ .table { font-size: 14px; width: 100%; border-spacing: 0; border-collapse: separate; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px; border-top-width: 1px; border-top-style: solid; text-align: left; } .table th, .table td { font-weight: normal; vertical-align: middle; } .table > thead > tr > th { font-weight: bold; vertical-align: bottom; border-bottom-width: 2px; border-bottom-style: solid; } /* Condensed */ .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } /* Striped */ .table-striped tr:nth-child(even) > td { background: #fefeff; } /* Hover */ .table-hover tr:hover td { color: #000; background: #fffdf4; } /* Bordered */ .table-bordered { border-width: 1px; border-style: solid; border-width: 1px 0 1px 1px; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-width: 1px; border-style: solid; border-width: 1px 1px 0 0; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } /* Responsive Tables */ @media (max-width: 767px) { .table-responsive { overflow-x: scroll; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .tile-box { line-height: inherit; display: block; position: relative; height: auto; padding: 0; text-align: center; border-width: 1px; border-style: solid; } .tile-header { font-size: 14px; padding: 5px 10px; text-align: left; text-transform: uppercase; border: 0 !important; background: rgba(255, 255, 255, .2); } .tile-header .float-right { opacity: .60; filter: alpha(opacity: 60); } .tile-content-wrapper { position: relative; overflow: hidden; padding: 10px; } .tile-content { font-size: 35px; text-align: right; } .tile-content span { font-size: 25px; opacity: .70; filter: alpha(opacity: 70); } .tile-content-wrapper small { font-size: 14px; display: block; text-align: right; filter: alpha(opacity: 70); } .tile-content-wrapper > .glyph-icon { font-size: 35px; line-height: 70px; position: absolute; top: 50%; left: 15px; height: 70px; margin-top: -36px; opacity: .30; filter: alpha(opacity: 30); } .tile-footer { display: block; margin: 0; padding: 5px 10px; text-align: left; color: inherit; background: rgba(0, 0, 0, .1); } .bg-white .tile-footer { border-top-style: solid; border-top-width: 1px; } .tile-footer:hover { opacity: .80; color: inherit; filter: alpha(opacity: 80); } .tile-footer .glyph-icon { float: right; } .tile-box-alt .tile-header { padding: 10px; text-align: center; } .tile-box-alt .tile-content-wrapper > .glyph-icon { font-size: 65px; margin-top: -32px; } .tile-box-shortcut:hover .tile-content-wrapper > .glyph-icon, a.tile-box.btn .tile-header .float-right, a.tile-box.btn .tile-content-wrapper > .glyph-icon { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } a.tile-box.btn:hover .tile-content-wrapper > .glyph-icon { opacity: .70; filter: alpha(opacity: 70); } a.tile-box.btn:hover .tile-header .float-right { opacity: .90; filter: alpha(opacity: 90); } .tile-content-wrapper .easyPieChart { margin-top: -5px; margin-bottom: -5px; font-size: 19px; font-weight: 100; } .tile-box-shortcut .tile-header { background: none; padding: 0; position: absolute; right: 10px; bottom: 6px; font-size: 13px; font-weight: 400; } .tile-box-shortcut .bs-badge { left: auto; right: 10px; top: 10px; background: rgba(0, 0, 0, 0.5); } .tile-box-shortcut .tile-content-wrapper { padding: 0; min-height: 80px; } .tile-box-shortcut .tile-content-wrapper > .glyph-icon { position: absolute; left: 15px; top: 30px; } .tile-box-shortcut:hover .tile-content-wrapper > .glyph-icon { opacity: .80; filter: alpha(opacity: 80); } /* Blog specific elements */ .blog-box { margin: 0 0 50px; padding: 0 0 50px; border-bottom: rgba(0,0,0,0.05) solid 1px; } .blog-box .post-image a:hover img { opacity: 0.8; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } .blog-box .post-title h3 { font-size: 22px; } .blog-box .post-meta { padding: 15px 0; font-size: 12px; text-transform: uppercase; } .blog-box .post-meta span { padding: 0 20px 0 0; } .blog-box .post-content p { font-size: 13px; line-height: 1.7em; } .blog-box .post-content p + p { margin-top: 15px; } .blog-box .post-content { margin-bottom: 22px; } /* Blog alternate */ .blog-box-alt .post-image { margin-bottom: 20px; } .blog-box-alt .post-title h3 { font-size: 28px; } .blog-box-alt .post-content { margin-bottom: 0; } .blog-box-alt .post-content p { font-size: 15px; } /* Blog masonry */ .blog-box.panel { margin: 0 0 30px; padding: 0; } .blog-box.panel .post-image { margin: -1px -1px 0; } .blog-box.panel .post-image img { border-top-left-radius: 4px; border-top-right-radius: 4px; } .blog-box.panel .post-title h3 { font-size: 19px; } .blog-box.panel .post-title { margin: 15px 15px 0; display: block; } .blog-box.panel .post-meta { padding: 15px 15px; } .blog-box.panel .post-content { padding: 0 15px 15px; margin: 0; } .blog-box.panel .panel-footer span { font-size: 12px; } .blog-box.panel .panel-footer span .glyph-icon { margin: 0 2px; } /* Posts lists */ .content-box .posts-list { padding: 0; } .posts-list ul { list-style: none; margin: 0; padding: 0; } .posts-list li { border-bottom-style: solid; border-bottom-width: 1px; padding: 15px; overflow: hidden; } .posts-list li:last-child { border-bottom: 0; } .posts-list li .post-image { float: left; overflow: hidden; z-index: 1; display: inline; margin-right: 15px; margin-top: 5px; } .posts-list li .post-image img { border-radius: 3px; width: 50px; } .posts-list li .post-body { overflow: hidden; font-size: 12px; } .posts-list li .post-title { margin-bottom: 10px; display: block; } .posts-list li .post-title h3 { font-size: 13px; line-height: 1.4em; } /* Tags list */ .tags-list .bs-label { margin: 3px; float: left; display: block; } /* Single post */ .blog-box-single .post-title h3 { font-size: 32px; } .blog-box-single .post-image { margin-top: 30px; margin-bottom: 20px; } .blog-box-single .post-content { margin-top: 20px; } .blog-box-single { border: 0; margin: 0; padding: 0; } /* Blog comments */ .blog-comments ul { list-style: none; margin: 0; padding: 0; } .blog-comments .comments-list li li { margin-left: 45px; margin-right: 25px; } .blog-comments .panel { } .blog-comments .panel-body { padding: 25px; } .blog-comments .comments-list .comment-image { display: inline; float: left; overflow: hidden; z-index: 1; margin-right: 25px; } .blog-comments .comments-list .comment-wrapper { overflow: hidden; z-index: 1; } .blog-comments .comments-list .comment-header { margin: 0 0 15px; } .blog-comments .comments-list .comment-header .comment-author b { opacity: 0.7; } .blog-comments .comments-list .comment-header .comment-date { opacity: 0.6; font-size: 11px; padding: 4px 0 0; } .blog-comments .comments-list .comment-header .btn-xs { float: right; margin: 0 0 0; } .blog-comments .comments-list .comment-image img { width: 60px; } .blog-comments .comments-list .comment-body p { font-size: 12px; line-height: 1.9em; opacity: 0.9; } .post-share-box { margin-top: 30px; margin-bottom: 20px; } /* CTA Boxes */ .cta-box { text-align: center; } .cta-box .cta-title { font-size: 26px; font-weight: normal; display: inline-block; margin: 0 15px 0 0; padding: 0; vertical-align: middle; } .cta-box .cta-text { font-size: 17px; display: inline-block; margin: 0 15px 0 0; vertical-align: middle; } .cta-box .cta-btn { margin-left: 5px; } /* CTA Button */ .cta-box-btn { text-align: center; position: relative; z-index: 25; } .cta-box-btn a { margin: -10px 0; height: auto; line-height: 1.3em; text-transform: capitalize; padding: 15px 35px; font-size: 23px; display: inline-block; } .cta-box-btn a span { display: block; font-size: 13px; color: rgba(255,255,255,.7); text-transform: uppercase!important; } /* CTA vertical */ .cta-box-vertical { text-align: center; } .cta-box-vertical h3 { color: #464646; font-size: 24px; margin: 0; } .cta-box-vertical p { color: #8b8b8b; font-size: 19px; margin: 0 0 25px; } .cta-box-vertical .hero-btn { height: 60px; line-height: 59px; margin: 0 auto; min-width: 260px; } /* Feature Boxes */ .feature-box .feature-content { overflow: hidden; padding: 0 35px; } .feature-box .feature-img { float: left; margin: 0 40px 0 20px; } .feature-box .feature-img.float-right { margin: 0 20px 0 40px; } .feature-box .feature-img > a > img, .feature-box .feature-img > img { width: 100%; margin-top: 25px; padding: 10px; } .feature-box .feature-content .feature-heading { padding: 20px 0 0; } .feature-box .feature-content .feature-heading h2 { font-size: 30px; } .feature-box .feature-content .feature-heading p { font-size: 18px; font-weight: normal; line-height: 1.6em; padding: 15px 0; } .feature-content .feature-list { margin: 25px 0 0; } .feature-list { margin: 0; padding: 0; list-style: none; } .feature-list li { padding: 0 0 35px; } .feature-list li .glyph-icon { font-size: 26px; line-height: 40px; float: left; width: 40px; height: 40px; margin: -5px 5px 0 0; text-align: center; opacity: .75; filter: alpha(opacity: 75); } .feature-list li span { display: block; overflow: hidden; } .feature-list li b { font-size: 20px; font-weight: 300; display: block; } .feature-list li p, .feature-list li span { font-size: 14px; line-height: 2em; margin: 5px 0 0; opacity: 0.9; display: block; } .feature-list li p { font-size: 14px; line-height: 2em; margin: 5px 0 0; opacity: 0.7; } /* Featured icons */ .feature-icon { float: none; margin: 0 auto; text-align: left; } .feature-icon .feature-box-wrapper { padding: 35px 0 35px 110px; position: relative; } .feature-icon .feature-box-wrapper .glyph-icon { position: absolute; text-align: center; width: 90px; display: block; font-size: 80px; left: 0; height: 100px; line-height: 100px; top: 50%; margin-top: -50px; color: rgba(255,255,255,0.4); } .feature-icon h3 { font-size: 35px; font-weight: 300; margin: 0; color: rgba(255,255,255,0.8); } .feature-icon p { margin: 5px 0 0; font-size: 20px; color: rgba(255,255,255,0.5); line-height: 1.5em; } /* Clients box */ .clients-title { font-weight: 300; font-size: 45px; text-align: center; line-height: 1.3em; padding: 0 70px; margin: 10px 0 20px; } .clients-title + .text-center { margin-bottom: 24px; margin-top: -10px; } .clients-desc { opacity: 0.5; text-align: center; padding: 0 60px 50px; font-size: 23px; line-height: 1.6em; } .clients-box .content-box { height: 100px; line-height: 100px; margin: 0 0 20px; font-size: 45px; text-align: center; } .tick-feature { padding: 0 25px; font-size: 20px; } .tick-feature .glyph-icon { margin-right: 5px; font-size: 30px; } /* Tabs checklist */ .tabs-nav { list-style: none; margin: 0; padding: 0; position: relative; z-index: 6; text-align: center; } .tabs-nav:before { content: ""; height: 1px; overflow: hidden; position: absolute; width: 100%; left: 0; top: 50%; background: #f1f1f1; z-index: 5; } .tabs-nav li { display: inline-block; margin: 0 -5px 0 0; position: relative; z-index: 6; } .tabs-nav li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tabs-nav li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tabs-nav li a { display: block; padding: 15px 40px; text-transform: uppercase; font-size: 20px; border: 1px solid #cccccc; color: #333333; background: #fff; } .tabs-nav li.active a, .tabs-nav li.active a:hover { background: #fdfdfd; } .tabs-nav li a:hover, .tabs-nav li a:focus, .tabs-nav li a:active { background: #cccccc; text-decoration: none; color: #333333; } /* Features tour box */ .features-tour-box { padding: 55px 0; } .features-tour-box h3 { font-size: 30px; text-transform: uppercase; margin: 0; } .features-tour-box p { line-height: 1.7em; margin: 15px 0; } .features-tour-box ul { list-style: none; margin: 0 0 0 25px; padding: 0; } .features-tour-box ul li { font-size: 16px; padding: 6px 0; color: rgba(0,0,0,0.6); } .features-tour-box ul li .glyph-icon { margin-right: 10px; font-size: 22px; } /* Footer */ .main-footer { position: relative; padding-top: 35px; color: rgba(255, 255, 255, .3); } .main-footer a { font-size: 12px; color: #fff; font-weight: bold; } .main-footer a:hover { color: rgba(255, 255, 255, .8); } .main-footer p.about-us { font-size: 12px; line-height: 1.8em; } .main-footer .posts-list li .post-image img { width: 88px; } .main-footer .posts-list li { padding: 0 0 15px; margin: 0 0 15px; border-bottom-color: rgba(255, 255, 255, .1);; } .main-footer .posts-list li .post-title h3 { font-size: 14px; } .main-footer .posts-list li a { color: rgba(255, 255, 255, .8); } .main-footer .posts-list li a:hover { color: #fff; } .main-footer .footer-nav li, .main-footer .footer-nav li a { display: block; } .main-footer .footer-nav li { margin-bottom: 3px; } .main-footer .footer-nav li a { -ms-border-radius: 3px; border-radius: 3px; padding: 5px 10px; font-size: 12px; color: #fff; font-weight: bold; } .main-footer .footer-nav li a:hover { background: rgba(255,255,255,0.1); } .main-footer .header { font-size: 12px; text-transform: uppercase; color: rgba(255, 255, 255, .8); padding: 0 0 20px; } .main-footer .no-gutter .col-xs-4 { padding: 3px; } .main-footer .no-gutter { margin-bottom: 25px; } .main-footer .no-gutter .col-xs-4 img { border-radius: 3px; } .main-footer ul.footer-contact { margin-top: -15px; } .main-footer .footer-contact li { padding: 5px 0; font-size: 12px; } .main-footer .divider { background: rgba(255,255,255,0.06); margin: 15px 0; } .main-footer .theme-color-wrapper { } .main-footer .theme-color-wrapper { padding: 0; } .main-footer ul { margin: 0; padding: 0; list-style: none; } .footer-pane { background: rgba(0,0,0,0.1); padding: 20px 0; font-size: 12px; } .footer-pane .logo { float: left; } .footer-pane .footer-nav-bottom { float: right; } .footer-pane .footer-nav-bottom a { padding: 0 5px; } /* Hero sections */ .hero-box { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; position: relative; } .hero-box * { position: relative; z-index: 13; } .hero-heading { font-weight: 300; padding: 0 50px; text-transform: uppercase; margin: 0 auto; } .hero-text { font-weight: 100; padding: 10px 50px 0; margin: 0 auto; opacity: 0.6; } /* Hero overlays */ .hero-video, .hero-pattern, .hero-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .hero-pattern, .hero-overlay { opacity: 0.5; filter: alpha(opacity: 50); } .hero-dark { background: #000; } .hero-light { background: #fff; } /* Hero patterns */ .hero-pattern { opacity: 0.05; filter: alpha(opacity: .05); z-index: 12; } .hero-video { z-index: 9; } /* Hero alignments */ .hero-left { text-align: left; } .hero-left .hero-btn { margin-left: 50px; } .hero-right { text-align: right; } .hero-right .hero-btn { margin-right: 50px; } /* Image holder in hero sections */ .bg-holder { position: absolute; top: 0; width: 100%; } .bg-holder.float-right img { right: auto; left: 0; } .bg-holder img { position: absolute; top: 0; right: 0; } /* Hero elements */ .hero-box .img-holder img { width: 100%; } /* Page title */ .hero-box.page-title { padding: 15px 0; } /* contact widget */ .contact-list li { padding: 5px; font-size: 14px; } .contact-list li .glyph-icon { margin-right: 5px; } /* Icon box */ .icon-box { text-align: center; } .icon-small { font-size: 28px; line-height: 56px; width: 56px; height: 56px; } .icon-medium { font-size: 38px; line-height: 76px; width: 76px; height: 76px; } .icon-large { font-size: 48px; line-height: 96px; width: 96px; height: 96px; } .icon-box.icon-box-left .icon-alt { font-size: 44px; margin-top: -10px; margin-right: 25px; width: 40px; } .icon-content-wrapper { overflow: hidden; } .icon-box.icon-box-offset-small .glyph-icon { margin-top: -48px; } .icon-box.icon-box-offset-medium .glyph-icon { margin-top: -58px; } .icon-box.icon-box-offset-large .glyph-icon { margin-top: -68px; } .icon-box.icon-box-offset-small { margin-top: 24px; } .icon-box.icon-box-offset-medium { margin-top: 29px; } .icon-box.icon-box-offset-large { margin-top: 34px; } .icon-box .glyph-icon { font-weight: normal; display: block; margin: 0 auto 20px; border-radius: 100%; } .icon-border { border: transparent solid 2px; } .icon-box .icon-title { font-size: 17px; margin: 0; color: rgba(0, 0, 0, .9); } .icon-box.inverse .icon-title { color: rgba(255, 255, 255, .9); } .icon-box .icon-content { line-height: 1.6em; margin: 0; padding: 10px; overflow: hidden; font-size: 15px; } .icon-box.inverse .icon-content { color: rgba(255, 255, 255, .6); } /* Boxed style */ .icon-boxed { padding: 20px 0; } /* Left icons */ .icon-box-left { text-align: left; } .icon-box-left .glyph-icon { float: left; margin-right: 15px; text-align: center; } .icon-box-left .icon-content { padding: 10px 0; } .icon-box .read-more { margin: 5px 0 0 63px; color: rgba(255, 255, 255, .9); display: inline-block; padding: 5px 15px; font-weight: 700; font-size: 11px; border: 1px solid rgba(255, 255, 255, .2); text-transform: uppercase; border-radius: 50px; } .icon-box .read-more:hover { color: #fff; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.07); } .hero-box .icon-box .icon-alt { color: rgba(255,255,255,.3); } .hero-box .icon-box .icon-content { color: rgba(255,255,255,.7); } .hero-box .icon-box .icon-title { color: rgba(255,255,255,.9); } /* Pricing tables */ .pricing-box { text-align: center; } .pricing-box .pricing-title, .pricing-box .pricing-specs { margin: -1px -1px 0; } .pricing-box .pricing-title { font-weight: normal; padding: 15px; } .pricing-box ul { margin: 0; padding: 0; list-style: none; } .pricing-box .pricing-specs { padding: 10px 15px 20px; } .pricing-box .pricing-specs span { font-size: 50px; } .pricing-box .pricing-specs span sup { font-size: 30px; margin-left: -20px; padding-right: 5px; } .pricing-box .pricing-specs i { font-size: 14px; font-style: normal; display: block; color: rgba(255, 255, 255, .6); } .pricing-box ul li { font-size: 14px; line-height: 48px; height: 48px; padding: 0 10px; border-bottom: #eee solid 1px; } .pricing-box ul li:nth-child(even) { background: #fafafa; } /* Pricing table alternate style */ .pricing-table .pricing-box { padding: 0; } .pricing-table .pricing-box + .pricing-box { border-width: 1px 1px 1px 0; border-radius: 0; } .pricing-table .pricing-box + .pricing-box:nth-child(2):last-child { border-width: 1px 1px 1px; } .pricing-table .pricing-box .pricing-title, .pricing-table .pricing-box .pricing-specs { margin: 0; border-bottom: #eee solid 1px; border-radius: 0; } .pricing-table .pricing-box .pricing-specs span { font-size: 40px; } .pricing-table .pricing-box .pricing-specs span sup { font-size: 20px; margin-left: -10px; padding-right: 5px; } .pricing-table .pricing-box .pricing-specs i { color: rgba(0, 0, 0, .5); } .pricing-table .pricing-best { position: relative; z-index: 15; margin-right: -1px; margin-left: -1px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } .pricing-table .pricing-best .pricing-specs { background: #fafafa; } .pricing-table .pricing-best .pricing-title { font-size: 28px; line-height: 60px; height: 90px; margin: -25px -1px 0; } /* Pricing alternate */ .pricing-box-alt { position: relative; } .pricing-box-alt .col-md-3 { padding: 0; border: #c6c6c6 solid 1px; border-width: 1px 1px 1px 0; width: 26%; text-align: center; } .pricing-box-alt .plans-features { width: 22%; text-align: right; border-color: transparent #c6c6c6 transparent transparent; } .pricing-box-alt .plans-features .plan-header { height: 103px; } .pricing-box-alt .plans-features ul li { border-left: #f0f0f0 solid 1px; } .pricing-box-alt ul { list-style: none; margin: 0; padding: 0; } .pricing-box-alt .plan-header { padding: 15px; border-bottom: #f0f0f0 solid 1px; } .pricing-box-alt .plan-header h4 { margin: 0; color: #f26b33; text-transform: uppercase; font-size: 17px; font-weight: bold; height: 40px; line-height: 30px; border-bottom: #F3F3F3 solid 1px; } .pricing-box-alt .plan-header .plan-price { font-size: 45px; font-weight: 100; height: 60px; line-height: 65px; margin: 0 0 5px; } .pricing-box-alt .plan-header .plan-price small { font-size: 30px; opacity: 0.4; padding-right: 3px; } .pricing-box-alt .studio-plan .plan-header h4 { color: #32cf4e; } .pricing-box-alt .unlimited-plan .plan-header h4 { color: #3792f2; } .pricing-box-alt ul li { height: 32px; line-height: 32px; padding: 0 10px; border-bottom: #f0f0f0 solid 1px; color: #0093d9; font-size: 14px; font-weight: bold; } .pricing-box-alt .plans-features ul li { color: #6f6f6f; font-weight: normal; } .pricing-box-alt ul li .feature-included, .pricing-box-alt ul li .feature-excluded { border-radius: 30px; width: 12px; height: 12px; display: inline-block; } .pricing-box-alt ul li .feature-excluded { background: #e6e6e6; } .pricing-box-alt .pricing-btn { padding: 15px; background: #fafafa; } .pricing-box-alt .pricing-btn .btn { padding: 15px 0; font-weight: bold; font-size: 16px; box-sizing: initial; display: block; line-height: 1; } .pricing-box-alt .pricing-btn .btn b { opacity: 0.6; display: block; padding: 6px 0 0; font-size: 13px; font-weight: normal; } .individual-plan .pricing-btn { border-left: #c6c6c6 solid 1px; margin-left: -1px; } .pricing-box-alt ul li.header { background: #f9f9f9; text-transform: uppercase; font-weight: bold; text-align: right; font-size: 12px; color: #000; } /* Iphone */ .iphone-wrapper, .iphone-screen { position: relative; width: 366px; height: 768px; } .iphone-screen { position: absolute; z-index: 6; top: 0; left: 0; background-image: url('/assets/image-resources/objects/iphone-screen.png'); } .iphone-content { position: absolute; z-index: 7; top: 112px; left: 30px; width: 310px; height: 541px; } .iphone-content .owl-pagination { display: none !important; } .iphone-content .slider-wrapper .owl-controls .owl-buttons .owl-prev { font-size: 95px; right: auto; left: -65px; } .iphone-content .slider-wrapper .owl-controls .owl-buttons .owl-next { font-size: 95px; right: -65px; left: auto; } /* Testimonials */ .testimonial-box { margin: 0 0 45px; } .owl-item .testimonial-box { margin-bottom: 0; } .testimonial-box .popover { position: relative; display: block; float: none; margin: 0; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .testimonial-box .popover .arrow { left: 54px !important; margin: 0; } .testimonial-box .popover .arrow.float-right { right: 45px !important; left: auto !important; } .testimonial-box .popover .popover-content { padding: 22px 30px 30px 50px; } .testimonial-box-big .testimonial-content .glyph-icon, .testimonial-box .popover .popover-content .glyph-icon { font-size: 25px; position: absolute; opacity: .25; filter: alpha(opacity: 25); } .testimonial-box .popover .popover-content .icon-quote-left { top: 15px; left: 15px; } .testimonial-box .popover .popover-content .icon-quote-right { right: 15px; bottom: 10px; } .testimonial-box-big .testimonial-content { background: transparent; } .testimonial-box-big .testimonial-content p, .testimonial-box .popover .popover-content p { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 17px; margin: 0; } .testimonial-author-wrapper { padding: 20px 0 0; } .testimonial-author-wrapper img { float: left; width: 60px; margin: 0 20px 0 25px; } .testimonial-author-wrapper img.float-right { margin: 0 25px 0 20px; } .testimonial-author { overflow: hidden; } .testimonial-author b { font-size: 18px; font-weight: 300; display: block; padding: 6px 0 0; } .testimonial-author span { text-transform: uppercase; } /* Testimonials Big */ .testimonial-box-big { text-align: center; } .testimonial-box-big .testimonial-content .glyph-icon { font-size: 40px; } .testimonial-box-big .testimonial-content .icon-quote-left { top: 0; left: -30px; } .testimonial-box-big .testimonial-content .icon-quote-right { right: -30px; bottom: 0; } .testimonial-box-big .testimonial-author-wrapper { display: inline-block; padding-top: 0; } .testimonial-box-big .testimonial-author-wrapper .testimonial-author b { padding: 0 0 10px; } .testimonial-box-big .testimonial-author-wrapper img { display: none; } .testimonial-box-big .testimonial-content { position: relative; margin: 0 40px; } .testimonial-box-big .testimonial-content p { font-size: 22px; padding: 0 20px; } .slider-wrapper .testimonial-box-big { margin-bottom: 35px; } /* Testimonials Alternate */ .testimonial-content { position: relative; padding: 15px 20px 18px; } .testimonial-content .testimonial-arrow { position: absolute; right: 0; bottom: -34px; display: block; content: ''; text-indent: 0; opacity: .8; border-width: 34px 34px 0 0; border-style: solid; border-color: #e9e9e9; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; filter: alpha(opacity: 8); } .testimonial-content .testimonial-arrow.arrow-rounded { right: 15px; opacity: 1; filter: alpha(opacity: 1); } .testimonial-box-alt .testimonial-content p { font-size: 14px; line-height: 1.8em; margin: 0; padding: 0 0 0 25px; } .testimonial-box-alt .glyph-icon { font-size: 25px; position: absolute; top: 10px; left: 12px; opacity: .6; filter: alpha(opacity: 6); } .testimonial-box-alt .testimonial-author-wrapper { padding-top: 15px; } .testimonial-box-alt .testimonial-author-wrapper img { margin: 0 10px 0 25px; } .testimonial-box-alt .testimonial-author { padding-left: 15px; } @font-face { font-family: 'FontAwesome'; src: url('/assets/icons/fontawesome/fontawesome-webfont.eot?v=4.0.3'); src: url('/assets/icons/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/assets/icons/fontawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/assets/icons/fontawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/assets/icons/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-o:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-o:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-check:before { content: "\f00c"; } .icon-times:before, .icon-remove:before, .search-choice-close:before, .ui-icon-closethick:before, .ui-dialog-titlebar-close:before, .icon-clock-os:before, .icon-close:before { content: "\f00d"; } .icon-search-plus:before { content: "\f00e"; } .icon-search-minus:before { content: "\f010"; } .icon-power-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash-o:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-o:before { content: "\f016"; } .icon-clock-o:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download:before { content: "\f019"; } .icon-arrow-circle-o-down:before { content: "\f01a"; } .icon-arrow-circle-o-up:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle-o:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-dedent:before, .icon-outdent:before { content: "\f03b"; } .icon-indent:before { content: "\f03c"; } .icon-video-camera:before { content: "\f03d"; } .icon-photo:before, .icon-image:before, .icon-picture-o:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before, .icon-pencil-square-o:before { content: "\f044"; } .icon-share-square-o:before { content: "\f045"; } .icon-check-square-o:before { content: "\f046"; } .icon-arrows:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-circle:before { content: "\f055"; } .icon-minus-circle:before { content: "\f056"; } .icon-times-circle:before { content: "\f057"; } .icon-check-circle:before { content: "\f058"; } .icon-question-circle:before { content: "\f059"; } .icon-info-circle:before { content: "\f05a"; } .icon-crosshairs:before { content: "\f05b"; } .icon-times-circle-o:before { content: "\f05c"; } .icon-check-circle-o:before { content: "\f05d"; } .icon-ban:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share:before { content: "\f064"; } .icon-expand:before { content: "\f065"; } .icon-compress:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-circle:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye:before { content: "\f06e"; } .icon-eye-slash:before { content: "\f070"; } .icon-warning:before, .icon-exclamation-triangle:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-arrows-v:before { content: "\f07d"; } .icon-arrows-h:before { content: "\f07e"; } .icon-bar-chart-o:before, .icon-bar-chart:before { content: "\f080"; } .icon-twitter-square:before { content: "\f081"; } .icon-facebook-square:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-o-up:before { content: "\f087"; } .icon-thumbs-o-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-o:before { content: "\f08a"; } .icon-sign-out:before { content: "\f08b"; } .icon-linkedin-square:before { content: "\f08c"; } .icon-thumb-tack:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-sign-in:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-square:before { content: "\f092"; } .icon-upload:before { content: "\f093"; } .icon-lemon-o:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-square-o:before { content: "\f096"; } .icon-bookmark-o:before { content: "\f097"; } .icon-phone-square:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd-o:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0f3"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-o-right:before { content: "\f0a4"; } .icon-hand-o-left:before { content: "\f0a5"; } .icon-hand-o-up:before { content: "\f0a6"; } .icon-hand-o-down:before { content: "\f0a7"; } .icon-arrow-circle-left:before { content: "\f0a8"; } .icon-arrow-circle-right:before { content: "\f0a9"; } .icon-arrow-circle-up:before { content: "\f0aa"; } .icon-arrow-circle-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-arrows-alt:before { content: "\f0b2"; } .icon-group:before, .icon-users:before { content: "\f0c0"; } .icon-chain:before, .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-flask:before { content: "\f0c3"; } .icon-cut:before, .icon-scissors:before { content: "\f0c4"; } .icon-copy:before, .icon-files-o:before { content: "\f0c5"; } .icon-paperclip:before { content: "\f0c6"; } .icon-save:before, .icon-floppy-o:before { content: "\f0c7"; } .icon-square:before { content: "\f0c8"; } .icon-navicon:before, .icon-reorder:before, .icon-bars:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-square:before { content: "\f0d3"; } .icon-google-plus-square:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .ui-accordion-header-icon.ui-icon-triangle-1-s:before, .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .ui-icon-triangle-1-e:before, .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .dataTable .sorting .glyph-icon:before, .dataTable .ui-icon-carat-2-n-s:before, .icon-unsorted:before, .icon-sort:before { content: "\f0dc"; } .dataTable .sorting_asc .glyph-icon:before, .icon-sort-down:before, .icon-sort-asc:before { content: "\f0dd"; } .dataTable .sorting_desc .glyph-icon:before, .dataTable .ui-icon-triangle-1-n:before, .icon-sort-up:before, .icon-sort-desc:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before, .icon-gavel:before { content: "\f0e3"; } .icon-dashboard:before, .icon-tachometer:before { content: "\f0e4"; } .icon-comment-o:before { content: "\f0e5"; } .icon-comments-o:before { content: "\f0e6"; } .icon-flash:before, .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before, .icon-clipboard:before { content: "\f0ea"; } .icon-lightbulb-o:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-o:before { content: "\f0a2"; } .icon-coffee:before { content: "\f0f4"; } .icon-cutlery:before { content: "\f0f5"; } .icon-file-text-o:before { content: "\f0f6"; } .icon-building-o:before { content: "\f0f7"; } .icon-hospital-o:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-square:before { content: "\f0fd"; } .icon-plus-square:before { content: "\f0fe"; } .icon-angle-double-left:before { content: "\f100"; } .icon-angle-double-right:before { content: "\f101"; } .icon-angle-double-up:before { content: "\f102"; } .icon-angle-double-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } #page-sidebar li a.sf-with-ul:after, .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before, .icon-mobile:before { content: "\f10b"; } .icon-circle-o:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } #page-sidebar li ul li a:before, .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-o:before { content: "\f114"; } .icon-folder-open-o:before { content: "\f115"; } .icon-smile-o:before { content: "\f118"; } .icon-frown-o:before { content: "\f119"; } .icon-meh-o:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard-o:before { content: "\f11c"; } .icon-flag-o:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-mail-reply-all:before, .icon-reply-all:before { content: "\f122"; } .icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before, .icon-chain-broken:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-slash:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-o:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .ui-icon-circle-triangle-w:before, .icon-chevron-circle-left:before { content: "\f137"; } .ui-icon-circle-triangle-e:before, .icon-chevron-circle-right:before { content: "\f138"; } .icon-chevron-circle-up:before { content: "\f139"; } .icon-chevron-circle-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-h:before { content: "\f141"; } .icon-ellipsis-v:before { content: "\f142"; } .icon-rss-square:before { content: "\f143"; } .icon-play-circle:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-square:before { content: "\f146"; } .icon-minus-square-o:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-square:before { content: "\f14a"; } .icon-pencil-square:before { content: "\f14b"; } .icon-external-link-square:before { content: "\f14c"; } .icon-share-square:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-toggle-down:before, .icon-caret-square-o-down:before { content: "\f150"; } .icon-toggle-up:before, .icon-caret-square-o-up:before { content: "\f151"; } .icon-toggle-right:before, .icon-caret-square-o-right:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-cny:before, .icon-rmb:before, .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-ruble:before, .icon-rouble:before, .icon-rub:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-alpha-asc:before { content: "\f15d"; } .icon-sort-alpha-desc:before { content: "\f15e"; } .icon-sort-amount-asc:before { content: "\f160"; } .icon-sort-amount-desc:before { content: "\f161"; } .icon-sort-numeric-asc:before { content: "\f162"; } .icon-sort-numeric-desc:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-square:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-square:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stack-overflow:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-square:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-square:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun-o:before { content: "\f185"; } .icon-moon-o:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .icon-pagelines:before { content: "\f18c"; } .icon-stack-exchange:before { content: "\f18d"; } .icon-arrow-circle-o-right:before { content: "\f18e"; } .icon-arrow-circle-o-left:before { content: "\f190"; } .icon-toggle-left:before, .icon-caret-square-o-left:before { content: "\f191"; } .icon-dot-circle-o:before { content: "\f192"; } .icon-wheelchair:before { content: "\f193"; } .icon-vimeo-square:before { content: "\f194"; } .icon-turkish-lira:before, .icon-try:before { content: "\f195"; } .icon-plus-square-o:before { content: "\f196"; } .icon-space-shuttle:before { content: "\f197"; } .icon-slack:before { content: "\f198"; } .icon-envelope-square:before { content: "\f199"; } .icon-wordpress:before { content: "\f19a"; } .icon-openid:before { content: "\f19b"; } .icon-institution:before, .icon-bank:before, .icon-university:before { content: "\f19c"; } .icon-mortar-board:before, .icon-graduation-cap:before { content: "\f19d"; } .icon-yahoo:before { content: "\f19e"; } .icon-google:before { content: "\f1a0"; } .icon-reddit:before { content: "\f1a1"; } .icon-reddit-square:before { content: "\f1a2"; } .icon-stumbleupon-circle:before { content: "\f1a3"; } .icon-stumbleupon:before { content: "\f1a4"; } .icon-delicious:before { content: "\f1a5"; } .icon-digg:before { content: "\f1a6"; } .icon-pied-piper:before { content: "\f1a7"; } .icon-pied-piper-alt:before { content: "\f1a8"; } .icon-drupal:before { content: "\f1a9"; } .icon-joomla:before { content: "\f1aa"; } .icon-language:before { content: "\f1ab"; } .icon-fax:before { content: "\f1ac"; } .icon-building:before { content: "\f1ad"; } .icon-child:before { content: "\f1ae"; } .icon-paw:before { content: "\f1b0"; } .icon-spoon:before { content: "\f1b1"; } .icon-cube:before { content: "\f1b2"; } .icon-cubes:before { content: "\f1b3"; } .icon-behance:before { content: "\f1b4"; } .icon-behance-square:before { content: "\f1b5"; } .icon-steam:before { content: "\f1b6"; } .icon-steam-square:before { content: "\f1b7"; } .icon-recycle:before { content: "\f1b8"; } .icon-automobile:before, .icon-car:before { content: "\f1b9"; } .icon-cab:before, .icon-taxi:before { content: "\f1ba"; } .icon-tree:before { content: "\f1bb"; } .icon-spotify:before { content: "\f1bc"; } .icon-deviantart:before { content: "\f1bd"; } .icon-soundcloud:before { content: "\f1be"; } .icon-database:before { content: "\f1c0"; } .icon-file-pdf-o:before { content: "\f1c1"; } .icon-file-word-o:before { content: "\f1c2"; } .icon-file-excel-o:before { content: "\f1c3"; } .icon-file-powerpoint-o:before { content: "\f1c4"; } .icon-file-photo-o:before, .icon-file-picture-o:before, .icon-file-image-o:before { content: "\f1c5"; } .icon-file-zip-o:before, .icon-file-archive-o:before { content: "\f1c6"; } .icon-file-sound-o:before, .icon-file-audio-o:before { content: "\f1c7"; } .icon-file-movie-o:before, .icon-file-video-o:before { content: "\f1c8"; } .icon-file-code-o:before { content: "\f1c9"; } .icon-vine:before { content: "\f1ca"; } .icon-codepen:before { content: "\f1cb"; } .icon-jsfiddle:before { content: "\f1cc"; } .icon-life-bouy:before, .icon-life-buoy:before, .icon-life-saver:before, .icon-support:before, .icon-life-ring:before { content: "\f1cd"; } .icon-circle-o-notch:before { content: "\f1ce"; } .icon-ra:before, .icon-rebel:before { content: "\f1d0"; } .icon-ge:before, .icon-empire:before { content: "\f1d1"; } .icon-git-square:before { content: "\f1d2"; } .icon-git:before { content: "\f1d3"; } .icon-hacker-news:before { content: "\f1d4"; } .icon-tencent-weibo:before { content: "\f1d5"; } .icon-qq:before { content: "\f1d6"; } .icon-wechat:before, .icon-weixin:before { content: "\f1d7"; } .icon-send:before, .icon-paper-plane:before { content: "\f1d8"; } .icon-send-o:before, .icon-paper-plane-o:before { content: "\f1d9"; } .icon-history:before { content: "\f1da"; } .icon-circle-thin:before { content: "\f1db"; } .icon-header:before { content: "\f1dc"; } .icon-paragraph:before { content: "\f1dd"; } .icon-sliders:before { content: "\f1de"; } .icon-share-alt:before { content: "\f1e0"; } .icon-share-alt-square:before { content: "\f1e1"; } .icon-bomb:before { content: "\f1e2"; } .icon-soccer-ball-o:before, .icon-futbol-o:before { content: "\f1e3"; } .icon-tty:before { content: "\f1e4"; } .icon-binoculars:before { content: "\f1e5"; } .icon-plug:before { content: "\f1e6"; } .icon-slideshare:before { content: "\f1e7"; } .icon-twitch:before { content: "\f1e8"; } .icon-yelp:before { content: "\f1e9"; } .icon-newspaper-o:before { content: "\f1ea"; } .icon-wifi:before { content: "\f1eb"; } .icon-calculator:before { content: "\f1ec"; } .icon-paypal:before { content: "\f1ed"; } .icon-google-wallet:before { content: "\f1ee"; } .icon-cc-visa:before { content: "\f1f0"; } .icon-cc-mastercard:before { content: "\f1f1"; } .icon-cc-discover:before { content: "\f1f2"; } .icon-cc-amex:before { content: "\f1f3"; } .icon-cc-paypal:before { content: "\f1f4"; } .icon-cc-stripe:before { content: "\f1f5"; } .icon-bell-slash:before { content: "\f1f6"; } .icon-bell-slash-o:before { content: "\f1f7"; } .icon-trash:before { content: "\f1f8"; } .icon-copyright:before { content: "\f1f9"; } .icon-at:before { content: "\f1fa"; } .icon-eyedropper:before { content: "\f1fb"; } .icon-paint-brush:before { content: "\f1fc"; } .icon-birthday-cake:before { content: "\f1fd"; } .icon-area-chart:before { content: "\f1fe"; } .icon-pie-chart:before { content: "\f200"; } .icon-line-chart:before { content: "\f201"; } .icon-lastfm:before { content: "\f202"; } .icon-lastfm-square:before { content: "\f203"; } .icon-toggle-off:before { content: "\f204"; } .icon-toggle-on:before { content: "\f205"; } .icon-bicycle:before { content: "\f206"; } .icon-bus:before { content: "\f207"; } .icon-ioxhost:before { content: "\f208"; } .icon-angellist:before { content: "\f209"; } .icon-cc:before { content: "\f20a"; } .icon-shekel:before, .icon-sheqel:before, .icon-ils:before { content: "\f20b"; } .icon-meanpath:before { content: "\f20c"; } @font-face { font-family: 'linecons'; src: url('/assets/icons/linecons/linecons.eot?28801370'); src: url('/assets/icons/linecons/linecons.eot?28801370#iefix') format('embedded-opentype'), url('/assets/icons/linecons/linecons.woff?28801370') format('woff'), url('/assets/icons/linecons/linecons.ttf?28801370') format('truetype'), url('/assets/icons/linecons/linecons.svg?28801370#linecons') format('svg'); font-weight: normal; font-style: normal; } [class^='icon-linecons-']:before, [class*=' icon-linecons-']:before { font-family: 'linecons'; } .icon-linecons-music:before { content: '\e800'; } .icon-linecons-search:before { content: '\e801'; } .icon-linecons-mail:before { content: '\e802'; } .icon-linecons-heart:before { content: '\e803'; } .icon-linecons-star:before { content: '\e804'; } .icon-linecons-user:before { content: '\e805'; } .icon-linecons-videocam:before { content: '\e806'; } .icon-linecons-camera:before { content: '\e807'; } .icon-linecons-photo:before { content: '\e808'; } .icon-linecons-attach:before { content: '\e809'; } .icon-linecons-lock:before { content: '\e80a'; } .icon-linecons-eye:before { content: '\e80b'; } .icon-linecons-tag:before { content: '\e80c'; } .icon-linecons-thumbs-up:before { content: '\e80d'; } .icon-linecons-pencil:before { content: '\e80e'; } .icon-linecons-comment:before { content: '\e80f'; } .icon-linecons-location:before { content: '\e810'; } .icon-linecons-cup:before { content: '\e811'; } .icon-linecons-trash:before { content: '\e812'; } .icon-linecons-doc:before { content: '\e813'; } .icon-linecons-note:before { content: '\e814'; } .icon-linecons-cog:before { content: '\e815'; } .icon-linecons-params:before { content: '\e816'; } .icon-linecons-calendar:before { content: '\e817'; } .icon-linecons-sound:before { content: '\e818'; } .icon-linecons-clock:before { content: '\e819'; } .icon-linecons-lightbulb:before { content: '\e81a'; } .icon-linecons-tv:before { content: '\e81b'; } .icon-linecons-desktop:before { content: '\e81c'; } .icon-linecons-mobile:before { content: '\e81d'; } .icon-linecons-cd:before { content: '\e81e'; } .icon-linecons-inbox:before { content: '\e81f'; } .icon-linecons-globe:before { content: '\e820'; } .icon-linecons-cloud:before { content: '\e821'; } .icon-linecons-paper-plane:before { content: '\e822'; } .icon-linecons-fire:before { content: '\e823'; } .icon-linecons-graduation-cap:before { content: '\e824'; } .icon-linecons-megaphone:before { content: '\e825'; } .icon-linecons-database:before { content: '\e826'; } .icon-linecons-key:before { content: '\e827'; } .icon-linecons-beaker:before { content: '\e828'; } .icon-linecons-truck:before { content: '\e829'; } .icon-linecons-money:before { content: '\e82a'; } .icon-linecons-food:before { content: '\e82b'; } .icon-linecons-shop:before { content: '\e82c'; } .icon-linecons-diamond:before { content: '\e82d'; } .icon-linecons-t-shirt:before { content: '\e82e'; } .icon-linecons-wallet:before { content: '\e82f'; } @font-face { font-family: 'spinnericon'; src: url('spinnericon.eot?39661457'); src: url('spinnericon.eot?39661457#iefix') format('embedded-opentype'), url('spinnericon.woff?39661457') format('woff'), url('spinnericon.ttf?39661457') format('truetype'), url('spinnericon.svg?39661457#spinnericon') format('svg'); font-weight: normal; font-style: normal; } [class^='icon-spin-']:before, [class*=' icon-spin-']:before { font-family: 'spinnericon'; } .icon-spin-1:before { content: '\e80b'; } .icon-spin-2:before { content: '\e80a'; } .icon-spin-3:before { content: '\e809'; } .icon-spin-4:before { content: '\e808'; } .icon-spin-5:before { content: '\e807'; } .icon-spin-6:before { content: '\e806'; } /* Accordion */ .ui-accordion .ui-accordion-header { font-size: 15px; font-weight: bold; position: relative; display: block; min-height: 0; margin-top: 2px; padding: 10px; cursor: pointer; border-width: 1px; border-style: solid; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { margin-right: 10px; } .ui-accordion .ui-accordion-content { overflow: hidden; padding: 15px 0; border-top: 0; } /* Full Calendar */ .fc { text-align: left; direction: ltr; } .fc table { border-spacing: 0; border-collapse: collapse; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { font-size: 20px; margin-top: 7px; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { margin-right: 0; } .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } .fc-content { position: relative; z-index: 1; clear: both; zoom: 1; } .fc-view { position: relative; overflow: hidden; width: 100%; } .fc-widget-header, .fc-widget-content { border-width: 1px; border-style: solid; } .fc-state-highlight { background: #fcf8e3; } .fc-cell-overlay { opacity: .3; background: #bce8f1; filter: alpha(opacity=30); } .fc-icon-left-single-arrow:after { content: '\f104'; } .fc-icon-right-single-arrow:after { content: '\f105'; } .fc-icon-left-double-arrow:after { content: '\f100'; } .fc-icon-right-double-arrow:after { content: '\f101'; } /* icon (for jquery ui) */ .fc-button .ui-icon { position: relative; top: 50%; float: left; margin-top: -8px; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event-container > * { z-index: 8; } .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; } .fc-event { font-size: 11px; padding: 3px; cursor: default; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { overflow: hidden; width: 100%; height: 100%; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { font-size: 300%; /* */ line-height: 50%; /* */ position: absolute; z-index: 99999; display: block; overflow: hidden; /* hacky spaces (IE6/7) */ } .fc-event-hori { margin-bottom: 1px; border-width: 1px 0; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: .3; filter: alpha(opacity=30); } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; } .fc-grid .fc-event-time { font-weight: bold; } .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { font-weight: normal; width: 50px; padding: 0 3px; text-align: right; vertical-align: middle; } .fc-agenda-slots .fc-agenda-axis { white-space: nowrap; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 33px; } .fc-agenda-divider-inner { overflow: hidden; height: 2px; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .fc-event-vert .fc-event-time { font-size: 10px; white-space: nowrap; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: .25; background: #fff; filter: alpha(opacity=25); } .fc-event-vert .ui-resizable-s { font-family: monospace; font-size: 11px !important; line-height: 8px !important; bottom: 0 !important; overflow: hidden !important; width: 100% !important; height: 8px !important; cursor: s-resize; text-align: center; } /* Bootstrap carousel */ .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .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 > img, .carousel-inner > .item > a > 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.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { 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 { font-size: 20px; position: absolute; top: 0; bottom: 0; left: 0; width: 15%; text-align: center; opacity: .5; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); } .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%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .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%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { text-decoration: none; opacity: .9; color: #fff; outline: 0; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { position: absolute; z-index: 5; top: 50%; display: inline-block; } .carousel-control .icon-prev, .carousel-control .icon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .icon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { font-family: serif; width: 20px; height: 20px; margin-top: -10px; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; z-index: 15; bottom: 10px; left: 50%; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; cursor: pointer; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; z-index: 10; right: 15%; bottom: 20px; left: 15%; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 30px; width: 30px; height: 30px; margin-top: -15px; } .carousel-control .icon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } /* Chosen Select */ .chosen-container { position: relative; display: inline-block; zoom: 1; width: 100% !important; vertical-align: middle; border-width: 1px; border-style: solid; *display: inline; } .chosen-container .chosen-drop { position: absolute; z-index: 1010; top: 38px; left: -9999px; width: 100%; border-width: 1px; border-style: solid; border-top: 0; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { right: -1px; left: -1px; width: auto; padding: 10px; } .chosen-container-single .chosen-single { line-height: 38px; position: relative; display: block; overflow: hidden; height: 38px; margin: 0; padding: 0 10px !important; cursor: pointer; white-space: nowrap; text-decoration: none; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { font-size: 9px; font-weight: bold; line-height: 16px; position: absolute; top: 9px; right: 26px; display: block; width: 16px; height: 16px; text-align: center; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0 0 10px; white-space: nowrap; } .chosen-container-single .chosen-search i, .chosen-container-single .chosen-single div { line-height: 38px; position: absolute; z-index: 4; top: 50%; right: 0; display: block; width: 38px; height: 38px; margin-top: -19px; text-align: center; border-left: 1px solid transparent; } .chosen-container-active.chosen-with-drop .chosen-single div { border-bottom: 1px solid transparent; border-bottom-right-radius: 0; } .chosen-container-single .chosen-search i { margin-top: -19px; padding: 0 !important; } .chosen-container-single .chosen-search input { width: 100%; padding: 0 38px 0 5px; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { line-height: 20px; margin: 5px 0; padding: 3px 10px; list-style: none; } .chosen-container .chosen-results li.group-result { font-weight: bold; margin: 0; text-transform: uppercase; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; cursor: default; color: #ccc; } .chosen-container .chosen-results li.no-results { display: list-item; margin: 0; text-align: center; } .chosen-container .chosen-results li.no-results span { font-weight: bold; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* Chosen multi */ .chosen-container-multi { height: auto; min-height: 38px; padding: 0; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; height: auto !important; height: 1%; margin: 0; padding: 0; cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0 10px; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input { width: 100%; height: 38px; padding: 0; border: 0 !important; outline: 0; background: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 6px 0 6px 6px; padding: 3px 25px 3px 5px; cursor: default; border-width: 1px; border-style: solid; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { line-height: 12px; position: absolute; top: 5px; right: 5px; display: block; width: 12px; height: 12px; cursor: pointer; text-align: center; opacity: .5; } .chosen-container-multi .chosen-results li.result-selected { opacity: .6; filter: alpha(opacity=60); } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { opacity: 1; } .minicolors { position: relative; } .minicolors-swatch { position: absolute; display: inline-block; margin: 0; padding: 0; cursor: text; vertical-align: middle; border: solid 1px #ccc; background: url(../../images/colorpicker.png) -80px 0; } .minicolors-swatch-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .minicolors input[type=hidden] + .minicolors-swatch { position: static; width: 28px; cursor: pointer; } /* Panel */ .minicolors-panel { position: absolute; z-index: 99999; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 173px; height: 152px; border: solid 1px #ccc; background: white; box-shadow: 0 0 20px rgba(0, 0, 0, .2); } .minicolors-panel.minicolors-visible { display: block; } /* Panel positioning */ .minicolors-position-top .minicolors-panel { top: -180px; } .minicolors-position-right .minicolors-panel { right: 0; left: auto; } .minicolors-position-bottom .minicolors-panel { top: 36px; bottom: auto; } .minicolors-position-left .minicolors-panel { right: auto; left: 0; } .minicolors-with-opacity .minicolors-panel { width: 200px; } .minicolors .minicolors-grid { position: absolute; top: 6px; left: 6px; width: 150px; height: 150px; cursor: crosshair; background: url(../../images/colorpicker.png) -120px 0; } .minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; } .minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; } .minicolors-slider-saturation .minicolors-grid-inner { background: url(../../images/colorpicker.png) -270px 0; } .minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; } .minicolors-slider-brightness .minicolors-grid-inner { background: black; } .minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; } .minicolors-slider, .minicolors-opacity-slider { position: absolute; top: 6px; left: 160px; width: 20px; height: 150px; cursor: row-resize; background: white url(../../images/colorpicker.png) 0 0; } .minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; } .minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; } .minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; } .minicolors-opacity-slider { left: 184px; display: none; background-position: -40px 0; } .minicolors-with-opacity .minicolors-opacity-slider { display: block; } /* Pickers */ .minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border: solid 1px black; border-radius: 10px; background: none; } .minicolors-grid .minicolors-picker > div { position: absolute; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 8px; height: 8px; border: solid 2px white; border-radius: 8px; } .minicolors-picker { position: absolute; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 18px; height: 2px; margin-top: -2px; border: solid 1px black; background: white; } /* Inline controls */ .minicolors-inline { display: inline-block; } .minicolors-inline .minicolors-input { display: none !important; } .minicolors-inline .minicolors-panel { position: relative; z-index: auto; top: auto; left: auto; display: inline-block; box-shadow: none; } /* Default theme */ .minicolors-theme-default .minicolors-swatch { top: 5px; left: 5px; width: 24px; height: 24px; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch { right: 5px; left: auto; } .minicolors-theme-default.minicolors { display: inline-block; width: 100%; } .minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 34px; } .minicolors-theme-default.minicolors-position-left .minicolors-input { padding-left: 34px; } /* Bootstrap theme */ .minicolors-theme-bootstrap .minicolors-swatch { top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 3px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { right: 3px; left: auto; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 44px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 44px; padding-left: 12px; } /* Data Tables */ div.dataTables_length label { font-weight: normal; line-height: 32px; text-align: left; display: block; } div.dataTables_length select { float: left; width: 75px; margin-right: 10px; } div.dataTables_filter label { font-weight: normal; float: right; } div.dataTables_filter input { display: inline-block; width: 200px; margin-left: 10px; padding: 0 10px; } div.dataTables_info { padding-top: 8px; } div.dataTables_paginate { float: right; margin: 0; } div.dataTables_paginate ul.pagination { margin: 0; white-space: nowrap; } table.dataTable { clear: both; max-width: none !important; margin-top: 10px !important; margin-bottom: 10px !important; } 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 { cursor: pointer; } table.dataTable thead .sorting_asc_disabled .glyph-icon, table.dataTable thead .sorting_desc_disabled .glyph-icon { opacity: .7; } table.dataTable thead > tr > th { padding-right: 18px; padding-left: 18px; } table.dataTable th:active { outline: none; } /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } div.dataTables_scrollBody table { margin-top: 0 !important; margin-bottom: 0 !important; border-top: none; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } /* * TableTools styles */ .table tbody tr.active td, .table tbody tr.active th { color: white; background-color: #08c; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0 !important; } .table tbody tr.active a { color: white; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } table.DTTT_selectable tbody tr { cursor: pointer; } div.DTTT .btn { font-size: 12px; color: #333 !important; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu { z-index: 2003; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li { position: relative; } ul.DTTT_dropdown.dropdown-menu li:hover a { color: white !important; background-color: #08c; } div.DTTT_collection_background { z-index: 2002; } .DTTT_Print #page-content { margin: 0; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-size: 28px; font-weight: normal; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { margin-bottom: 0; background-color: white; } div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { margin-bottom: 0 !important; border-top: none; } div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; } /*! * DataTables + Font Awesome integration * License: MIT - http://datatables.net/license */ /* * Sort styling */ table.dataTable thead th { position: relative; background-image: none !important; /* Remove the DataTables bootstrap integration styling */ } table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { position: absolute; top: 12px; right: 8px; display: block; font-family: FontAwesome; } table.dataTable thead th.sorting:after { content: "\f0dc"; font-size: 13px; } table.dataTable thead th.sorting_asc:after { content: "\f0de"; } table.dataTable thead th.sorting_desc:after { content: "\f0dd"; } /* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */ table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after { top: 12px; } /* * DataTables style pagination controls */ div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous { position: relative; padding-left: 24px; } div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last { position: relative; padding-right: 24px; } div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before { position: absolute; top: 8px; left: 10px; display: block; font-family: FontAwesome; } div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after { position: absolute; top: 8px; right: 10px; display: block; font-family: FontAwesome; } div.dataTables_paginate a.first:before { content: "\f100"; } div.dataTables_paginate a.previous:before { content: "\f104"; } div.dataTables_paginate a.next:after { content: "\f105"; } div.dataTables_paginate a.last:after { content: "\f101"; } /* * Bootstrap and foundation style pagination controls */ div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a { position: relative; padding-left: 24px; } div.dataTables_paginate li.next > a, div.dataTables_paginate li.last > a { position: relative; padding-right: 24px; } div.dataTables_paginate li.first a:before, div.dataTables_paginate li.previous a:before { position: absolute; top: 6px; left: 10px; display: block; font-family: FontAwesome; } div.dataTables_paginate li.next a:after, div.dataTables_paginate li.last a:after { position: absolute; top: 6px; right: 10px; display: block; font-family: FontAwesome; } div.dataTables_paginate li.first a:before { content: "\f100"; } div.dataTables_paginate li.previous a:before { content: "\f104"; } div.dataTables_paginate li.next a:after { content: "\f105"; } div.dataTables_paginate li.last a:after { content: "\f101"; } /* In Foundation we don't want the padding like in bootstrap */ div.columns div.dataTables_paginate li.first a:before, div.columns div.dataTables_paginate li.previous a:before, div.columns div.dataTables_paginate li.next a:after, div.columns div.dataTables_paginate li.last a:after { top: 0px; } .DTTT_container { float: right; margin-left: 10px; } .DTTT_container a div { cursor: pointer; } .dataTables_scrollBody table.dataTable thead th.sorting:after { display: none; } .tr-selected td, .tr-selected { background: #eefacd !important; color: #393c31 !important; } table.dataTable.dtr-inline.collapsed tbody td:first-child, table.dataTable.dtr-inline.collapsed tbody th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before, table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before { display: none; } table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed tbody tr.child td:before { display: none; } table.dataTable.dtr-column tbody td.control, table.dataTable.dtr-column tbody th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column tbody td.control:before, table.dataTable.dtr-column tbody th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-column tbody tr.parent td.control:before, table.dataTable.dtr-column tbody tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable tr.child { padding: 0.5em 1em; } table.dataTable tr.child:hover { background: transparent !important; } table.dataTable tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable tr.child ul li:first-child { padding-top: 0; } table.dataTable tr.child ul li:last-child { border-bottom: none; } table.dataTable tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.FixedHeader_Cloned th, div.FixedHeader_Cloned td { background-color: white !important; } .DTFC_LeftBodyLiner .table, .DTFC_LeftFootWrapper .table { margin: 0 !important; } /* * Namespace DTCR - "DataTables ColReorder" plug-in */ table.DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } .DTFC_LeftBodyLiner .table thead th:after { display: none !important; } /* Bootstrap datepicker */ .bsdatepicker { top: 0; left: 0; margin-top: 1px; padding: 4px !important; } .bsdatepicker:before { position: absolute; top: -7px; left: 6px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-bottom-color: transparent; border-left: 7px solid transparent; } .bsdatepicker:after { position: absolute; top: -6px; left: 7px; display: inline-block; content: ''; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .bsdatepicker > div { display: none; } .bsdatepicker table { width: 100%; margin: 0; } .bsdatepicker td, .bsdatepicker th { width: 20px; height: 20px; margin: 3px; text-align: center; } .bsdatepicker td.day:hover { cursor: pointer; } .bsdatepicker td.day.disabled { color: #eee; } .bsdatepicker td.old, .bsdatepicker td.new { color: #999; } .bsdatepicker td span { line-height: 44px; display: block; float: left; width: 54px; height: 44px; margin: 2px; cursor: pointer; } .bsdatepicker td span.old { color: #999; } .bsdatepicker th.switch { width: 145px; } .bsdatepicker th.next, .bsdatepicker th.prev { font-size: 21px; } .bsdatepicker thead tr:first-child th { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; width: 16px; height: 16px; cursor: pointer; } /* * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 */ .daterangepicker.dropdown-menu { z-index: 3000; max-width: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 188px; margin: 0 0 0 10px; text-align: left; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; } .show-calendar.daterangepicker .calendar { display: block; } .daterangepicker .applyBtn { float: right; width: 110px; } .daterangepicker .cancelBtn { float: left; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-size: 12px; text-align: center; white-space: nowrap; } .daterangepicker .ranges label { font-size: 11px; font-weight: bold; line-height: 20px; display: block; width: 74px; height: 20px; margin-bottom: 2px; text-transform: uppercase; color: #333; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { font-size: 11px; line-height: 30px; display: block; width: 88px; height: 30px; margin: 0 0 10px 0; padding: 0 6px; vertical-align: middle; color: #555; border: 1px solid #ccc; border-radius: 4px; background-color: #eee; } .daterangepicker .ranges ul { margin: 0; padding: 0; list-style: none; } .daterangepicker .ranges li { margin-bottom: 3px; padding: 3px 12px; cursor: pointer; } .daterangepicker .calendar-date { padding: 5px; border-width: 1px; border-style: solid; background: #fff; } .daterangepicker .calendar-time { line-height: 30px; margin: 8px auto 0 auto; text-align: center; } .daterangepicker { position: absolute; top: 100px; left: 20px; margin-top: 1px; padding: 5px !important; background: #fff; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); border-left: 7px solid transparent; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; content: ''; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); border-left: 7px solid transparent; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; content: ''; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { width: 20px; height: 20px; cursor: pointer; text-align: center; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.in-range { border-radius: 0; } .daterangepicker td.in-range:hover { color: #000; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; height: auto; margin: 0; padding: 1px; cursor: default; } .daterangepicker select.monthselect { width: 56%; margin-right: 2%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } /* jQuery UI Dialog */ .ui-dialog { z-index: 1100; padding: 0; } .ui-dialog .ui-dialog-titlebar { position: relative; padding: 10px; border-bottom: 1px solid transparent; } .ui-dialog .ui-dialog-title { overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { line-height: 20px; position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; border: #ccc solid 1px; background: #fff; } .ui-dialog .ui-dialog-titlebar-close:before { line-height: 18px; position: absolute; top: 0; left: 0; width: 18px; height: 18px; opacity: .60; filter: alpha(opacity: 60); } .ui-dialog .ui-dialog-titlebar-close:hover:before { opacity: .90; filter: alpha(opacity: 90); } .ui-dialog .ui-dialog-titlebar-close .ui-button-text { display: none; } .ui-dialog .ui-dialog-content { position: relative; overflow: auto; padding: 0; border: 0; background: none; } .ui-dialog-buttonset button { padding: 8px 15px; border-width: 1px; border-style: solid; } .ui-dialog .ui-dialog-buttonpane { border-width: 1px 0 0 0 !important; } .ui-dialog .ui-dialog-buttonpane .ui-button { line-height: 28px; float: right; height: 28px; padding: 0 15px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-tabs, .ui-dialog .infobox { margin-bottom: 0; } .ui-dialog .ui-tabs .ui-tabs-panel { padding: 10px; } /* Overlays */ .ui-widget-overlay { position: fixed; z-index: 1049; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-overlay img { position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; } /* Resizable Core */ .ui-resizable { position: relative; } .ui-resizable-handle { font-size: .1px; position: absolute; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { top: -5px; left: 0; width: 100%; height: 7px; cursor: n-resize; } .ui-resizable-s { bottom: -5px; left: 0; width: 100%; height: 7px; cursor: s-resize; } .ui-resizable-e { top: 0; right: -5px; width: 7px; height: 100%; cursor: e-resize; } .ui-resizable-w { top: 0; left: -5px; width: 7px; height: 100%; cursor: w-resize; } .ui-resizable-se { right: 1px; bottom: 1px; width: 12px; height: 12px; cursor: se-resize; } .ui-resizable-sw { bottom: -5px; left: -5px; width: 9px; height: 9px; cursor: sw-resize; } .ui-resizable-nw { top: -5px; left: -5px; width: 9px; height: 9px; cursor: nw-resize; } .ui-resizable-ne { top: -5px; right: -5px; width: 9px; height: 9px; cursor: ne-resize; } /* Dropdown */ .dropup, .dropdown { position: relative; display: inline-block; } .ui-dialog, .ui-datepicker, .dropdown-menu, .popover, .ui-menu, .minicolors-panel { position: absolute; z-index: 1050 !important; top: 105%; left: 0; display: none; float: left; min-width: 150px; margin: 5px 0 0; padding: 5px; list-style: none; text-align: left; border-width: 1px; border-style: solid; background: #fff; } .ui-datepicker { padding: 0; } .popover, .dropdown-menu, .ui-dialog { box-shadow: 0 1px 7px 2px rgba(135, 158, 171, 0.2); } .dropdown-menu { font-size: 13px; line-height: 1.6em; min-width: 100%; padding: 5px 0; text-transform: none; border: 0; } .dropdown-menu { min-width: 150px; } .dropdown-menu, .popover, .ui-menu, .minicolors-panel { top: 100%; } .dropdown-menu .divider { margin: 5px 1px; } .dropdown-menu.float-right { right: 0; left: auto; } .dropdown-menu .header { font-size: 11px; font-weight: bold; line-height: 1.4em; margin: 0 0 5px; padding: 5px 5px 10px; text-transform: uppercase; color: #888; border-bottom: #dfe8f1 solid 1px; } .dropdown-menu .dropdown-header { font-size: 11px; font-weight: 300; padding: 5px 15px; text-transform: uppercase; color: #000; } .dropdown-menu li { position: relative; } .dropdown-menu li > a, .ui-menu li > a { font-weight: normal; line-height: 20px; position: relative; display: block; clear: both; margin: 0; padding: 3px 20px 3px 15px; padding: 5px 15px; cursor: pointer; white-space: nowrap; } .dropdown > .dropdown-menu:before, .minicolors-position-bottom .minicolors-panel:before { position: absolute; top: -7px; left: 7px; display: inline-block; content: ''; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-bottom-color: transparent; border-left: 7px solid transparent; } .dropdown > .dropdown-menu:after, .minicolors-position-bottom .minicolors-panel:after { position: absolute; top: -6px; left: 8px; display: inline-block; content: ''; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .dropdown > .dropdown-menu.float-right:before, .dropup > .dropdown-menu.float-right:before, .minicolors-position-right .minicolors-panel:before { right: 7px; left: auto; } .dropdown > .dropdown-menu.float-right:after, .dropup > .dropdown-menu.float-right:after, .minicolors-position-right .minicolors-panel:after { right: 8px; left: auto; } .minicolors-inline .minicolors-panel:after, .minicolors-inline .minicolors-panel:before { display: none; } .dropdown-dividers { padding: 0; } .dropdown-dividers li { padding: 3px; border-bottom: #ccc solid 1px; } .dropdown-dividers li:last-child { border-bottom: 0; } .dropdown-dividers li > a { padding: 2px 10px; } .push-left { left: 100% !important; margin-left: -30px; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 8px; } .dropup > .dropdown-menu:before, .minicolors-position-top .minicolors-panel:before { position: absolute; bottom: -7px; left: 7px; display: inline-block; content: ''; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, .2); border-right: 7px solid transparent; border-left: 7px solid transparent; } .dropup > .dropdown-menu:after, .minicolors-position-top .minicolors-panel:after { position: absolute; bottom: -6px; left: 8px; display: inline-block; content: ''; border-top: 6px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; } .minicolors-position-top.minicolors-position-right .minicolors-panel:before { right: 6px; left: auto; } .minicolors-position-top.minicolors-position-right .minicolors-panel:after { right: 7px; left: auto; } .dropdown-submenu { position: relative; z-index: 40; } .dropdown-submenu > .dropdown-menu { top: 50%; left: 90%; margin-top: -6px; margin-left: -1px; border-radius: 0 4px 4px 4px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; border-radius: 4px 4px 4px 0; } .dropdown-submenu > a:after { position: relative; display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -5px; content: ' '; opacity: .40; border-width: 5px 0 5px 5px; border-style: solid; border-color: transparent; border-left-color: #ccc; filter: alpha(opacity: 40); } .dropdown-submenu.float-left > .dropdown-menu { left: -100%; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.float-left { float: none !important; } .dropdown-submenu.float-left > .dropdown-menu { left: -110%; margin-left: 10px; border-radius: 4px 0 4px 4px; } .dropdown-submenu.float-left > .dropdown-menu.dropdown-dividers { margin-left: 20px; } .ui-menu-item { padding: 3px 6px; } /* Dropzone */ /* The MIT License */ .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropzone { position: relative; padding: 1em; border: 1px solid rgba(0, 0, 0, .08); background: rgba(0, 0, 0, .02); } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; -ms-filter: none; filter: none; } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, .15); background: rgba(0, 0, 0, .04); } .dropzone.dz-started .dz-message { display: none; } .dropzone .dz-preview, .dropzone-previews .dz-preview { position: relative; display: inline-block; margin: 17px; padding: 6px 6px 6px 6px; vertical-align: top; border: 1px solid #acacac; background: rgba(255, 255, 255, .8); } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { position: relative; width: 100px; height: 100px; margin-bottom: 22px; padding: 5px; background: #ebebeb; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { line-height: 28px; position: absolute; bottom: -28px; left: 3px; height: 28px; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { font-size: 30px; position: absolute; top: -10px; right: -10px; display: none; width: 40px; height: 40px; text-align: center; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #8cc657; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #ee162d; } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 100px; right: 6px; left: 6px; display: none; height: 6px; background: #d7d7d7; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: #8cc657; } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { position: absolute; z-index: 500; top: -5px; left: -20px; display: none; min-width: 140px; max-width: 500px; padding: 8px 10px; color: #800; background: rgba(245, 245, 245, .8); } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { display: block; } .dropzone { position: relative; min-height: 350px; cursor: pointer; } .dz-message { font-size: 35px; line-height: 50px; position: absolute; top: 50%; left: 50%; width: 50%; height: 50px; margin-top: -50px; margin-left: -25%; padding: 25px; text-align: center; } .btn-file { position: relative; overflow: hidden; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; font-size: 23px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; direction: ltr; } .fileinput { display: inline-block; margin-bottom: 9px; } .fileinput .form-control { display: inline-block; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput .thumbnail { display: inline-block; margin-bottom: 5px; overflow: hidden; text-align: center; vertical-align: middle; } .fileinput .thumbnail > img { max-height: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput-filename { display: inline-block; overflow: hidden; vertical-align: middle; } .form-control .fileinput-filename { vertical-align: bottom; } .fileinput.input-group { display: table; } .fileinput.input-group > * { position: relative; z-index: 2; } .fileinput.input-group > .btn-file { z-index: 1; } .fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; } .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0; } .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0; } .form-group.has-warning .fileinput .fileinput-preview { color: #8a6d3b; } .form-group.has-warning .fileinput .thumbnail { border-color: #faebcc; } .form-group.has-error .fileinput .fileinput-preview { color: #a94442; } .form-group.has-error .fileinput .thumbnail { border-color: #ebccd1; } .form-group.has-success .fileinput .fileinput-preview { color: #3c763d; } .form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6; } /* ======================================================================== * bootstrap-switch - v3.0.2 * http://www.bootstrap-switch.org * ======================================================================== * Copyright 2012-2013 Mattia Larentis * * ======================================================================== * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .bootstrap-switch { line-height: 8px; position: relative; display: inline-block; overflow: hidden; min-width: 100px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; vertical-align: middle; border: 1px solid; border-color: #ccc; border-radius: 4px; } .bootstrap-switch.bootstrap-switch-mini { min-width: 71px; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { font-size: 10px; line-height: 9px; padding-top: 4px; padding-bottom: 4px; } .bootstrap-switch.bootstrap-switch-small { min-width: 79px; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { font-size: 12px; line-height: 18px; padding-top: 3px; padding-bottom: 3px; } .bootstrap-switch.bootstrap-switch-large { min-width: 120px; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { font-size: 14px; line-height: normal; padding-top: 9px; padding-bottom: 9px; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left .5s; transition: margin-left .5s; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container { margin-left: 0; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container { margin-left: -50%; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container { margin-left: -25%; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; opacity: .5; filter: alpha(opacity=50); } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { cursor: default !important; } .bootstrap-switch.bootstrap-switch-focused { border-color: #ccc; outline: 0; } .bootstrap-switch .bootstrap-switch-container { top: 0; display: inline-block; width: 150%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { font-size: 12px; line-height: 20px; text-transform: uppercase; display: inline-block !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding-top: 4px; padding-bottom: 4px; cursor: pointer; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { z-index: 1; width: 33.333333333%; text-align: center; } .bootstrap-switch .bootstrap-switch-label { z-index: 100; width: 33.333333333%; margin-top: -1px; margin-bottom: -1px; text-align: center; color: #333; background: #fff; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; z-index: -1; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control { height: auto; } /* Input switch alternate */ div.switch-toggle { display: block; height: 24px; width: 48px; position: relative; cursor: pointer; background: #fff; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border-radius: 50px; } div.switch-toggle:after { content: ''; display: block; height: 18px; width: 18px; background: #fff; position: absolute; top: 3px; left: 3px; border-radius: 50px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } div.switch-toggle:before { content: ''; position: absolute; right: 1px; top: 12px; color: #fff; } div.switch-toggle:hover:after { left: 5px; } div.switch-toggle.switch-on:before { content: ''; right: 40px; } .switch-toggle.switch-on { background: #0c0; } div.switch-toggle.switch-on:after { left: 26px; } div.switch-toggle.switch-on:hover:after { left: 24px; } /* Input switch alternate */ div.switch-toggle { display: block; height: 24px; width: 48px; position: relative; cursor: pointer; background: #fff; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border-radius: 50px; } div.switch-toggle:after { content: ''; display: block; height: 18px; width: 18px; background: #fff; position: absolute; top: 3px; left: 3px; border-radius: 50px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } div.switch-toggle:before { content: ''; position: absolute; right: 1px; top: 12px; color: #fff; } div.switch-toggle:hover:after { left: 5px; } div.switch-toggle.switch-on:before { content: ''; right: 40px; } .switch-toggle.switch-on { background: #0c0; } div.switch-toggle.switch-on:after { left: 26px; } div.switch-toggle.switch-on:hover:after { left: 24px; } /* Ion.RangeSlider // css version 1.9.2 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; } .irs-line { position: relative; display: block; overflow: hidden; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 10%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 10%; } .irs-diapason { position: absolute; display: block; left: 0; width: 100%; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { left: 10px; } .irs-slider.single:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 160%; height: 160%; background: rgba(0, 0, 0, 0.0); } .irs-slider.from { left: 100px; } .irs-slider.from:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 130%; height: 160%; background: rgba(0, 0, 0, 0.0); } .irs-slider.to { left: 300px; } .irs-slider.to:before { position: absolute; display: block; content: ""; top: -30%; left: 0; width: 130%; height: 160%; background: rgba(0, 0, 0, 0.0); } .irs-slider.last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } /* Ion.RangeSlider, Flat UI Skin // css version 1.9.2 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-slider { background: #111; border-radius: 100px; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; } .irs-line-mid { height: 12px; } .irs-line-right { height: 12px; } .irs-diapason { height: 12px; top: 25px; } .irs-slider { width: 5px; height: 18px; top: 22px; } #irs-active-slider, .irs-slider:hover {} .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0, 0, 0, 0.7); border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: rgba(0, 0, 0, 0.7); } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .irs-disabled {} /* jquery.Jcrop.css v0.9.12 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ .jcrop-holder { text-align: left; direction: ltr; } /* Selection Border */ .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: #fff url('/assets/images/jcrop.gif'); } .jcrop-vline { width: 1px !important; height: 100%; } .jcrop-vline.right { right: 0; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-hline.bottom { bottom: 0; } /* Invisible click targets */ .jcrop-tracker { width: 100%; height: 100%; /* disable cut copy paste */ -webkit-user-select: none; /* "turn off" link highlight */ -webkit-tap-highlight-color: transparent; /* disable callout, image save panel */ -webkit-touch-callout: none; } /* Selection Handles */ .jcrop-handle { font-size: 1px; width: 7px; height: 7px; border: 1px #eee solid; background-color: #333; } .jcrop-handle.ord-n { top: 0; left: 50%; margin-top: -4px; margin-left: -4px; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { top: 50%; right: 0; margin-top: -4px; margin-right: -4px; } .jcrop-handle.ord-w { top: 50%; left: 0; margin-top: -4px; margin-left: -4px; } .jcrop-handle.ord-nw { top: 0; left: 0; margin-top: -4px; margin-left: -4px; } .jcrop-handle.ord-ne { top: 0; right: 0; margin-top: -4px; margin-right: -4px; } .jcrop-handle.ord-se { right: 0; bottom: 0; margin-right: -4px; margin-bottom: -4px; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } /* Dragbars */ .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { width: 100%; height: 7px; } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { width: 7px; height: 100%; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { right: 0; margin-right: -4px; } .jcrop-dragbar.ord-w { margin-left: -4px; } /* The "jcrop-light" class/extension */ .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { opacity: .70!important; background: #fff; filter: alpha(opacity=70) !important; } .jcrop-light .jcrop-handle { border-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; } /* The "jcrop-dark" class/extension */ .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { opacity: .7 !important; background: #000; filter: alpha(opacity=70) !important; } .jcrop-dark .jcrop-handle { border-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; } /* Simple macro to turn off the antlines */ .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #fff; } /* Fix for twitter bootstrap et al. */ .jcrop-holder img, img.jcrop-preview { max-width: none; } /* Apply these styles only when #preview-pane has been placed within the Jcrop widget */ .jcrop-holder #preview-pane { position: absolute; z-index: 2000; top: 10px; right: -280px; display: block; padding: 6px; border: 1px rgba(0, 0, 0, .4) solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: white; } /* The Javascript code will set the aspect ratio of the crop area based on the size of the thumbnail preview, specified here */ #preview-pane .preview-container { overflow: hidden; width: 250px; height: 170px; } .jGrowl { z-index: 9999; } .jGrowl { position: absolute; } body > .jGrowl { position: fixed; } .jGrowl.top-left { top: 0; left: 0; } .jGrowl.top-right { top: 0; right: 0; } .jGrowl.bottom-left { bottom: 0; left: 0; } .jGrowl.bottom-right { right: 0; bottom: 0; } .jGrowl.center { top: 50%; left: 50%; width: 0; margin-left: -170px; } .center .jGrowl-notification, .center .jGrowl-closer { margin-right: auto; margin-left: auto; } .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { font-size: 12px; display: none; zoom: 1; width: 300px; margin: 10px 0; padding: 10px 15px; white-space: normal; opacity: .95; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95); } .jGrowl .jGrowl-notification:hover { opacity: 1; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); } .jGrowl .jGrowl-notification { min-height: 20px; } .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { margin: 10px; } .jGrowl .jGrowl-notification .jGrowl-header { font-size: .85em; font-weight: bold; } .jGrowl .jGrowl-notification .jGrowl-close { font-weight: bold; z-index: 99; float: right; cursor: pointer; } .jGrowl .jGrowl-closer { font-weight: bold; cursor: pointer; text-align: center; } #loadingbar { position: fixed; z-index: 2147483647; top: 0; left: -6px; width: 1%; height: 4px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } #loadingbar.left { right: 0; left: 100%; width: 100%; } #loadingbar.up { top: 100%; bottom: 0; left: 0; width: 5px; height: 100%; } #loadingbar.down { left: 0; width: 5px; height: 0; } #loadingbar.waiting dd, #loadingbar.waiting dt { -webkit-animation: pulse 2s ease-out 0s infinite; -moz-animation: pulse 2s ease-out 0s infinite; -ms-animation: pulse 2s ease-out 0s infinite; -o-animation: pulse 2s ease-out 0s infinite; animation: pulse 2s ease-out 0s infinite; } #loadingbar dt { right: -80px; clip: rect(-6px, 90px, 14px, -6px); width: 180px; opacity: .6; } #loadingbar dd { right: 0; clip: rect(-6px, 22px, 14px, 10px); width: 20px; opacity: .6; } #loadingbar dd, #loadingbar dt { position: absolute; top: 0; height: 2px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: #ff6439 1px 0 6px 1px; -moz-box-shadow: #fa7753 1px 0 6px 1px; box-shadow: #ff6439 1px 0 6px 1px; -ms-box-shadow: #fa7753 1px 0 6px 1px; } #loadingbar.left dt { left: -4px; clip: rect(-6px, 185px, 14px, 25px); width: 180px; opacity: .6; } #loadingbar.left dd { left: 0; clip: rect(-6px, 22px, 14px, 0px); width: 20px; margin: 0; opacity: .6; } #loadingbar.left dd, #loadingbar.left dt { top: 0; height: 2px; } #loadingbar.down dt { top: auto; bottom: -47px; clip: rect(-6px, 20px, 130px, -6px); height: 180px; opacity: .6; } #loadingbar.down dd { top: auto; bottom: 0; clip: rect(-6px, 22px, 20px, 10px); height: 20px; margin: 0; opacity: .6; } #loadingbar.down dd, #loadingbar.down dt { right: auto; left: -5px; width: 10px; } #loadingbar.up dt { top: -10px; bottom: auto; clip: rect(13px, 20px, 190px, -6px); height: 180px; opacity: .6; } #loadingbar.up dd { top: 0; bottom: auto; clip: rect(-6px, 22px, 25px, 10px); height: 20px; margin: 0; opacity: .6; } #loadingbar.up dd, #loadingbar.up dt { right: auto; left: -5px; width: 10px; } @keyframes pulse { 30% { opacity: .6; } 60% { opacity: 0; } 100% { opacity: .6; } } @-moz-keyframes pulse { 30% { opacity: .6; } 60% { opacity: 0; } 100% { opacity: .6; } } @-ms-keyframes pulse { 30% { opacity: .6; } 60% { opacity: 0; } 100% { opacity: .6; } } @-webkit-keyframes pulse { 30% { opacity: .6; } 60% { opacity: 0; } 100% { opacity: .6; } } .jvectormap-label { position: absolute; display: none; border-width: 1px; border-style: solid; border-radius: 3px; font-size: 12px; padding: 5px; z-index: 1200; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 3px; padding: 5px; cursor: pointer; line-height: 10px; border-width: 1px; border-style: solid; text-align: center; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 35px; } .wmd-panel{width:100%;} .wmd-input{height:300px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;} .wmd-preview{width:100%;margin-top: 20px;} .wmd-panel .btn-toolbar{margin-bottom:0;padding:0 0 5px;width:100%;} .fa-header:before{content:'H';font-family:arial,helvetica,sans-serif;font-weight:bold;} .wmd-prompt-background{background-color:Black;} .wmd-prompt-dialog{border:1px solid #999999;background-color:#F5F5F5;} .wmd-prompt-dialog>div{font-size:0.8em;font-family:arial,helvetica,sans-serif;} .wmd-prompt-dialog>form>input[type="text"]{border:1px solid #999999;color:black;} .wmd-prompt-dialog>form>input[type="button"]{border:1px solid #888888;font-family:trebuchet MS,helvetica,sans-serif;font-size:0.8em;font-weight:bold;} .wmd-button-group1 {margin-left: 5px !important;} .wmd-button-bar { margin-bottom: 5px;} .close { font-size: 21px; font-weight: bold; line-height: 1; float: right; opacity: .2; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); } .close:hover, .close:focus { cursor: pointer; text-decoration: none; opacity: .5; color: #000; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; border: 0; background: transparent; -webkit-appearance: none; } .modal-open { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; z-index: 1050; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; overflow-y: scroll; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-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%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; border-radius: 6px; } .modal-content { position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: none; background-color: #fff; background-clip: padding-box; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; z-index: 1040; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #dfe8f1; } .modal-header .close { margin-top: 2px; } .modal-dialog { border: 0; box-shadow: 0 15px 45px rgba(0, 0, 0, .3) !important; } .modal.display-block .modal-dialog { box-shadow: 0 6px 25px rgba(0, 0, 0, .1) !important; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); } .modal-title { line-height: 1.42857143; margin: 0; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #dfe8f1; } .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; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .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; } } .display-block.modal { position: static; z-index: 5; display: block; overflow: visible !important; opacity: 1; filter: alpha(opacity: 100); } .display-block.modal .modal-dialog { margin-bottom: 0; } .modal-open #page-content-wrapper { z-index: inherit; } /* Multiselect inputs */ .ms-container { position: relative; } .ms-container .glyph-icon { font-size: 20px; line-height: 30px; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; text-align: center; } .ms-container:after { font-size: 0; line-height: 0; display: block; visibility: hidden; clear: both; height: 0; min-height: 0; content: '.'; } .ms-container .ms-selectable, .ms-container .ms-selection { float: left; width: 45%; color: #555; background: #fff; } .ms-container .ms-selection { float: right; } .ms-container .ms-list { position: relative; overflow-y: auto; height: 200px; padding: 5px 10px; border-width: 1px; border-style: solid; } .ms-list li { line-height: 20px; margin: 5px 0; padding: 3px 10px; } .ms-container ul { margin: 0; padding: 0; list-style-type: none; } .ms-container .ms-optgroup-container { width: 100%; } .ms-container .ms-optgroup-label { line-height: 20px; margin: 0; padding: 3px 10px; cursor: pointer; } .ms-container li.ms-hover { cursor: pointer; } .ms-container li.disabled { cursor: text; } .fileinput-button { position: relative; overflow: hidden; } .fileinput-button input { font-size: 200px; position: absolute; top: 0; right: 0; margin: 0; cursor: pointer; opacity: 0; -ms-filter: 'alpha(opacity=0)'; direction: ltr; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { font-size: 100%; height: 100%; filter: alpha(opacity=0); } } .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { float: left; margin-right: 10px; margin-bottom: 5px; } .fileupload-buttonbar .toggle { margin-top: 7px; margin-left: 10px; } .template-upload .size { margin: 0; } .progress-animated .progress-bar, .progress-animated .bar { background: url('/assets/images/animated-overlay.gif') !important; filter: none; } .fileupload-process { display: none; float: right; } .fileupload-processing .fileupload-process, .files .processing .preview { display: block; width: 32px; height: 32px; background: url('../images/loader-dark.gif') center no-repeat; background-size: contain; } .files audio, .files video { max-width: 300px; } table.table td .toggle { margin: 7px 10px 0 0; } @media (max-width: 767px) { .fileupload-buttonbar .toggle, .files .toggle, .files .btn span { display: none; } .files .name { width: 80px; word-wrap: break-word; } .files audio, .files video { max-width: 80px; } .files img, .files canvas { max-width: 100%; } } @charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);transition-timing-function:cubic-bezier(0.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none}.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}@charset "UTF-8";.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25)center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}@charset "UTF-8";.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../img/video-play.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px} /** * Nestable */ .dd { font-size: 13px; line-height: 20px; position: relative; display: block; margin: 15px 0 0; padding: 0; list-style: none; } .dd-list { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { font-size: 13px; line-height: 20px; position: relative; display: block; min-height: 20px; margin: 0; padding: 0; } .dd-handle { display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; margin: 5px 0; padding: 5px 10px; text-decoration: none; color: #333; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; background: #fafafa; } .dd-handle:hover { background: #fff; } .dd-item > button { font-size: 12px; line-height: 1; position: relative; display: block; float: left; overflow: hidden; width: 25px; height: 20px; margin: 5px 0; padding: 0; cursor: pointer; text-align: center; white-space: nowrap; text-indent: 100%; border: 0; background: transparent; } .dd-item > button:before { position: absolute; display: block; width: 100%; content: '+'; text-align: center; text-indent: 0; } .dd-item > button[data-action='collapse']:before { content: '-'; } .dd-placeholder, .dd-empty { -moz-box-sizing: border-box; box-sizing: border-box; min-height: 30px; margin: 5px 0; padding: 0; border: 1px dashed #b6bcbf; background: #f2fbff; } .dd-empty { min-height: 100px; border: 1px dashed #bbb; background-color: #dfe8f1; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-position: 0 0, 30px 30px; background-size: 60px 60px; } .dd-dragel { position: absolute; z-index: 9999; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); } /** * Nestable Extras */ #nestable-menu { margin: 0 0 15px; padding: 0; } #nestable-output, #nestable2-output { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 7em; } #nestable2 .dd-handle { color: #fff; border: 1px solid #999; background: #bbb; } #nestable2 .dd-handle:hover { background: #bbb; } #nestable2 .dd-item > button:before { color: #fff; } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /** * Nestable Draggable Handles */ .dd3-content { display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; text-decoration: none; color: #333; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; background: #fafafa; } .dd3-content:hover { color: #2ea8e5; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; top: 0; left: 0; overflow: hidden; width: 30px; margin: 0; cursor: pointer; white-space: nowrap; text-indent: 100%; border: 1px solid #aaa; border-top-right-radius: 0; border-bottom-right-radius: 0; background: #ddd; } .dd3-handle:before { font-size: 20px; font-weight: normal; position: absolute; top: 3px; left: 0; display: block; width: 100%; content: '≡'; text-align: center; text-indent: 0; color: #fff; } .dd3-handle:hover { background: #ddd; } /* Noty */ .noty-wrapper { font-size: 14px; font-weight: bold; position: fixed; z-index: 10000; left: 0; width: 100%; margin: 0; padding: 0; list-style: none; opacity: 95; filter: alpha(opacity: 95); } .noty-wrapper:hover { opacity: 1; filter: alpha(opacity: 100); } .noty_message { line-height: 20px; padding: 15px 10px; text-align: center; } #noty_bottom { bottom: 0; } #noty_top { top: 0; } #noty_center { top: 50%; left: 50%; } #noty_center li { margin: 10px 0; border: 0; } /* Popovers */ .popover { z-index: 1049; top: 0; left: 0; display: none; min-width: 250px; margin: 0; padding: 0; } .popover .popover-content { padding: 15px; } .display-block.popover { box-shadow: 0 0 0 transparent; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { font-size: 12px; font-weight: bold; margin: 0; padding: 10px 15px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; } .popover-title:empty { display: none; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; } .popover .arrow { border-width: 10px; } .popover .arrow:after { content: ''; border-width: 10px; } .popover.top .arrow { bottom: -22px; left: 50%; margin-left: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: rgba(0, 0, 0, .2); border-bottom-width: 0; } .popover.right .arrow { top: 50%; left: -22px; margin-top: -11px; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: rgba(0, 0, 0, .2); border-left-width: 0; } .popover.bottom .arrow { top: -22px; left: 50%; margin-left: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, .2); } .popover.left .arrow { top: 50%; right: -22px; margin-top: -11px; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-right-width: 0; border-left-color: rgba(0, 0, 0, .2); } .popover .nav-list, .popover .dropdown-menu { margin: 0; border: 0; } .display-block.popover { float: none; width: auto; margin: 15px; } .fixed-header .popover { position: fixed; -webkit-transform: translate3d(0, 0, 0); } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(images/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(images/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(images/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { padding-left: 13px; background: url(images/default/sprite_y.png) -7px 0 repeat-y; } div.pp_default .pp_content_container .pp_right { padding-right: 13px; background: url(images/default/sprite_y.png) top right repeat-y; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { cursor: pointer; background: url(images/default/sprite_next.png) center right no-repeat; } /* Next button */ div.pp_default .pp_previous:hover { cursor: pointer; background: url(images/default/sprite_prev.png) center left no-repeat; } /* Previous button */ div.pp_default .pp_expand { width: 28px; height: 28px; cursor: pointer; background: url(images/default/sprite.png) 0 -29px no-repeat; } /* Expand button */ div.pp_default .pp_expand:hover { cursor: pointer; background: url(images/default/sprite.png) 0 -56px no-repeat; } /* Expand button hover */ div.pp_default .pp_contract { width: 28px; height: 28px; cursor: pointer; background: url(images/default/sprite.png) 0 -84px no-repeat; } /* Contract button */ div.pp_default .pp_contract:hover { cursor: pointer; background: url(images/default/sprite.png) 0 -113px no-repeat; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; cursor: pointer; background: url(images/default/sprite.png) 2px 1px no-repeat; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { border: 1px solid #aaa; background: url(images/default/default_thumb.png) center center #f8f8f8; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { width: 30px; height: 30px; background: url(images/default/sprite.png) -51px 1px no-repeat; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { width: 20px; height: 20px; margin: 4px 0 0 0; background: url(images/default/sprite.png) -31px -3px no-repeat; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { position: relative; clear: none; width: 110px; height: 30px; } div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-size: 11px; font-style: italic; line-height: 25px; position: absolute; top: 2px; left: 75px; margin: 0; padding: 0 0 0 10px; color: #999; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: .7; } div.pp_default .pp_description { font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(images/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(images/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(images/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(images/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { position: absolute; z-index: 9500; top: 0; left: 0; display: none; width: 100%; background: #000; } div.pp_pic_holder { position: absolute; z-index: 10000; display: none; width: 100px; } .pp_top { position: relative; height: 20px; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } .pp_top .pp_middle { position: absolute; right: 20px; left: 20px; height: 20px; } * html .pp_top .pp_middle { position: static; left: 0; } .pp_top .pp_right { position: absolute; top: 0; right: 0; left: auto; width: 20px; height: 20px; } .pp_content { min-width: 40px; height: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; width: 100%; text-align: left; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; overflow: hidden; width: 55px; margin-left: 5px; } .pp_social .twitter { float: left; } .pp_nav { float: left; clear: right; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; overflow: hidden; width: 14px; height: 15px; margin-top: 3px; text-indent: -10000px; } .pp_hoverContainer { position: absolute; z-index: 2000; top: 0; width: 100%; } .pp_gallery { position: absolute; z-index: 10000; left: 50%; display: none; margin-top: -50px; } .pp_gallery div { position: relative; float: left; overflow: hidden; } .pp_gallery ul { position: relative; float: left; height: 35px; margin: 0 0 0 5px; padding: 0; white-space: nowrap; } .pp_gallery ul a { display: block; float: left; overflow: hidden; height: 33px; border: 1px #000 solid; border: 1px rgba(0, 0, 0, .5) solid; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { display: block; width: 50px; height: 33px; background: url(images/facebook/default_thumbnail.gif) 0 0 no-repeat; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_expand, a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; display: none; width: 20px; height: 20px; cursor: pointer; text-indent: -10000px; } a.pp_close { line-height: 22px; position: absolute; top: 0; right: 0; display: block; text-indent: -10000px; } .pp_bottom { position: relative; height: 20px; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } .pp_bottom .pp_middle { position: absolute; right: 20px; left: 20px; height: 20px; } * html .pp_bottom .pp_middle { position: static; left: 0; } .pp_bottom .pp_right { position: absolute; top: 0; right: 0; left: auto; width: 20px; height: 20px; } .pp_loaderIcon { position: absolute; top: 50%; left: 50%; display: block; width: 24px; height: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { font-size: 17px; z-index: 9999; display: none; margin: 0 0 5px 15px; color: #fff; } /* Progress Bar */ .progress, .progress-bar, .progressbar, .progress-label, .progressbar-value, .progress-overlay { font-weight: bold; line-height: 20px; height: 20px; border-radius: 4px; } .progress, .progressbar { position: relative; text-align: center; background: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .2); } .progress-bar, .progressbar-value, .progress-overlay, .progress-label { position: absolute; z-index: 4; top: 0; left: 0; overflow: hidden; } .progress .progress-bar { position: relative !important; border-radius: 0; } .progressbar-value.ui-state-default, .progressbar-value.ui-state-default .progress-label { line-height: 18px; height: 18px; } .progress-label { z-index: 6; width: 100%; } .progress-overlay { z-index: 5; width: 100%; opacity: .15; background: url('/assets/images/animated-overlay.gif'); filter: alpha(opacity=15); } .progressbar-small.progressbar, .progressbar-small .progress-label, .progressbar-small .progressbar-value, .progressbar-small .progress-overlay { height: 10px; } .progressbar-small .progressbar-value.ui-state-default { height: 8px; } .progressbar-smaller.progressbar, .progressbar-smaller .progress-label, .progressbar-smaller .progressbar-value, .progressbar-smaller .progress-overlay { height: 4px; } .progressbar-smaller .progressbar-value.ui-state-default { height: 2px; } .bg-black .progress-overlay, .bg-black .progress-overlay { opacity: 1; filter: alpha(opacity=100); } /* Bootstrap progressbar */ @-webkit-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 { overflow: hidden; height: 20px; margin-bottom: 20px; border-radius: 4px; background-color: #f5f5f5; -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 { font-size: 12px; line-height: 20px; float: left; width: 0; height: 100%; -webkit-transition: width .6s ease; transition: width .6s ease; text-align: center; color: #fff; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); } .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: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } /* RangeSlider */ .ui-rangeSlider { height: 50px; padding-top: 30px; } .ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 15px; } .ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container { border-color: #8490a3; } .ui-rangeSlider-container, .ui-rangeSlider-arrow { height: 20px; } .ui-rangeSlider-arrow { width: 14px; cursor: pointer; } .ui-rangeSlider-leftArrow { border-radius: 4px 0 0 4px; } .ui-rangeSlider-rightArrow { border-radius: 0 4px 4px 0; } .ui-rangeSlider-arrow-inner { position: absolute; top: 50%; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; } .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner { left: 0; margin-left: -1px; border-right: 5px solid #666; } .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner { border-right: 5px solid #333; } .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner { right: 0; margin-right: -1px; border-left: 5px solid #666; } .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner { border-left: 5px solid #333; } .ui-rangeSlider-innerBar { left: -10px; overflow: hidden; width: 110%; height: 100%; } .ui-rangeSlider-bar { height: 18px; margin: 1px 0; cursor: move; cursor: grab; cursor: -moz-grab; } .ui-rangeSlider-disabled .ui-rangeSlider-bar { background: #93aeca; } .ui-rangeSlider-handle { width: 10px; height: 30px; cursor: col-resize; background: transparent; } .ui-rangeSlider-label { font-size: 15px; bottom: 27px; padding: 5px 10px; cursor: col-resize; color: #fff; background-color: rgba(0, 0, 0, .7); } .ui-rangeSlider-label:hover, .ui-rangeSlider-label:active { background: #000; } .ui-rangeSlider-label-inner { position: absolute; z-index: 99; top: 100%; left: 50%; display: block; margin-left: -5px; border-top: 5px solid rgba(0, 0, 0, .7); border-right: 5px solid transparent; border-left: 5px solid transparent; } .ui-rangeSlider-label:hover .ui-rangeSlider-label-inner, .ui-rangeSlider-label:active .ui-rangeSlider-label-inner { border-top: 5px solid #000; } .ui-editRangeSlider-inputValue { font-size: 15px; width: 2em; text-align: center; border: 0; } /* jQuery UI Slider */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle, .ui-slider .ui-slider-range, .ui-slider-horizontal, .ui-slider-vertical { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 8px; height: 8px; border: #FFF solid 6px; box-sizing: initial; cursor: pointer; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .ui-slider .ui-slider-handle:active, .ui-slider .ui-slider-handle:hover { border-color: #fff; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 7px; background: #ddd; -webkit-box-shadow: inset 0 1px 6px #717171; -moz-box-shadow: inset 0 1px 6px #717171; box-shadow: inset 0 1px 6px #717171; } .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -7px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; opacity: .60; filter: alpha(opacity: 60); } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 7px; height: 100px; background: #ddd; -webkit-box-shadow: inset 1px 0 6px #717171; -moz-box-shadow: inset 1px 0 6px #717171; box-shadow: inset 1px 0 6px #717171; } .ui-slider-vertical .ui-slider-handle { left: -7px; margin-bottom: -8px; margin-left: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; opacity: .60; filter: alpha(opacity: 60); } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .note-editor { border: 1px solid #bfc8d1; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; opacity: .95; color: #87cefa; border: 2px dashed #87cefa; background-color: white; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { font-size: 28px; font-weight: bold; display: table-cell; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { border-bottom: 1px solid #bfc8d1; background-color: #FEFEFF; } .note-editor.fullscreen { position: fixed; z-index: 1050; top: 0; left: 0; width: 100%; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #FEFEFF; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #bfc8d1; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #bfc8d1; } .note-editor .note-editable { overflow: auto; padding: 10px; outline: 0; } .note-editor .note-editable[contenteditable='false'] { background-color: #dfe8f1; } .note-editor .note-codable { font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 0; padding: 10px; resize: none; color: #ccc; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #222; box-shadow: none; -ms-box-sizing: border-box; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; overflow: hidden; max-width: 200px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content, .note-toolbar { margin: 0; padding: 0 0 5px 5px; } .note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group { margin-top: 5px; margin-right: 5px; margin-left: 0; } .note-popover .popover .popover-content .note-table .dropdown-menu, .note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker, .note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-style h1, .note-toolbar .note-style h1, .note-popover .popover .popover-content .note-style h2, .note-toolbar .note-style h2, .note-popover .popover .popover-content .note-style h3, .note-toolbar .note-style h3, .note-popover .popover .popover-content .note-style h4, .note-toolbar .note-style h4, .note-popover .popover .popover-content .note-style h5, .note-toolbar .note-style h5, .note-popover .popover .popover-content .note-style h6, .note-toolbar .note-style h6, .note-popover .popover .popover-content .note-style blockquote, .note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle, .note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu, .note-toolbar .note-color .dropdown-menu { min-width: 290px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group, .note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { font-size: 12px; margin: 2px 7px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { font-size: 12px; margin: 5px; padding: 0 3px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu, .note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu > div:first-child, .note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu, .note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right, .note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before, .note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after, .note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i { visibility: hidden; color: deepskyblue; } .note-popover .popover .popover-content .dropdown-menu li a.checked i, .note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10, .note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette, .note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn { width: 17px; height: 17px; margin: 0; padding: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog > div { display: none; } .note-dialog .note-image-dialog .note-dropzone { font-size: 30px; line-height: 4; min-height: 100px; margin-bottom: 10px; text-align: center; color: lightgray; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; opacity: .9; color: #ccc; border: 0; background: transparent; background-color: #222!important; -webkit-opacity: .9; -khtml-opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { font-size: 14px; font-weight: bold; padding-bottom: 5px; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; cursor: pointer; color: #dd0; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; text-align: left; color: #dd0; } .note-dialog .note-help-dialog .note-shortcut td:first-child { font-family: 'Courier New'; min-width: 110px; padding-right: 10px; text-align: right; color: #dd0; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; opacity: .3; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; border: 1px solid black; background-color: white; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { font-size: 12px; right: 0; bottom: 0; margin: 5px; padding: 5px; opacity: .7; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: black; -webkit-opacity: .7; -khtml-opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } /* jQuery UI Tabs */ .ui-tabs-nav { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid transparent; } .ui-tabs-nav li > a { line-height: 32px; height: 32px; margin-right: 5px; padding: 0 20px; border-bottom: 0; } .ui-tabs-nav li { margin-bottom: -1px; } .ui-tabs-panel { display: block; padding: 15px; background: none; } .ui-tabs-panel:last-child { border-bottom: 0 !important; } .ui-tabs-nav > li, .ui-tabs-nav > li > a { position: relative; float: left; } .ui-tabs-nav > li > a .float-left.glyph-icon { float: none !important; margin-right: 5px; } .ui-tabs-nav > li > a .float-right.glyph-icon { float: none !important; margin-right: 0; margin-left: 5px; } /* Alternate tabs */ .tabs-navigation > ul { margin: 0; padding: 0; border-width: 1px; border-style: solid; border-radius: 0; background: #fff; } .tabs-navigation > ul li { margin: 0; } .tabs-navigation > ul li > a { font-size: 20px; line-height: 64px; height: 64px; margin: 0 !important; padding: 0 35px; border-right-width: 1px; border-right-style: solid; border-radius: 0; background: transparent; } .tabs-navigation > ul li.ui-tabs-active a { line-height: 64px; height: 64px; margin: 0 !important; padding-bottom: 0; color: #000 !important; background: #eff4f6; } .tabs-navigation > ul li.ui-tabs-active a:hover, .tabs-navigation > ul li > a:hover { background: #eff4f6; } /* Theme Switcher */ #theme-options { position: fixed; top: 110px; right: -300px; z-index: 9999; width: 300px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } #theme-options.active { transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); -webkit-transform: translateX(-300px); } .btn.theme-switcher { width: 54px; height: 50px; line-height: 50px; display: block; font-size: 27px; border-width: 1px; border-style: solid; border-right: 0; border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; text-align: center; position: absolute; left: -54px; top: 25px; z-index: 55; padding: 0; } .theme-switcher .glyph-icon { width: 54px; height: 50px; line-height: 50px; display: block; } #theme-switcher-wrapper { background: #fff; width: 300px; padding: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; position: relative; z-index: 60; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } #theme-options.active #theme-switcher-wrapper { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3); } #theme-switcher-wrapper { max-height: 580px; } #theme-switcher-wrapper .header { background: #FEFEFF; border-top: #dfe8f1 solid 1px; border-bottom: #dfe8f1 solid 1px; text-transform: uppercase; padding: 13px 15px 10px; font-size: 12px; } #theme-switcher-wrapper .header a { font-weight: bold; text-transform: capitalize; float: right; } #theme-switcher-wrapper .header:first-child { border-top-left-radius: 3px; } #theme-switcher-wrapper ul + .header { border-radius: 0; } #theme-switcher-wrapper ul li { height: 34px; line-height: 28px; margin: 5px 0; padding: 0 15px; border-bottom: #dfe8f1 solid 1px; } #theme-switcher-wrapper ul li:last-child { border-bottom: 0; margin-bottom: 0; } #theme-switcher-wrapper ul li label { font-size: 13px; } #theme-switcher-wrapper ul li .switch-toggle { float: right; margin-top: 3px; } .theme-color-wrapper h5 { text-transform: capitalize; font-weight: bold; font-size: 12px; margin: 0 5px 5px; } .theme-color-wrapper { padding: 10px; } .theme-color-wrapper a { height: 24px; width: 24px; display: block; overflow: hidden; text-indent: -999em; float: left; margin: 2px; border-radius: 50px; border: #fff solid 2px !important; box-shadow: 1px 2px 3px rgba(0,0,0,0.1); opacity: 0.8; } .theme-color-wrapper a:hover, .theme-color-wrapper a.active { opacity: 1; border-color: red !important; } /* Timepicker */ .bootstrap-timepicker { position: relative; } .dropdown.bootstrap-timepicker { float: none; } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; padding: 10px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { line-height: 32px; width: 42px; height: 32px; } .bootstrap-timepicker-widget table td.separator { width: auto; padding: 0 5px; } .bootstrap-timepicker-widget table td a { display: block; text-align: center; } .bootstrap-timepicker-widget table td a i { margin: 0 auto; } .bootstrap-timepicker-widget table td input { width: 100%; min-width: 32px; margin: 0; padding: 0 5px; text-align: center; } .bootstrap-timepicker-widget table td input.bootstrap-timepicker-meridian { font-weight: bold; } /* * jquery.tocify.css 1.9.0 * Author: @gregfranko */ /* The Table of Contents container element */ .tocify { margin-top: 20px; } /* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ .tocify ul, .tocify li { list-style: none; margin: 0; padding: 0; border: none; line-height: 30px; } /* Top level header elements */ .tocify-header { text-indent: 10px; } .tocify-item { margin-bottom: 5px !important; } /* Top level subheader elements. These are the first nested items underneath a header element. */ .tocify-subheader { text-indent: 20px; display: none; } /* Makes the font smaller for all subheader elements. */ .tocify-subheader li { font-size: 12px; } /* Further indents second level subheader elements. */ .tocify-subheader .tocify-subheader { text-indent: 30px; } /* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ .tocify-subheader .tocify-subheader .tocify-subheader { text-indent: 40px; } /* Twitter Bootstrap Override Style */ .nav-list > li > a, .nav-list .nav-header { margin: 0px; } /* Twitter Bootstrap Override Style */ .nav-list > li > a { padding: 5px; } .tooltip { font-size: 12px; line-height: 1.4; position: absolute; z-index: 1030; display: block; visibility: visible; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: .8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 8px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -8px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 10px 15px; text-align: center; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, .9); } .tooltip-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, .9); } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, .9); } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, .9); } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, .9); } .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; height: auto; position: relative; overflow: hidden; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: -8px; left: 11px; font-size: 9px; font-weight: normal; } .form-wizard > ul { position: relative; display: table; width: 100%; margin: 0 0 20px; list-style: none; } .form-wizard > ul > li { display: table-cell; width: 1%; text-align: center; } .form-wizard > ul > li a, .form-wizard > ul > li a:hover { position: relative; display: block; opacity: 1; color: #666; filter: alpha(opacity: 100); } .form-wizard > ul > li a:before { position: absolute; z-index: 4; top: 20px; left: 0; width: 100%; height: 4px; content: ''; background: #ccc; } .form-wizard > ul > li:first-child a:before { left: 50%; } .form-wizard > ul > li:last-child a:before { right: 50%; left: auto; width: 50%; } .form-wizard > ul > li a .wizard-step { font-size: 16px; line-height: 42px; position: relative; z-index: 5; display: block; width: 40px; height: 40px; margin: 0 auto 5px; cursor: pointer; text-align: center; color: #fafafa; border-radius: 100px; background: #ccc; } .form-wizard > ul > li a .wizard-description { font-size: 13px; font-weight: bold; opacity: .60; filter: alpha(opacity: 60); } .form-wizard > ul > li a .wizard-description small { font-size: 12px; font-weight: normal; display: block; padding: 3px 0 0; opacity: .70; filter: alpha(opacity: 70); } .form-wizard > ul > li a .wizard-description:hover, .form-wizard > ul > li.active a .wizard-description { opacity: 1; filter: alpha(opacity: 100); } .form-wizard > ul > li a.disabled .wizard-step { background: #ccc; } .msgBox { display: none; } .loader { display: none; } .actionBar { margin-top: 20px; margin-bottom: 20px; padding: 20px 0 0; border-top: #ddd solid 1px; } .actionBar a.btn { float: right; margin-left: 10px; } /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ .editableform .form-control { width: auto; } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('/assets/widgets/xeditable/images/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url('/assets/widgets/xeditable/images/clear.png') center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus{ font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display:inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .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-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .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, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .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: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, .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] { background-color: #fdf59a; } .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 { background-color: #fbf069 \9; } .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; -webkit-border-radius: 0; -moz-border-radius: 0; 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 { background-color: #f3d17a; background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); background-image: linear-gradient(top, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; 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: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, .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] { background-color: #f3e97a; } .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 { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(top, #b3b3b3, #808080); background-image: -ms-linear-gradient(top, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); background-image: -o-linear-gradient(top, #b3b3b3, #808080); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; 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: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, .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] { background-color: #808080; } .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 { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; 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: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, .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] { background-color: #0044cc; } .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 { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; 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 { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; 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: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, .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] { background-color: #0044cc; } .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 { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.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 th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /* * Style settings of LayerSlider * * (c) 2011-2013 George Krupa, John Gera & Kreatura Media * * Plugin web: http://kreaturamedia.com/ * Licenses: http://codecanyon.net/licenses/ */ /* Global settings */ .ls-container { visibility: hidden; position: relative; } .ls-lt-container { position: absolute; } .ls-lt-container, .ls-lt-container * { text-align: left !important; direction: ltr !important; } .ls-container-fullscreen { margin: 0 auto !important; padding: 2% !important; background: black !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: none !important; } .ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow { display: none !important; } .ls-overflow-hidden { overflow: hidden; } .ls-inner { position: relative; background-position: center center; z-index: 2; } .ls-loading-container { position: absolute !important; display: none; z-index: 3 !important; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } .ls-inner, .ls-slide { width: 100%; height: 100%; } .ls-slide, .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden; } .ls-active, .ls-animating { display: block !important; } .ls-slide > * { position: absolute; line-height: normal; margin: 0; left: 0; top: 0; } .ls-slide .ls-bg { left: 0px; top: 0px; transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; } .ls-yourlogo { position: absolute; z-index: 99; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; filter: alpha(opacity=55); z-index: 4; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; z-index: 4; opacity: .65; filter: alpha(opacity=65); display: none; } .ls-ct-half { background: white; } .ls-ct-center { background: #444; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { float: left; position: relative; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 50%; height: 50%; left: 25%; top: 25%; position: absolute; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } /* Navigation */ .ls-bottom-nav-wrapper { height: 0; } .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; z-index: 6; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } * .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * { direction: ltr !important; } .ls-bottom-slidebuttons { position: relative; z-index: 1000; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link { position: absolute; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; background-image: url(blank.gif); } .ls-slide > a > * { background-image: url(blank.gif); } /* Embedded videos */ .ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-videopreview { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-touchscroll { overflow-x: auto !important; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* WP plugin fullwidth */ .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* 2D & 3D Layer Transitions */ .ls-overflow-hidden { overflow: hidden; } .ls-lt-tile { position: relative; float: left; perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; -moz-perspective: 1000px; -webkit-perspective: 1000px; } .ls-lt-tile img { visibility: visible; display: inline-block; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .ls-curtile { left: 0; top: 0; } .ls-curtile img, .ls-nexttile img { position: absolute; filter: inherit; } .ls-3d-container { position: relative; overflow: visible !important; } .ls-3d-box { position: absolute; top: 50%; left: 50%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .ls-3d-box div { overflow: hidden; background: #777; margin: 0; padding: 0; position: absolute; } /* Full screen */ .ls-fullscreen { position: absolute; z-index: 10; cursor: pointer; display: block; } /* Removing all default global styles of WordPress themes */ html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; } html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { margin: 0; } html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } /*html * .ls-thumbnail a img, body * .ls-thumbnail a img, #ls-global * .ls-thumbnail a img { min-width: 100% !important; } */ html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > * { line-height: normal; outline: none; padding: 0; margin: 0; border: 0; } html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide > a > * { margin: 0; } html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; } html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo { margin: 0; } html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn { display: none; } .site { overflow: visible !important; } /* Style of LayerSlider Debug Console */ .ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: white !important; text-shadow: none !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; font-style: normal !important; } .ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: bold !important; } .ls-debug-console h1:first-child { padding-top: 0 !important; } .ls-debug-console ul { padding-top: 10px !important; list-style: none !important; } .ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: normal !important; } html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-global * .ls-debug-console li ul { display: none; width: 260px; left: -10px; } .ls-debug-console li ul { position: absolute !important; bottom: 100% !important; padding: 10px 10px 10px 0 !important; background: white !important; border-radius: 10px !important; box-shadow: 0 0 20px black !important; } html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-global * .ls-debug-console li:hover ul { display: block; } .ls-debug-console li ul * { color: black !important; } .ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted white !important; } .ls-error { border-radius: 5px !important; -moz-border-radius: 5px !important; -wenkit-border-radius: 5px !important; background: white !important; height: auto !important; width: auto !important; color: white !important; padding: 20px 40px 30px 80px !important; position: relative !important; box-shadow: 0 2px 20px -5px black; } .ls-error p { line-height: normal !important; text-shadow: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: justify !important; font-family: Arial, sans-serif !important; } .ls-error .ls-error-title { line-height: 40px !important; color: red !important; font-weight: bold !important; font-size: 16px !important; } .ls-error .ls-error-text { color: #555 !important; font-weight: normal !important; font-size: 13px !important; } .ls-error .ls-exclam { width: 40px !important; height: 40px !important; position: absolute !important; left: 20px !important; top: 20px !important; border-radius: 50px !important; -moz-border-radius: 50px !important; -webkit-border-radius: 50px !important; font-size: 30px !important; font-weight: bold !important; color: white !important; line-height: 40px !important; background: red !important; text-align: center !important; } /* GPU Hardware Acceleration */ html * .ls-container .ls-shadow, html * .ls-container .ls-slide > *, html * .ls-container .ls-fullscreen, html * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-shadow, body * .ls-container .ls-slide > *, body * .ls-container .ls-fullscreen, body * .ls-container .ls-3d-container, body * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container *, body * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-global * .ls-container .ls-shadow, #ls-global * .ls-container .ls-slide > *, #ls-global * .ls-container .ls-fullscreen, #ls-global * .ls-container .ls-3d-container, #ls-global * .ls-container .ls-lt-container, #ls-global * .ls-container .ls-lt-container *, #ls-global * .ls-container .ls-thumbnail-wrapper, #ls-global * .ls-container .ls-bottom-nav-wrapper, .ls-gpuhack { transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .ls-videohack { transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform-origin: none !important; -o-transform-origin: none !important; -ms-transform-origin: none !important; -moz-transform-origin: none !important; -webkit-transform-origin: none !important; } .ls-oldiepnghack { filter: none !important; } .ls-gpuhack { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; } html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } /* GPU */ @media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } /* Mobile features */ .ls-forcehide { display: none !important; } /* * Core Owl Carousel CSS File */ .slider-wrapper .owl-wrapper:after { line-height: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.'; } .slider-wrapper { position: relative; display: none; -ms-touch-action: pan-y; } .slider-wrapper .owl-wrapper { position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px); } .slider-wrapper .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%; } .slider-wrapper .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .slider-wrapper .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url('/assets/images/grabbing.png') 8 8, move; } /* fix */ .slider-wrapper .owl-wrapper, .slider-wrapper .owl-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { -webkit-transform: translateZ(-500px); opacity: .5; } 75% { -webkit-transform: translateZ(-500px) translateX(-200%); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) translateX(-200%); opacity: .5; } } @-moz-keyframes backSlideOut { 25% { -moz-transform: translateZ(-500px); opacity: .5; } 75% { -moz-transform: translateZ(-500px) translateX(-200%); opacity: .5; } 100% { -moz-transform: translateZ(-500px) translateX(-200%); opacity: .5; } } @keyframes backSlideOut { 25% { transform: translateZ(-500px); opacity: .5; } 75% { transform: translateZ(-500px) translateX(-200%); opacity: .5; } 100% { transform: translateZ(-500px) translateX(-200%); opacity: .5; } } @-webkit-keyframes backSlideIn { 0%, 25% { -webkit-transform: translateZ(-500px) translateX(200%); opacity: .5; } 75% { -webkit-transform: translateZ(-500px); opacity: .5; } 100% { -webkit-transform: translateZ(0) translateX(0); opacity: 1; } } @-moz-keyframes backSlideIn { 0%, 25% { -moz-transform: translateZ(-500px) translateX(200%); opacity: .5; } 75% { -moz-transform: translateZ(-500px); opacity: .5; } 100% { -moz-transform: translateZ(0) translateX(0); opacity: 1; } } @keyframes backSlideIn { 0%, 25% { transform: translateZ(-500px) translateX(200%); opacity: .5; } 75% { transform: translateZ(-500px); opacity: .5; } 100% { transform: translateZ(0) translateX(0); opacity: 1; } } @-webkit-keyframes scaleToFade { to { -webkit-transform: scale(.8); opacity: 0; } } @-moz-keyframes scaleToFade { to { -moz-transform: scale(.8); opacity: 0; } } @keyframes scaleToFade { to { transform: scale(.8); opacity: 0; } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes scaleUpFrom { from { -moz-transform: scale(1.5); opacity: 0; } } @keyframes scaleUpFrom { from { transform: scale(1.5); opacity: 0; } } @-webkit-keyframes scaleUpTo { to { -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes scaleUpTo { to { -moz-transform: scale(1.5); opacity: 0; } } @keyframes scaleUpTo { to { transform: scale(1.5); opacity: 0; } } .slider-wrapper .item { float: left; } .owl-controls { text-align: center; color: #fff; } .owl-controls .owl-buttons .owl-prev { left: 20px; right: auto; } .owl-controls .owl-buttons .owl-next { right: 20px; left: auto; } .slider-wrapper .owl-pagination { position: absolute; bottom: -35px; width: 100%; } .carousel-wrapper .owl-pagination { position: relative; bottom: -5px; } .owl-controls .owl-buttons div { display: block; font-size: 55px; height: 40px; line-height: 40px; width: 30px; position: absolute; top: 50%; margin-top: -20px; text-align: center; filter:alpha(opacity:60); opacity:0.60; } .owl-controls .owl-buttons div:hover { filter:alpha(opacity:80); opacity:0.80; } .owl-controls .owl-buttons div i { height: 40px; line-height: 40px; display: block; width: 30px; } .carousel-wrapper .owl-controls .owl-buttons div { margin-top: -30px; } .carousel-wrapper-alt .owl-controls .owl-buttons div { margin-top: -45px; } .carousel-container .owl-controls .owl-buttons .owl-next { right: -30px; } .carousel-container .owl-controls .owl-buttons .owl-prev { left: -30px; } .carousel-wrapper-alt .owl-controls .owl-pagination { display: none; } .arrows-outside.carousel-wrapper .owl-controls .owl-buttons .owl-next { right: -40px; } .arrows-outside.carousel-wrapper .owl-controls .owl-buttons .owl-prev { left: -40px; } .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 0 3px; filter: Alpha(Opacity=30); opacity: 0.3; border-radius: 20px; background: #fff; } .owl-controls .owl-page.active span, .slider-wrapper .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; } .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url('\assets/dummy-images/loader.gif') no-repeat center center } /** * fullPage 2.4.3 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ html, body { /*margin: 0;*/ /*padding: 0;*/ /*overflow:hidden;*/ /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; width: 100%; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav li, .fp-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav li { display: inline-block; } #fp-nav li a, .fp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav li .active span, .fp-slidesNav .active span { background: #333; } #fp-nav span, .fp-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; } .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; } .fp-tooltip.right { right: 20px; } .fp-tooltip.left { left: 20px; } /* Chat */ ul.chat-box { margin: 0; padding: 0; list-style: none; } .chat-box li { position: relative; z-index: 35; margin-bottom: 30px; padding-right: 65px; } .chat-box li.float-left { float: none !important; padding-right: 0; padding-left: 60px; } .chat-box .chat-author { position: absolute; top: 0; right: 0; } .chat-box li.float-left .chat-author { right: auto; left: 0; } .chat-box .chat-author img { min-width: 45px; border-radius: 100px; } .chat-box .popover { position: relative !important; display: block; float: none; min-height: 45px; } .chat-box .popover .popover-content { padding: 15px; } .chat-box .popover { margin-left: 0 !important; } .chat-box .popover.left .arrow, .chat-box .popover.right .arrow { top: 23px; } .chat-box .chat-time { font-size: 12px; font-style: italic; margin-top: 5px; color: rgba(0, 0, 0, .5); } .chat-box .chat-time i { font-size: 13px; margin-right: 3px; } .chat-box .popover h3 { font-size: 16px; margin: 0 0 5px; } .chat-box .popover .divider { margin: 8px 0 10px; } .chat-box .chat-reply { overflow: hidden; padding: 0; border-width: 1px; } /* Files box */ ul.files-box { margin: 0; padding: 0 0 15px; list-style: none; } .files-box li { position: relative; margin: 0 15px; padding: 5px; } .files-box li.divider { padding: 2px; } .files-box .files-icon { font-size: 20px; line-height: 32px; display: block; float: left; width: 30px; height: 32px; } .files-box .files-content { font-size: 11px; float: left; } .files-box .files-content .files-date { font-size: 10px; display: block; padding: 3px 0 0; opacity: .6; } .files-box .files-buttons { position: absolute; top: 3px; right: 0; } /* Login Box */ .login-box { padding: 10px 15px; } .login-box .user-img { position: relative; float: left; width: 80px; height: 80px; margin-right: 15px; } .login-box .user-img a.change-img { font-size: 8px; line-height: 20px; position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 20px; text-align: center; text-transform: uppercase; color: #fdfdfd; background: rgba(0, 0, 0, .7); } .login-box .user-img:hover a.change-img { display: block; } .login-box .user-img img { width: 100%; height: 100%; } .login-box .user-info span { font-size: 17px; display: block; padding: 0 0 10px; } .login-box .user-info span i { font-size: 80%; font-style: normal; display: block; opacity: .70; filter: alpha(opacity: 70); } .login-box .user-info a { line-height: 16px; display: inline-block; height: 16px; margin-right: 5px; padding-right: 5px; } /* Notifications List */ .notifications-box { border: #ddd solid 1px; } .notifications-box li { line-height: 26px; position: relative; padding: 10px; border-bottom: #ebebeb solid 1px; } .notifications-box li .notification-text { float: left; } .notifications-box li:last-child { border-bottom: 0; } .notifications-box li .icon-notification { line-height: 26px; float: left; width: 26px; height: 26px; margin: 0 10px 0 0; text-align: center; border-radius: 50px; } .notifications-box li .notification-time { font-size: 11px; font-style: italic; float: right; margin: 0 5px 0 10px; color: #a9a9a9; } .notifications-box li .notification-time .glyph-icon { margin-left: 3px; } /* Alternate */ .notifications-box.notifications-box-alt { text-align: left; border: 0; } .notifications-box-alt li { line-height: inherit; padding: 15px 10px; border-bottom: #232323 solid 1px; } .notifications-box-alt li .notification-btn { position: absolute; top: 50%; right: 0; margin-top: -11px; } .sb-slidebar .notifications-box-alt li .notification-btn { right: 10px; } .notifications-box-alt li:first-child { padding-top: 5px; } .notifications-box-alt li:last-child { padding-bottom: 5px; border-bottom: 0; } .notifications-box-alt li .notification-text { font-size: 11px; display: block; float: none; margin-top: -1px; margin-bottom: 1px; } .notifications-box-alt li .notification-time { font-size: 10px; float: none; } /* Progress List */ .progress-box li { font-size: 12px; white-space: nowrap; border-bottom: #ddd solid 1px; } .progress-box li a { padding: 10px 15px 15px !important; } .progress-box li:last-child { border-bottom: 0; } .progress-box .progress-title { margin: 0 0 5px; color: #888; } .progress-box .progress-title b { float: right; color: #666; } .progress-box .progress-time { float: right; opacity: .70; filter: alpha(opacity: 70); } .progress-box-alt li { padding: 10px 0; border: 0; } /* Todo box */ ul.todo-box { margin: 0; padding: 0; list-style: none; } .todo-box li { margin: 0 0 2px; padding: 10px; border-left-width: 3px; border-left-style: solid; background: #fcfcfc; } .todo-box li .sort-handle { font-size: 16px; display: block; float: left; width: 18px; height: 18px; margin-right: 10px; cursor: move; text-align: center; opacity: .75; filter: alpha(opacity: 75); } .todo-box li .sort-handle:hover { opacity: 1; filter: alpha(opacity: 100); } .todo-box li a.btn-xs { margin-left: 3px; } .todo-box li input { display: block; float: left; width: auto; margin: 5px 5px 0 0; } .todo-box li label { padding: 0 5px; font-weight: normal; } .todo-box li .btn.small { line-height: 16px; width: 16px; min-width: 16px; height: 16px; margin-left: 5px; opacity: .75; filter: alpha(opacity: 75); } .todo-box li.todo-done { opacity: .65; filter: alpha(opacity: 65); } .todo-box li.todo-done label { font-style: italic; text-decoration: line-through; } /* User profile */ .user-profile-sm { padding: 5px; text-align: left; } .user-profile-sm img { float: left; } .user-profile-sm .user-welcome { font-size: 12px; float: left; padding: 3px 0 0 15px; } .user-profile-sm .user-welcome b { font-size: 13px; display: block; color: #d6d6d6; } .user-profile-sm .btn-sm { float: right; margin-top: 8px; } /* Complete profile */ .complete-user-profile h4 { font-size: 12px; text-transform: uppercase; } .complete-user-profile .progressbar { margin: 10px 0; } /* Mobile navigation */ #nav-toggle { cursor: pointer; background: none; border: 0; padding: 10px 35px 16px 0px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 2px; height: 5px; width: 35px; position: absolute; display: block; content: ''; } #nav-toggle.collapsed span:before { top: -10px; transform: rotate(0deg); } #nav-toggle.collapsed span:after { bottom: -10px; transform: rotate(0deg); } #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; } #nav-toggle span { background: transparent; } #nav-toggle span:before, #nav-toggle span:after { } #nav-toggle span:before { transform: rotate(45deg); } #nav-toggle span:after { transform: rotate(-45deg); } /* General */ /* Top bar menu */ input.form-control.text-box-big { font-size: larger; height: 55px; margin: 10px auto; padding: 10px 20px; width: 320px; } .top-bar { padding: 0; position: relative; z-index: 23; border-bottom: transparent solid 1px; } .top-bar img.partner { max-height: 50px; margin-left: 10px; } .top-bar .user-account-btn { display: none; } .top-bar .user-account-btn > a > img { border-radius: 3px; height: 30px; float: left; } .top-bar .user-account-btn > a { height: 30px; line-height: 30px; display: block; white-space: nowrap; float: left; } .top-bar .user-account-btn > a .glyph-icon, .top-bar .user-account-btn > a span { float: left; } .top-bar .btn-top .glyph-icon { opacity: 0.5; margin-right: 5px; } .top-bar .user-account-btn > a span { padding: 0 10px; } .top-bar .user-account-btn .dropdown-menu.float-right { right: -9px; top: 110%; } /* Header */ .main-header { position: relative; z-index: 20; } .main-header .container { position: relative; } .main-header .header-logo { float: left; margin: 0; background: url('/Content/Images/logo.png') left 50% no-repeat; width: 175px; height: 78px; } .main-header.font-inverse .header-logo { background: url('/assets/image-resources/logo-alt.png') left 50% no-repeat; } .main-header .header-logo span { opacity: 0.7; -moz-opacity: .70; filter: alpha(opacity: 70); display: block; } /* Header right buttons */ .right-header-btn { float: right; margin-left: 15px; margin-top: 15px; } .right-header-btn .search-btn { border-left: rgba(0,0,0,0.08) solid 1px; padding: 5px 0 5px 17px; display: none; } .right-header-btn .search-btn a { height: 32px; line-height: 32px; width: 32px; display: block; text-align: center; } /* Mobile navigation */ #mobile-navigation { margin-top: 3px; } /* Mobile nav menu */ @media only screen and (max-width: 56.25em) { body .main-header .header-nav { border-width: 1px; border-style: solid; margin: 0 0 20px; padding: 0; border-radius: 4px; } body .main-header .header-nav, body .main-header .header-nav li, body .main-header .header-nav li a { float: none; clear: both; } body .main-header .header-nav > li > a { height: 32px; line-height: 32px; } body .main-header .header-nav > li > a > .glyph-icon { float: right; } body .main-header .header-nav > li > ul { position: relative; margin: 10px !important; border-radius: 4px; display: none; transform: translateY(-55px) !important; } body .main-header .header-nav li.sfHover > ul:before { display: none; } body .main-header .header-nav > li.sfHover > ul { display: block; } body .main-header .header-nav > li > ul.sf-mega-menu { padding: 10px 0 !important; width: auto; margin-top: 0 !important; transform: translateY(-65px) !important; } body .main-header .header-nav .header { border-radius: 50px; padding: 3px 10px !important; margin: 10px 15px !important; display: inline-block; } body .main-header .header-nav .divider { background: rgba(0, 0, 0, 0.1); } body .main-header .header-nav > li > ul.sf-mega-menu li { clear: none; } } /* Header nav menu */ .main-header .header-nav { float: right; list-style: none; margin: 0; padding: 0; } .main-header .header-nav li, .main-header .header-nav li a { display: block; list-style: none; float: left; position: relative; } .main-header .header-nav > li > a { padding: 0 5px; margin: 0 10px; height: 78px; line-height: 78px; text-transform: uppercase; font-size: 15px; } .main-header .header-nav > li > a > .glyph-icon { margin-left: 5px; } .main-header .header-nav > li > a::before { position: absolute; top: 15px; left: 50%; margin-left: -7px; color: rgba(0, 0, 0, 0); content: '•'; text-shadow: 0 0 rgba(0, 0, 0, 0); font-size: 15px; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .main-header .header-nav > li > a:hover::before, .main-header .header-nav > li.sfHover > a::before, .main-header .header-nav > li a:hover::before, .main-header .header-nav > li a:focus::before { color: #C5CDD2; text-shadow: 5px 0 #C5CDD2, -5px 0 #C5CDD2, -10px 0 #C5CDD2, 10px 0 #C5CDD2; } .main-header .header-nav li a.sf-with-ul:after { margin-left: 4px; filter:alpha(opacity:65); opacity:0.65; } .main-header .header-nav > li > ul:before { position: absolute; top: -6px; left: 15px; display: inline-block; border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #253035; border-left: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #253035; content: ''; display: none; } .main-header .header-nav li.sfHover > ul:before { display: block; } /* Header subnav menu */ .main-header .header-nav > li > ul { position: absolute; list-style: none; margin: 20px 0 0; padding: 10px; min-width: 230px; top: 58px; left: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; opacity: 0; visibility: hidden; -webkit-transition: opacity 50ms ease 50ms, -webkit-transform 350ms ease 50ms; -moz-transition: opacity 50ms ease 50ms, -moz-transform 350ms ease 50ms; transition: opacity 50ms ease 50ms, transform 350ms ease 50ms; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } .main-header .header-nav > li.sfHover > ul { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main-header .header-nav > li > ul > li { float: none; } .main-header .header-nav > li > ul li a { padding: 10px 20px; font-size: 14px; float: none; display: block; border-radius: 2px; } .main-header .header-nav > li > ul li .owl-item a { padding: 0; } .main-header .header-nav > li > ul li .owl-item a img { border-radius: 3px; } .main-header .header-nav .header { text-transform: uppercase; color: rgba(255,255,255,0.8); font-size: 12px; padding: 0 20px 5px; margin-top: 15px; } .main-header .header-nav .divider { background: rgba(255,255,255,0.1); } .main-header .header-nav .owl-pagination { display: none; } .header-opacity { background-color: rgba(255,255,255,0.1); } .header-fixed { position: fixed; width: 100%; left: 0; top: 0; } /* Header mega menu */ .sf-mega { position: static !important; } .sf-mega .sf-mega-menu { width: 100%; margin: 0 !important; top: 78px !important; padding: 25px 20px !important; } .sf-mega .sf-mega-menu:before { display: none !important; } .sf-mega .sf-mega-menu > li > a { padding: 8px 15px !important; } .sf-mega .sf-mega-menu .header { margin: 0; padding: 0 15px 15px; } .main-header .header-nav li.sf-mega ul.sf-mega-menu li { float: left; } /* Main content */ #page-content { padding: 20px; } /* Main titles */ .p-title { margin: 35px 0; padding: 20px 0 20px 0; text-transform: uppercase; text-align: center; position: relative; font-size: 30px; font-weight: 300; } .p-title span { padding: 0 20px; background: #fff; position: relative; z-index: 5; } .p-title:before { background: #dce4e8; height: 1px; position: absolute; content: ""; left: 0; top: 50%; overflow: hidden; width: 100%; opacity: .80; z-index: 3; } .p-title.title-alt { margin: 15px 0; font-size: 24px; padding: 15px 0; } .p-title.title-alt span { padding: 0 10px; margin-left: 20px; } /* Boxed layout */ .boxed-layout { background-color: #fdfdfd; } .boxed-layout #page-wrapper { margin-left: auto; margin-right: auto; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); } .boxed-layout .main-footer, .boxed-layout .main-header, .boxed-layout .top-bar { padding-left: 25px; padding-right: 25px; } /* Frontend components */ #page-content.frontend-components .col-md-10 #page-title { margin-bottom: 15px; padding-bottom: 15px; border-bottom: #dfe8f1 solid 1px; } #page-content.frontend-components .col-md-10 #page-title p { opacity: 0.75; } body #theme-options.admin-options { display: none !important; } /* Body alternate */ .body-alt { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 300; } .body-alt .tabs-nav li a, .body-alt .main-header .header-nav > li > a, .body-alt .hero-heading, .body-alt .hero-text, .body-alt h1, .body-alt h2, .body-alt h3, .body-alt h4, .body-alt h5, .body-alt h6, .body-alt .main-header .header-nav > li > a, .body-alt .hero-heading, .body-alt .hero-text { font-family: 'Droid Sans', sans-serif; text-transform: initial; } .body-alt .main-header .header-nav > li > a { font-size: 15px; font-weight: bold; } .scroller-icon { position: absolute; bottom: 50px; left: 50%; margin-left: -20px; width: 40px; height: 60px; border: rgba(255,255,255,0.1) solid 1px; border-radius: 50px; } .scroller-icon .glyph-icon { width: 40px; height: 40px; line-height: 40px; font-size: 34px; animation: 3.4s ease-in-out infinite fadebottom; -webkit-animation: 3.4s ease-in-out infinite fadebottom; } /* Default color schemes */ /*@import url(//fonts.googleapis.com/css?family=Open+Sans|Raleway:300);*/ /* General */ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #3e4855; background-color: #fff; line-height: 1.42857143; overflow-x: hidden; } #page-wrapper { background: #fff; } /* Fonts weight */ .tabs-nav li a, .main-header .header-nav > li > a, .hero-heading, .hero-text, h1, h2, h3, h4, h5, h6, .main-header .header-nav > li > a, .hero-heading, .hero-text { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } /* Top bar menu */ .bg-topbar { background: #fff; border-bottom-color: #eee; } /* Main header */ .bg-header { background: #fff; } .sticky-active .main-header { box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05); } /* Header subnav menu */ .main-header .header-nav > li > ul { background: #333; } .main-header .header-nav > li > ul li a:hover { background: rgba(255,255,255,0.05); color: #dce4e8; text-decoration: none; } /* Inverse font color */ .hero-box.font-inverse, .top-bar.font-inverse .float-left > a, .top-bar.font-inverse .user-profile, .main-header.font-inverse .header-logo, .main-header.font-inverse .header-nav > li > a, .main-header.font-inverse .right-header-btn .search-btn a { color: rgba(255,255,255,0.7); } .top-bar.font-inverse .user-profile:hover, .top-bar.font-inverse .float-left > a:hover, .main-header.font-inverse .right-header-btn .search-btn a:hover, .main-header.font-inverse .header-nav > li > a:hover { color: rgba(255,255,255,0.9); } .top-bar.font-inverse .user-info span, .thumb-heading.font-inverse { color: #000; } .main-header.transparent { margin-bottom: -74px; } /* Responsive */ @media only screen and (max-width: 56.25em) { .main-header .header-nav > li > ul li a:hover { color: #1c82e1; } .main-header .header-nav .header { color: #000; margin: 0; padding: 0; } .main-header .header-nav { border-color: #dfe8f1; } body .main-header .header-nav header.hidden-xs { display: none; } .main-header .header-nav > li > ul { background: rgba(37, 48, 53, 0.03); } } /* Components */ /* Framework CSS */ /* Secondary font color */ .table, .chosen-disabled .chosen-single, div.selector, .content-box-header.bg-default > .ui-tabs-nav li > a, .content-box-header.bg-gray > .ui-tabs-nav li > a, .content-box-header.bg-white > .ui-tabs-nav li > a, .content-box-header > .ui-tabs-nav li.ui-tabs-active > a, body .content-box-header > .ui-tabs-nav li.ui-tabs-active > a:hover, .pagination > li > a, .pagination > li > span, .btn-link, a { color: #337ab7; } .main-header .header-nav > li a { color: #333; } .main-header .header-nav > li > ul > li > a { color: #ffffff; } @media (max-width: 899px) { .main-header .header-nav > li > ul > li > a { color: #333; } } /* Primary font color */ .tabs-nav li a:hover, .tabs-nav li.active a, .features-tour-box h3, .font-primary, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after, .content-box-header.bg-default > .ui-tabs-nav li > a:hover, .content-box-header.bg-gray > .ui-tabs-nav li > a:hover, .content-box-header.bg-white > .ui-tabs-nav li > a:hover, .btn-link:hover, #page-sidebar ul li.sfHover > a.sf-with-ul, a:hover { color: #1c82e1; } /* Primary border color */ .ui-accordion .ui-accordion-header.ui-accordion-header-active, .ui-dialog-buttonset button, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, a.thumbnail:hover, .ui-spinner .ui-spinner-button:hover, div[id^='uniform-'] span.checked, .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, li.active a.list-group-item, li.active a.list-group-item:hover, li.active a.list-group-item:focus, .border-primary, .btn-primary { border-color: #00a792; } /* Primary background color */ #loadingbar, .irs-line-mid, .irs-line-left, .irs-line-right, div.switch-toggle.switch-on, .bootstrap-switch-primary, .ui-tabs-nav li.ui-state-active > a, .ui-tabs-nav li.ui-state-active.ui-state-hover > a, .ms-hover.ui-state-focus, .ui-accordion-header.ui-accordion-header-active, .ui-slider-handle, .ui-rangeSlider-bar, .ui-dialog-buttonset button, .ui-datepicker .ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-current-day span, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .daterangepicker .ranges li.active, .daterangepicker .ranges li.active:hover, .form-wizard > ul > li.active .wizard-step, .ui-spinner .ui-spinner-button:hover, .ui-menu li > a:hover, .ms-list .ms-hover, .chosen-container .chosen-results li.active-result.highlighted, div[id^='uniform-'] span.checked, .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, li.active a.list-group-item, li.active a.list-group-item:hover, li.active a.list-group-item:focus, .label-primary, .badge-primary, .fc-event, .bg-primary, .btn-primary, .owl-controls .owl-page span, #nav-toggle.collapsed span, #nav-toggle span:before, #nav-toggle span:after { color: #fff; background: #337ab7; } .font-secondary, .post-box .post-title, .inverse.carousel-wrapper .owl-controls .owl-buttons .owl-next, .inverse.carousel-wrapper .owl-controls .owl-buttons .owl-prev { color: #337ab7; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .post-box .post-title:hover { color: #3e4855; } /* Default border color */ .thumb-pane, .mailbox-wrapper .nav-list li a, .ui-tabs-nav, .tabs-navigation > ul, .tabs-navigation > ul li > a, .tabs-navigation > ul li.ui-state-hover > a, .ui-accordion .ui-accordion-header, .panel, .panel-group .panel-heading + .panel-collapse .panel-body, .panel-group .panel-footer + .panel-collapse .panel-body, .panel-footer, .panel-heading, .timeline-box:before, .timeline-box .tl-item .popover, .popover-title, .ui-dialog .ui-dialog-titlebar, .thumbnail, .img-thumbnail, .daterangepicker .calendar-date, .ui-spinner .ui-spinner-button, .ms-container .ms-list, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .chosen-container-multi .chosen-choices li.search-choice, .chosen-container .chosen-drop, .chosen-container, .chosen-container-single .chosen-single div, .chosen-container-active.chosen-with-drop .chosen-single div, div[id^='uniform-'] span, div.selector, .selector i, .list-group-item, .nav-tabs, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table-bordered, .button-pane, .ui-datepicker-buttonpane, .ui-dialog-buttonpane, .content-box, .content-box-header.bg-default, .content-box-header.bg-gray, .content-box-header.bg-white, .panel-box.bg-default, .panel-box.bg-gray, .panel-box.bg-white, .panel-content.bg-default, .panel-content.bg-gray, .panel-content.bg-white, .pagination > li > a, .pagination > li > span, .dashboard-buttons .btn, .bg-default, .fc-state-default, .fc-widget-header, .fc-widget-content, .ui-datepicker .ui-datepicker-buttonpane button, .btn-default, .popover-title, .bordered-row .form-group, .bg-white.dashboard-box .button-pane, .bg-white.tile-box .tile-footer, .mail-toolbar, .email-body, .ui-dialog, .ui-datepicker, .dropdown-menu, .popover, .ui-menu, .minicolors-panel, .jvectormap-label, .jvectormap-zoomin, .jvectormap-zoomout, .posts-list li, .border-default { border-color: #dfe8f1; } div[id^='uniform-'] span { border-color: #c5c5c5; } .nav-divider, .divider, .timeline-horizontal.timeline-box:before { background: #dfe8f1; } .content-box.border-top { border-right-color: #dfe8f1 !important; border-bottom-color: #dfe8f1 !important; border-left-color: #dfe8f1 !important; } /* Default background color */ .label-default, .bootstrap-switch-default, .ui-accordion-header, .panel-heading, .panel-footer, .ui-dialog .ui-dialog-titlebar, .popover-title, .ui-datepicker td span, .ui-datepicker td a, .ui-spinner .ui-spinner-button, div[id^='uniform-'] span, .bg-default, .btn-default, .button-pane, .mail-toolbar, .bg-white.dashboard-box .button-pane, .bg-white.tile-box .tile-footer, .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-label { color: #555a60; background-color: #FEFEFF; } .irs-diapason, .ui-datepicker-buttonpane, .ui-dialog-buttonpane, .ui-slider-range, .ui-rangeSlider-container { background-color: #FEFEFF; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th { color: #4b5056; background-color: #f9fafe; } /* Button default hover */ .ui-tabs-nav > li.ui-state-hover > a, .ui-accordion-header.ui-state-hover, .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .ui-datepicker .ui-datepicker-buttonpane button:hover, .open .dropdown-toggle.btn-default, .open.dropdown-submenu a, .btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .btn-default[disabled]:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active, .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { color: #2b2f33; border-color: #bfc8d1; background-color: #f3f3f9; } .btn-default.active .glyph-icon { color: #2b2f33 !important; } /* Button primary hover */ .ui-accordion-header.ui-accordion-header-active.ui-state-hover, .ui-rangeSlider-bar:hover, .ui-rangeSlider-bar:active, .ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-active, .ui-dialog-buttonset button:hover, .ui-datepicker td a:hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover, .bsdatepicker th.next:hover, .bsdatepicker th.prev:hover, .bsdatepicker td.active, .bsdatepicker td.day.active:hover, .bsdatepicker td span:hover, .daterangepicker .calendar th.next:hover, .daterangepicker .calendar th.prev:hover, .daterangepicker td.active, .daterangepicker td.available.active:hover, .label-primary[href]:hover, .label-primary[href]:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .hover-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary[disabled].active { color: #fff; border-color: #46b8da; background-color: #52a7e0; } /* Dropdown hover/active/focus */ .ui-datepicker-title, .bsdatepicker td.day:hover, .bsdatepicker thead tr:first-child th.switch:hover, .bsdatepicker td span, .daterangepicker td.available:hover, .daterangepicker .ranges li:hover, .chosen-container-single .chosen-single div, .chosen-container-multi .chosen-choices li.search-choice, .selector i, .nav > li > a:hover, .nav > li > a:focus, a.list-group-item:hover, a.list-group-item:focus, .pager li > a:hover, .pager li > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2b2f33; background: #eff4f6; } .pager li > a:hover, .pager li > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2b2f33; background-color: #f3f3f9; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus { color: #2b2f33; background: #eff4f6; } /* Colors for elements inside active class */ .active > .badge, .active > .bs-badge, .active > .bs-label { color: #666 !important; background: #fff !important; } a.list-group-item.active > .glyph-icon, li.active a.list-group-item > .glyph-icon, .active > .glyph-icon { color: #fff !important; } /* Icon separator */ .icon-separator { border-right: rgba(255, 255, 255, .21) solid 1px; background: rgba(255, 255, 255, .2); } .tile-box.bg-default .tile-header, .tile-box.bg-gray .tile-header, .tile-box.bg-white .tile-header, .tile-box.btn-default .tile-header, .content-box-header.bg-default .icon-separator, .content-box-header.bg-gray .icon-separator, .content-box-header.bg-white .icon-separator { border-right: #dfe8f1 solid 1px; background: rgba(255, 255, 255, .1); } .content-box-header .header-buttons-separator .icon-separator { border-right: 0; border-left: rgba(255, 255, 255, .21) solid 1px; } .content-box-header.bg-default .header-buttons-separator .icon-separator, .content-box-header.bg-gray .header-buttons-separator .icon-separator, .content-box-header.bg-white .header-buttons-separator .icon-separator { border-right: 0; border-left: #dfe8f1 solid 1px; } .header-buttons-separator .icon-separator { color: rgba(255, 255, 255, .8); } .header-buttons-separator .icon-separator:hover { color: #fff; background: rgba(255, 255, 255, .3); } .content-box-header.bg-default .header-buttons-separator .icon-separator, .content-box-header.bg-gray .header-buttons-separator .icon-separator, .content-box-header.bg-white .header-buttons-separator .icon-separator { color: rgba(0, 0, 0, .6); } .content-box-header.bg-default .header-buttons-separator .icon-separator:hover, .content-box-header.bg-gray .header-buttons-separator .icon-separator:hover, .content-box-header.bg-white .header-buttons-separator .icon-separator:hover { color: rgba(0, 0, 0, .9); } .dashboard-panel .button-pane { background: rgba(0, 0, 0, .1) !important; } /* Charts */ .xchart .color0 .line { stroke: #00bca4; } .xchart .color0 circle { stroke: #00bca4; } .xchart .color0 .line .fill { pointer-events: none; } .xchart .color0 rect { fill: #00bca4; } .xchart .color0 circle { fill: #fff; } .xchart .color0 .fill { fill: rgba(0, 188, 164, 0.06); } .xchart .color0.comp .line { stroke: #00bca4; } .xchart .color0.comp rect { fill: #00bca4; } .xchart .color0.comp .fill { display: none; } .xchart .color0.comp circle, .xchart .color0.comp .pointer { fill: #00bca4; } .xchart .color1 .line { stroke: #52a7e0; } .xchart .color1 circle { stroke: #52a7e0; } .xchart .color1 .line .fill { pointer-events: none; } .xchart .color1 rect { fill: #52a7e0; } .xchart .color1 circle { fill: #fff; } .xchart .color1 .fill { fill: rgba(82, 167, 224, 0.06); } .xchart .color1.comp .line { stroke: #52a7e0; } .xchart .color1.comp rect { fill: #52a7e0; } .xchart .color1.comp .fill { display: none; } .xchart .color1.comp circle, .xchart .color1.comp .pointer { fill: #52a7e0; } /* Components modifiers */ body .popover.top .arrow:after { border-top-color: #dfe8f1; } body .popover.right .arrow:after { border-right-color: #dfe8f1; } body .popover.bottom .arrow:after { border-bottom-color: #dfe8f1; } body .popover.left .arrow:after { border-left-color: #dfe8f1; } /* Border radius */ .sb-slidebar .chat-box li a, .sb-slidebar .popover-title, .ui-menu-item, div.dataTables_filter input, .main-header .main-nav.nav-alt li.sf-mega-menu .sf-mega a, .main-header .main-nav.nav-alt li > ul li a, .ui-accordion, .ui-accordion-header, .panel-group .panel, .ui-editRangeSlider-inputValue, .ui-rangeSlider-withArrows .ui-rangeSlider-container, .ui-rangeSlider-noArrow .ui-rangeSlider-container, .ui-rangeSlider-bar, .ui-rangeSlider-label, .ui-corner-all, .image-box, .ui-dialog .ui-dialog-titlebar-close, .ui-dialog-buttonset button, .input-group-addon.addon-inside, .ms-list li, .chosen-container-single .chosen-search input, div[id^='uniform-'] span, .nav-tabs.nav-justified > li > a, .nav > li > a, .alert-icon, .progressbar, .progressbar-value, .pagination, .icon-boxed, .hero-btn, .main-nav ul li ul li a, .daterangepicker td, .daterangepicker th, .daterangepicker .ranges li, .daterangepicker .calendar-date, .daterangepicker, .ui-datepicker td span, .ui-datepicker td a, .bsdatepicker, .bsdatepicker td, .bsdatepicker th, .bsdatepicker td span, .todo-box li, .tile-button, .dropzone, .btn, .ui-button, .ui-tabs, .ui-dialog, .ui-dialog-titlebar-close, .ui-datepicker, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-buttonpane button, .jGrowl-notification, .input, .form-control, .dropdown-menu, .popover, .minicolors-panel, .chosen-container, .chosen-choices li.search-choice, .chosen-single, .chosen-choices, .chosen-results li.highlighted, .ui-menu li a, .selector, .tile-box, .dashboard-box, .panel-layout, .panel-box, .panel-content, .content-box, .content-box-closed, .content-box-closed .content-box-header, .form-input-icon .glyph-icon, .content-box .ui-widget-overlay.loader, .bootstrap-timepicker-widget table td input, .button-pane, .alert, .tooltip-inner, .table-rounded, .info-box-alt, .notifications-box, .ui-toolbar select, .ui-toolbar input, .info-box, .dropdown-submenu.float-left > .dropdown-menu, .nav-list, .nav-list-horizontal-alt li a { border-radius: 3px; } .ui-datepicker-title, .panel > .list-group:first-child .list-group-item:first-child, .panel-heading, .tile-header, .list-group-item:first-child, .pricing-title, .ui-dialog .ui-dialog-titlebar, .ui-datepicker-header, .content-box .content-box-header, .ui-tabs-nav, .btn-group-vertical > .btn:first-child, .notifications-box li:first-child, .ui-tabs-nav li > a, .nav-list li:first-child a, .post-box textarea, .popover-title { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel-footer, .popover-content, .list-group-item:last-child, .ui-tabs-nav.tabs-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .irs-line-left, .ui-tabs-nav li:first-child, .table-rounded thead tr:first-child th:first-child, .table-rounded thead tr:first-child td:first-child { border-top-left-radius: 3px; } .fc-state-default.fc-corner-left, .ui-tabs-nav.tabs-bottom li:first-child { border-top-left-radius: 0; border-bottom-left-radius: 3px; } .header-buttons-separator .icon-separator:last-child, .ui-tabs-nav li.float-right:not(:last-child), .table-rounded thead tr:first-child th:last-child, .table-rounded thead tr:first-child td:last-child { border-top-right-radius: 3px; } .fc-state-default.fc-corner-right, .ui-tabs-nav.tabs-bottom li.float-right:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 3px; } .table-rounded tbody tr:last-child th:last-child, .table-rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 3px; } .irs-line-left, .input-group-addon.addon-inside + .form-control, .table-rounded tbody tr:last-child th:first-child, .table-rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 3px; } .nav-tabs-bottom > li > a, .main-nav ul li ul, .ui-dialog .ui-dialog-buttonpane, .ui-datepicker-buttonpane, .chosen-drop, .chosen-results li.no-results, .ui-menu, .content-box .content-box-wrapper, .btn-group-vertical > .btn:last-of-type, .info-box, .notifications-box li:last-child, .nav-list li:last-child a { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .nav-tabs-left > li > a, .pagination > li:first-child > a, .pagination > li:first-child > span, .fc-corner-left, .input-append-wrapper .input-append { border-radius: 0; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .panel-box[class*=' col-xs'] + .panel-box[class*=' col-xs'], .nav-tabs-right > li > a, .chosen-container-single .chosen-search i, .chosen-container-single .chosen-single div, .selector i, .pagination > li:last-child > a, .pagination > li:last-child > span, .fc-corner-right, .input-append-right .input-append { border-radius: 0; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .irs-line-right, .btn-group .btn:last-of-type, .btn-group .btn:last-of-type .icon-separator, .icon-separator.float-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .ui-spinner-up { border-top-left-radius: 0; border-top-right-radius: 3px !important; } .ui-spinner-down { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 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: 3px; 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: 3px; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .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; } .ui-autocomplete, .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 > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child, .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; } .input-group-addon.addon-inside + .form-control, .corner-ribbon, .corner-ribbon > div, .corner-ribbon > a, .content-box-header > .icon-separator { border-top-left-radius: 3px; } .corner-ribbon-tr, .corner-ribbon-tr > div, .corner-ribbon-tr > a { border-top-right-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-on { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* === Mobile devices - Portrait (320px wide) === */ @media only screen and (min-width: 20em) { } /* === Mobile devices - Landscape (480px wide) === */ @media only screen and (min-width: 30em) { } /* === Tablet devices - Portrait (768px wide) === */ @media only screen and (min-width: 48em) { } /* === Tablet devices - Landscape (900px wide) === */ @media only screen and (min-width: 56.25em) { } /* === Netbook devices (1100px wide) === */ @media only screen and (min-width: 68.75em) { } /* === Desktop devices (1300px wide) === */ @media only screen and (min-width: 81.25em) { } /* === Desktop devices (1600px wide) === */ @media only screen and (min-width: 81.25em) { } /* Responsive elements */ @media (max-width: 1050px) { /* Information Boxes */ .info-box.icon-wrapper { padding-left: 50px; } .info-box.icon-wrapper .icon-large { font-size: 70px; } .info-box .stats { font-size: 20px; } .info-box b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (max-width: 650px) { .mobile-hidden { display: none !important; } .mobile-buttons a.btn { display: block; float: none; min-width: 1px; max-width: 100%; margin: 0 0 5px; } .heading-1 .heading-content { width: 80%; } .heading-1 small { overflow: hidden; text-overflow: ellipsis; } .content-box .content-box-wrapper { padding: 5px; } .popover { min-width: 100px !important; } .medium-box, .scrollable-small { width: 300px !important; } /* Chats */ .chat-box li { padding-right: 50px; } .chat-box li.float-left { padding-left: 50px; } .chat-box .popover .popover-content { font-size: 11px; line-height: 1.5em; padding: 5px; } .chat-box .chat-author img { width: 34px; min-width: 34px; } /* Notifications */ .notifications-box li .notification-text { display: block; overflow: hidden; width: 44%; white-space: nowrap; text-overflow: ellipsis; } .notifications-box li .notification-time { margin: 0; } /* Messages */ .messages-box li .messages-text { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } } /* === Mobile devices - Portrait (320px wide) === */ @media only screen and (min-width: 20em) { .hero-box, .hero-box-smaller { padding: 3em 0; } .hero-heading { font-size: 23px; } .hero-text { font-size: 18px; } .hero-btn { height: 40px; line-height: 36px; min-width: 200px; font-size: 16px; padding: 0 20px; margin: 20px auto 0; } .container { padding-left: 15px; padding-right: 15px; } .bg-holder { display: none; } .features-tour-box .bg-holder { display: none; } } /* === Mobile devices - Landscape (480px wide) === */ @media only screen and (min-width: 30em) { .hero-box { padding: 3em 0; } .hero-box-smaller { padding: 2em 0; } .hero-heading { font-size: 24px; } .hero-text { font-size: 19px; } .hero-btn { margin-bottom: 5px; } } /* === Tablet devices - Portrait (768px wide) === */ @media only screen and (min-width: 48em) { .hero-box { padding: 6em 0; } .hero-box-smaller { padding: 4em 0; } .hero-heading { font-size: 38px; } .hero-text { font-size: 24px; } .hero-btn { font-size: 23px; height: 80px; line-height: 77px; padding: 0 30px; min-width: 300px; margin: 20px auto 0; } body .top-bar .user-account-btn { display: block; } } /* === Tablet devices - Landscape (900px wide) === */ @media only screen and (min-width: 56.25em) { .hero-box { padding: 9em 0; } .hero-box-smaller { padding: 6em 0; } .hero-heading { font-size: 38px; } .hero-text { font-size: 24px; } .container { padding-left: 0; padding-right: 0; } body .main-header .header-nav.collapse { display: block; } body .right-header-btn .search-btn { display: block; } body #mobile-navigation { display: none; } .bg-holder { display: block; } } /* === Netbook devices (1100px wide) === */ @media only screen and (min-width: 68.75em) { .hero-box { padding: 13em 0; } .hero-box-smaller { padding: 6em 0; } .hero-heading { font-size: 42px; } .hero-text { font-size: 26px; } body .main-header .header-logo { width: 258px; } .features-tour-box .bg-holder { display: block; } } /* === Desktop devices (1300px wide) === */ @media only screen and (min-width: 81.25em) { .hero-box { padding: 14em 0; } .hero-box-smaller { padding: 6em 0; } .hero-heading { font-size: 42px; } .hero-text { font-size: 26px; } } /* === Desktop devices (1600px wide) === */ @media only screen and (min-width: 81.25em) { .hero-box { padding: 14em 0; } .hero-box-smaller { padding: 6em 0; } .hero-heading { font-size: 42px; } .hero-text { font-size: 26px; } } @media only screen and (max-width: 460px) { .box-sm { width: auto; } #page-content { padding: 10px; } #page-title { padding: 10px 0 15px; text-align: center; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { margin-bottom: 20px; } .content-box { margin-top: 0 !important; } .row.mrg20B { margin-bottom: 0 !important; } .timeline-box .popover { width: auto; } .header-buttons-separator, #progress-btn, #page-title p, .dashboard-box .list-grade, .tooltip .tooltip-arrow, .todo-box .btn, .todo-box .bs-label { display: none; } .cta-box-btn a { display: block; } .cta-box-btn a span { overflow: hidden; text-overflow: ellipsis; } .testimonial-box-big .testimonial-content { margin: 0; padding: 10px; } .testimonial-box-big .testimonial-content p { font-size: 14px; } .testimonial-box-big .testimonial-content .glyph-icon { font-size: 25px; } .feature-box .feature-img { display: none; } .feature-box .feature-content { padding: 0; } .features-tour-box, .xlarge-padding, .large-padding { padding: 25px 0; } .clients-title { font-size: 25px; padding: 0 10px; } .clients-desc { font-size: 22px; padding: 10px; } .tick-feature { display: block; text-align: left; } .tabs-nav li { display: block; margin: 5px; } }